SliTaz Repositories

     1.1 --- a/slitaz.css	Fri Dec 24 21:53:48 2010 +0100
     1.2 +++ b/slitaz.css	Sat Dec 25 01:09:50 2010 +0100
     1.3 @@ -147,7 +147,7 @@
     1.4  	box-shadow: 0 1px 3px #666;
     1.5  	/* CSS3 transition */
     1.6  	-webkit-transition-property: background-color;
     1.7 -	-webkit-transition-duration: 2s;	
     1.8 +	-webkit-transition-duration: 2s;
     1.9  	-moz-transition-property: background-color;
    1.10  	-moz-transition-duration: 2s;
    1.11  	transition-property: background-color;
    1.12 @@ -296,7 +296,7 @@
    1.13  	text-align: center;
    1.14  	/* CSS3 transition */
    1.15  	-webkit-transition-property: background-color;
    1.16 -	-webkit-transition-duration: 3s;	
    1.17 +	-webkit-transition-duration: 3s;
    1.18  	-moz-transition-property: background-color;
    1.19  	-moz-transition-duration: 3s;
    1.20  	transition-property: background-color;
    1.21 @@ -352,14 +352,14 @@
    1.22  	box-shadow: 0 1px 3px #666;
    1.23  	/* CSS3 transition */
    1.24  	-webkit-transition-property: background-color;
    1.25 -	-webkit-transition-duration: 2s;	
    1.26 +	-webkit-transition-duration: 2s;
    1.27  	-moz-transition-property: background-color;
    1.28  	-moz-transition-duration: 2s;
    1.29  	transition-property: background-color;
    1.30  	transition-duration: 2s;
    1.31 -	/* For browsers that don't support RGBa 
    1.32 +	/* For browsers that don't support RGBa
    1.33  	background: rgb(0, 0, 0);*/
    1.34 -	/* RGBa with 0.6 opacity 
    1.35 +	/* RGBa with 0.6 opacity
    1.36  	background: rgba(0, 0, 0, 0.2);*/
    1.37  }
    1.38  
    1.39 @@ -381,7 +381,7 @@
    1.40  h2 {
    1.41  	color: #b64b22;
    1.42  	padding: 0;
    1.43 -	margin: 0;
    1.44 +	margin: 4px 0 0 0;
    1.45  	font-size: 130%;
    1.46  	font-weight: bold;
    1.47  }
    1.48 @@ -477,3 +477,64 @@
    1.49  	/* content: "2007-2010"; */
    1.50  	content: "2010";
    1.51  }
    1.52 +
    1.53 +/* Slideshow */
    1.54 +
    1.55 +@-webkit-keyframes 'AutoSlide' {
    1.56 +	0% {
    1.57 +		left: 0px; /*1ère image*/
    1.58 +	}
    1.59 +	15% {
    1.60 +		left: 0px; /*idem pour attente*/
    1.61 +	}
    1.62 +	35% {
    1.63 +		left: -232px; /*2ème image*/
    1.64 +	}
    1.65 +	50% {
    1.66 +		left: -232px; /*idem pour attente*/
    1.67 +	}
    1.68 +	70% {
    1.69 +		left: -300px; /*3ème image*/
    1.70 +	}
    1.71 +	75% {
    1.72 +		left: -300px; /*idem pour attente*/
    1.73 +	}
    1.74 +	80% {
    1.75 +		left: -464px; /*idem pour attente*/
    1.76 +	}
    1.77 +	90% {
    1.78 +		left: -464px; /*idem pour attente*/
    1.79 +	}
    1.80 +	100% {
    1.81 +		left: 0px; /*1ère image*/
    1.82 +	}
    1.83 +}
    1.84 +
    1.85 +#slideshow {
    1.86 +	position: relative;
    1.87 +	width: 232px;
    1.88 +	height: 174px;
    1.89 +	margin: 8px auto;
    1.90 +	overflow: hidden;
    1.91 +}
    1.92 +#slideshow img {
    1.93 +	-moz-border-radius: 6px;
    1.94 +	-webkit-border-radius: 6px;
    1.95 +	border-radius: 6px;
    1.96 +}
    1.97 +#sContent li {
    1.98 +	display: inline;
    1.99 +}
   1.100 +#sContent {
   1.101 +	position: absolute;
   1.102 +	top: 0;
   1.103 +	left: 0;
   1.104 +	width: 800px;
   1.105 +	margin: 0;
   1.106 +	padding: 0;
   1.107 +	/*CSS3 keyframes animation*/
   1.108 +	-webkit-animation-name: AutoSlide;
   1.109 +	-webkit-animation-duration: 10s;
   1.110 +	-webkit-animation-iteration-count: infinite;
   1.111 +	-webkit-animation-timing-function: ease-in-out;
   1.112 +}