slitaz-configs rev 82

webhome: Improve page and keep it clean
author: Christophe Lincoln <pankso@slitaz.org>
date: Thu Mar 10 22:22:35 2011 +0100 (2011-03-10)
parents: 1f66f9395739
children: 4cba93b42cef
files: rootfs/usr/share/webhome/index.html rootfs/usr/share/webhome/pics/header-img.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/tools.png rootfs/usr/share/webhome/pics/website/users.png rootfs/usr/share/webhome/slitaz.css rootfs/usr/share/webhome/style.css
     1.1 --- a/rootfs/usr/share/webhome/index.html	Fri Jan 14 07:51:46 2011 +0100
     1.2 +++ b/rootfs/usr/share/webhome/index.html	Thu Mar 10 22:22:35 2011 +0100
     1.3 @@ -6,105 +6,56 @@
     1.4      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
     1.5      <meta name="author" content="Christophe Lincoln"/>
     1.6      <link rel="shortcut icon" href="favicon.ico" />
     1.7 -    <link rel="stylesheet" type="text/css" href="slitaz.css" />
     1.8 +    <link rel="stylesheet" type="text/css" href="style.css" />
     1.9  </head>
    1.10  <body>
    1.11  
    1.12  <!-- Header -->
    1.13  <div id="header">
    1.14 -	<!-- Access -->
    1.15 -	<div id="access"></div>
    1.16 -	<!-- Logo -->
    1.17 -	<a href="http://www.slitaz.org/"><img id="logo"
    1.18 -		src="pics/website/logo.png" 
    1.19 -		title="www.slitaz.org" alt="www.slitaz.org" /></a>
    1.20 -	<p id="titre">#!/Web/Home</p>
    1.21 +	<h1>Web Home</h1>
    1.22  </div>
    1.23  
    1.24  <!-- Content -->
    1.25 -<div id="content-full">
    1.26 +<div id="content">
    1.27  
    1.28 -<!-- Block begin -->
    1.29 -<div class="block">
    1.30 -	<!-- Left block begin -->
    1.31 -	<div class="block_left" style="height: 400px; overflow: auto;">
    1.32 -	<h1>Search the web</h1>
    1.33 +<div class="searchbox">
    1.34 +	<form method="get" action="http://www.google.com/search">
    1.35  		<p>
    1.36 -			Welcome to your SliTaz local homepage.
    1.37 +			<input type="text" name="q" size="24" style="width: 80%;" 
    1.38 +				maxlength="255" />
    1.39 +			<input type="submit" value="Google" />
    1.40  		</p>
    1.41 -		<form method="get" action="http://www.google.com/search">
    1.42 -				<p>
    1.43 -					<input type="text" name="q" size="24" style="width: 70%;" 
    1.44 -						maxlength="255" />
    1.45 -					<input type="submit" value="Google" />
    1.46 -				</p>
    1.47 -			</form>
    1.48 -			<!-- <form method="get" action="http://www.wikipedia.org/search-redirect.php">
    1.49 -				<p>
    1.50 -					<input type="hidden" name="language" value="en" />
    1.51 -					<input type="text" name="search" size="24" style="width: 70%;"
    1.52 -						maxlength="255" />
    1.53 -					<input type="submit" name="go" value="Wikipedia" />
    1.54 -				</p>
    1.55 -			</form> -->
    1.56 -		<h3><img src="pics/website/users.png" alt=".png" />Join the community!</h3>
    1.57 -		<ul>
    1.58 -			<li><a href="http://www.slitaz.org/">SliTaz 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://scn.slitaz.org/image">Community Network</a></li>
    1.62 -			<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
    1.63 -			<li><a href="http://www.facebook.com/pages/SliTaz/125559834176383">SliTaz on Facebook</a></li>
    1.64 -			<li><a href="http://en.wikipedia.org/wiki/SliTaz_GNU/Linux">SliTaz on Wikipedia</a></li>
    1.65 -		</ul>
    1.66 -		
    1.67 -	<!-- Left block end -->
    1.68 -	</div>
    1.69 -	<!-- Right block begin -->
    1.70 -	<div class="block_right" style="height: 400px; overflow: auto;">
    1.71 -		<h3><img src="pics/website/tools.png" alt=".png" />SliTaz Search</h3>
    1.72 -		<!-- Google custom search -->
    1.73 -		<div id="cse" style="width: 100%;">Loading</div>
    1.74 -		<script src="http://www.google.com/jsapi" type="text/javascript"></script>
    1.75 -		<script type="text/javascript">
    1.76 -		  google.load('search', '1', {language : 'en', style : google.loader.themes.MINIMALIST});
    1.77 -		  google.setOnLoadCallback(function() {
    1.78 -		    var customSearchControl = new google.search.CustomSearchControl('000868395082919927601:nddq7yjdcxg');
    1.79 -		    customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
    1.80 -		    customSearchControl.draw('cse');
    1.81 -		  }, true);
    1.82 -		</script>
    1.83 -		 <style type="text/css">
    1.84 -			input.gsc-search-button {
    1.85 -			    border-color: #b64b22;
    1.86 -			    background-color: #b64b22;
    1.87 -			    cursor: pointer;
    1.88 -			    font-size: 14px;
    1.89 -				-moz-border-radius: 2px;
    1.90 -				-webkit-border-radius: 2px;
    1.91 -				border-radius: 2px;
    1.92 -				-moz-box-shadow: 0 0 5px #666;
    1.93 -				-webkit-box-shadow: 0 0 5px#666;
    1.94 -				box-shadow: 0 0 5px #666;
    1.95 -				-moz-text-shadow: 0 0 0 #666;
    1.96 -				-webkit-text-shadow: 0 0 0 #666;
    1.97 -				text-shadow: 0 0 0 #666;
    1.98 -				
    1.99 -			}
   1.100 -			.gsc-control-cse {
   1.101 -				border: 0pt solid #ffffff;
   1.102 -				background-color: transparent;
   1.103 -			}
   1.104 -			.gs-webResult.gs-result a.gs-title:link,
   1.105 -			.gs-webResult.gs-result a.gs-title:link b { color: #103a5e; }
   1.106 -			.gsc-cursor-page { color: #103a5e; }
   1.107 -			a.gsc-trailing-more-results:link { color: #103a5e; }
   1.108 -		</style>
   1.109 -	<!-- Right block end -->
   1.110 -	</div>
   1.111 -<!-- Block end -->
   1.112 +	</form>
   1.113 +<!-- <form method="get" action="http://www.wikipedia.org/search-redirect.php">
   1.114 +		<p>
   1.115 +			<input type="hidden" name="language" value="en" />
   1.116 +			<input type="text" name="search" size="24" style="width: 70%;"
   1.117 +				maxlength="255" />
   1.118 +			<input type="submit" name="go" value="Wikipedia" />
   1.119 +		</p>
   1.120 +	</form> -->
   1.121  </div>
   1.122  
   1.123 +<p style="text-align: center;">
   1.124 +	SliTaz Network:
   1.125 +	<a href="http://www.slitaz.org/">Website</a>
   1.126 +	<a href="http://doc.slitaz.org/">Documentation</a>
   1.127 +	<a href="http://pkgs.slitaz.org/">Packages</a>
   1.128 +	<a href="http://forum.slitaz.org/">Forum</a>
   1.129 +	<a href="http://scn.slitaz.org/">Community</a>
   1.130 +	<a href="http://labs.slitaz.org/">Labs</a>
   1.131 +	<a href="http://hg.slitaz.org/">Hg</a>
   1.132 +</p>
   1.133 +
   1.134 +<p style="text-align: center;">
   1.135 +	SliTaz @
   1.136 +	<a href="http://twitter.com/slitaz">Twitter</a>
   1.137 +	<a href="http://www.facebook.com/slitaz">Facebook</a>
   1.138 +	<a href="http://distrowatch.com/slitaz">Distrowatch</a>
   1.139 +	<a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
   1.140 +	<a href="http://flattr.com/profile/slitaz">Flattr</a>
   1.141 +</p>
   1.142 +
   1.143  <!-- End of content -->
   1.144  </div>
   1.145  

     8.1 --- a/rootfs/usr/share/webhome/slitaz.css	Fri Jan 14 07:51:46 2011 +0100
     8.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     8.3 @@ -1,600 +0,0 @@
     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 -	min-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 -#access img {
    8.47 -	vertical-align: middle;
    8.48 -}
    8.49 -
    8.50 -/* Header and title */
    8.51 -
    8.52 -#header {
    8.53 -	/*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/
    8.54 -	background: #351a0a url(pics/website/header-img.png) no-repeat top right;
    8.55 -	color: black;
    8.56 -	width: 100%;
    8.57 -	height: 42px;
    8.58 -	border-top: 1px solid black;
    8.59 -	border-bottom: 1px solid #999;
    8.60 -	margin-bottom: 33px;
    8.61 -}
    8.62 -
    8.63 -#titre {
    8.64 -	position: absolute;
    8.65 -	font-size: 14px;
    8.66 -	font-weight: bolder ;
    8.67 -	left: 180px;
    8.68 -	top: 4px;
    8.69 -}
    8.70 -
    8.71 -#logo {
    8.72 -	position: absolute;
    8.73 -	float: left;
    8.74 -	left: 16px;
    8.75 -	top: -10px;
    8.76 -	width: 200px;
    8.77 -	height: 74px;
    8.78 -}
    8.79 -
    8.80 -/* Side bar Navigation */
    8.81 -
    8.82 -#nav {
    8.83 -	position: absolute;
    8.84 -	top: 102px;
    8.85 -	right: 80px;
    8.86 -	color: #555555;
    8.87 -	float: right;
    8.88 -	width: 250px;
    8.89 -	line-height: 1.5em;
    8.90 -	text-align: left;
    8.91 -	font-size: 12px;
    8.92 -}
    8.93 -
    8.94 -#nav .nav_box ul {
    8.95 -	list-style-type: none;
    8.96 -	margin: 0;
    8.97 -	padding: 10px 24px 10px 0px;
    8.98 -	background-color: inherit;
    8.99 -}
   8.100 -
   8.101 -#nav li {
   8.102 -	display: inline;
   8.103 -}
   8.104 -
   8.105 -#nav h4 {
   8.106 -	font-size: 120%;
   8.107 -	color: #666666;
   8.108 -	font-weight: bold;
   8.109 -	margin: 0;
   8.110 -	padding: 0 0 1px 0;
   8.111 -	border-bottom: 1px solid #cecece;
   8.112 -}
   8.113 -
   8.114 -#nav a {
   8.115 -	color: #0F314E;
   8.116 -	background: inherit;
   8.117 -	display: block;
   8.118 -	text-decoration: none;
   8.119 -	font-weight: bold;
   8.120 -}
   8.121 -
   8.122 -#nav a:hover {
   8.123 -	color: #b64b22;
   8.124 -	text-decoration: none;
   8.125 -	display: block;
   8.126 -}
   8.127 -
   8.128 -#nav ul {
   8.129 -	-moz-border-radius: 8px;
   8.130 -	-webkit-border-radius: 8px;
   8.131 -	border-radius: 8px;
   8.132 -	list-style-type: none;
   8.133 -	margin: 10px 0;
   8.134 -	padding: 10px 24px 10px 24px;
   8.135 -	background-color: #eaeaea;
   8.136 -}
   8.137 -
   8.138 -.nav_box {
   8.139 -	margin: 10px 0;
   8.140 -	padding: 10px 24px 10px 24px;
   8.141 -	background-color: #eaeaea;
   8.142 -	text-align: justify;
   8.143 -	-moz-border-radius: 8px;
   8.144 -	-webkit-border-radius: 8px;
   8.145 -	border-radius: 8px;
   8.146 -	-moz-box-shadow: 0 1px 3px #666;
   8.147 -	-webkit-box-shadow: 0 1px 3px #666;
   8.148 -	box-shadow: 0 1px 3px #666;
   8.149 -	/* CSS3 transition */
   8.150 -	-webkit-transition-property: background-color;
   8.151 -	-webkit-transition-duration: 2s;
   8.152 -	-moz-transition-property: background-color;
   8.153 -	-moz-transition-duration: 2s;
   8.154 -	transition-property: background-color;
   8.155 -	transition-duration: 2s;
   8.156 -}
   8.157 -
   8.158 -.nav_box:hover { background-color: #f8f8f8; }
   8.159 -
   8.160 -#nav .nav_box p {
   8.161 -	line-height: 1.3em;
   8.162 -}
   8.163 -
   8.164 -#nav .nav_box p a {
   8.165 -	display: inline;
   8.166 -	font-weight: normal;
   8.167 -	text-decoration: underline;
   8.168 -}
   8.169 -
   8.170 -#nav .nav_box p a:hover {
   8.171 -	text-decoration: none;
   8.172 -	color: blue;
   8.173 -	background: inherit;
   8.174 -}
   8.175 -
   8.176 -/* Page content */
   8.177 -
   8.178 -#content {
   8.179 -	background: white;
   8.180 -	color: black;
   8.181 -	text-align: justify;
   8.182 -	height: auto;
   8.183 -	margin: 6px 320px 0px 0px;
   8.184 -	padding: 0px 40px 60px 80px;
   8.185 -}
   8.186 -
   8.187 -#content-full {
   8.188 -	background: white;
   8.189 -	color: black;
   8.190 -	text-align: justify;
   8.191 -	height: auto;
   8.192 -	margin: 0;
   8.193 -	padding: 0px 80px 40px 80px;
   8.194 -}
   8.195 -
   8.196 -#content li, #content-full li {
   8.197 -	line-height: 1.5em;
   8.198 -	text-align: left;
   8.199 -}
   8.200 -
   8.201 -#news li {
   8.202 -	list-style-type: square;
   8.203 -	border-bottom: 1px dotted #BEBEBE;
   8.204 -	margin-left: -25px;
   8.205 -	padding: 4px 0px 4px 0px;
   8.206 -}
   8.207 -
   8.208 -#news a {
   8.209 -	text-decoration: none;
   8.210 -}
   8.211 -
   8.212 -#gallery {
   8.213 -	text-align: center;
   8.214 -}
   8.215 -
   8.216 -/* Box and block. */
   8.217 -
   8.218 -.infobox {
   8.219 -	margin: 20px 60px;
   8.220 -	padding: 12px;
   8.221 -	background: #f8f8f8;
   8.222 -}
   8.223 -
   8.224 -.infobox img { vertical-align: middle; }
   8.225 -/* .infobox:hover { background-color: #f2b21d; } */
   8.226 -.infobox:hover { background-color: #FBFBFB; }
   8.227 -
   8.228 -.block {
   8.229 -	/*padding-bottom: 35%;*/
   8.230 -	color: black;
   8.231 -	min-height: 200px;
   8.232 -	margin-bottom: 40px;
   8.233 -}
   8.234 -
   8.235 -.block ul {
   8.236 -	list-style-type: none;
   8.237 -	margin: 0;
   8.238 -	padding: 0 20px;
   8.239 -}
   8.240 -
   8.241 -.block_left {
   8.242 -	width: 46%;
   8.243 -	float: left;
   8.244 -	background-color: #eaeaea;
   8.245 -	margin: 4px 2px;
   8.246 -	padding: 0 10px 10px 10px;
   8.247 -}
   8.248 -
   8.249 -.block_right {
   8.250 -	width: 46%;
   8.251 -	float: right;
   8.252 -	background-color: #eaeaea;
   8.253 -	margin: 4px 2px;
   8.254 -	padding: 0 10px 10px 10px;
   8.255 -}
   8.256 -
   8.257 -#block_top {
   8.258 -	color: black;
   8.259 -	background-color: #eaeaea;
   8.260 -	min-height: 180px;
   8.261 -	margin-bottom: 40px;
   8.262 -	margin-right: 340px;
   8.263 -	padding: 0 10px;
   8.264 -}
   8.265 -
   8.266 -#block_nav {
   8.267 -	width: 300px;
   8.268 -	min-height: 180px;
   8.269 -	float: right;
   8.270 -	background-color: #eaeaea;
   8.271 -	margin: 0;
   8.272 -	padding: 0 10px;
   8.273 -}
   8.274 -
   8.275 -.infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
   8.276 -	-moz-border-radius: 8px;
   8.277 -	-webkit-border-radius: 8px;
   8.278 -	border-radius: 8px;
   8.279 -	-moz-box-shadow: 0 1px 3px #666;
   8.280 -	-webkit-box-shadow: 0 1px 3px #666;
   8.281 -	box-shadow: 0 1px 3px #666;
   8.282 -	/* CSS3 transition */
   8.283 -	-webkit-transition-property: background-color;
   8.284 -	-webkit-transition-duration: 2s;
   8.285 -	-moz-transition-property: background-color;
   8.286 -	-moz-transition-duration: 2s;
   8.287 -	transition-property: background-color;
   8.288 -	transition-duration: 2s;
   8.289 -}
   8.290 -
   8.291 -#block_nav {
   8.292 -	font-weight: bold;
   8.293 -}
   8.294 -
   8.295 -#block_nav a {
   8.296 -	text-decoration: none;
   8.297 -}
   8.298 -
   8.299 -#block_nav li a:hover {
   8.300 -	color: #b64b22;
   8.301 -}
   8.302 -
   8.303 -#block_nav ul {
   8.304 -	margin: 0;
   8.305 -	list-style-type: none;
   8.306 -}
   8.307 -
   8.308 -#block_nav h3 {
   8.309 -	font-size: 110%;
   8.310 -}
   8.311 -
   8.312 -.block_left:hover, .block_right:hover, #block_top:hover,
   8.313 -#block_nav:hover, #footer:hover { 
   8.314 -	background-color: #f8f8f8;
   8.315 -}
   8.316 -
   8.317 -.right_box {
   8.318 -	width: 50%;
   8.319 -	float: right;
   8.320 -}
   8.321 -
   8.322 -.floor {
   8.323 -	color: #999999;
   8.324 -	font-size: 20px;
   8.325 -	-webkit-transform: rotate(-45deg) skew(15deg, 15deg);
   8.326 -	-moz-transform: rotate(-45deg) skew(15deg, 15deg);
   8.327 -	-o-transform: rotate(-45deg) skew(15deg, 15deg);
   8.328 -	-ms-transform: rotate(-45deg) skew(15deg, 15deg);
   8.329 -	transform: rotate(-45deg) skew(15deg, 15deg);
   8.330 -}
   8.331 -
   8.332 -#twitter, .feedbox {
   8.333 -	margin-top: 20px;
   8.334 -	-moz-border-radius: 8px;
   8.335 -	-webkit-border-radius: 8px;
   8.336 -	border-radius: 8px;
   8.337 -	-moz-box-shadow: 0 1px 3px #666;
   8.338 -	-webkit-box-shadow: 0 1px 3px #666;
   8.339 -	box-shadow: 0 1px 3px #666;
   8.340 -}
   8.341 -
   8.342 -.feedbox {
   8.343 -	background-color: #f9f9f9;
   8.344 -	padding: 10px 20px;
   8.345 -	margin: 20px 100px;
   8.346 -}
   8.347 -
   8.348 -.feedbox div {
   8.349 -	height: 320px;
   8.350 -	overflow: auto;
   8.351 -}
   8.352 -
   8.353 -.feedbox ul { list-style-type: none; margin: 0; }
   8.354 -
   8.355 -/* Button */
   8.356 -
   8.357 -.button { margin-left: 20px; }
   8.358 -
   8.359 -.button a { 
   8.360 -	background-color: #b64b22;
   8.361 -	color: #ffffff;
   8.362 -	margin-right: 6px;
   8.363 -	padding: 6px 10px;
   8.364 -	font-size: 14px;
   8.365 -	-moz-border-radius: 4px;
   8.366 -	-webkit-border-radius: 4px;
   8.367 -	border-radius: 4px;
   8.368 -	-moz-box-shadow: 0 1px 3px #666;
   8.369 -	-webkit-box-shadow: 0 1px 3px #666;
   8.370 -	box-shadow: 0 1px 3px #666;
   8.371 -}
   8.372 -
   8.373 -.button a:hover, input[type=submit]:hover { 
   8.374 -	background-color: #a3431f;
   8.375 -	color: #ffffff;
   8.376 -}
   8.377 -
   8.378 -input[type=submit] {
   8.379 -	border: 1px solid #b64b22;
   8.380 -	background-color: #b64b22;
   8.381 -	color: white;
   8.382 -	font-weight: bold;
   8.383 -	cursor: pointer;
   8.384 -	padding: 3px 10px;
   8.385 -	font-size: 14px;
   8.386 -	-moz-border-radius: 2px;
   8.387 -	-webkit-border-radius: 2px;
   8.388 -	border-radius: 2px;
   8.389 -	-moz-box-shadow: 0 0 5px #666;
   8.390 -	-webkit-box-shadow: 0 0 5px#666;
   8.391 -	box-shadow: 0 0 5px #666;
   8.392 -	margin-left: -5px;
   8.393 -}
   8.394 -
   8.395 -input[type=text] {
   8.396 -	border: 1px solid #333333;
   8.397 -	padding: 3px;
   8.398 -	width: 100%;
   8.399 -}
   8.400 -
   8.401 -/* Clouds */
   8.402 -
   8.403 -#cloud {
   8.404 -	padding: 10px 0px;
   8.405 -	line-height: 3em;
   8.406 -	text-align: center;
   8.407 -}
   8.408 -#cloud a { padding: 0 2px; color: #444444; }
   8.409 -#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
   8.410 -#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
   8.411 -#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
   8.412 -#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
   8.413 -#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
   8.414 -#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
   8.415 -#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
   8.416 -#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
   8.417 -#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
   8.418 -#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
   8.419 -
   8.420 -/* Slideshow. */
   8.421 -
   8.422 -#slideshow
   8.423 -{
   8.424 -	overflow: hidden;
   8.425 -	margin: 10px auto 10px;
   8.426 -	position: relative;
   8.427 -	width: 260px;
   8.428 -	height: 163px;
   8.429 -}
   8.430 -
   8.431 -#slideshow img
   8.432 -{
   8.433 -	border: 0;
   8.434 -	width: 260px;
   8.435 -	height: 163px;
   8.436 -}
   8.437 -
   8.438 -/* HTML styles */
   8.439 -
   8.440 -h1 {
   8.441 -	color: #444444;
   8.442 -	background: transparent;
   8.443 -	text-align: left;
   8.444 -	margin: 0px 0px 4px 0px;
   8.445 -	font-size: 150%;
   8.446 -	font-weight: bold;
   8.447 -	padding: 5px 0 0 10px;
   8.448 -}
   8.449 -
   8.450 -h2 {
   8.451 -	color: #b64b22;
   8.452 -	padding: 0;
   8.453 -	margin: 20px 0 0 0;
   8.454 -	font-size: 130%;
   8.455 -	font-weight: bold;
   8.456 -}
   8.457 -
   8.458 -h3 {
   8.459 -	font-weight: bold;
   8.460 -	color: #666666;
   8.461 -	background: transparent;
   8.462 -}
   8.463 -	
   8.464 -h3 img, h2 img { 
   8.465 -	vertical-align: middle;
   8.466 -	width: 20px;
   8.467 -	height: 20px;
   8.468 -	padding-right: 4px; 
   8.469 -}
   8.470 -
   8.471 -a {
   8.472 -	text-decoration: underline;
   8.473 -	color: #103A5E;
   8.474 -	background: inherit;
   8.475 -}
   8.476 -
   8.477 -a:hover {
   8.478 -	text-decoration: none;
   8.479 -	color: blue;
   8.480 -	background: inherit;
   8.481 -}
   8.482 -
   8.483 -code {
   8.484 -	font-size: 12px;
   8.485 -	color: #669900;
   8.486 -	background: inherit;
   8.487 -}
   8.488 -
   8.489 -tt {
   8.490 -	color: #15EE15;
   8.491 -	background: inherit;
   8.492 -}
   8.493 -
   8.494 -img {
   8.495 -	border: 0pt none;
   8.496 -}
   8.497 -
   8.498 -fieldset {
   8.499 -	background: #E2ECf6;
   8.500 -	color: black;
   8.501 -	margin-top: 25px;
   8.502 -	border: 1px solid black;
   8.503 -}
   8.504 -
   8.505 -legend {
   8.506 -	border: 1px solid black;
   8.507 -	color: #6c0023;
   8.508 -	background: #eaeaea;
   8.509 -	font-weight: bold;
   8.510 -}
   8.511 -
   8.512 -pre {
   8.513 -	padding: 5px;
   8.514 -	color: black;
   8.515 -	background: #E1E0B0;
   8.516 -}
   8.517 -
   8.518 -pre.script {
   8.519 -	padding: 10px;
   8.520 -	color: black;
   8.521 -	background: #E8E8E8;
   8.522 -	border: 1px inset #606060;
   8.523 -}
   8.524 -
   8.525 -textarea {
   8.526 -	background: #E5E5E5;
   8.527 -	margin-top: 12px;
   8.528 -}
   8.529 -
   8.530 -/* Packages pages */
   8.531 -
   8.532 -.pkg_nav {
   8.533 -	border-top: 1px solid black;
   8.534 -	margin-top: 10px;
   8.535 -	padding-top: 10px;
   8.536 -}
   8.537 -
   8.538 -pre.package {
   8.539 -	padding: 0px;
   8.540 -	color: black;
   8.541 -	background: white;
   8.542 -}
   8.543 -
   8.544 -p.get {
   8.545 -	text-align: center;
   8.546 -	padding: 10px;
   8.547 -	color: black;
   8.548 -	background: #F3F3F3;
   8.549 -	border: 1px solid #DEDEDE;
   8.550 -	border-radius: 4px;
   8.551 -	-moz-border-radius: 4px;
   8.552 -	-webkit-border-radius: 4px;
   8.553 -}
   8.554 -
   8.555 -p.get a {
   8.556 -	font-weight: bold;
   8.557 -	text-decoration: none;
   8.558 -}
   8.559 -
   8.560 -.pkgs-search { 
   8.561 -	text-align: center; 
   8.562 -	padding: 40px 20px 80px 20px;
   8.563 -}
   8.564 -
   8.565 -.year:after {
   8.566 -	/* content: "2007-2011"; */
   8.567 -	content: "2011";
   8.568 -}
   8.569 -
   8.570 -/* Footer */
   8.571 -
   8.572 -#footer {
   8.573 -	margin: 0px 80px 80px 80px;
   8.574 -	padding: 10px;
   8.575 -	background: #eaeaea;
   8.576 -	color: #666666;
   8.577 -	height: 180px;
   8.578 -	clear: both;
   8.579 -	border-radius: 8px;
   8.580 -	-moz-border-radius: 8px;
   8.581 -	-webkit-border-radius: 8px;
   8.582 -	-moz-box-shadow: 0 1px 3px #666;
   8.583 -	-webkit-box-shadow: 0 1px 3px #666;
   8.584 -	box-shadow: 0 1px 3px #666;
   8.585 -}
   8.586 -#footer a {
   8.587 -	background: inherit;
   8.588 -	color: #666666;
   8.589 -}
   8.590 -#footer a:hover {
   8.591 -	background: inherit;
   8.592 -	color: #333333;
   8.593 -}
   8.594 -#footer ul {
   8.595 -	list-style-type: none;
   8.596 -}
   8.597 -#footer li {
   8.598 -	padding: 2px;
   8.599 -}
   8.600 -#footer h4 {
   8.601 -	margin: 0 20px;
   8.602 -	font-size: 125%;
   8.603 -}

     9.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     9.2 +++ b/rootfs/usr/share/webhome/style.css	Thu Mar 10 22:22:35 2011 +0100
     9.3 @@ -0,0 +1,54 @@
     9.4 +body { font: 13px sans-serif, vernada, arial; margin: 0; 
     9.5 +	border-top: 34px solid #f1f1f1; }
     9.6 +#header { 
     9.7 +	background: #351a0a url(pics/header-img.png) no-repeat top right;
     9.8 +	color: black; height: 42px; 
     9.9 +	border-top: 1px solid black; 
    9.10 +	border-bottom: 1px solid black;
    9.11 +}
    9.12 +#content { margin: 0px 18% 26px 18%; }
    9.13 +.searchbox { 
    9.14 +	margin: 40px 0; 
    9.15 +	padding: 12px; 
    9.16 +	background: #f8f8f8;
    9.17 +	text-align: center;
    9.18 +	-moz-border-radius: 8px;
    9.19 +	-webkit-border-radius: 8px;
    9.20 +	border-radius: 8px;
    9.21 +	-moz-box-shadow: 0 1px 3px #666;
    9.22 +	-webkit-box-shadow: 0 1px 3px #666;
    9.23 +	box-shadow: 0 1px 3px #666;
    9.24 +}
    9.25 +a:hover { text-decoration: none; color: #000; }
    9.26 +h1 { margin: 6px 20px; color: #fff; }
    9.27 +p, a { color: #666; }
    9.28 +p img { vertical-align: middle; padding-right: 4px; }
    9.29 +input[type=submit] {
    9.30 +	border: 1px solid #b64b22;
    9.31 +	background-color: #b64b22;
    9.32 +	color: white;
    9.33 +	font-weight: bold;
    9.34 +	cursor: pointer;
    9.35 +	padding: 4px 10px;
    9.36 +	font-size: 14px;
    9.37 +	margin-left: -5px;
    9.38 +	-webkit-border-top-right-radius: 4px;
    9.39 +	-webkit-border-bottom-right-radius: 4px;
    9.40 +	-moz-border-radius-topright: 4px;
    9.41 +	-moz-border-radius-bottomright: 4px;
    9.42 +	border-top-right-radius: 4px;
    9.43 +	border-bottom-right-radius: 4px;
    9.44 +}
    9.45 +input[type=submit]:hover { background-color: #a3431f; }
    9.46 +input[type=text] {
    9.47 +	border: 1px solid #333333;
    9.48 +	padding: 4px;
    9.49 +	height: 17px;
    9.50 +	width: 100%;
    9.51 +	-webkit-border-top-left-radius: 4px;
    9.52 +	-webkit-border-bottom-left-radius: 4px;
    9.53 +	-moz-border-radius-topleft: 4px;
    9.54 +	-moz-border-radius-bottomleft: 4px;
    9.55 +	border-top-left-radius: 4px;
    9.56 +	border-bottom-left-radius: 4px;
    9.57 +}
author	Christophe Lincoln <pankso@slitaz.org>
date	Thu Mar 10 22:22:35 2011 +0100 (2011-03-10)
parents	1f66f9395739
children	4cba93b42cef
files	rootfs/usr/share/webhome/index.html rootfs/usr/share/webhome/pics/header-img.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/tools.png rootfs/usr/share/webhome/pics/website/users.png rootfs/usr/share/webhome/slitaz.css rootfs/usr/share/webhome/style.css