website diff slitaz.css @ rev 697
CSS: Main change to default style (match next cooking :-)
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Fri Dec 24 21:53:48 2010 +0100 (2010-12-24) |
parents | a1cd38534626 |
children | c9d7335eb96c |
line diff
1.1 --- a/slitaz.css Fri Dec 24 15:38:16 2010 +0100 1.2 +++ b/slitaz.css Fri Dec 24 21:53:48 2010 +0100 1.3 @@ -12,13 +12,14 @@ 1.4 color: black; 1.5 font: 13px sans-serif, vernada, arial; 1.6 margin: 0; 1.7 + border-top: 34px solid #f1f1f1; 1.8 } 1.9 1.10 /* Accessibility */ 1.11 1.12 #access { 1.13 position: absolute; 1.14 - top: 0px; 1.15 + top: 4px; 1.16 right: 0px; 1.17 text-align: right; 1.18 width: auto; 1.19 @@ -26,68 +27,55 @@ 1.20 padding: 4px 4px 4px 20px; 1.21 font-size: 11px; 1.22 font-weight: bold; 1.23 - /* CSS3 transition */ 1.24 - -webkit-transition-property: background-color; 1.25 - -webkit-transition-duration: 1s; 1.26 - -moz-transition-property: background-color; 1.27 - -moz-transition-duration: 1s; 1.28 - transition-property: background-color; 1.29 - transition-duration: 1s; 1.30 -} 1.31 - 1.32 -#access:hover { 1.33 - background-color: #b64b22; 1.34 - -moz-border-radius-bottomleft: 8px; 1.35 - -webkit-border-radius-bottomleft: 8px; 1.36 - border-bottom-left-radius: 8px; 1.37 - -moz-box-shadow: 0 1px 3px #666; 1.38 - -webkit-box-shadow: 0 1px 3px #666; 1.39 - box-shadow: 0 1px 3px #666; 1.40 } 1.41 1.42 #access a { 1.43 - background: inherit; 1.44 - color: white; 1.45 + background: transparent; 1.46 + color: #0F314E; 1.47 text-decoration: none; 1.48 } 1.49 1.50 #access a:hover { 1.51 background: inherit; 1.52 - color: #222222; 1.53 + color: #b64b22; 1.54 } 1.55 1.56 /* Header and title */ 1.57 1.58 #header{ 1.59 - background: #f0ba08 url(pics/website/header.png) repeat-x top; 1.60 + /*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/ 1.61 + background: #351a0a url(pics/website/header-img.png) no-repeat top right; 1.62 color: black; 1.63 width: 100%; 1.64 - height: 50px; 1.65 + height: 42px; 1.66 border-top: 1px solid black; 1.67 border-bottom: 1px solid black; 1.68 margin-bottom: 30px; 1.69 + -moz-box-shadow: 0 1px 5px #333; 1.70 + -webkit-box-shadow: 0 1px 5px #333; 1.71 + box-shadow: 0 1px 5px #333; 1.72 } 1.73 1.74 #titre { 1.75 position: absolute; 1.76 - font-size: 16px; 1.77 + font-size: 14px; 1.78 font-weight: bolder ; 1.79 - margin-left: 200px; 1.80 - margin-top: 28px; 1.81 + left: 180px; 1.82 + top: 4px; 1.83 } 1.84 1.85 #logo { 1.86 position: absolute; 1.87 float: left; 1.88 - margin-left: 16px; 1.89 - margin-top: 0px; 1.90 + left: 16px; 1.91 + top: -10px; 1.92 } 1.93 1.94 /* Navigation */ 1.95 1.96 #nav { 1.97 position: absolute; 1.98 - top: 76px; 1.99 + top: 102px; 1.100 right: 80px; 1.101 color: #555555; 1.102 float: right; 1.103 @@ -126,7 +114,7 @@ 1.104 } 1.105 1.106 #nav a:hover { 1.107 - color: #DF8F06; 1.108 + color: #b64b22; 1.109 text-decoration: none; 1.110 display: block; 1.111 } 1.112 @@ -301,19 +289,48 @@ 1.113 box-shadow: 0 1px 3px #666; 1.114 } 1.115 1.116 +.imagebox { 1.117 + margin: 0 20px; 1.118 + padding: 8px; 1.119 + background: transparent; 1.120 + text-align: center; 1.121 + /* CSS3 transition */ 1.122 + -webkit-transition-property: background-color; 1.123 + -webkit-transition-duration: 3s; 1.124 + -moz-transition-property: background-color; 1.125 + -moz-transition-duration: 3s; 1.126 + transition-property: background-color; 1.127 + transition-duration: 3s; 1.128 +} 1.129 + 1.130 +.imagebox:hover, .imagebox img { 1.131 + -moz-border-radius: 8px; 1.132 + -webkit-border-radius: 8px; 1.133 + border-radius: 8px; 1.134 + -moz-box-shadow: 0 1px 3px #666; 1.135 + -webkit-box-shadow: 0 1px 3px #666; 1.136 + box-shadow: 0 1px 3px #666; 1.137 +} 1.138 + 1.139 .block { 1.140 /*padding-bottom: 35%;*/ 1.141 color: black; 1.142 + min-height: 200px; 1.143 } 1.144 1.145 .block h3 img { 1.146 - padding: 2px; 1.147 + padding: 0 2px 2px 0; 1.148 + margin: 0; 1.149 +} 1.150 + 1.151 +.block ul { 1.152 + list-style-type: square; 1.153 } 1.154 1.155 .block_left { 1.156 width: 46%; 1.157 float: left; 1.158 - background-color: #f5f5f5; 1.159 + background-color: #eaeaea; 1.160 margin: 4px 2px; 1.161 padding: 0 6px; 1.162 } 1.163 @@ -321,7 +338,7 @@ 1.164 .block_right { 1.165 width: 46%; 1.166 float: right; 1.167 - background-color: #f5f5f5; 1.168 + background-color: #eaeaea; 1.169 margin: 4px 2px; 1.170 padding: 0 6px; 1.171 } 1.172 @@ -340,37 +357,39 @@ 1.173 -moz-transition-duration: 2s; 1.174 transition-property: background-color; 1.175 transition-duration: 2s; 1.176 + /* For browsers that don't support RGBa 1.177 + background: rgb(0, 0, 0);*/ 1.178 + /* RGBa with 0.6 opacity 1.179 + background: rgba(0, 0, 0, 0.2);*/ 1.180 } 1.181 1.182 -.block_left:hover, .block_right:hover { 1.183 +.block_left:hover, .block_right:hover, .imagebox:hover { 1.184 background-color: #f2b21d; 1.185 } 1.186 1.187 /* HTML styles */ 1.188 1.189 h1 { 1.190 - color: blue; 1.191 + color: #444444; 1.192 background: inherit; 1.193 text-align: left; 1.194 - margin: 0px 0px 10px 0px; 1.195 - font-size: 140%; 1.196 + margin: 0px 0px 2px 0px; 1.197 + font-size: 150%; 1.198 font-weight: bold; 1.199 } 1.200 1.201 h2 { 1.202 - color: #DF8F06; 1.203 - /* border-top: 1px solid #f3f3f3; */ 1.204 - border-left: 8px solid #f3f3f3; 1.205 - padding: 4px 0px 4px 4px; 1.206 + color: #b64b22; 1.207 + padding: 0; 1.208 margin: 0; 1.209 - font-size: 140%; 1.210 + font-size: 130%; 1.211 font-weight: bold; 1.212 } 1.213 1.214 h3 { 1.215 font-weight: bold; 1.216 - color: #6c0023; 1.217 - background: inherit; 1.218 + color: #390012; 1.219 + background: transparent; 1.220 } 1.221 1.222 a {