# HG changeset patch
# User Christophe Lincoln <pankso@slitaz.org>
# Date 1263760637 -3600
# Node ID 1f964233fba448bc1fde2b585c3ccc03e9f0c622
# Parent  9c9ff61b8c74cf3d5ef2547f005d2fe218667488
tazpkg-web: Update style and menu

diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/html/home.html
--- a/tazpkg-web/stuff/html/home.html	Sun Jan 17 19:21:28 2010 +0100
+++ b/tazpkg-web/stuff/html/home.html	Sun Jan 17 21:37:17 2010 +0100
@@ -1,5 +1,23 @@
 
-<div style="text-align: center; padding: 20px;">
+<!-- Navigation menu -->
+<div id="nav">
+
+<div class="nav_box">
+<h4>SliTaz Network</h4>
+<ul>
+	<li><a href="http://www.slitaz.org/">Main Website</a></li>
+	<li><a href="http://forum.slitaz.org/">Community Forum</a></li>
+	<li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li>
+	<li><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></li>
+	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
+	<li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
+</ul>
+</div>
+
+<!-- End navigation menu -->
+</div>
+
+<div style="text-align: center; padding-top: 20px;">
 <form method="post" action="http://pkgs.slitaz.org/search.cgi">
 	<select name="object">
 		<option>Package</option>
@@ -22,25 +40,3 @@
 <a href="stable/">Stable packages</a> | <a href="cooking/">Cooking packages</a>
 </p>
 </div>
-
-<!-- 10 Cloud tag are available. -->
-<div id="cloud">
-<p>
-	<a href="stable/" class="tag8">Stable</a>
-	<a href="rss/cooking.xml" class="tag6">Cooking RSS</a>
-	<a href="http://www.slitaz.org/en/doc/" class="tag5">Documentation</a>
-	<a href="http://www.slitaz.org/en/doc/handbook/packages.html" class="tag6">Package management</a>
-	<a href="cooking/" class="tag8">Cooking</a>
-	<a href="http://www.slitaz.org/en/devel/" class="tag5">Development</a>
-	<a href="http://www.slitaz.org/en/doc/manuals/tazpkg.en.html" class="tag7">Tazpkg Manual</a>
-	<a href="http://forum.slitaz.org/" class="tag6">Support</a>
-	<a href="http://wiki.slitaz.org/" class="tag6">Wiki</a>
-	<a href="http://www.slitaz.org/en/doc/cookbook/" class="tag3">Cookbook</a>
-	<a href="http://labs.slitaz.org/news" class="tag6">Labs News</a>
-	<a href="http://www.slitaz.org/en/doc/handbook/security.html" class="tag5">Security</a>
-	<a href="http://www.slitaz.org/en/mailing-list.html" class="tag6">Mailing list</a>
-	<a href="http://www.slitaz.org/en/doc/manuals/tazwok.en.html" class="tag5">Tazwok Manual</a>
-	<a href="http://www.slitaz.org/en/get/" class="tag7">Get LiveCD</a>
-	<a href="http://boot.slitaz.org/" class="tag6">Web Boot</a>
-</p>
-</div>
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/html/menu.html
--- a/tazpkg-web/stuff/html/menu.html	Sun Jan 17 19:21:28 2010 +0100
+++ b/tazpkg-web/stuff/html/menu.html	Sun Jan 17 21:37:17 2010 +0100
@@ -1,6 +1,9 @@
+
 <!-- Navigation menu -->
 <div id="nav">
-<div id="nav_top"></div>
+
+<div class="nav_box">
+<h4>Packages Categories</h4>
 <ul>
 	<li><a href="base-system.html">Base-system</a></li>
 	<li><a href="x-window.html">X-window</a></li>
@@ -17,7 +20,19 @@
 	<li><a href="meta.html">Meta packages</a></li>
 	<li><a href="non-free.html">Non free</a></li>
 </ul>
-<div id="nav_bottom">
-<div id="nav_bottom_img"></div>
 </div>
+
+<div class="nav_box">
+<h4>SliTaz Network</h4>
+<ul>
+	<li><a href="http://www.slitaz.org/">Main Website</a></li>
+	<li><a href="http://forum.slitaz.org/">Community Forum</a></li>
+	<li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li>
+	<li><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></li>
+	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
+	<li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
+</ul>
 </div>
+
+<!-- End navigation menu -->
+</div>
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/slitaz.png
Binary file tazpkg-web/stuff/style/pics/slitaz.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/tazpkg.png
Binary file tazpkg-web/stuff/style/pics/tazpkg.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/website/content-bl.png
Binary file tazpkg-web/stuff/style/pics/website/content-bl.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/website/content-br.png
Binary file tazpkg-web/stuff/style/pics/website/content-br.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/website/content-tl.png
Binary file tazpkg-web/stuff/style/pics/website/content-tl.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/website/content-tr.png
Binary file tazpkg-web/stuff/style/pics/website/content-tr.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/website/header.png
Binary file tazpkg-web/stuff/style/pics/website/header.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/website/logo.png
Binary file tazpkg-web/stuff/style/pics/website/logo.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/website/nav-bl.png
Binary file tazpkg-web/stuff/style/pics/website/nav-bl.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/website/nav-br.png
Binary file tazpkg-web/stuff/style/pics/website/nav-br.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/website/nav-tl.png
Binary file tazpkg-web/stuff/style/pics/website/nav-tl.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/pics/website/nav-tr.png
Binary file tazpkg-web/stuff/style/pics/website/nav-tr.png has changed
diff -r 9c9ff61b8c74 -r 1f964233fba4 tazpkg-web/stuff/style/slitaz.css
--- a/tazpkg-web/stuff/style/slitaz.css	Sun Jan 17 19:21:28 2010 +0100
+++ b/tazpkg-web/stuff/style/slitaz.css	Sun Jan 17 21:37:17 2010 +0100
@@ -3,24 +3,27 @@
 	www.slitaz.org - (c) 2007 Pankso
 */
 
+html {
+	height:  102%;
+}
+
 body {
-	background: #222222;
+	background: #ffffff;
 	color: black;
 	font: 13px sans-serif, vernada, arial;
 	margin: 0;
-	padding-bottom: 100%;
 }
 
 /* Accessibility */
 
 #access {
 	position: absolute;
-	top: 1px;
-	right: 6px;
+	top: 4px;
+	right: 4px;
 	text-align: right;
 	width: 100%;
 	margin: 0;
-	font-size: 12px;
+	font-size: 11px;
 	font-weight: bold;
 }
 
@@ -28,7 +31,6 @@
 	background: inherit;
 	color: white;
 	text-decoration: none;
-	padding-left: 2px;
 }
 
 #access a:hover {
@@ -42,25 +44,24 @@
 	background: #f0ba08 url(pics/website/header.png) repeat-x top;
 	color: black;
 	width: 100%;
-	height: 50px ;
+	height: 50px;
 	border-top: 1px solid black;
 	border-bottom: 1px solid black;
 	margin-bottom: 30px;
 }
 
-#titre{
+#titre {
+	position: absolute;
 	font-size: 16px;
 	font-weight: bolder ;
-	margin-left: 232px;
-	margin-top: 4px;
-	padding-top: 25px ;
+	margin-left: 200px;
+	margin-top: 28px;
 }
 
 #logo {
 	position: absolute;
 	float: left;
-	margin-left: 32px;
-	margin-right: 20px;
+	margin-left: 16px;
 	margin-top: 0px;
 }
 
@@ -68,49 +69,50 @@
 
 #nav {
 	position: absolute;
-	top: 100px;
-	right: 6px;
-	background: #eaeaea url(pics/website/nav-tr.png) no-repeat top right;
-	color: black;
+	top: 76px;
+	right: 80px;
+	color: #555555;
 	float: right;
-	width: 152px;
-	line-height: 1.3em;
+	width: 250px;
+	line-height: 1.5em;
 	text-align: left;
 	font-size: 12px;
-	font-weight: bold;
 }
 
-#nav_top {
-	background: transparent url(pics/website/nav-tl.png) no-repeat top left;
-	height: 12px;
+#nav ul {
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+	list-style-type: none;
+	margin: 10px 0;
+	padding: 10px 24px 10px 24px;
+	background-color: #eaeaea;
 }
 
-#nav_bottom {
-	background: transparent url(pics/website/nav-bl.png) no-repeat bottom left;
-	height: 12px;
-}
-
-#nav_bottom_img {
-	background: transparent url(pics/website/nav-br.png) no-repeat bottom right;
-	height: 12px;
-}
-
-#nav ul{
+#nav .nav_box ul {
 	list-style-type: none;
-	margin: 0px 0px 0px 6px;
-	padding: 3px 2px 3px 2px;
+	margin: 0;
+	padding: 10px 24px 10px 0px;
 }
 
 #nav li {
 	display: inline;
 }
 
+#nav h4 {
+	font-size: 110%;
+	color: #666666;
+	font-weight: bold;
+	margin: 0;
+	padding: 0 0 1px 0;
+	border-bottom: 1px solid #cecece;
+}
+
 #nav a {
-	color: #3E1220;
+	color: #0F314E;
 	background: inherit;
 	display: block;
-	padding: 0.5px;
 	text-decoration: none;
+	font-weight: bold;
 }
 
 #nav a:hover {
@@ -123,8 +125,39 @@
 	margin: 2px 0px 1px 0px;
 	border: 0px;
 	border-top: 1px solid #BDBDBD;
-	
+
 }
+
+.nav_box {
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+	margin: 10px 0;
+	padding: 10px 24px 10px 24px;
+	background-color: #eaeaea;
+	text-align: justify;
+}
+
+#nav .nav_box p {
+	line-height: 1.3em;
+}
+
+#nav .nav_box p a {
+	display: inline;
+	font-weight: normal;
+	text-decoration: underline;
+}
+
+#nav .nav_box p a:hover {
+	text-decoration: none;
+	color: blue;
+	background: inherit;
+}
+
+#nav hr {
+	height: 0px;
+	border: 0px solid #eaeaea;
+}
+
 /* Page content */
 
 #content, #content_bottom, #content_top {
@@ -133,23 +166,10 @@
 	text-align: justify;
 }
 
-#content_top {
-	height: 14px;
-	margin: 0px 100px 0px 100px;
-}
-
 #content {
 	height: auto;
-	margin: -6px 100px 0px 100px;
-	padding: 0px 72px 72px 72px;
-	/*background: white;
-	color: #333333;*/
-}
-
-#content_bottom {
-	height: 14px;
-	margin: 0px 100px 0px 100px;
-	/*clear: both;*/
+	margin: 6px 320px 0px 0px;
+	padding: 0px 40px 60px 80px;
 }
 
 #content li {
@@ -161,10 +181,11 @@
 
 #copy {
 	font-size: 11px ;
-	text-align: center ;
+	text-align: left ;
 	background: transparent;
 	color: #a8a8a8;
 	padding-top: 10px;
+	margin: 0 0 0 80px;
 }
 
 #copy a {
@@ -174,7 +195,7 @@
 
 #copy a:hover {
 	background: inherit;
-	color: #EDEDED;
+	color: #666666;
 }
 
 /* Footer */
@@ -186,8 +207,8 @@
 	width: auto;
 	clear: both;
 	padding: 0;
-	margin: 0;
-	text-align: center;
+	margin: 0 0 0 80px;
+	text-align: left;
 	vertical-align: middle;
 }
 
@@ -227,49 +248,34 @@
 
 /* CSS class. */
 
-.top_left, .top_right, .bottom_left, .bottom_right {
-	height: 14px;
-	width: 14px;
-	color: white;
-	background-color: #333333;
-	background-repeat: no-repeat;
-}
-
-.top_left {
-	background-image: url(pics/website/content-tl.png);
-	background-position: left top;
-	position: absolute;
-}
-
-.top_right {
-	background-image: url(pics/website/content-tr.png);
-	float: right;
-}
-
-.bottom_left {
-	background-image: url(pics/website/content-bl.png);
-	position: absolute;
-}
-
-.bottom_right {
-	background-image: url(pics/website/content-br.png);
-	float: right;
+.infobox {
+	margin: 10px;
+	padding: 12px;
+	background: #f2f2f2;
+	border: 1px solid #eaeaea;
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
 }
 
 /* HTML styles */
 
 h1 {
-	color: #3E1220;
+	color: blue;
 	background: inherit;
 	text-align: left;
-	margin: 0px 0px 16px -58px;
+	margin: 0px 0px 10px 0px;
+	font-size: 140%;
+	font-weight: bold;
 }
 
 h2 {
-    color: #DF8F06;
-    border-left: 10px solid #F3F3F3;
-    padding: 4px 0px 4px 4px;
-    margin: 0;
+	color: #DF8F06;
+	/* border-top: 1px solid #f3f3f3; */
+	border-left: 8px solid #f3f3f3;
+	padding: 4px 0px 4px 4px;
+	margin: 0;
+	font-size: 140%;
+	font-weight: bold;
 }
 
 h3 {
@@ -306,7 +312,7 @@
 }
 
 fieldset {
-	background: #eeeeee;
+	background: #E2ECf6;
 	color: black;
 	margin-top: 25px;
 	border: 1px solid black;
@@ -332,6 +338,11 @@
 	border: 1px inset #606060;
 }
 
+textarea {
+	background: #E5E5E5;
+	margin-top: 12px;
+}
+
 /* Packages pages */
 
 .pkg_nav {
@@ -353,4 +364,3 @@
 	background: #F3F3F3;
 	border: 1px solid #DEDEDE;
 }
-