wok rev 4799

tazpkg-web: Update style and menu
author Christophe Lincoln <pankso@slitaz.org>
date Sun Jan 17 21:37:17 2010 +0100 (2010-01-17)
parents 9c9ff61b8c74
children 48aebe803b83
files tazpkg-web/stuff/html/home.html tazpkg-web/stuff/html/menu.html tazpkg-web/stuff/style/pics/slitaz.png tazpkg-web/stuff/style/pics/tazpkg.png tazpkg-web/stuff/style/pics/website/content-bl.png tazpkg-web/stuff/style/pics/website/content-br.png tazpkg-web/stuff/style/pics/website/content-tl.png tazpkg-web/stuff/style/pics/website/content-tr.png tazpkg-web/stuff/style/pics/website/header.png tazpkg-web/stuff/style/pics/website/logo.png tazpkg-web/stuff/style/pics/website/nav-bl.png tazpkg-web/stuff/style/pics/website/nav-br.png tazpkg-web/stuff/style/pics/website/nav-tl.png tazpkg-web/stuff/style/pics/website/nav-tr.png tazpkg-web/stuff/style/slitaz.css
line diff
     1.1 --- a/tazpkg-web/stuff/html/home.html	Sun Jan 17 19:21:28 2010 +0100
     1.2 +++ b/tazpkg-web/stuff/html/home.html	Sun Jan 17 21:37:17 2010 +0100
     1.3 @@ -1,5 +1,23 @@
     1.4  
     1.5 -<div style="text-align: center; padding: 20px;">
     1.6 +<!-- Navigation menu -->
     1.7 +<div id="nav">
     1.8 +
     1.9 +<div class="nav_box">
    1.10 +<h4>SliTaz Network</h4>
    1.11 +<ul>
    1.12 +	<li><a href="http://www.slitaz.org/">Main Website</a></li>
    1.13 +	<li><a href="http://forum.slitaz.org/">Community Forum</a></li>
    1.14 +	<li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li>
    1.15 +	<li><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></li>
    1.16 +	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
    1.17 +	<li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
    1.18 +</ul>
    1.19 +</div>
    1.20 +
    1.21 +<!-- End navigation menu -->
    1.22 +</div>
    1.23 +
    1.24 +<div style="text-align: center; padding-top: 20px;">
    1.25  <form method="post" action="http://pkgs.slitaz.org/search.cgi">
    1.26  	<select name="object">
    1.27  		<option>Package</option>
    1.28 @@ -22,25 +40,3 @@
    1.29  <a href="stable/">Stable packages</a> | <a href="cooking/">Cooking packages</a>
    1.30  </p>
    1.31  </div>
    1.32 -
    1.33 -<!-- 10 Cloud tag are available. -->
    1.34 -<div id="cloud">
    1.35 -<p>
    1.36 -	<a href="stable/" class="tag8">Stable</a>
    1.37 -	<a href="rss/cooking.xml" class="tag6">Cooking RSS</a>
    1.38 -	<a href="http://www.slitaz.org/en/doc/" class="tag5">Documentation</a>
    1.39 -	<a href="http://www.slitaz.org/en/doc/handbook/packages.html" class="tag6">Package management</a>
    1.40 -	<a href="cooking/" class="tag8">Cooking</a>
    1.41 -	<a href="http://www.slitaz.org/en/devel/" class="tag5">Development</a>
    1.42 -	<a href="http://www.slitaz.org/en/doc/manuals/tazpkg.en.html" class="tag7">Tazpkg Manual</a>
    1.43 -	<a href="http://forum.slitaz.org/" class="tag6">Support</a>
    1.44 -	<a href="http://wiki.slitaz.org/" class="tag6">Wiki</a>
    1.45 -	<a href="http://www.slitaz.org/en/doc/cookbook/" class="tag3">Cookbook</a>
    1.46 -	<a href="http://labs.slitaz.org/news" class="tag6">Labs News</a>
    1.47 -	<a href="http://www.slitaz.org/en/doc/handbook/security.html" class="tag5">Security</a>
    1.48 -	<a href="http://www.slitaz.org/en/mailing-list.html" class="tag6">Mailing list</a>
    1.49 -	<a href="http://www.slitaz.org/en/doc/manuals/tazwok.en.html" class="tag5">Tazwok Manual</a>
    1.50 -	<a href="http://www.slitaz.org/en/get/" class="tag7">Get LiveCD</a>
    1.51 -	<a href="http://boot.slitaz.org/" class="tag6">Web Boot</a>
    1.52 -</p>
    1.53 -</div>
     2.1 --- a/tazpkg-web/stuff/html/menu.html	Sun Jan 17 19:21:28 2010 +0100
     2.2 +++ b/tazpkg-web/stuff/html/menu.html	Sun Jan 17 21:37:17 2010 +0100
     2.3 @@ -1,6 +1,9 @@
     2.4 +
     2.5  <!-- Navigation menu -->
     2.6  <div id="nav">
     2.7 -<div id="nav_top"></div>
     2.8 +
     2.9 +<div class="nav_box">
    2.10 +<h4>Packages Categories</h4>
    2.11  <ul>
    2.12  	<li><a href="base-system.html">Base-system</a></li>
    2.13  	<li><a href="x-window.html">X-window</a></li>
    2.14 @@ -17,7 +20,19 @@
    2.15  	<li><a href="meta.html">Meta packages</a></li>
    2.16  	<li><a href="non-free.html">Non free</a></li>
    2.17  </ul>
    2.18 -<div id="nav_bottom">
    2.19 -<div id="nav_bottom_img"></div>
    2.20  </div>
    2.21 +
    2.22 +<div class="nav_box">
    2.23 +<h4>SliTaz Network</h4>
    2.24 +<ul>
    2.25 +	<li><a href="http://www.slitaz.org/">Main Website</a></li>
    2.26 +	<li><a href="http://forum.slitaz.org/">Community Forum</a></li>
    2.27 +	<li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li>
    2.28 +	<li><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></li>
    2.29 +	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
    2.30 +	<li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
    2.31 +</ul>
    2.32  </div>
    2.33 +
    2.34 +<!-- End navigation menu -->
    2.35 +</div>
     3.1 Binary file tazpkg-web/stuff/style/pics/slitaz.png has changed
     4.1 Binary file tazpkg-web/stuff/style/pics/tazpkg.png has changed
     5.1 Binary file tazpkg-web/stuff/style/pics/website/content-bl.png has changed
     6.1 Binary file tazpkg-web/stuff/style/pics/website/content-br.png has changed
     7.1 Binary file tazpkg-web/stuff/style/pics/website/content-tl.png has changed
     8.1 Binary file tazpkg-web/stuff/style/pics/website/content-tr.png has changed
     9.1 Binary file tazpkg-web/stuff/style/pics/website/header.png has changed
    10.1 Binary file tazpkg-web/stuff/style/pics/website/logo.png has changed
    11.1 Binary file tazpkg-web/stuff/style/pics/website/nav-bl.png has changed
    12.1 Binary file tazpkg-web/stuff/style/pics/website/nav-br.png has changed
    13.1 Binary file tazpkg-web/stuff/style/pics/website/nav-tl.png has changed
    14.1 Binary file tazpkg-web/stuff/style/pics/website/nav-tr.png has changed
    15.1 --- a/tazpkg-web/stuff/style/slitaz.css	Sun Jan 17 19:21:28 2010 +0100
    15.2 +++ b/tazpkg-web/stuff/style/slitaz.css	Sun Jan 17 21:37:17 2010 +0100
    15.3 @@ -3,24 +3,27 @@
    15.4  	www.slitaz.org - (c) 2007 Pankso
    15.5  */
    15.6  
    15.7 +html {
    15.8 +	height:  102%;
    15.9 +}
   15.10 +
   15.11  body {
   15.12 -	background: #222222;
   15.13 +	background: #ffffff;
   15.14  	color: black;
   15.15  	font: 13px sans-serif, vernada, arial;
   15.16  	margin: 0;
   15.17 -	padding-bottom: 100%;
   15.18  }
   15.19  
   15.20  /* Accessibility */
   15.21  
   15.22  #access {
   15.23  	position: absolute;
   15.24 -	top: 1px;
   15.25 -	right: 6px;
   15.26 +	top: 4px;
   15.27 +	right: 4px;
   15.28  	text-align: right;
   15.29  	width: 100%;
   15.30  	margin: 0;
   15.31 -	font-size: 12px;
   15.32 +	font-size: 11px;
   15.33  	font-weight: bold;
   15.34  }
   15.35  
   15.36 @@ -28,7 +31,6 @@
   15.37  	background: inherit;
   15.38  	color: white;
   15.39  	text-decoration: none;
   15.40 -	padding-left: 2px;
   15.41  }
   15.42  
   15.43  #access a:hover {
   15.44 @@ -42,25 +44,24 @@
   15.45  	background: #f0ba08 url(pics/website/header.png) repeat-x top;
   15.46  	color: black;
   15.47  	width: 100%;
   15.48 -	height: 50px ;
   15.49 +	height: 50px;
   15.50  	border-top: 1px solid black;
   15.51  	border-bottom: 1px solid black;
   15.52  	margin-bottom: 30px;
   15.53  }
   15.54  
   15.55 -#titre{
   15.56 +#titre {
   15.57 +	position: absolute;
   15.58  	font-size: 16px;
   15.59  	font-weight: bolder ;
   15.60 -	margin-left: 232px;
   15.61 -	margin-top: 4px;
   15.62 -	padding-top: 25px ;
   15.63 +	margin-left: 200px;
   15.64 +	margin-top: 28px;
   15.65  }
   15.66  
   15.67  #logo {
   15.68  	position: absolute;
   15.69  	float: left;
   15.70 -	margin-left: 32px;
   15.71 -	margin-right: 20px;
   15.72 +	margin-left: 16px;
   15.73  	margin-top: 0px;
   15.74  }
   15.75  
   15.76 @@ -68,49 +69,50 @@
   15.77  
   15.78  #nav {
   15.79  	position: absolute;
   15.80 -	top: 100px;
   15.81 -	right: 6px;
   15.82 -	background: #eaeaea url(pics/website/nav-tr.png) no-repeat top right;
   15.83 -	color: black;
   15.84 +	top: 76px;
   15.85 +	right: 80px;
   15.86 +	color: #555555;
   15.87  	float: right;
   15.88 -	width: 152px;
   15.89 -	line-height: 1.3em;
   15.90 +	width: 250px;
   15.91 +	line-height: 1.5em;
   15.92  	text-align: left;
   15.93  	font-size: 12px;
   15.94 -	font-weight: bold;
   15.95  }
   15.96  
   15.97 -#nav_top {
   15.98 -	background: transparent url(pics/website/nav-tl.png) no-repeat top left;
   15.99 -	height: 12px;
  15.100 +#nav ul {
  15.101 +	-moz-border-radius: 8px;
  15.102 +	-webkit-border-radius: 8px;
  15.103 +	list-style-type: none;
  15.104 +	margin: 10px 0;
  15.105 +	padding: 10px 24px 10px 24px;
  15.106 +	background-color: #eaeaea;
  15.107  }
  15.108  
  15.109 -#nav_bottom {
  15.110 -	background: transparent url(pics/website/nav-bl.png) no-repeat bottom left;
  15.111 -	height: 12px;
  15.112 -}
  15.113 -
  15.114 -#nav_bottom_img {
  15.115 -	background: transparent url(pics/website/nav-br.png) no-repeat bottom right;
  15.116 -	height: 12px;
  15.117 -}
  15.118 -
  15.119 -#nav ul{
  15.120 +#nav .nav_box ul {
  15.121  	list-style-type: none;
  15.122 -	margin: 0px 0px 0px 6px;
  15.123 -	padding: 3px 2px 3px 2px;
  15.124 +	margin: 0;
  15.125 +	padding: 10px 24px 10px 0px;
  15.126  }
  15.127  
  15.128  #nav li {
  15.129  	display: inline;
  15.130  }
  15.131  
  15.132 +#nav h4 {
  15.133 +	font-size: 110%;
  15.134 +	color: #666666;
  15.135 +	font-weight: bold;
  15.136 +	margin: 0;
  15.137 +	padding: 0 0 1px 0;
  15.138 +	border-bottom: 1px solid #cecece;
  15.139 +}
  15.140 +
  15.141  #nav a {
  15.142 -	color: #3E1220;
  15.143 +	color: #0F314E;
  15.144  	background: inherit;
  15.145  	display: block;
  15.146 -	padding: 0.5px;
  15.147  	text-decoration: none;
  15.148 +	font-weight: bold;
  15.149  }
  15.150  
  15.151  #nav a:hover {
  15.152 @@ -123,8 +125,39 @@
  15.153  	margin: 2px 0px 1px 0px;
  15.154  	border: 0px;
  15.155  	border-top: 1px solid #BDBDBD;
  15.156 -	
  15.157 +
  15.158  }
  15.159 +
  15.160 +.nav_box {
  15.161 +	-moz-border-radius: 8px;
  15.162 +	-webkit-border-radius: 8px;
  15.163 +	margin: 10px 0;
  15.164 +	padding: 10px 24px 10px 24px;
  15.165 +	background-color: #eaeaea;
  15.166 +	text-align: justify;
  15.167 +}
  15.168 +
  15.169 +#nav .nav_box p {
  15.170 +	line-height: 1.3em;
  15.171 +}
  15.172 +
  15.173 +#nav .nav_box p a {
  15.174 +	display: inline;
  15.175 +	font-weight: normal;
  15.176 +	text-decoration: underline;
  15.177 +}
  15.178 +
  15.179 +#nav .nav_box p a:hover {
  15.180 +	text-decoration: none;
  15.181 +	color: blue;
  15.182 +	background: inherit;
  15.183 +}
  15.184 +
  15.185 +#nav hr {
  15.186 +	height: 0px;
  15.187 +	border: 0px solid #eaeaea;
  15.188 +}
  15.189 +
  15.190  /* Page content */
  15.191  
  15.192  #content, #content_bottom, #content_top {
  15.193 @@ -133,23 +166,10 @@
  15.194  	text-align: justify;
  15.195  }
  15.196  
  15.197 -#content_top {
  15.198 -	height: 14px;
  15.199 -	margin: 0px 100px 0px 100px;
  15.200 -}
  15.201 -
  15.202  #content {
  15.203  	height: auto;
  15.204 -	margin: -6px 100px 0px 100px;
  15.205 -	padding: 0px 72px 72px 72px;
  15.206 -	/*background: white;
  15.207 -	color: #333333;*/
  15.208 -}
  15.209 -
  15.210 -#content_bottom {
  15.211 -	height: 14px;
  15.212 -	margin: 0px 100px 0px 100px;
  15.213 -	/*clear: both;*/
  15.214 +	margin: 6px 320px 0px 0px;
  15.215 +	padding: 0px 40px 60px 80px;
  15.216  }
  15.217  
  15.218  #content li {
  15.219 @@ -161,10 +181,11 @@
  15.220  
  15.221  #copy {
  15.222  	font-size: 11px ;
  15.223 -	text-align: center ;
  15.224 +	text-align: left ;
  15.225  	background: transparent;
  15.226  	color: #a8a8a8;
  15.227  	padding-top: 10px;
  15.228 +	margin: 0 0 0 80px;
  15.229  }
  15.230  
  15.231  #copy a {
  15.232 @@ -174,7 +195,7 @@
  15.233  
  15.234  #copy a:hover {
  15.235  	background: inherit;
  15.236 -	color: #EDEDED;
  15.237 +	color: #666666;
  15.238  }
  15.239  
  15.240  /* Footer */
  15.241 @@ -186,8 +207,8 @@
  15.242  	width: auto;
  15.243  	clear: both;
  15.244  	padding: 0;
  15.245 -	margin: 0;
  15.246 -	text-align: center;
  15.247 +	margin: 0 0 0 80px;
  15.248 +	text-align: left;
  15.249  	vertical-align: middle;
  15.250  }
  15.251  
  15.252 @@ -227,49 +248,34 @@
  15.253  
  15.254  /* CSS class. */
  15.255  
  15.256 -.top_left, .top_right, .bottom_left, .bottom_right {
  15.257 -	height: 14px;
  15.258 -	width: 14px;
  15.259 -	color: white;
  15.260 -	background-color: #333333;
  15.261 -	background-repeat: no-repeat;
  15.262 -}
  15.263 -
  15.264 -.top_left {
  15.265 -	background-image: url(pics/website/content-tl.png);
  15.266 -	background-position: left top;
  15.267 -	position: absolute;
  15.268 -}
  15.269 -
  15.270 -.top_right {
  15.271 -	background-image: url(pics/website/content-tr.png);
  15.272 -	float: right;
  15.273 -}
  15.274 -
  15.275 -.bottom_left {
  15.276 -	background-image: url(pics/website/content-bl.png);
  15.277 -	position: absolute;
  15.278 -}
  15.279 -
  15.280 -.bottom_right {
  15.281 -	background-image: url(pics/website/content-br.png);
  15.282 -	float: right;
  15.283 +.infobox {
  15.284 +	margin: 10px;
  15.285 +	padding: 12px;
  15.286 +	background: #f2f2f2;
  15.287 +	border: 1px solid #eaeaea;
  15.288 +	-moz-border-radius: 8px;
  15.289 +	-webkit-border-radius: 8px;
  15.290  }
  15.291  
  15.292  /* HTML styles */
  15.293  
  15.294  h1 {
  15.295 -	color: #3E1220;
  15.296 +	color: blue;
  15.297  	background: inherit;
  15.298  	text-align: left;
  15.299 -	margin: 0px 0px 16px -58px;
  15.300 +	margin: 0px 0px 10px 0px;
  15.301 +	font-size: 140%;
  15.302 +	font-weight: bold;
  15.303  }
  15.304  
  15.305  h2 {
  15.306 -    color: #DF8F06;
  15.307 -    border-left: 10px solid #F3F3F3;
  15.308 -    padding: 4px 0px 4px 4px;
  15.309 -    margin: 0;
  15.310 +	color: #DF8F06;
  15.311 +	/* border-top: 1px solid #f3f3f3; */
  15.312 +	border-left: 8px solid #f3f3f3;
  15.313 +	padding: 4px 0px 4px 4px;
  15.314 +	margin: 0;
  15.315 +	font-size: 140%;
  15.316 +	font-weight: bold;
  15.317  }
  15.318  
  15.319  h3 {
  15.320 @@ -306,7 +312,7 @@
  15.321  }
  15.322  
  15.323  fieldset {
  15.324 -	background: #eeeeee;
  15.325 +	background: #E2ECf6;
  15.326  	color: black;
  15.327  	margin-top: 25px;
  15.328  	border: 1px solid black;
  15.329 @@ -332,6 +338,11 @@
  15.330  	border: 1px inset #606060;
  15.331  }
  15.332  
  15.333 +textarea {
  15.334 +	background: #E5E5E5;
  15.335 +	margin-top: 12px;
  15.336 +}
  15.337 +
  15.338  /* Packages pages */
  15.339  
  15.340  .pkg_nav {
  15.341 @@ -353,4 +364,3 @@
  15.342  	background: #F3F3F3;
  15.343  	border: 1px solid #DEDEDE;
  15.344  }
  15.345 -