website diff slitaz.css @ rev 741
clean up CSS file: saved 1,2KB
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Sat Jan 15 04:37:48 2011 +0100 (2011-01-15) |
parents | 15734657b734 |
children | 13ba9f2d48da |
line diff
1.1 --- a/slitaz.css Fri Jan 14 07:52:11 2011 +0100 1.2 +++ b/slitaz.css Sat Jan 15 04:37:48 2011 +0100 1.3 @@ -1,12 +1,10 @@ 1.4 /* 1.5 - CSS style for SliTaz GNU/Linux website 1.6 - www.slitaz.org - (c) 2011 Pankso 1.7 + CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux 1.8 */ 1.9 1.10 html { 1.11 min-height: 102%; 1.12 } 1.13 - 1.14 body { 1.15 background: #ffffff; 1.16 color: black; 1.17 @@ -14,6 +12,9 @@ 1.18 margin: 0; 1.19 border-top: 34px solid #f1f1f1; 1.20 } 1.21 +a { text-decoration: underline; color: #103a5e; } 1.22 +a:hover { text-decoration: none; color: blue; } 1.23 +img { border: 0pt none; } 1.24 1.25 /* Accessibility */ 1.26 1.27 @@ -28,26 +29,17 @@ 1.28 font-size: 11px; 1.29 font-weight: bold; 1.30 } 1.31 - 1.32 #access a { 1.33 background: transparent; 1.34 color: #0F314E; 1.35 text-decoration: none; 1.36 } 1.37 +#access a:hover { color: #b64b22; } 1.38 +#access img { vertical-align: middle; } 1.39 1.40 -#access a:hover { 1.41 - background: inherit; 1.42 - color: #b64b22; 1.43 -} 1.44 - 1.45 -#access img { 1.46 - vertical-align: middle; 1.47 -} 1.48 - 1.49 -/* Header and title */ 1.50 +/* Header */ 1.51 1.52 #header { 1.53 - /*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/ 1.54 background: #351a0a url(pics/website/header-img.png) no-repeat top right; 1.55 color: black; 1.56 width: 100%; 1.57 @@ -56,7 +48,6 @@ 1.58 border-bottom: 1px solid #999; 1.59 margin-bottom: 33px; 1.60 } 1.61 - 1.62 #titre { 1.63 position: absolute; 1.64 font-size: 14px; 1.65 @@ -64,7 +55,6 @@ 1.66 left: 180px; 1.67 top: 4px; 1.68 } 1.69 - 1.70 #logo { 1.71 position: absolute; 1.72 float: left; 1.73 @@ -74,7 +64,7 @@ 1.74 height: 74px; 1.75 } 1.76 1.77 -/* Side bar Navigation */ 1.78 +/* Side bar */ 1.79 1.80 #nav { 1.81 position: absolute; 1.82 @@ -87,18 +77,6 @@ 1.83 text-align: left; 1.84 font-size: 12px; 1.85 } 1.86 - 1.87 -#nav .nav_box ul { 1.88 - list-style-type: none; 1.89 - margin: 0; 1.90 - padding: 10px 24px 10px 0px; 1.91 - background-color: inherit; 1.92 -} 1.93 - 1.94 -#nav li { 1.95 - display: inline; 1.96 -} 1.97 - 1.98 #nav h4 { 1.99 font-size: 120%; 1.100 color: #666666; 1.101 @@ -107,7 +85,6 @@ 1.102 padding: 0 0 1px 0; 1.103 border-bottom: 1px solid #cecece; 1.104 } 1.105 - 1.106 #nav a { 1.107 color: #0F314E; 1.108 background: inherit; 1.109 @@ -115,13 +92,18 @@ 1.110 text-decoration: none; 1.111 font-weight: bold; 1.112 } 1.113 - 1.114 #nav a:hover { 1.115 color: #b64b22; 1.116 text-decoration: none; 1.117 display: block; 1.118 } 1.119 - 1.120 +#nav .nav_box ul { 1.121 + list-style-type: none; 1.122 + margin: 0; 1.123 + padding: 10px 24px 10px 0px; 1.124 + background-color: inherit; 1.125 +} 1.126 +#nav li { display: inline; } 1.127 #nav ul { 1.128 -moz-border-radius: 8px; 1.129 -webkit-border-radius: 8px; 1.130 @@ -131,12 +113,104 @@ 1.131 padding: 10px 24px 10px 24px; 1.132 background-color: #eaeaea; 1.133 } 1.134 - 1.135 .nav_box { 1.136 margin: 10px 0; 1.137 padding: 10px 24px 10px 24px; 1.138 background-color: #eaeaea; 1.139 text-align: justify; 1.140 +} 1.141 +#nav .nav_box p { line-height: 1.3em; } 1.142 +#nav .nav_box p a { 1.143 + display: inline; 1.144 + font-weight: normal; 1.145 + text-decoration: underline; 1.146 +} 1.147 +#nav .nav_box p a:hover { 1.148 + text-decoration: none; 1.149 + color: blue; 1.150 + background: inherit; 1.151 +} 1.152 + 1.153 +/* Page content */ 1.154 + 1.155 +#content, #content-full { 1.156 + background: white; 1.157 + color: black; 1.158 + text-align: justify; 1.159 + height: auto; 1.160 +} 1.161 +#content, #content-full { 1.162 + margin: 6px 320px 0px 0px; 1.163 + padding: 0px 40px 60px 80px; 1.164 +} 1.165 +#content-full { 1.166 + margin: 0; 1.167 + padding: 0px 80px 40px 80px; 1.168 +} 1.169 +#content li, #content-full li { 1.170 + line-height: 1.5em; 1.171 + text-align: left; 1.172 +} 1.173 +#news li { 1.174 + list-style-type: square; 1.175 + border-bottom: 1px dotted #BEBEBE; 1.176 + margin-left: -25px; 1.177 + padding: 4px 0px 4px 0px; 1.178 +} 1.179 +#news a { text-decoration: none; } 1.180 + 1.181 +/* Box and block. */ 1.182 + 1.183 +.infobox { 1.184 + margin: 20px 60px; 1.185 + padding: 12px; 1.186 + background: #f8f8f8; 1.187 +} 1.188 +.infobox img { vertical-align: middle; } 1.189 +.infobox:hover { background-color: #FBFBFB; } 1.190 +.block { 1.191 + /*padding-bottom: 35%;*/ 1.192 + color: black; 1.193 + min-height: 200px; 1.194 + margin-bottom: 40px; 1.195 +} 1.196 +.block ul { 1.197 + list-style-type: none; 1.198 + margin: 0; 1.199 + padding: 0 20px; 1.200 +} 1.201 +.block_left { 1.202 + width: 46%; 1.203 + float: left; 1.204 + background-color: #eaeaea; 1.205 + margin: 4px 2px; 1.206 + padding: 0 10px 10px 10px; 1.207 +} 1.208 +.block_right { 1.209 + width: 46%; 1.210 + float: right; 1.211 + background-color: #eaeaea; 1.212 + margin: 4px 2px; 1.213 + padding: 0 10px 10px 10px; 1.214 +} 1.215 +#block_top { 1.216 + color: black; 1.217 + background-color: #eaeaea; 1.218 + min-height: 180px; 1.219 + margin-bottom: 40px; 1.220 + margin-right: 340px; 1.221 + padding: 0 10px; 1.222 +} 1.223 +#block_nav { 1.224 + width: 300px; 1.225 + min-height: 180px; 1.226 + float: right; 1.227 + background-color: #eaeaea; 1.228 + margin: 0; 1.229 + padding: 0 10px; 1.230 +} 1.231 +.nav_box, .infobox, .block_left, .block_right, #block_top, 1.232 +#block_nav, #footer { 1.233 -moz-border-radius: 8px; 1.234 -webkit-border-radius: 8px; 1.235 border-radius: 8px; 1.236 @@ -151,171 +225,20 @@ 1.237 transition-property: background-color; 1.238 transition-duration: 2s; 1.239 } 1.240 - 1.241 -.nav_box:hover { background-color: #f8f8f8; } 1.242 - 1.243 -#nav .nav_box p { 1.244 - line-height: 1.3em; 1.245 -} 1.246 - 1.247 -#nav .nav_box p a { 1.248 - display: inline; 1.249 - font-weight: normal; 1.250 - text-decoration: underline; 1.251 -} 1.252 - 1.253 -#nav .nav_box p a:hover { 1.254 - text-decoration: none; 1.255 - color: blue; 1.256 - background: inherit; 1.257 -} 1.258 - 1.259 -/* Page content */ 1.260 - 1.261 -#content { 1.262 - background: white; 1.263 - color: black; 1.264 - text-align: justify; 1.265 - height: auto; 1.266 - margin: 6px 320px 0px 0px; 1.267 - padding: 0px 40px 60px 80px; 1.268 -} 1.269 - 1.270 -#content-full { 1.271 - background: white; 1.272 - color: black; 1.273 - text-align: justify; 1.274 - height: auto; 1.275 - margin: 0; 1.276 - padding: 0px 80px 40px 80px; 1.277 -} 1.278 - 1.279 -#content li, #content-full li { 1.280 - line-height: 1.5em; 1.281 - text-align: left; 1.282 -} 1.283 - 1.284 -#news li { 1.285 - list-style-type: square; 1.286 - border-bottom: 1px dotted #BEBEBE; 1.287 - margin-left: -25px; 1.288 - padding: 4px 0px 4px 0px; 1.289 -} 1.290 - 1.291 -#news a { 1.292 - text-decoration: none; 1.293 -} 1.294 - 1.295 -#gallery { 1.296 - text-align: center; 1.297 -} 1.298 - 1.299 -/* Box and block. */ 1.300 - 1.301 -.infobox { 1.302 - margin: 20px 60px; 1.303 - padding: 12px; 1.304 - background: #f8f8f8; 1.305 -} 1.306 - 1.307 -.infobox img { vertical-align: middle; } 1.308 -/* .infobox:hover { background-color: #f2b21d; } */ 1.309 -.infobox:hover { background-color: #FBFBFB; } 1.310 - 1.311 -.block { 1.312 - /*padding-bottom: 35%;*/ 1.313 - color: black; 1.314 - min-height: 200px; 1.315 - margin-bottom: 40px; 1.316 -} 1.317 - 1.318 -.block ul { 1.319 - list-style-type: none; 1.320 - margin: 0; 1.321 - padding: 0 20px; 1.322 -} 1.323 - 1.324 -.block_left { 1.325 - width: 46%; 1.326 - float: left; 1.327 - background-color: #eaeaea; 1.328 - margin: 4px 2px; 1.329 - padding: 0 10px 10px 10px; 1.330 -} 1.331 - 1.332 -.block_right { 1.333 - width: 46%; 1.334 - float: right; 1.335 - background-color: #eaeaea; 1.336 - margin: 4px 2px; 1.337 - padding: 0 10px 10px 10px; 1.338 -} 1.339 - 1.340 -#block_top { 1.341 - color: black; 1.342 - background-color: #eaeaea; 1.343 - min-height: 180px; 1.344 - margin-bottom: 40px; 1.345 - margin-right: 340px; 1.346 - padding: 0 10px; 1.347 -} 1.348 - 1.349 -#block_nav { 1.350 - width: 300px; 1.351 - min-height: 180px; 1.352 - float: right; 1.353 - background-color: #eaeaea; 1.354 - margin: 0; 1.355 - padding: 0 10px; 1.356 -} 1.357 - 1.358 -.infobox, .block_left, .block_right, #block_top, #block_nav, #footer { 1.359 - -moz-border-radius: 8px; 1.360 - -webkit-border-radius: 8px; 1.361 - border-radius: 8px; 1.362 - -moz-box-shadow: 0 1px 3px #666; 1.363 - -webkit-box-shadow: 0 1px 3px #666; 1.364 - box-shadow: 0 1px 3px #666; 1.365 - /* CSS3 transition */ 1.366 - -webkit-transition-property: background-color; 1.367 - -webkit-transition-duration: 2s; 1.368 - -moz-transition-property: background-color; 1.369 - -moz-transition-duration: 2s; 1.370 - transition-property: background-color; 1.371 - transition-duration: 2s; 1.372 -} 1.373 - 1.374 -#block_nav { 1.375 - font-weight: bold; 1.376 -} 1.377 - 1.378 -#block_nav a { 1.379 - text-decoration: none; 1.380 -} 1.381 - 1.382 -#block_nav li a:hover { 1.383 - color: #b64b22; 1.384 -} 1.385 - 1.386 -#block_nav ul { 1.387 - margin: 0; 1.388 - list-style-type: none; 1.389 -} 1.390 - 1.391 -#block_nav h3 { 1.392 - font-size: 110%; 1.393 -} 1.394 - 1.395 -.block_left:hover, .block_right:hover, #block_top:hover, 1.396 -#block_nav:hover, #footer:hover { 1.397 +#block_nav { font-weight: bold; } 1.398 +#block_nav a { text-decoration: none; } 1.399 +#block_nav li a:hover { color: #b64b22; } 1.400 +#block_nav ul { margin: 0; list-style-type: none; } 1.401 +#block_nav h3 { font-size: 110%; } 1.402 +.nav_box:hover, .block_left:hover, .block_right:hover, 1.403 +#block_top:hover, #block_nav:hover, #footer:hover { 1.404 background-color: #f8f8f8; 1.405 } 1.406 - 1.407 .right_box { 1.408 width: 50%; 1.409 float: right; 1.410 } 1.411 - 1.412 +/* Text transform at 45deg */ 1.413 .floor { 1.414 color: #999999; 1.415 font-size: 20px; 1.416 @@ -325,7 +248,6 @@ 1.417 -ms-transform: rotate(-45deg) skew(15deg, 15deg); 1.418 transform: rotate(-45deg) skew(15deg, 15deg); 1.419 } 1.420 - 1.421 #twitter, .feedbox { 1.422 margin-top: 20px; 1.423 -moz-border-radius: 8px; 1.424 @@ -335,24 +257,20 @@ 1.425 -webkit-box-shadow: 0 1px 3px #666; 1.426 box-shadow: 0 1px 3px #666; 1.427 } 1.428 - 1.429 .feedbox { 1.430 background-color: #f9f9f9; 1.431 padding: 10px 20px; 1.432 margin: 20px 100px; 1.433 } 1.434 - 1.435 .feedbox div { 1.436 height: 320px; 1.437 overflow: auto; 1.438 } 1.439 - 1.440 .feedbox ul { list-style-type: none; margin: 0; } 1.441 1.442 /* Button */ 1.443 1.444 .button { margin-left: 20px; } 1.445 - 1.446 .button a { 1.447 background-color: #b64b22; 1.448 color: #ffffff; 1.449 @@ -366,12 +284,10 @@ 1.450 -webkit-box-shadow: 0 1px 3px #666; 1.451 box-shadow: 0 1px 3px #666; 1.452 } 1.453 - 1.454 .button a:hover, input[type=submit]:hover { 1.455 background-color: #a3431f; 1.456 color: #ffffff; 1.457 } 1.458 - 1.459 input[type=submit] { 1.460 border: 1px solid #b64b22; 1.461 background-color: #b64b22; 1.462 @@ -388,7 +304,6 @@ 1.463 box-shadow: 0 0 5px #666; 1.464 margin-left: -5px; 1.465 } 1.466 - 1.467 input[type=text] { 1.468 border: 1px solid #333333; 1.469 padding: 3px; 1.470 @@ -414,7 +329,7 @@ 1.471 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; } 1.472 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; } 1.473 1.474 -/* Slideshow. */ 1.475 +/* Slideshow and gallery */ 1.476 1.477 #slideshow 1.478 { 1.479 @@ -424,13 +339,13 @@ 1.480 width: 260px; 1.481 height: 163px; 1.482 } 1.483 - 1.484 #slideshow img 1.485 { 1.486 border: 0; 1.487 width: 260px; 1.488 height: 163px; 1.489 } 1.490 +#gallery { text-align: center; } 1.491 1.492 /* HTML styles */ 1.493 1.494 @@ -443,7 +358,6 @@ 1.495 font-weight: bold; 1.496 padding: 5px 0 0 10px; 1.497 } 1.498 - 1.499 h2 { 1.500 color: #b64b22; 1.501 padding: 0; 1.502 @@ -451,79 +365,28 @@ 1.503 font-size: 130%; 1.504 font-weight: bold; 1.505 } 1.506 - 1.507 h3 { 1.508 font-weight: bold; 1.509 color: #666666; 1.510 background: transparent; 1.511 } 1.512 - 1.513 h3 img, h2 img { 1.514 vertical-align: middle; 1.515 width: 20px; 1.516 height: 20px; 1.517 padding-right: 4px; 1.518 } 1.519 - 1.520 -a { 1.521 - text-decoration: underline; 1.522 - color: #103A5E; 1.523 - background: inherit; 1.524 -} 1.525 - 1.526 -a:hover { 1.527 - text-decoration: none; 1.528 - color: blue; 1.529 - background: inherit; 1.530 -} 1.531 - 1.532 -code { 1.533 +code, tt { 1.534 font-size: 12px; 1.535 color: #669900; 1.536 - background: inherit; 1.537 } 1.538 - 1.539 -tt { 1.540 - color: #15EE15; 1.541 - background: inherit; 1.542 -} 1.543 - 1.544 -img { 1.545 - border: 0pt none; 1.546 -} 1.547 - 1.548 -fieldset { 1.549 - background: #E2ECf6; 1.550 - color: black; 1.551 - margin-top: 25px; 1.552 - border: 1px solid black; 1.553 -} 1.554 - 1.555 -legend { 1.556 - border: 1px solid black; 1.557 - color: #6c0023; 1.558 - background: #eaeaea; 1.559 - font-weight: bold; 1.560 -} 1.561 - 1.562 -pre { 1.563 - padding: 5px; 1.564 - color: black; 1.565 - background: #E1E0B0; 1.566 -} 1.567 - 1.568 -pre.script { 1.569 +pre, pre.script { 1.570 padding: 10px; 1.571 color: black; 1.572 background: #E8E8E8; 1.573 border: 1px inset #606060; 1.574 } 1.575 1.576 -textarea { 1.577 - background: #E5E5E5; 1.578 - margin-top: 12px; 1.579 -} 1.580 - 1.581 /* Packages pages */ 1.582 1.583 .pkg_nav { 1.584 @@ -531,13 +394,11 @@ 1.585 margin-top: 10px; 1.586 padding-top: 10px; 1.587 } 1.588 - 1.589 pre.package { 1.590 padding: 0px; 1.591 color: black; 1.592 background: white; 1.593 } 1.594 - 1.595 p.get { 1.596 text-align: center; 1.597 padding: 10px; 1.598 @@ -548,22 +409,15 @@ 1.599 -moz-border-radius: 4px; 1.600 -webkit-border-radius: 4px; 1.601 } 1.602 - 1.603 p.get a { 1.604 font-weight: bold; 1.605 text-decoration: none; 1.606 } 1.607 - 1.608 .pkgs-search { 1.609 text-align: center; 1.610 padding: 40px 20px 80px 20px; 1.611 } 1.612 1.613 -.year:after { 1.614 - /* content: "2007-2011"; */ 1.615 - content: "2011"; 1.616 -} 1.617 - 1.618 /* Footer */ 1.619 1.620 #footer { 1.621 @@ -580,21 +434,13 @@ 1.622 -webkit-box-shadow: 0 1px 3px #666; 1.623 box-shadow: 0 1px 3px #666; 1.624 } 1.625 -#footer a { 1.626 - background: inherit; 1.627 - color: #666666; 1.628 +#footer a { color: #666666; } 1.629 +#footer a:hover { color: #333333; } 1.630 +#footer ul { list-style-type: none; } 1.631 +#footer li { padding: 2px; } 1.632 +#footer h4 { margin: 0 20px; font-size: 125%; } 1.633 + 1.634 +.year:after { 1.635 + /* content: "2007-2011"; */ 1.636 + content: "2011"; 1.637 } 1.638 -#footer a:hover { 1.639 - background: inherit; 1.640 - color: #333333; 1.641 -} 1.642 -#footer ul { 1.643 - list-style-type: none; 1.644 -} 1.645 -#footer li { 1.646 - padding: 2px; 1.647 -} 1.648 -#footer h4 { 1.649 - margin: 0 20px; 1.650 - font-size: 125%; 1.651 -}