website rev 707

css: small fix and clean-up
author Christophe Lincoln <pankso@slitaz.org>
date Tue Jan 04 23:41:00 2011 +0100 (2011-01-04)
parents cdf9a5fd5a54
children 5264a37b3867
files slitaz.css
line diff
     1.1 --- a/slitaz.css	Sat Jan 01 18:41:56 2011 +0100
     1.2 +++ b/slitaz.css	Tue Jan 04 23:41:00 2011 +0100
     1.3 @@ -1,6 +1,6 @@
     1.4  /*
     1.5  	CSS style for SliTaz GNU/Linux website
     1.6 -	www.slitaz.org - (c) 2007 Pankso
     1.7 +	www.slitaz.org - (c) 2011 Pankso
     1.8  */
     1.9  
    1.10  html {
    1.11 @@ -69,6 +69,8 @@
    1.12  	float: left;
    1.13  	left: 16px;
    1.14  	top: -10px;
    1.15 +	width: 200px;
    1.16 +	height: 74px;
    1.17  }
    1.18  
    1.19  /* Navigation */
    1.20 @@ -392,6 +394,12 @@
    1.21  	color: #390012;
    1.22  	background: transparent;
    1.23  }
    1.24 +	
    1.25 +h3 img { 
    1.26 +	vertical-align: middle;
    1.27 +	width: 20px;
    1.28 +	height: 20px;
    1.29 +}
    1.30  
    1.31  a {
    1.32  	text-decoration: underline;
    1.33 @@ -475,86 +483,6 @@
    1.34  }
    1.35  
    1.36  .year:after {
    1.37 -	/* content: "2007-2010"; */
    1.38 +	/* content: "2007-2011"; */
    1.39  	content: "2011";
    1.40  }
    1.41 -
    1.42 -/* Slideshow */
    1.43 -
    1.44 -@-webkit-keyframes 'AutoSlide' {
    1.45 -	0% {
    1.46 -		left: 0px; /*1ère image*/
    1.47 -	}
    1.48 -	10% {
    1.49 -		left: 0px; /*idem pour attente*/
    1.50 -	}
    1.51 -	25% {
    1.52 -		left: -240px; /*2ème image*/
    1.53 -	}
    1.54 -	35% {
    1.55 -		left: -240px; /*idem pour attente*/
    1.56 -	}
    1.57 -	70% {
    1.58 -		left: -480px; /*3ème image*/
    1.59 -	}
    1.60 -	75% {
    1.61 -		left: -480px; /*idem pour attente*/
    1.62 -	}
    1.63 -	80% {
    1.64 -		left: -720px; /*idem pour attente*/
    1.65 -	}
    1.66 -	90% {
    1.67 -		left: -720px; /*idem pour attente*/
    1.68 -	}
    1.69 -	100% {
    1.70 -		left: 0px; /*1ère image*/
    1.71 -	}
    1.72 -}
    1.73 -
    1.74 -#slidebox {
    1.75 -	margin: 10px 15%;
    1.76 -	padding: 8px;
    1.77 -	min-width: 300px;
    1.78 -	/* CSS3 transition */
    1.79 -	-webkit-transition-property: background-color;
    1.80 -	-webkit-transition-duration: 3s;
    1.81 -	-moz-transition-property: background-color;
    1.82 -	-moz-transition-duration: 3s;
    1.83 -	transition-property: background-color;
    1.84 -	transition-duration: 3s;
    1.85 -}
    1.86 -#slidebox:hover {
    1.87 -	-moz-box-shadow: 0 1px 3px #666;
    1.88 -	-webkit-box-shadow: 0 1px 3px #666;
    1.89 -	box-shadow: 0 1px 3px #666;
    1.90 -}
    1.91 -#slidebox:hover, #slidebox img {
    1.92 -	-moz-border-radius: 8px;
    1.93 -	-webkit-border-radius: 8px;
    1.94 -	border-radius: 8px;
    1.95 -}
    1.96 -
    1.97 -#slideshow {
    1.98 -	position: relative;
    1.99 -	width: 240px;
   1.100 -	height: 150px;
   1.101 -	margin:  10px auto;
   1.102 -	overflow: hidden;
   1.103 -}
   1.104 -
   1.105 -#sContent li {
   1.106 -	display: inline;
   1.107 -}
   1.108 -#sContent {
   1.109 -	position: absolute;
   1.110 -	top: 0;
   1.111 -	left: 0;
   1.112 -	width: 1000px;
   1.113 -	margin: 0;
   1.114 -	padding: 0;
   1.115 -	/*CSS3 keyframes animation*/
   1.116 -	-webkit-animation-name: AutoSlide;
   1.117 -	-webkit-animation-duration: 10s;
   1.118 -	-webkit-animation-iteration-count: infinite;
   1.119 -	-webkit-animation-timing-function: ease-in-out;
   1.120 -}