# HG changeset patch
# User Christophe Lincoln <pankso@slitaz.org>
# Date 1268686199 -3600
# Node ID c96e79a1ca3e29f9f128e8bebd08ebbef0674ade
# Parent  e30d1487cb38c823c01c2c1304125ecddff67c37
tazbb: sync CSS and update page

diff -r e30d1487cb38 -r c96e79a1ca3e tazbb/description.txt
--- a/tazbb/description.txt	Mon Mar 15 14:12:19 2010 +0000
+++ b/tazbb/description.txt	Mon Mar 15 21:49:59 2010 +0100
@@ -6,5 +6,5 @@
 
 Tank Build Bot : http://bb.slitaz.org/
 Tazbb Wiki     : http://labs.slitaz.org/wiki/distro/Tazbb
-Cookbook page  : http://www.slitaz.org/en/doc/cookbook/build-bot.html
+Cookbook page  : http://doc.slitaz.org/en:cookbook:buildbot
 
diff -r e30d1487cb38 -r c96e79a1ca3e tazbb/receipt
--- a/tazbb/receipt	Mon Mar 15 14:12:19 2010 +0000
+++ b/tazbb/receipt	Mon Mar 15 21:49:59 2010 +0100
@@ -1,7 +1,7 @@
 # SliTaz package receipt.
 
 PACKAGE="tazbb"
-VERSION="1.2"
+VERSION="1.3"
 CATEGORY="development"
 SHORT_DESC="SliTaz Build Bot."
 MAINTAINER="pankso@slitaz.org"
diff -r e30d1487cb38 -r c96e79a1ca3e tazbb/stuff/web/index.php
--- a/tazbb/stuff/web/index.php	Mon Mar 15 14:12:19 2010 +0000
+++ b/tazbb/stuff/web/index.php	Mon Mar 15 21:49:59 2010 +0100
@@ -17,21 +17,42 @@
 <!-- Header -->
 <div id="header">
     <a name="top"></a>
-<!-- Access -->
-<div id="access">
-	<a href="http://forum.slitaz.org/">Forum</a>
-	<a href="http://wiki.slitaz.org/">Wiki</a>
-	<a href="http://art.slitaz.org/">Art</a>
-	<a href="http://labs.slitaz.org/">Labs</a>
-	<a href="http://pkgs.slitaz.org/">Packages</a>
-	<a href="http://hg.slitaz.org/">Hg</a>
-</div>
     <a href="http://bb.slitaz.org/"><img id="logo"
     src="pics/website/logo.png" title="bb.slitaz.org" alt="bb.slitaz.org"
     style="border: 0px solid ; width: 200px; height: 74px;" /></a>
     <p id="titre">#!/bb/packages</p>
 </div>
 
+<!-- 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://doc.slitaz.org/">Documentation</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://pkgs.slitaz.org/">Packages Database</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>
+
+<div class="nav_box">
+<h4>SliTaz Developers</h4>
+<ul>
+	<li><a href="http://hg.slitaz.org/">Hg Repositories</a></li>
+	<li><a href="http://tank.slitaz.org/">Tank Server</a></li>
+	<li><a href="http://people.slitaz.org/">People Stuff</a></li>
+	<li><a href="http://labs.slitaz.org/wiki/distro">Distro Wiki</a></li>
+	
+</ul>
+</div>
+
+<!-- End navigation menu -->
+</div>
+
 <!-- Content top. -->
 <div id="content_top">
 <div class="top_left"></div>
@@ -139,15 +160,11 @@
 
 <!-- End of content with round corner -->
 </div>
-<div id="content_bottom">
-<div class="bottom_left"></div>
-<div class="bottom_right"></div>
-</div>
 
 <!-- Start of footer and copy notice -->
 <div id="copy">
 <p>
-Copyright &copy; 2009 <a href="http://www.slitaz.org/">SliTaz</a> -
+Copyright &copy; 2010 <a href="http://www.slitaz.org/">SliTaz</a> -
 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
 </p>
 <!-- End of copy -->
diff -r e30d1487cb38 -r c96e79a1ca3e tazbb/stuff/web/log.php
--- a/tazbb/stuff/web/log.php	Mon Mar 15 14:12:19 2010 +0000
+++ b/tazbb/stuff/web/log.php	Mon Mar 15 21:49:59 2010 +0100
@@ -17,25 +17,39 @@
 <!-- Header -->
 <div id="header">
     <a name="top"></a>
-<!-- Access -->
-<div id="access">
-	<a href="http://forum.slitaz.org/">Forum</a>
-	<a href="http://wiki.slitaz.org/">Wiki</a>
-	<a href="http://art.slitaz.org/">Art</a>
-	<a href="http://labs.slitaz.org/">Labs</a>
-	<a href="http://pkgs.slitaz.org/">Packages</a>
-	<a href="http://hg.slitaz.org/">Hg</a>
-</div>
     <a href="http://bb.slitaz.org/"><img id="logo"
     src="pics/website/logo.png" title="bb.slitaz.org" alt="bb.slitaz.org"
     style="border: 0px solid ; width: 200px; height: 74px;" /></a>
     <p id="titre">#!/bb/packages</p>
 </div>
 
-<!-- Content top. -->
-<div id="content_top">
-<div class="top_left"></div>
-<div class="top_right"></div>
+<!-- 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://doc.slitaz.org/">Documentation</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://pkgs.slitaz.org/">Packages Database</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>
+
+<div class="nav_box">
+<h4>SliTaz Developers</h4>
+<ul>
+	<li><a href="http://hg.slitaz.org/">Hg Repositories</a></li>
+	<li><a href="http://tank.slitaz.org/">Tank Server</a></li>
+	<li><a href="http://people.slitaz.org/">People Stuff</a></li>
+	<li><a href="http://labs.slitaz.org/wiki/distro">Distro Wiki</a></li>
+</ul>
+</div>
+
+<!-- End navigation menu -->
 </div>
 
 <!-- Content -->
@@ -74,15 +88,11 @@
 
 <!-- End of content with round corner -->
 </div>
-<div id="content_bottom">
-<div class="bottom_left"></div>
-<div class="bottom_right"></div>
-</div>
 
 <!-- Start of footer and copy notice -->
 <div id="copy">
 <p>
-Copyright &copy; 2009 <a href="http://www.slitaz.org/">SliTaz</a> -
+Copyright &copy; 2010 <a href="http://www.slitaz.org/">SliTaz</a> -
 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
 </p>
 <!-- End of copy -->
diff -r e30d1487cb38 -r c96e79a1ca3e tazbb/stuff/web/pics/website/content-bl.png
Binary file tazbb/stuff/web/pics/website/content-bl.png has changed
diff -r e30d1487cb38 -r c96e79a1ca3e tazbb/stuff/web/pics/website/content-br.png
Binary file tazbb/stuff/web/pics/website/content-br.png has changed
diff -r e30d1487cb38 -r c96e79a1ca3e tazbb/stuff/web/pics/website/content-tl.png
Binary file tazbb/stuff/web/pics/website/content-tl.png has changed
diff -r e30d1487cb38 -r c96e79a1ca3e tazbb/stuff/web/pics/website/content-tr.png
Binary file tazbb/stuff/web/pics/website/content-tr.png has changed
diff -r e30d1487cb38 -r c96e79a1ca3e tazbb/stuff/web/pics/website/logo.png
Binary file tazbb/stuff/web/pics/website/logo.png has changed
diff -r e30d1487cb38 -r c96e79a1ca3e tazbb/stuff/web/slitaz.css
--- a/tazbb/stuff/web/slitaz.css	Mon Mar 15 14:12:19 2010 +0000
+++ b/tazbb/stuff/web/slitaz.css	Mon Mar 15 21:49:59 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 {
@@ -38,41 +40,28 @@
 
 /* Header and title */
 
-#header {
+#header{
 	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;
 }
 
-#header form {
+#titre {
 	position: absolute;
-	top: 22px;
-	right: 6px;
-	background: transparent;
-	
-}
-
-#header input { 
-	border: 1px solid #eeeeee;
-}
-
-#titre {
 	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;
 }
 
@@ -80,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 {
@@ -135,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 {
@@ -145,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 {
@@ -173,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 {
@@ -186,7 +195,7 @@
 
 #copy a:hover {
 	background: inherit;
-	color: #EDEDED;
+	color: #666666;
 }
 
 /* Footer */
@@ -198,56 +207,75 @@
 	width: auto;
 	clear: both;
 	padding: 0;
-	margin: 0;
-	text-align: center;
+	margin: 0 0 0 80px;
+	text-align: left;
 	vertical-align: middle;
 }
 
+#news li {
+	list-style-type: square;
+	border-bottom: 1px dotted #BEBEBE;
+	margin-left: -25px;
+	padding: 4px 0px 4px 0px;
+}
+
+#gallery {
+	text-align: center;
+}
+
+#gallery table {
+	margin: 30px 0px 30px 0px;
+}
+
+/* Clouds */
+
+#cloud {
+	padding: 20px 0px 20px 0px;
+	line-height: 3em;
+	text-align: center;
+}
+#cloud a { padding: 4px; color: #956411; }
+#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
+#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
+#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
+#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
+#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
+#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
+#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
+#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
+#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
+#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
+
 /* 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 {
@@ -284,7 +312,7 @@
 }
 
 fieldset {
-	background: #eeeeee;
+	background: #E2ECf6;
 	color: black;
 	margin-top: 25px;
 	border: 1px solid black;
@@ -310,6 +338,11 @@
 	border: 1px inset #606060;
 }
 
+textarea {
+	background: #E5E5E5;
+	margin-top: 12px;
+}
+
 /* Packages pages */
 
 .pkg_nav {
@@ -331,10 +364,3 @@
 	background: #F3F3F3;
 	border: 1px solid #DEDEDE;
 }
-
-pre.log {
-	padding: 10px;
-	color: black;
-	background: #eeeeee;
-	border: 1px solid black;
-}