SliTaz Repositories

     1.1 --- a/slitaz.css	Sat Jan 15 04:05:45 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 -}