slitaz-configs rev 73

webhome: New Css and use block
author Christophe Lincoln <pankso@slitaz.org>
date Wed Jan 05 00:27:35 2011 +0100 (2011-01-05)
parents 8e7d8c9f6ddd
children 80cacdc23940
files rootfs/usr/share/webhome/index.html rootfs/usr/share/webhome/pics/header.png rootfs/usr/share/webhome/pics/slitaz-tux.png rootfs/usr/share/webhome/pics/website/header-img.png rootfs/usr/share/webhome/pics/website/logo.png rootfs/usr/share/webhome/pics/website/network.png rootfs/usr/share/webhome/pics/website/search.png rootfs/usr/share/webhome/slitaz.css rootfs/usr/share/webhome/style.css
line diff
     1.1 --- a/rootfs/usr/share/webhome/index.html	Sun Nov 28 09:58:19 2010 +0800
     1.2 +++ b/rootfs/usr/share/webhome/index.html	Wed Jan 05 00:27:35 2011 +0100
     1.3 @@ -1,64 +1,71 @@
     1.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     1.5 -    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     1.6 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
     1.7 +	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     1.8  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     1.9  <head>
    1.10      <title>SliTaz - Web Homepage</title>
    1.11      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    1.12      <meta name="author" content="Christophe Lincoln"/>
    1.13      <link rel="shortcut icon" href="favicon.ico" />
    1.14 -    <link rel="stylesheet" type="text/css" href="style.css" />
    1.15 +    <link rel="stylesheet" type="text/css" href="slitaz.css" />
    1.16 +	<style type="text/css">
    1.17 +	.block_right { 
    1.18 +		padding-bottom: 25px;
    1.19 +	}
    1.20 +	</style>
    1.21  </head>
    1.22  <body>
    1.23  
    1.24  <!-- Header -->
    1.25  <div id="header">
    1.26 -	<h1>Browse the Web</h1>
    1.27 +	<!-- Access -->
    1.28 +	<div id="access"></div>
    1.29 +	<!-- Logo -->
    1.30 +	<a href="http://www.slitaz.org/"><img id="logo"
    1.31 +		src="pics/website/logo.png" 
    1.32 +		title="www.slitaz.org" alt="www.slitaz.org" /></a>
    1.33 +	<p id="titre">#!/Web/Home</p>
    1.34  </div>
    1.35  
    1.36  <!-- Content -->
    1.37 -<div id="content">
    1.38 +<div id="content-full">
    1.39  
    1.40 -<div style="text-align: center; margin: 20px;">
    1.41 -<table>
    1.42 -	<!-- Search Wikipedia -->
    1.43 -	<tr>
    1.44 -		<th><strong>Wikipedia :</strong></th>
    1.45 -		<td>
    1.46 -			<form action="http://www.wikipedia.org/search-redirect.php" method="get">
    1.47 -				<input type="hidden" name="language" value="en" />
    1.48 -				<input type="text" name="search" size="30" />
    1.49 -				<input type="submit" name="go" value="Search" />
    1.50 +<h1>Browse the web</h1>
    1.51 +
    1.52 +<!-- Block begin -->
    1.53 +<div class="block">
    1.54 +	<!-- Left block begin -->
    1.55 +	<div class="block_left">
    1.56 +		<h3><img src="pics/website/network.png" alt="network.png"/>SliTaz</h3>
    1.57 +		<ul>
    1.58 +			<li><a href="http://www.slitaz.org/">Main Website</a></li>
    1.59 +			<li><a href="http://doc.slitaz.org/">Documentation</a></li>
    1.60 +			<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
    1.61 +			<li><a href="http://pkgs.slitaz.org/">Packages</a></li>
    1.62 +			<li><a href="http://scn.slitaz.org/">Community</a></li>
    1.63 +		</ul>
    1.64 +	<!-- Left block end -->
    1.65 +	</div>
    1.66 +	<!-- Right block begin -->
    1.67 +	<div class="block_right">
    1.68 +		<h3><img src="pics/website/search.png" alt="search.png" />Search</h3>
    1.69 +			<form method="get" action="http://www.google.com/search">
    1.70 +				<p>
    1.71 +					<input type="text" name="q" size="24" style="width: 70%;" 
    1.72 +						maxlength="255" />
    1.73 +					<input type="submit" value="Google" />
    1.74 +				</p>
    1.75  			</form>
    1.76 -		</td>
    1.77 -	</tr>
    1.78 -	<!-- Search Google -->
    1.79 -	<tr>
    1.80 -		<th><strong>Google :</strong></th>
    1.81 -		<td>
    1.82 -			<form method="get" action="http://www.google.com/search">
    1.83 -				<input type="text" name="q" size="30" maxlength="255" value="" />
    1.84 -				<input type="submit" value="Search" />
    1.85 +			<form method="get" action="http://www.wikipedia.org/search-redirect.php">
    1.86 +				<p>
    1.87 +					<input type="hidden" name="language" value="en" />
    1.88 +					<input type="text" name="search" size="24" style="width: 70%;"
    1.89 +						maxlength="255" />
    1.90 +					<input type="submit" name="go" value="Wikipedia" />
    1.91 +				</p>
    1.92  			</form>
    1.93 -		</td>
    1.94 -	</tr>
    1.95 -</table>
    1.96 -</div>
    1.97 -
    1.98 -<!-- Shortcuts -->
    1.99 -<div style="text-align: center; margin: 10px;">
   1.100 -	<strong>SliTaz :</strong>
   1.101 -	<a href="http://www.slitaz.org/">Website</a> | 
   1.102 -	<a href="http://doc.slitaz.org/">Documentation</a> |
   1.103 -	<a href="http://forum.slitaz.org/">Forum</a> |
   1.104 -	<a href="http://labs.slitaz.org/">Labs</a> |
   1.105 -	<a href="http://pkgs.slitaz.org/">Packages</a>
   1.106 -</div>
   1.107 -
   1.108 -<div style="text-align: center;">
   1.109 -<img
   1.110 -	src="pics/slitaz-tux.png" 
   1.111 -	title="SliTaz and Tux" alt="slitaz-tux"
   1.112 -	style="width: 90px; height: 98px;" />
   1.113 +	<!-- Right block end -->
   1.114 +	</div>
   1.115 +<!-- Block end -->
   1.116  </div>
   1.117  
   1.118  <!-- End of content -->
     2.1 Binary file rootfs/usr/share/webhome/pics/header.png has changed
     3.1 Binary file rootfs/usr/share/webhome/pics/slitaz-tux.png has changed
     4.1 Binary file rootfs/usr/share/webhome/pics/website/header-img.png has changed
     5.1 Binary file rootfs/usr/share/webhome/pics/website/logo.png has changed
     6.1 Binary file rootfs/usr/share/webhome/pics/website/network.png has changed
     7.1 Binary file rootfs/usr/share/webhome/pics/website/search.png has changed
     8.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     8.2 +++ b/rootfs/usr/share/webhome/slitaz.css	Wed Jan 05 00:27:35 2011 +0100
     8.3 @@ -0,0 +1,488 @@
     8.4 +/*
     8.5 +	CSS style for SliTaz GNU/Linux website
     8.6 +	www.slitaz.org - (c) 2011 Pankso
     8.7 +*/
     8.8 +
     8.9 +html {
    8.10 +	height:  102%;
    8.11 +}
    8.12 +
    8.13 +body {
    8.14 +	background: #ffffff;
    8.15 +	color: black;
    8.16 +	font: 13px sans-serif, vernada, arial;
    8.17 +	margin: 0;
    8.18 +	border-top: 34px solid #f1f1f1;
    8.19 +}
    8.20 +
    8.21 +/* Accessibility */
    8.22 +
    8.23 +#access {
    8.24 +	position: absolute;
    8.25 +	top: 4px;
    8.26 +	right: 0px;
    8.27 +	text-align: right;
    8.28 +	width: auto;
    8.29 +	margin: 0;
    8.30 +	padding: 4px 4px 4px 20px;
    8.31 +	font-size: 11px;
    8.32 +	font-weight: bold;
    8.33 +}
    8.34 +
    8.35 +#access a {
    8.36 +	background: transparent;
    8.37 +	color: #0F314E;
    8.38 +	text-decoration: none;
    8.39 +}
    8.40 +
    8.41 +#access a:hover {
    8.42 +	background: inherit;
    8.43 +	color: #b64b22;
    8.44 +}
    8.45 +
    8.46 +/* Header and title */
    8.47 +
    8.48 +#header{
    8.49 +	/*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/
    8.50 +	background: #351a0a url(pics/website/header-img.png) no-repeat top right;
    8.51 +	color: black;
    8.52 +	width: 100%;
    8.53 +	height: 42px;
    8.54 +	border-top: 1px solid black;
    8.55 +	border-bottom: 1px solid black;
    8.56 +	margin-bottom: 30px;
    8.57 +	-moz-box-shadow: 0 1px 5px #333;
    8.58 +	-webkit-box-shadow: 0 1px 5px #333;
    8.59 +	box-shadow: 0 1px 5px #333;
    8.60 +}
    8.61 +
    8.62 +#titre {
    8.63 +	position: absolute;
    8.64 +	font-size: 14px;
    8.65 +	font-weight: bolder ;
    8.66 +	left: 180px;
    8.67 +	top: 4px;
    8.68 +}
    8.69 +
    8.70 +#logo {
    8.71 +	position: absolute;
    8.72 +	float: left;
    8.73 +	left: 16px;
    8.74 +	top: -10px;
    8.75 +	width: 200px;
    8.76 +	height: 74px;
    8.77 +}
    8.78 +
    8.79 +/* Navigation */
    8.80 +
    8.81 +#nav {
    8.82 +	position: absolute;
    8.83 +	top: 102px;
    8.84 +	right: 80px;
    8.85 +	color: #555555;
    8.86 +	float: right;
    8.87 +	width: 250px;
    8.88 +	line-height: 1.5em;
    8.89 +	text-align: left;
    8.90 +	font-size: 12px;
    8.91 +}
    8.92 +
    8.93 +#nav .nav_box ul {
    8.94 +	list-style-type: none;
    8.95 +	margin: 0;
    8.96 +	padding: 10px 24px 10px 0px;
    8.97 +	background-color: inherit;
    8.98 +}
    8.99 +
   8.100 +#nav li {
   8.101 +	display: inline;
   8.102 +}
   8.103 +
   8.104 +#nav h4 {
   8.105 +	font-size: 120%;
   8.106 +	color: #666666;
   8.107 +	font-weight: bold;
   8.108 +	margin: 0;
   8.109 +	padding: 0 0 1px 0;
   8.110 +	border-bottom: 1px solid #cecece;
   8.111 +}
   8.112 +
   8.113 +#nav a {
   8.114 +	color: #0F314E;
   8.115 +	background: inherit;
   8.116 +	display: block;
   8.117 +	text-decoration: none;
   8.118 +	font-weight: bold;
   8.119 +}
   8.120 +
   8.121 +#nav a:hover {
   8.122 +	color: #b64b22;
   8.123 +	text-decoration: none;
   8.124 +	display: block;
   8.125 +}
   8.126 +
   8.127 +#nav hr {
   8.128 +	margin: 2px 0px 1px 0px;
   8.129 +	border: 0px;
   8.130 +	border-top: 1px solid #BDBDBD;
   8.131 +}
   8.132 +
   8.133 +#nav ul {
   8.134 +	-moz-border-radius: 8px;
   8.135 +	-webkit-border-radius: 8px;
   8.136 +	list-style-type: none;
   8.137 +	margin: 10px 0;
   8.138 +	padding: 10px 24px 10px 24px;
   8.139 +	background-color: #eaeaea;
   8.140 +}
   8.141 +
   8.142 +.nav_box {
   8.143 +	margin: 10px 0;
   8.144 +	padding: 10px 24px 10px 24px;
   8.145 +	background-color: #eaeaea;
   8.146 +	text-align: justify;
   8.147 +	-moz-border-radius: 8px;
   8.148 +	-webkit-border-radius: 8px;
   8.149 +	border-radius: 8px;
   8.150 +	-moz-box-shadow: 0 1px 3px #666;
   8.151 +	-webkit-box-shadow: 0 1px 3px #666;
   8.152 +	box-shadow: 0 1px 3px #666;
   8.153 +	/* CSS3 transition */
   8.154 +	-webkit-transition-property: background-color;
   8.155 +	-webkit-transition-duration: 2s;
   8.156 +	-moz-transition-property: background-color;
   8.157 +	-moz-transition-duration: 2s;
   8.158 +	transition-property: background-color;
   8.159 +	transition-duration: 2s;
   8.160 +}
   8.161 +
   8.162 +.nav_box:hover { background-color: #f8f8f8; }
   8.163 +
   8.164 +#nav .nav_box p {
   8.165 +	line-height: 1.3em;
   8.166 +}
   8.167 +
   8.168 +#nav .nav_box p a {
   8.169 +	display: inline;
   8.170 +	font-weight: normal;
   8.171 +	text-decoration: underline;
   8.172 +}
   8.173 +
   8.174 +#nav .nav_box p a:hover {
   8.175 +	text-decoration: none;
   8.176 +	color: blue;
   8.177 +	background: inherit;
   8.178 +}
   8.179 +
   8.180 +#nav hr {
   8.181 +	height: 0px;
   8.182 +	border: 0px solid #eaeaea;
   8.183 +}
   8.184 +
   8.185 +/* Page content */
   8.186 +
   8.187 +#content {
   8.188 +	background: white;
   8.189 +	color: black;
   8.190 +	text-align: justify;
   8.191 +	height: auto;
   8.192 +	margin: 6px 320px 0px 0px;
   8.193 +	padding: 0px 40px 60px 80px;
   8.194 +}
   8.195 +
   8.196 +#content-full {
   8.197 +	background: white;
   8.198 +	color: black;
   8.199 +	text-align: justify;
   8.200 +	height: auto;
   8.201 +	margin: 6px 0px 0px 0px;
   8.202 +	padding: 0px 80px 35% 80px;
   8.203 +}
   8.204 +
   8.205 +#content li, #content-full li {
   8.206 +	line-height: 1.5em;
   8.207 +	text-align: left;
   8.208 +}
   8.209 +
   8.210 +/* Legal informations */
   8.211 +
   8.212 +#copy {
   8.213 +	font-size: 11px ;
   8.214 +	text-align: left ;
   8.215 +	background: transparent;
   8.216 +	color: #a8a8a8;
   8.217 +	padding-top: 10px;
   8.218 +	margin: 0 0 0 80px;
   8.219 +}
   8.220 +
   8.221 +#copy a {
   8.222 +	background: inherit;
   8.223 +	color: #a8a8a8;
   8.224 +}
   8.225 +
   8.226 +#copy a:hover {
   8.227 +	background: inherit;
   8.228 +	color: #666666;
   8.229 +}
   8.230 +
   8.231 +/* Footer */
   8.232 +
   8.233 +#bottom {
   8.234 +	float: none;
   8.235 +	background: inherit;
   8.236 +	color: black;
   8.237 +	width: auto;
   8.238 +	clear: both;
   8.239 +	padding: 0;
   8.240 +	margin: 0 0 0 80px;
   8.241 +	text-align: left;
   8.242 +	vertical-align: middle;
   8.243 +}
   8.244 +
   8.245 +#news li {
   8.246 +	list-style-type: square;
   8.247 +	border-bottom: 1px dotted #BEBEBE;
   8.248 +	margin-left: -25px;
   8.249 +	padding: 4px 0px 4px 0px;
   8.250 +}
   8.251 +
   8.252 +#news a {
   8.253 +	text-decoration: none;
   8.254 +}
   8.255 +
   8.256 +#gallery {
   8.257 +	text-align: center;
   8.258 +}
   8.259 +
   8.260 +#gallery table {
   8.261 +	margin: 30px 0px 30px 0px;
   8.262 +}
   8.263 +
   8.264 +/* Clouds */
   8.265 +
   8.266 +#cloud {
   8.267 +	padding: 20px 0px 20px 0px;
   8.268 +	line-height: 3em;
   8.269 +	text-align: center;
   8.270 +}
   8.271 +#cloud a { padding: 4px; color: #956411; }
   8.272 +#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
   8.273 +#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
   8.274 +#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
   8.275 +#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
   8.276 +#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
   8.277 +#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
   8.278 +#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
   8.279 +#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
   8.280 +#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
   8.281 +#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
   8.282 +
   8.283 +/* CSS class. */
   8.284 +
   8.285 +.infobox {
   8.286 +	margin: 10px;
   8.287 +	padding: 12px;
   8.288 +	background: #f8f8f8;
   8.289 +	-moz-border-radius: 8px;
   8.290 +	-webkit-border-radius: 8px;
   8.291 +	border-radius: 8px;
   8.292 +	-moz-box-shadow: 0 1px 3px #666;
   8.293 +	-webkit-box-shadow: 0 1px 3px #666;
   8.294 +	box-shadow: 0 1px 3px #666;
   8.295 +}
   8.296 +
   8.297 +.imagebox {
   8.298 +	min-width: 300px;
   8.299 +	margin: 10px 15%;
   8.300 +	padding: 8px;
   8.301 +	background: transparent;
   8.302 +	text-align: center;
   8.303 +	/* CSS3 transition */
   8.304 +	-webkit-transition-property: background-color;
   8.305 +	-webkit-transition-duration: 3s;
   8.306 +	-moz-transition-property: background-color;
   8.307 +	-moz-transition-duration: 3s;
   8.308 +	transition-property: background-color;
   8.309 +	transition-duration: 3s;
   8.310 +}
   8.311 +
   8.312 +.imagebox:hover, .imagebox img {
   8.313 +	-moz-border-radius: 8px;
   8.314 +	-webkit-border-radius: 8px;
   8.315 +	border-radius: 8px;
   8.316 +	-moz-box-shadow: 0 1px 3px #666;
   8.317 +	-webkit-box-shadow: 0 1px 3px #666;
   8.318 +	box-shadow: 0 1px 3px #666;
   8.319 +}
   8.320 +
   8.321 +.block {
   8.322 +	/*padding-bottom: 35%;*/
   8.323 +	color: black;
   8.324 +	min-height: 200px;
   8.325 +}
   8.326 +
   8.327 +.block h3 img {
   8.328 +	padding: 0 2px 2px 0;
   8.329 +	margin: 0;
   8.330 +}
   8.331 +
   8.332 +.block ul {
   8.333 +	list-style-type: square;
   8.334 +}
   8.335 +
   8.336 +.block_left {
   8.337 +	width: 46%;
   8.338 +	float: left;
   8.339 +	background-color: #eaeaea;
   8.340 +	margin: 4px 2px;
   8.341 +	padding: 0 6px;
   8.342 +}
   8.343 +
   8.344 +.block_right {
   8.345 +	width: 46%;
   8.346 +	float: right;
   8.347 +	background-color: #eaeaea;
   8.348 +	margin: 4px 2px;
   8.349 +	padding: 0 6px;
   8.350 +}
   8.351 +
   8.352 +.block_left, .block_right {
   8.353 +	-moz-border-radius: 8px;
   8.354 +	-webkit-border-radius: 8px;
   8.355 +	border-radius: 8px;
   8.356 +	-moz-box-shadow: 0 1px 3px #666;
   8.357 +	-webkit-box-shadow: 0 1px 3px #666;
   8.358 +	box-shadow: 0 1px 3px #666;
   8.359 +	/* CSS3 transition */
   8.360 +	-webkit-transition-property: background-color;
   8.361 +	-webkit-transition-duration: 2s;
   8.362 +	-moz-transition-property: background-color;
   8.363 +	-moz-transition-duration: 2s;
   8.364 +	transition-property: background-color;
   8.365 +	transition-duration: 2s;
   8.366 +	/* For browsers that don't support RGBa
   8.367 +	background: rgb(0, 0, 0);*/
   8.368 +	/* RGBa with 0.6 opacity
   8.369 +	background: rgba(0, 0, 0, 0.2);*/
   8.370 +}
   8.371 +
   8.372 +.block_left:hover, .block_right:hover, .imagebox:hover, #slidebox:hover {
   8.373 +	background-color: #f2b21d;
   8.374 +}
   8.375 +
   8.376 +/* HTML styles */
   8.377 +
   8.378 +h1 {
   8.379 +	color: #444444;
   8.380 +	background: inherit;
   8.381 +	text-align: left;
   8.382 +	margin: 0px 0px 4px 0px;
   8.383 +	font-size: 150%;
   8.384 +	font-weight: bold;
   8.385 +}
   8.386 +
   8.387 +h2 {
   8.388 +	color: #b64b22;
   8.389 +	padding: 0;
   8.390 +	margin: 4px 0 0 0;
   8.391 +	font-size: 130%;
   8.392 +	font-weight: bold;
   8.393 +}
   8.394 +
   8.395 +h3 {
   8.396 +	font-weight: bold;
   8.397 +	color: #390012;
   8.398 +	background: transparent;
   8.399 +}
   8.400 +	
   8.401 +h3 img { 
   8.402 +	vertical-align: middle;
   8.403 +	width: 20px;
   8.404 +	height: 20px;
   8.405 +}
   8.406 +
   8.407 +a {
   8.408 +	text-decoration: underline;
   8.409 +	color: #0F314E;
   8.410 +	background: inherit;
   8.411 +}
   8.412 +
   8.413 +a:hover {
   8.414 +	text-decoration: none;
   8.415 +	color: blue;
   8.416 +	background: inherit;
   8.417 +}
   8.418 +
   8.419 +code {
   8.420 +	font-size: 12px;
   8.421 +	color: #669900;
   8.422 +	background: inherit;
   8.423 +}
   8.424 +
   8.425 +tt {
   8.426 +	color: #15EE15;
   8.427 +	background: inherit;
   8.428 +}
   8.429 +
   8.430 +img {
   8.431 +	border: 0pt none;
   8.432 +}
   8.433 +
   8.434 +fieldset {
   8.435 +	background: #E2ECf6;
   8.436 +	color: black;
   8.437 +	margin-top: 25px;
   8.438 +	border: 1px solid black;
   8.439 +}
   8.440 +
   8.441 +legend {
   8.442 +	border: 1px solid black;
   8.443 +	color: #6c0023;
   8.444 +	background: #eaeaea;
   8.445 +	font-weight: bold;
   8.446 +}
   8.447 +
   8.448 +pre {
   8.449 +	padding: 5px;
   8.450 +	color: black;
   8.451 +	background: #E1E0B0;
   8.452 +}
   8.453 +
   8.454 +pre.script {
   8.455 +	padding: 10px;
   8.456 +	color: black;
   8.457 +	background: #E8E8E8;
   8.458 +	border: 1px inset #606060;
   8.459 +}
   8.460 +
   8.461 +textarea {
   8.462 +	background: #E5E5E5;
   8.463 +	margin-top: 12px;
   8.464 +}
   8.465 +
   8.466 +/* Packages pages */
   8.467 +
   8.468 +.pkg_nav {
   8.469 +	border-top: 1px solid black;
   8.470 +	margin-top: 10px;
   8.471 +	padding-top: 10px;
   8.472 +}
   8.473 +
   8.474 +pre.package {
   8.475 +	padding: 0px;
   8.476 +	color: black;
   8.477 +	background: white;
   8.478 +}
   8.479 +
   8.480 +p.get {
   8.481 +	text-align: center;
   8.482 +	padding: 10px;
   8.483 +	color: black;
   8.484 +	background: #F3F3F3;
   8.485 +	border: 1px solid #DEDEDE;
   8.486 +}
   8.487 +
   8.488 +.year:after {
   8.489 +	/* content: "2007-2011"; */
   8.490 +	content: "2011";
   8.491 +}
     9.1 --- a/rootfs/usr/share/webhome/style.css	Sun Nov 28 09:58:19 2010 +0800
     9.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     9.3 @@ -1,113 +0,0 @@
     9.4 -/*
     9.5 -	CSS style for SliTaz GNU/Linux local home page
     9.6 -	www.slitaz.org - (c) 2008 SliTaz Community
     9.7 -*/
     9.8 -
     9.9 -body {
    9.10 -	background: white;
    9.11 -	color: black;
    9.12 -	font: 13px sans-serif, vernada, arial;
    9.13 -	margin: 0 0 0 0;
    9.14 -	padding-bottom: 100%;
    9.15 -}
    9.16 -
    9.17 -#header {
    9.18 -	background: #f0ba08 url(pics/header.png) repeat-x top;
    9.19 -	color: black;
    9.20 -	width: 100%;
    9.21 -	height: 50px ;
    9.22 -	border-top: 1px solid black;
    9.23 -	border-bottom: 1px solid black;
    9.24 -	/* margin-bottom: 30px; */
    9.25 -}
    9.26 -
    9.27 -#header h1 {
    9.28 -	padding: 10px;
    9.29 -	text-align: center;
    9.30 -}
    9.31 -
    9.32 -/* Page content */
    9.33 -
    9.34 -
    9.35 -#content {
    9.36 -	height: auto;
    9.37 -	margin: 10px 100px 0px 100px;
    9.38 -	padding: 0px 72px 0px 72px;
    9.39 -}
    9.40 -
    9.41 -#content li {
    9.42 -	line-height: 1.5em;
    9.43 -	text-align: left;
    9.44 -}
    9.45 -
    9.46 -/* Footer */
    9.47 -
    9.48 -#bottom {
    9.49 -	float: none;
    9.50 -	background: inherit;
    9.51 -	color: black;
    9.52 -	width: auto;
    9.53 -	clear: both;
    9.54 -	padding: 0;
    9.55 -	margin: 0;
    9.56 -	text-align: center;
    9.57 -	vertical-align: middle;
    9.58 -}
    9.59 -
    9.60 -/* CSS class. */
    9.61 -
    9.62 -
    9.63 -/* HTML styles */
    9.64 -
    9.65 -h1 {
    9.66 -	margin: 0px 0px 0px 16px;
    9.67 -}
    9.68 -
    9.69 -h2 {
    9.70 -    color: #DF8F06;
    9.71 -    border-left: 10px solid #F3F3F3;
    9.72 -    padding: 4px 0px 4px 4px;
    9.73 -    margin: 0;
    9.74 -}
    9.75 -
    9.76 -h3 {
    9.77 -	font-weight: bold;
    9.78 -	color: #6c0023;
    9.79 -	background: inherit;
    9.80 -}
    9.81 -
    9.82 -a {
    9.83 -	text-decoration: underline;
    9.84 -	color: #0F314E;
    9.85 -	background: inherit;
    9.86 -}
    9.87 -
    9.88 -a:hover {
    9.89 -	text-decoration: none;
    9.90 -	color: blue;
    9.91 -	background: inherit;
    9.92 -}
    9.93 -
    9.94 -img {
    9.95 -	border: 0pt none;
    9.96 -}
    9.97 -
    9.98 -/* Table */
    9.99 -
   9.100 -table {
   9.101 -	width: variable;
   9.102 -	margin-left: auto;
   9.103 -	margin-right: auto;
   9.104 -}
   9.105 -
   9.106 -td {
   9.107 -	width: variable;
   9.108 -	padding: 6px;
   9.109 -}
   9.110 -
   9.111 -th {
   9.112 -	width: variable;
   9.113 -
   9.114 -
   9.115 -	text-align: right;
   9.116 -}