SliTaz Repositories

     1.1 --- a/tank/web/slitaz.css	Wed Feb 23 22:16:38 2011 +0000
     1.2 +++ b/tank/web/slitaz.css	Mon Mar 28 15:14:17 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 -}