SliTaz Repositories

     1.1 --- a/slitaz-mercurial-style/templates/static/style-slitaz.css	Thu Feb 24 07:39:10 2011 +0000
     1.2 +++ b/slitaz-mercurial-style/templates/static/style-slitaz.css	Wed Jun 01 16:03:21 2011 +0200
     1.3 @@ -1,3 +1,7 @@
     1.4 +/*
     1.5 +	CSS style for SliTaz Network - (C) 2011 SliTaz GNU/Linux
     1.6 +*/
     1.7 +
     1.8  html {
     1.9  	min-height:  102%;
    1.10  }
    1.11 @@ -7,186 +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; margin-bottom: 0;}
    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: 2px 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: 160px; 
    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: 0 0 6px;
   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 15px;
   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: #351a0a url(header-img.png) no-repeat top right;
   1.146 -	color: black;
   1.147 -	width: 100%;
   1.148 -	height: 42px;
   1.149 -	border-top: 1px solid black;
   1.150 -	border-bottom: 1px solid #999;
   1.151 -	margin-bottom: 33px;
   1.152 +#block_nav ul { 
   1.153 +	list-style-type: none; 
   1.154 +	margin:  0px 0; 
   1.155 +	padding: 0;
   1.156  }
   1.157  
   1.158 -#titre {
   1.159 -	position: absolute;
   1.160 -	font-size: 14px;
   1.161 -	font-weight: bolder ;
   1.162 -	left: 180px;
   1.163 -	top: 4px;
   1.164 +#block_nav h4 img { 
   1.165 +	margin: 0 4px 0 0; 
   1.166 +	padding: 0;
   1.167  }
   1.168  
   1.169 -#logo {
   1.170 -	position: absolute;
   1.171 -	float: left;
   1.172 -	left: 16px;
   1.173 -	top: -10px;
   1.174 -	width: 200px;
   1.175 -	height: 74px;
   1.176 +/* Languages */
   1.177 +
   1.178 +#lang {
   1.179 +	float: right;
   1.180 +	padding: 6px;
   1.181 +	font-size: 11px;
   1.182  }
   1.183  
   1.184 -/* Side bar Navigation */
   1.185 -
   1.186 -#nav {
   1.187 -	position: absolute;
   1.188 -	top: 102px;
   1.189 -	right: 80px;
   1.190 -	color: #555555;
   1.191 -	float: right;
   1.192 -	width: 250px;
   1.193 -	line-height: 1.5em;
   1.194 -	text-align: left;
   1.195 -	font-size: 12px;
   1.196 +#lang a {
   1.197 +	text-decoration: none;
   1.198 +	padding: 0 2px;
   1.199  }
   1.200  
   1.201 -#nav .nav_box ul {
   1.202 -	list-style-type: none;
   1.203 -	margin: 0;
   1.204 -	padding: 10px 24px 10px 0px;
   1.205 -	background-color: inherit;
   1.206 -}
   1.207 -
   1.208 -#nav li {
   1.209 -	display: inline;
   1.210 -}
   1.211 -
   1.212 -#nav h4 {
   1.213 -	font-size: 120%;
   1.214 -	color: #666666;
   1.215 -	font-weight: bold;
   1.216 -	margin: 0;
   1.217 -	padding: 0 0 1px 0;
   1.218 -	border-bottom: 1px solid #cecece;
   1.219 -}
   1.220 -
   1.221 -#nav a {
   1.222 -	color: #0F314E;
   1.223 -	background: inherit;
   1.224 -	display: block;
   1.225 -	text-decoration: none;
   1.226 -	font-weight: bold;
   1.227 -}
   1.228 -
   1.229 -#nav a:hover {
   1.230 -	color: #b64b22;
   1.231 -	text-decoration: none;
   1.232 -	display: block;
   1.233 -}
   1.234 -
   1.235 -#nav ul {
   1.236 -	-moz-border-radius: 8px;
   1.237 -	-webkit-border-radius: 8px;
   1.238 -	border-radius: 8px;
   1.239 -	list-style-type: none;
   1.240 -	margin: 10px 0;
   1.241 -	padding: 10px 24px 10px 24px;
   1.242 -	background-color: #eaeaea;
   1.243 -}
   1.244 -
   1.245 -.nav_box {
   1.246 -	margin: 10px 0;
   1.247 -	padding: 10px 24px 10px 24px;
   1.248 -	background-color: #eaeaea;
   1.249 -	text-align: justify;
   1.250 -	-moz-border-radius: 8px;
   1.251 -	-webkit-border-radius: 8px;
   1.252 -	border-radius: 8px;
   1.253 -	-moz-box-shadow: 0 1px 3px #666;
   1.254 -	-webkit-box-shadow: 0 1px 3px #666;
   1.255 -	box-shadow: 0 1px 3px #666;
   1.256 -	/* CSS3 transition */
   1.257 -	-webkit-transition-property: background-color;
   1.258 -	-webkit-transition-duration: 2s;
   1.259 -	-moz-transition-property: background-color;
   1.260 -	-moz-transition-duration: 2s;
   1.261 -	transition-property: background-color;
   1.262 -	transition-duration: 2s;
   1.263 -}
   1.264 -
   1.265 -.nav_box:hover { background-color: #f8f8f8; }
   1.266 -
   1.267 -#nav .nav_box p {
   1.268 -	line-height: 1.3em;
   1.269 -}
   1.270 -
   1.271 -#nav .nav_box p a {
   1.272 -	display: inline;
   1.273 -	font-weight: normal;
   1.274 +#lang a:hover {
   1.275  	text-decoration: underline;
   1.276  }
   1.277  
   1.278 -#nav .nav_box p a:hover {
   1.279 -	text-decoration: none;
   1.280 -	color: blue;
   1.281 -	background: inherit;
   1.282 -}
   1.283 -
   1.284 -/* Page content */
   1.285 +/* Content */
   1.286  
   1.287  #content {
   1.288 -	background: white;
   1.289 -	color: black;
   1.290 +	padding: 30px 80px;
   1.291  	text-align: justify;
   1.292 -	height: auto;
   1.293 -	margin: 6px 320px 0px 0px;
   1.294 -	padding: 0px 40px 60px 80px;
   1.295 -}
   1.296 -
   1.297 -#content-full {
   1.298 -	background: white;
   1.299 -	color: black;
   1.300 -	text-align: justify;
   1.301 -	height: auto;
   1.302 -	margin: 0;
   1.303 -	padding: 0px 80px 40px 80px;
   1.304 -}
   1.305 -
   1.306 -#content li, #content-full li {
   1.307 -	line-height: 1.5em;
   1.308 -	text-align: left;
   1.309  }
   1.310  
   1.311  #news li {
   1.312 @@ -196,81 +159,69 @@
   1.313  	padding: 4px 0px 4px 0px;
   1.314  }
   1.315  
   1.316 -#news a {
   1.317 -	text-decoration: none;
   1.318 +#news a, .feed-grid a { text-decoration: none; }
   1.319 +#news p a { text-decoration: underline; }
   1.320 +#news p a:hover { text-decoration: none; }
   1.321 +#twitter { margin: 20px 0; }
   1.322 +#gallery { text-align: center; }
   1.323 +
   1.324 +/* Classes */
   1.325 +
   1.326 +.right_box { width: 48%; float: right; }
   1.327 +.left_box { width: 48%; float: left; }
   1.328 +
   1.329 +.box {
   1.330 +	margin: 20px 60px;
   1.331 +	padding: 12px;
   1.332 +	background: #efefef;
   1.333 +	border: 1px solid #ddd;
   1.334  }
   1.335  
   1.336 -#gallery {
   1.337 +.searchbox { 
   1.338 +	margin: 20px 80px; 
   1.339 +	padding: 12px; 
   1.340 +	background: #f8f8f8;
   1.341  	text-align: center;
   1.342 +	border: 1px solid #ddd;
   1.343  }
   1.344  
   1.345 -/* Box and block. */
   1.346 +.feed-grid { height: 180px; overflow: hidden; text-align: left; }
   1.347 +.feed-grid h3 { 
   1.348 +	margin: 15px 0 0; font-size: 16px; 
   1.349 +	padding: 0 22px;
   1.350 +	background: url(images/feed.png) no-repeat left; }
   1.351 +.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; }
   1.352 +.feed-grid ul { color: #666; }
   1.353 +.feed-grid a { color: #666; }
   1.354 +.feed-grid a:hover { color: blue; }
   1.355  
   1.356 -.infobox {
   1.357 -	margin: 20px 60px;
   1.358 -	padding: 12px;
   1.359 -	background: #f8f8f8;
   1.360 +/* Button */
   1.361 +
   1.362 +.button a { 
   1.363 +	background-color: #b64b22;
   1.364 +	color: #ffffff;
   1.365 +	margin-right: 6px;
   1.366 +	padding: 6px 10px;
   1.367 +	font-size: 12px;
   1.368 +	text-decoration: none;
   1.369 +	font-weight: bold;
   1.370 +}
   1.371 +.button a:hover, input[type=submit]:hover { 
   1.372 +	background-color: #a3431f;
   1.373 +	color: #ffffff;
   1.374  }
   1.375  
   1.376 -.infobox img { vertical-align: middle; }
   1.377 -/* .infobox:hover { background-color: #f2b21d; } */
   1.378 -.infobox:hover { background-color: #FBFBFB; }
   1.379 +/* Round corner */
   1.380  
   1.381 -.block {
   1.382 -	/*padding-bottom: 35%;*/
   1.383 -	color: black;
   1.384 -	min-height: 200px;
   1.385 -	margin-bottom: 40px;
   1.386 +#block_nav, pre, .box, .searchbox, .button a, #twitter {
   1.387 +	-moz-border-radius: 4px;
   1.388 +	-webkit-border-radius: 4px;
   1.389 +	border-radius: 4px;
   1.390  }
   1.391  
   1.392 -.block ul {
   1.393 -	list-style-type: none;
   1.394 -	margin: 0;
   1.395 -	padding: 0 20px;
   1.396 -}
   1.397 +/* Transition */
   1.398  
   1.399 -.block_left {
   1.400 -	width: 46%;
   1.401 -	float: left;
   1.402 -	background-color: #eaeaea;
   1.403 -	margin: 4px 2px;
   1.404 -	padding: 0 10px 10px 10px;
   1.405 -}
   1.406 -
   1.407 -.block_right {
   1.408 -	width: 46%;
   1.409 -	float: right;
   1.410 -	background-color: #eaeaea;
   1.411 -	margin: 4px 2px;
   1.412 -	padding: 0 10px 10px 10px;
   1.413 -}
   1.414 -
   1.415 -#block_top {
   1.416 -	color: black;
   1.417 -	background-color: #eaeaea;
   1.418 -	min-height: 180px;
   1.419 -	margin-bottom: 40px;
   1.420 -	margin-right: 340px;
   1.421 -	padding: 0 10px;
   1.422 -}
   1.423 -
   1.424 -#block_nav {
   1.425 -	width: 300px;
   1.426 -	min-height: 180px;
   1.427 -	float: right;
   1.428 -	background-color: #eaeaea;
   1.429 -	margin: 0;
   1.430 -	padding: 0 10px;
   1.431 -}
   1.432 -
   1.433 -.infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
   1.434 -	-moz-border-radius: 8px;
   1.435 -	-webkit-border-radius: 8px;
   1.436 -	border-radius: 8px;
   1.437 -	-moz-box-shadow: 0 1px 3px #666;
   1.438 -	-webkit-box-shadow: 0 1px 3px #666;
   1.439 -	box-shadow: 0 1px 3px #666;
   1.440 -	/* CSS3 transition */
   1.441 +.box {	
   1.442  	-webkit-transition-property: background-color;
   1.443  	-webkit-transition-duration: 2s;
   1.444  	-moz-transition-property: background-color;
   1.445 @@ -279,72 +230,7 @@
   1.446  	transition-duration: 2s;
   1.447  }
   1.448  
   1.449 -#block_nav {
   1.450 -	font-weight: bold;
   1.451 -}
   1.452 -
   1.453 -#block_nav a {
   1.454 -	text-decoration: none;
   1.455 -}
   1.456 -
   1.457 -#block_nav li a:hover {
   1.458 -	color: #b64b22;
   1.459 -}
   1.460 -
   1.461 -#block_nav ul {
   1.462 -	margin: 0;
   1.463 -	list-style-type: none;
   1.464 -}
   1.465 -
   1.466 -#block_nav h3 {
   1.467 -	font-size: 110%;
   1.468 -}
   1.469 -
   1.470 -.block_left:hover, .block_right:hover, #block_top:hover,
   1.471 -#block_nav:hover, #footer:hover { 
   1.472 -	background-color: #f8f8f8;
   1.473 -}
   1.474 -
   1.475 -#block_top li { display: inline; }
   1.476 -#block_top li a { font-weight: bold; }
   1.477 -
   1.478 -.right_box {
   1.479 -	width: 50%;
   1.480 -	float: right;
   1.481 -}
   1.482 -
   1.483 -.floor {
   1.484 -	color: #999999;
   1.485 -	font-size: 20px;
   1.486 -	-webkit-transform: rotate(-45deg) skew(15deg, 15deg);
   1.487 -	-moz-transform: rotate(-45deg) skew(15deg, 15deg);
   1.488 -	-o-transform: rotate(-45deg) skew(15deg, 15deg);
   1.489 -	-ms-transform: rotate(-45deg) skew(15deg, 15deg);
   1.490 -	transform: rotate(-45deg) skew(15deg, 15deg);
   1.491 -}
   1.492 -	
   1.493 -/* Button */
   1.494 -
   1.495 -.button { margin-left: 20px; }
   1.496 -
   1.497 -.button a { 
   1.498 -	background-color: #b64b22;
   1.499 -	color: #ffffff;
   1.500 -	margin-right: 6px;
   1.501 -	padding: 6px 10px;
   1.502 -	font-size: 14px;
   1.503 -	-moz-border-radius: 4px;
   1.504 -	-webkit-border-radius: 4px;
   1.505 -	border-radius: 4px;
   1.506 -	-moz-box-shadow: 0 1px 3px #666;
   1.507 -	-webkit-box-shadow: 0 1px 3px #666;
   1.508 -	box-shadow: 0 1px 3px #666;
   1.509 -}
   1.510 -
   1.511 -.button a:hover, input[type=submit]:hover { 
   1.512 -	background-color: #a3431f;
   1.513 -	color: #ffffff;
   1.514 -}
   1.515 +/* Form */
   1.516  
   1.517  input[type=submit] {
   1.518  	border: 1px solid #b64b22;
   1.519 @@ -352,144 +238,57 @@
   1.520  	color: white;
   1.521  	font-weight: bold;
   1.522  	cursor: pointer;
   1.523 -	padding: 2px 10px;
   1.524 +	padding: 4px 10px;
   1.525  	font-size: 14px;
   1.526 -	-moz-border-radius: 2px;
   1.527 -	-webkit-border-radius: 2px;
   1.528 -	border-radius: 2px;
   1.529 -	-moz-box-shadow: 0 0 5px #666;
   1.530 -	-webkit-box-shadow: 0 0 5px#666;
   1.531 -	box-shadow: 0 0 5px #666;
   1.532 +	margin-left: -5px;
   1.533 +	-webkit-border-top-right-radius: 4px;
   1.534 +	-webkit-border-bottom-right-radius: 4px;
   1.535 +	-moz-border-radius-topright: 4px;
   1.536 +	-moz-border-radius-bottomright: 4px;
   1.537 +	border-top-right-radius: 4px;
   1.538 +	border-bottom-right-radius: 4px;
   1.539  }
   1.540  
   1.541 +input[type=submit]:hover { background-color: #a3431f; }
   1.542 +
   1.543  input[type=text] {
   1.544 -	border: 1px solid #333333;
   1.545 -	padding: 3px;
   1.546 +	border: 1px inset #333333;
   1.547 +	padding: 2px;
   1.548 +	height: 17px;
   1.549  	width: 100%;
   1.550 -	max-width: 500px;
   1.551 +	-webkit-border-radius: 4px;
   1.552 +	-moz-border-radius: 4px;
   1.553 +	border-radius: 4px;
   1.554  }
   1.555  
   1.556 -/* HTML styles */
   1.557 +/* Footer */
   1.558  
   1.559 -h1 {
   1.560 -	color: #444444;
   1.561 -	background: transparent;
   1.562 -	text-align: left;
   1.563 -	margin: 0px 0px 4px 0px;
   1.564 -	font-size: 150%;
   1.565 -	font-weight: bold;
   1.566 -	padding: 5px 0 0 10px;
   1.567 +#footer {
   1.568 +	background: #f1f1f1;
   1.569 +	text-align: center;
   1.570 +	border-top: 1px solid #ddd;
   1.571 +	padding: 40px;
   1.572 +	color: #666;
   1.573  }
   1.574  
   1.575 -h2 {
   1.576 -	color: #b64b22;
   1.577 -	padding: 0;
   1.578 -	margin: 20px 0 0 0;
   1.579 -	font-size: 130%;
   1.580 -	font-weight: bold;
   1.581 -}
   1.582 -
   1.583 -h3 {
   1.584 -	font-weight: bold;
   1.585 -	color: #666666;
   1.586 -	background: transparent;
   1.587 -}
   1.588 -	
   1.589 -h3 img { 
   1.590 -	vertical-align: middle;
   1.591 -	width: 20px;
   1.592 -	height: 20px;
   1.593 -	padding-right: 4px; 
   1.594 -}
   1.595 -
   1.596 -a {
   1.597 -	text-decoration: underline;
   1.598 -	color: #103A5E;
   1.599 -	background: inherit;
   1.600 -}
   1.601 -
   1.602 -a:hover {
   1.603 -	text-decoration: none;
   1.604 -	color: blue;
   1.605 -	background: inherit;
   1.606 -}
   1.607 -
   1.608 -code {
   1.609 -	font-size: 12px;
   1.610 -	color: #669900;
   1.611 -	background: inherit;
   1.612 -}
   1.613 -
   1.614 -tt {
   1.615 -	color: #15EE15;
   1.616 -	background: inherit;
   1.617 -}
   1.618 -
   1.619 -img {
   1.620 -	border: 0pt none;
   1.621 -}
   1.622 -
   1.623 -
   1.624 -pre {
   1.625 -	padding: 5px;
   1.626 -	color: black;
   1.627 -	background: #f1f1f1;
   1.628 -}
   1.629 -
   1.630 -pre.script {
   1.631 -	padding: 10px;
   1.632 -	color: black;
   1.633 -	background: #E8E8E8;
   1.634 -	border: 1px inset #606060;
   1.635 -}
   1.636 -
   1.637 -textarea {
   1.638 -	background: #E5E5E5;
   1.639 -	margin-top: 12px;
   1.640 -}
   1.641 +#footer a { color: #666; padding: 0 2px; }
   1.642  
   1.643  .year:after {
   1.644  	/* content: "2007-2011"; */
   1.645  	content: "2011";
   1.646  }
   1.647  
   1.648 -/* Footer */
   1.649 +/* Mercurial */
   1.650  
   1.651 -#footer {
   1.652 -	margin: 0px 80px 80px 80px;
   1.653 -	padding: 10px;
   1.654 -	background: #eaeaea;
   1.655 -	color: #666666;
   1.656 -	height: 180px;
   1.657 -	clear: both;
   1.658 -	border-radius: 8px;
   1.659 -	-moz-border-radius: 8px;
   1.660 -	-webkit-border-radius: 8px;
   1.661 -	-moz-box-shadow: 0 1px 3px #666;
   1.662 -	-webkit-box-shadow: 0 1px 3px #666;
   1.663 -	box-shadow: 0 1px 3px #666;
   1.664 -}
   1.665 -#footer a {
   1.666 -	background: inherit;
   1.667 -	color: #666666;
   1.668 -}
   1.669 -#footer a:hover {
   1.670 -	background: inherit;
   1.671 -	color: #333333;
   1.672 -}
   1.673 -#footer ul {
   1.674 -	list-style-type: none;
   1.675 -}
   1.676 -#footer li {
   1.677 -	padding: 2px;
   1.678 -}
   1.679 -#footer h4 {
   1.680 -	margin: 0 20px;
   1.681 -	font-size: 125%;
   1.682 -}
   1.683 +#tarball ul { margin: 0 0 6px; padding: 0px; }
   1.684 +#tarball li { display: inline-block; }
   1.685 +
   1.686 +#content a { text-decoration:none; }
   1.687 +
   1.688 +#block_nav li { font-weight: bold; }
   1.689  
   1.690  .container {
   1.691 -  margin: 6px 280px 0px 0px;
   1.692 +  margin: 0px 280px 0px 0px;
   1.693    padding: 0px 40px 60px 40px;
   1.694  }
   1.695  
   1.696 @@ -513,20 +312,18 @@
   1.697  form.search div#hint {
   1.698    display: none;
   1.699    position: absolute;
   1.700 -  top: 0px;
   1.701 -  right: 280px;
   1.702 -  width: 200px;
   1.703 -  padding: 5px;
   1.704 -  background: #ffc;
   1.705 -  font-size: 80%;
   1.706 -  border: 1px solid yellow;
   1.707 +  top: 96px;
   1.708 +  left: 10%;
   1.709 +  width: 300px;
   1.710 +  padding: 5px 10px;
   1.711 +  background: #f1f1f1;
   1.712 +  border: 1px solid #c5c5c5;
   1.713    -moz-border-radius: 5px; /* this works only in camino/firefox */
   1.714    -webkit-border-radius: 5px; /* this is just for Safari */
   1.715  }
   1.716  
   1.717  form.search:hover div#hint { display: block; }
   1.718  
   1.719 -a { text-decoration:none; }
   1.720  .age { white-space:nowrap; }
   1.721  .date { white-space:nowrap; }
   1.722  .indexlinks { white-space:nowrap; }
   1.723 @@ -577,7 +374,7 @@
   1.724  /* Common */
   1.725  pre { margin: 0; }
   1.726  
   1.727 -h2 a { color: #b64b22; }
   1.728 +h2 a { color: #215090; }
   1.729  
   1.730  /* log and tags tables */
   1.731  .bigtable {
   1.732 @@ -587,7 +384,7 @@
   1.733    width: 100%;
   1.734    font-weight: normal;
   1.735    text-align: left;
   1.736 -  margin-top: 20px;
   1.737 +  margin-top: 10px;
   1.738  }
   1.739  
   1.740  .bigtable td {