slitaz-forge diff tank/web/slitaz.css @ rev 57
cp -a for a dir...
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Fri Apr 08 19:12:32 2011 +0200 (2011-04-08) |
parents | 33479b294b31 |
children | 38815f7d58ac |
line diff
1.1 --- a/tank/web/slitaz.css Wed Feb 23 22:16:38 2011 +0000 1.2 +++ b/tank/web/slitaz.css Fri Apr 08 19:12:32 2011 +0200 1.3 @@ -1,6 +1,5 @@ 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 @@ -12,187 +11,145 @@ 1.12 color: black; 1.13 font: 13px sans-serif, vernada, arial; 1.14 margin: 0; 1.15 - border-top: 34px solid #f1f1f1; 1.16 + min-width: 900px; 1.17 } 1.18 1.19 -/* Accessibility */ 1.20 - 1.21 -#access { 1.22 - position: absolute; 1.23 - top: 4px; 1.24 - right: 0px; 1.25 - text-align: right; 1.26 - width: auto; 1.27 - margin: 0; 1.28 - padding: 4px 4px 4px 20px; 1.29 - font-size: 11px; 1.30 - font-weight: bold; 1.31 +a { text-decoration: underline; color: #215090; } 1.32 +a:hover { text-decoration: none; color: blue; } 1.33 +img { border: 0pt none; vertical-align: middle; } 1.34 +h2 { color: #444; } 1.35 +h3 { color: #666; font-size: 140%; } 1.36 +h4 { color: #888; font-size: 120%; } 1.37 +pre { 1.38 + background-color: #f8f8f8; 1.39 + border: 1px solid #ddd; 1.40 + padding: 10px; 1.41 } 1.42 1.43 -#access a { 1.44 - background: transparent; 1.45 - color: #0F314E; 1.46 +/* Header */ 1.47 + 1.48 +#header { 1.49 + height: 40px; 1.50 + background: #351a0a; 1.51 +} 1.52 + 1.53 +#header h1 { 1.54 + margin: 0; 1.55 + padding: 8px 0 0 42px; 1.56 + width: 250px; 1.57 +} 1.58 + 1.59 +#header h1 a { 1.60 + color: white; 1.61 + text-decoration: none; 1.62 + font-size: 20px; 1.63 + font-style: italic; 1.64 +} 1.65 + 1.66 +#header h1 a:hover, #network a:hover { 1.67 + color: #d66018; 1.68 +} 1.69 + 1.70 +/* Logo */ 1.71 + 1.72 +#logo { 1.73 + background: url(images/logo.png) no-repeat left; 1.74 + position: absolute; 1.75 + float: left; 1.76 + left: 0px; 1.77 + top: 0px; 1.78 + width: 40px; 1.79 + height: 40px; 1.80 +} 1.81 + 1.82 +/* SliTaz Network */ 1.83 + 1.84 +#network { 1.85 + float: right; 1.86 + padding: 10px 5px 0; 1.87 + font-size: 12px; 1.88 +} 1.89 + 1.90 +#network a { padding: 0 6px; } 1.91 + 1.92 +/* Block */ 1.93 + 1.94 +#block { 1.95 + min-height: 200px; 1.96 + background: #d66018; 1.97 + padding: 26px 10% 0px; 1.98 + text-align: center; 1.99 + color: #333; 1.100 + border-bottom: 1px solid #f5f5f5; 1.101 +} 1.102 + 1.103 +#block_info { 1.104 + text-align: justify; 1.105 + width: 48%; 1.106 + padding: 10px 10px 0 0; 1.107 +} 1.108 + 1.109 +#block a, #network a { 1.110 + color: #fff; 1.111 + font-weight: bold; 1.112 text-decoration: none; 1.113 } 1.114 1.115 -#access a:hover { 1.116 - background: inherit; 1.117 - color: #b64b22; 1.118 +#block h4 { 1.119 + color: #351a0a; 1.120 + margin: 0px; 1.121 + font-weight: bold; 1.122 + font-size: 110%; 1.123 } 1.124 1.125 -#access img { 1.126 - vertical-align: middle; 1.127 +#block_info p { margin: 6px 0; padding: 0 12px 0 0; } 1.128 +#block_info a { font-weight: normal; } 1.129 +#block ul { list-style-type: square; } 1.130 +#block a:hover { color: #351a0a; } 1.131 + 1.132 +/* Navigation */ 1.133 + 1.134 +#block_nav { 1.135 + background: #cc5b17; 1.136 + padding: 10px 10px 40px; 1.137 + text-align: justify; 1.138 + width: 48%; 1.139 + float: right; 1.140 } 1.141 1.142 -/* Header and title */ 1.143 - 1.144 -#header { 1.145 - /*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/ 1.146 - background: #351a0a url(pics/website/header-img.png) no-repeat top right; 1.147 - color: black; 1.148 - width: 100%; 1.149 - height: 42px; 1.150 - border-top: 1px solid black; 1.151 - border-bottom: 1px solid #999; 1.152 - margin-bottom: 33px; 1.153 +#block_nav ul { 1.154 + list-style-type: none; 1.155 + margin: 6px 0; 1.156 + padding: 0; 1.157 } 1.158 1.159 -#titre { 1.160 - position: absolute; 1.161 - font-size: 14px; 1.162 - font-weight: bolder ; 1.163 - left: 180px; 1.164 - top: 4px; 1.165 +#block_nav h4 img { 1.166 + margin: 0 4px 0 0; 1.167 + padding: 0; 1.168 } 1.169 1.170 -#logo { 1.171 - position: absolute; 1.172 - float: left; 1.173 - left: 16px; 1.174 - top: -10px; 1.175 - width: 200px; 1.176 - height: 74px; 1.177 +/* Languages */ 1.178 + 1.179 +#lang { 1.180 + float: right; 1.181 + padding: 6px; 1.182 + font-size: 11px; 1.183 } 1.184 1.185 -/* Side bar Navigation */ 1.186 - 1.187 -#nav { 1.188 - position: absolute; 1.189 - top: 102px; 1.190 - right: 80px; 1.191 - color: #555555; 1.192 - float: right; 1.193 - width: 250px; 1.194 - line-height: 1.5em; 1.195 - text-align: left; 1.196 - font-size: 12px; 1.197 +#lang a { 1.198 + text-decoration: none; 1.199 + padding: 0 2px; 1.200 } 1.201 1.202 -#nav .nav_box ul { 1.203 - list-style-type: none; 1.204 - margin: 0; 1.205 - padding: 10px 24px 10px 0px; 1.206 - background-color: inherit; 1.207 -} 1.208 - 1.209 -#nav li { 1.210 - display: inline; 1.211 -} 1.212 - 1.213 -#nav h4 { 1.214 - font-size: 120%; 1.215 - color: #666666; 1.216 - font-weight: bold; 1.217 - margin: 0; 1.218 - padding: 0 0 1px 0; 1.219 - border-bottom: 1px solid #cecece; 1.220 -} 1.221 - 1.222 -#nav a { 1.223 - color: #0F314E; 1.224 - background: inherit; 1.225 - display: block; 1.226 - text-decoration: none; 1.227 - font-weight: bold; 1.228 -} 1.229 - 1.230 -#nav a:hover { 1.231 - color: #b64b22; 1.232 - text-decoration: none; 1.233 - display: block; 1.234 -} 1.235 - 1.236 -#nav ul { 1.237 - -moz-border-radius: 8px; 1.238 - -webkit-border-radius: 8px; 1.239 - border-radius: 8px; 1.240 - list-style-type: none; 1.241 - margin: 10px 0; 1.242 - padding: 10px 24px 10px 24px; 1.243 - background-color: #eaeaea; 1.244 -} 1.245 - 1.246 -.nav_box { 1.247 - margin: 10px 0; 1.248 - padding: 10px 24px 10px 24px; 1.249 - background-color: #eaeaea; 1.250 - text-align: justify; 1.251 - -moz-border-radius: 8px; 1.252 - -webkit-border-radius: 8px; 1.253 - border-radius: 8px; 1.254 - -moz-box-shadow: 0 1px 3px #666; 1.255 - -webkit-box-shadow: 0 1px 3px #666; 1.256 - box-shadow: 0 1px 3px #666; 1.257 - /* CSS3 transition */ 1.258 - -webkit-transition-property: background-color; 1.259 - -webkit-transition-duration: 2s; 1.260 - -moz-transition-property: background-color; 1.261 - -moz-transition-duration: 2s; 1.262 - transition-property: background-color; 1.263 - transition-duration: 2s; 1.264 -} 1.265 - 1.266 -.nav_box:hover { background-color: #f8f8f8; } 1.267 - 1.268 -#nav .nav_box p { 1.269 - line-height: 1.3em; 1.270 -} 1.271 - 1.272 -#nav .nav_box p a { 1.273 - display: inline; 1.274 - font-weight: normal; 1.275 +#lang a:hover { 1.276 text-decoration: underline; 1.277 } 1.278 1.279 -#nav .nav_box p a:hover { 1.280 - text-decoration: none; 1.281 - color: blue; 1.282 - background: inherit; 1.283 -} 1.284 - 1.285 -/* Page content */ 1.286 +/* Content */ 1.287 1.288 #content { 1.289 - background: white; 1.290 - color: black; 1.291 + padding: 30px 80px; 1.292 text-align: justify; 1.293 - height: auto; 1.294 - margin: 6px 320px 0px 0px; 1.295 - padding: 0px 40px 60px 80px; 1.296 -} 1.297 - 1.298 -#content-full { 1.299 - background: white; 1.300 - color: black; 1.301 - text-align: justify; 1.302 - height: auto; 1.303 - margin: 0; 1.304 - padding: 0px 80px 40px 80px; 1.305 -} 1.306 - 1.307 -#content li, #content-full li { 1.308 - line-height: 1.5em; 1.309 - text-align: left; 1.310 } 1.311 1.312 #news li { 1.313 @@ -202,81 +159,69 @@ 1.314 padding: 4px 0px 4px 0px; 1.315 } 1.316 1.317 -#news a { 1.318 - text-decoration: none; 1.319 +#news a, .feed-grid a { text-decoration: none; } 1.320 +#news p a { text-decoration: underline; } 1.321 +#news p a:hover { text-decoration: none; } 1.322 +#twitter { margin: 20px 0; } 1.323 +#gallery { text-align: center; } 1.324 + 1.325 +/* Classes */ 1.326 + 1.327 +.right_box { width: 48%; float: right; } 1.328 +.left_box { width: 48%; float: left; } 1.329 + 1.330 +.box { 1.331 + margin: 20px 60px; 1.332 + padding: 12px; 1.333 + background: #efefef; 1.334 + border: 1px solid #ddd; 1.335 } 1.336 1.337 -#gallery { 1.338 +.searchbox { 1.339 + margin: 20px 80px; 1.340 + padding: 12px; 1.341 + background: #f8f8f8; 1.342 text-align: center; 1.343 + border: 1px solid #ddd; 1.344 } 1.345 1.346 -/* Box and block. */ 1.347 +.feed-grid { height: 180px; overflow: hidden; text-align: left; } 1.348 +.feed-grid h3 { 1.349 + margin: 15px 0 0; font-size: 16px; 1.350 + padding: 0 22px; 1.351 + background: url(images/feed.png) no-repeat left; } 1.352 +.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; } 1.353 +.feed-grid ul { color: #666; } 1.354 +.feed-grid a { color: #666; } 1.355 +.feed-grid a:hover { color: blue; } 1.356 1.357 -.infobox { 1.358 - margin: 20px 60px; 1.359 - padding: 12px; 1.360 - background: #f8f8f8; 1.361 +/* Button */ 1.362 + 1.363 +.button a { 1.364 + background-color: #b64b22; 1.365 + color: #ffffff; 1.366 + margin-right: 6px; 1.367 + padding: 6px 10px; 1.368 + font-size: 12px; 1.369 + text-decoration: none; 1.370 + font-weight: bold; 1.371 +} 1.372 +.button a:hover, input[type=submit]:hover { 1.373 + background-color: #a3431f; 1.374 + color: #ffffff; 1.375 } 1.376 1.377 -.infobox img { vertical-align: middle; } 1.378 -/* .infobox:hover { background-color: #f2b21d; } */ 1.379 -.infobox:hover { background-color: #FBFBFB; } 1.380 +/* Round corner */ 1.381 1.382 -.block { 1.383 - /*padding-bottom: 35%;*/ 1.384 - color: black; 1.385 - min-height: 200px; 1.386 - margin-bottom: 40px; 1.387 +#block_nav, pre, .box, .searchbox, .button a, #twitter { 1.388 + -moz-border-radius: 4px; 1.389 + -webkit-border-radius: 4px; 1.390 + border-radius: 4px; 1.391 } 1.392 1.393 -.block ul { 1.394 - list-style-type: none; 1.395 - margin: 0; 1.396 - padding: 0 20px; 1.397 -} 1.398 +/* Transition */ 1.399 1.400 -.block_left { 1.401 - width: 46%; 1.402 - float: left; 1.403 - background-color: #eaeaea; 1.404 - margin: 4px 2px; 1.405 - padding: 0 10px 10px 10px; 1.406 -} 1.407 - 1.408 -.block_right { 1.409 - width: 46%; 1.410 - float: right; 1.411 - background-color: #eaeaea; 1.412 - margin: 4px 2px; 1.413 - padding: 0 10px 10px 10px; 1.414 -} 1.415 - 1.416 -#block_top { 1.417 - color: black; 1.418 - background-color: #eaeaea; 1.419 - min-height: 180px; 1.420 - margin-bottom: 40px; 1.421 - margin-right: 340px; 1.422 - padding: 0 10px; 1.423 -} 1.424 - 1.425 -#block_nav { 1.426 - width: 300px; 1.427 - min-height: 180px; 1.428 - float: right; 1.429 - background-color: #eaeaea; 1.430 - margin: 0; 1.431 - padding: 0 10px; 1.432 -} 1.433 - 1.434 -.infobox, .block_left, .block_right, #block_top, #block_nav, #footer { 1.435 - -moz-border-radius: 8px; 1.436 - -webkit-border-radius: 8px; 1.437 - border-radius: 8px; 1.438 - -moz-box-shadow: 0 1px 3px #666; 1.439 - -webkit-box-shadow: 0 1px 3px #666; 1.440 - box-shadow: 0 1px 3px #666; 1.441 - /* CSS3 transition */ 1.442 +.box { 1.443 -webkit-transition-property: background-color; 1.444 -webkit-transition-duration: 2s; 1.445 -moz-transition-property: background-color; 1.446 @@ -285,69 +230,7 @@ 1.447 transition-duration: 2s; 1.448 } 1.449 1.450 -#block_nav { 1.451 - font-weight: bold; 1.452 -} 1.453 - 1.454 -#block_nav a { 1.455 - text-decoration: none; 1.456 -} 1.457 - 1.458 -#block_nav li a:hover { 1.459 - color: #b64b22; 1.460 -} 1.461 - 1.462 -#block_nav ul { 1.463 - margin: 0; 1.464 - list-style-type: none; 1.465 -} 1.466 - 1.467 -#block_nav h3 { 1.468 - font-size: 110%; 1.469 -} 1.470 - 1.471 -.block_left:hover, .block_right:hover, #block_top:hover, 1.472 -#block_nav:hover, #footer:hover { 1.473 - background-color: #f8f8f8; 1.474 -} 1.475 - 1.476 -.right_box { 1.477 - width: 50%; 1.478 - float: right; 1.479 -} 1.480 - 1.481 -.floor { 1.482 - color: #999999; 1.483 - font-size: 20px; 1.484 - -webkit-transform: rotate(-45deg) skew(15deg, 15deg); 1.485 - -moz-transform: rotate(-45deg) skew(15deg, 15deg); 1.486 - -o-transform: rotate(-45deg) skew(15deg, 15deg); 1.487 - -ms-transform: rotate(-45deg) skew(15deg, 15deg); 1.488 - transform: rotate(-45deg) skew(15deg, 15deg); 1.489 -} 1.490 - 1.491 -/* Button */ 1.492 - 1.493 -.button { margin-left: 20px; } 1.494 - 1.495 -.button a { 1.496 - background-color: #b64b22; 1.497 - color: #ffffff; 1.498 - margin-right: 6px; 1.499 - padding: 6px 10px; 1.500 - font-size: 14px; 1.501 - -moz-border-radius: 4px; 1.502 - -webkit-border-radius: 4px; 1.503 - border-radius: 4px; 1.504 - -moz-box-shadow: 0 1px 3px #666; 1.505 - -webkit-box-shadow: 0 1px 3px #666; 1.506 - box-shadow: 0 1px 3px #666; 1.507 -} 1.508 - 1.509 -.button a:hover, input[type=submit]:hover { 1.510 - background-color: #a3431f; 1.511 - color: #ffffff; 1.512 -} 1.513 +/* Form */ 1.514 1.515 input[type=submit] { 1.516 border: 1px solid #b64b22; 1.517 @@ -355,233 +238,45 @@ 1.518 color: white; 1.519 font-weight: bold; 1.520 cursor: pointer; 1.521 - padding: 2px 10px; 1.522 + padding: 4px 10px; 1.523 font-size: 14px; 1.524 - -moz-border-radius: 2px; 1.525 - -webkit-border-radius: 2px; 1.526 - border-radius: 2px; 1.527 - -moz-box-shadow: 0 0 5px #666; 1.528 - -webkit-box-shadow: 0 0 5px#666; 1.529 - box-shadow: 0 0 5px #666; 1.530 + margin-left: -5px; 1.531 + -webkit-border-top-right-radius: 4px; 1.532 + -webkit-border-bottom-right-radius: 4px; 1.533 + -moz-border-radius-topright: 4px; 1.534 + -moz-border-radius-bottomright: 4px; 1.535 + border-top-right-radius: 4px; 1.536 + border-bottom-right-radius: 4px; 1.537 } 1.538 1.539 +input[type=submit]:hover { background-color: #a3431f; } 1.540 + 1.541 input[type=text] { 1.542 border: 1px solid #333333; 1.543 - padding: 3px; 1.544 + padding: 4px; 1.545 + height: 17px; 1.546 width: 100%; 1.547 - max-width: 500px; 1.548 + -webkit-border-top-left-radius: 4px; 1.549 + -webkit-border-bottom-left-radius: 4px; 1.550 + -moz-border-radius-topleft: 4px; 1.551 + -moz-border-radius-bottomleft: 4px; 1.552 + border-top-left-radius: 4px; 1.553 + border-bottom-left-radius: 4px; 1.554 } 1.555 1.556 -/* Clouds */ 1.557 +/* Footer */ 1.558 1.559 -#cloud { 1.560 - padding: 10px 0px; 1.561 - line-height: 3em; 1.562 +#footer { 1.563 + background: #f1f1f1; 1.564 text-align: center; 1.565 -} 1.566 -#cloud a { padding: 0 2px; color: #956411; } 1.567 -#cloud a.tag1 { font-size: 0.7em; font-weight: 100; } 1.568 -#cloud a.tag2 { font-size: 0.8em; font-weight: 200; } 1.569 -#cloud a.tag3 { font-size: 0.9em; font-weight: 300; } 1.570 -#cloud a.tag4 { font-size: 1.0em; font-weight: 400; } 1.571 -#cloud a.tag5 { font-size: 1.2em; font-weight: 500; } 1.572 -#cloud a.tag6 { font-size: 1.4em; font-weight: 600; } 1.573 -#cloud a.tag7 { font-size: 1.6em; font-weight: 700; } 1.574 -#cloud a.tag8 { font-size: 1.8em; font-weight: 800; } 1.575 -#cloud a.tag9 { font-size: 2.2em; font-weight: 900; } 1.576 -#cloud a.tag10 { font-size: 2.5em; font-weight: 900; } 1.577 - 1.578 -/* Slideshow. */ 1.579 - 1.580 -#slideshow 1.581 -{ 1.582 - overflow: hidden; 1.583 - margin: 10px auto 10px; 1.584 - position: relative; 1.585 - width: 260px; 1.586 - height: 163px; 1.587 + border-top: 1px solid #ddd; 1.588 + padding: 40px; 1.589 + color: #666; 1.590 } 1.591 1.592 -#slideshow img 1.593 -{ 1.594 - border: 0; 1.595 - width: 260px; 1.596 - height: 163px; 1.597 -} 1.598 - 1.599 -#twitter { 1.600 - margin-top: 20px; 1.601 - -moz-border-radius: 8px; 1.602 - -webkit-border-radius: 8px; 1.603 - border-radius: 8px; 1.604 - -moz-box-shadow: 0 1px 3px #666; 1.605 - -webkit-box-shadow: 0 1px 3px #666; 1.606 - box-shadow: 0 1px 3px #666; 1.607 -} 1.608 - 1.609 -/* HTML styles */ 1.610 - 1.611 -h1 { 1.612 - color: #444444; 1.613 - background: transparent; 1.614 - text-align: left; 1.615 - margin: 0px 0px 4px 0px; 1.616 - font-size: 150%; 1.617 - font-weight: bold; 1.618 - padding: 5px 0 0 10px; 1.619 -} 1.620 - 1.621 -h2 { 1.622 - color: #b64b22; 1.623 - padding: 0; 1.624 - margin: 20px 0 0 0; 1.625 - font-size: 130%; 1.626 - font-weight: bold; 1.627 -} 1.628 - 1.629 -h3 { 1.630 - font-weight: bold; 1.631 - color: #666666; 1.632 - background: transparent; 1.633 -} 1.634 - 1.635 -h3 img { 1.636 - vertical-align: middle; 1.637 - width: 20px; 1.638 - height: 20px; 1.639 - padding-right: 4px; 1.640 -} 1.641 - 1.642 -a { 1.643 - text-decoration: underline; 1.644 - color: #103A5E; 1.645 - background: inherit; 1.646 -} 1.647 - 1.648 -a:hover { 1.649 - text-decoration: none; 1.650 - color: blue; 1.651 - background: inherit; 1.652 -} 1.653 - 1.654 -code { 1.655 - font-size: 12px; 1.656 - color: #669900; 1.657 - background: inherit; 1.658 -} 1.659 - 1.660 -tt { 1.661 - color: #15EE15; 1.662 - background: inherit; 1.663 -} 1.664 - 1.665 -img { 1.666 - border: 0pt none; 1.667 -} 1.668 - 1.669 -fieldset { 1.670 - background: #E2ECf6; 1.671 - color: black; 1.672 - margin-top: 25px; 1.673 - border: 1px solid black; 1.674 -} 1.675 - 1.676 -legend { 1.677 - border: 1px solid black; 1.678 - color: #6c0023; 1.679 - background: #eaeaea; 1.680 - font-weight: bold; 1.681 -} 1.682 - 1.683 -pre { 1.684 - padding: 5px; 1.685 - color: black; 1.686 - background: #E1E0B0; 1.687 -} 1.688 - 1.689 -pre.script { 1.690 - padding: 10px; 1.691 - color: black; 1.692 - background: #E8E8E8; 1.693 - border: 1px inset #606060; 1.694 -} 1.695 - 1.696 -textarea { 1.697 - background: #E5E5E5; 1.698 - margin-top: 12px; 1.699 -} 1.700 - 1.701 -/* Packages pages */ 1.702 - 1.703 -.pkg_nav { 1.704 - border-top: 1px solid black; 1.705 - margin-top: 10px; 1.706 - padding-top: 10px; 1.707 -} 1.708 - 1.709 -pre.package { 1.710 - padding: 0px; 1.711 - color: black; 1.712 - background: white; 1.713 -} 1.714 - 1.715 -p.get { 1.716 - text-align: center; 1.717 - padding: 10px; 1.718 - color: black; 1.719 - background: #F3F3F3; 1.720 - border: 1px solid #DEDEDE; 1.721 - border-radius: 4px; 1.722 - -moz-border-radius: 4px; 1.723 - -webkit-border-radius: 4px; 1.724 -} 1.725 - 1.726 -p.get a { 1.727 - font-weight: bold; 1.728 - text-decoration: none; 1.729 -} 1.730 - 1.731 -.pkgs-search { 1.732 - text-align: center; 1.733 - padding: 40px 20px 80px 20px; 1.734 -} 1.735 +#footer a { color: #666; padding: 0 2px; } 1.736 1.737 .year:after { 1.738 /* content: "2007-2011"; */ 1.739 content: "2011"; 1.740 } 1.741 - 1.742 -/* Footer */ 1.743 - 1.744 -#footer { 1.745 - margin: 0px 80px 80px 80px; 1.746 - padding: 10px; 1.747 - background: #eaeaea; 1.748 - color: #666666; 1.749 - height: 180px; 1.750 - clear: both; 1.751 - border-radius: 8px; 1.752 - -moz-border-radius: 8px; 1.753 - -webkit-border-radius: 8px; 1.754 - -moz-box-shadow: 0 1px 3px #666; 1.755 - -webkit-box-shadow: 0 1px 3px #666; 1.756 - box-shadow: 0 1px 3px #666; 1.757 -} 1.758 -#footer a { 1.759 - background: inherit; 1.760 - color: #666666; 1.761 -} 1.762 -#footer a:hover { 1.763 - background: inherit; 1.764 - color: #333333; 1.765 -} 1.766 -#footer ul { 1.767 - list-style-type: none; 1.768 -} 1.769 -#footer li { 1.770 - padding: 2px; 1.771 -} 1.772 -#footer h4 { 1.773 - margin: 0 20px; 1.774 - font-size: 125%; 1.775 -}