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 -}