# HG changeset patch
# User Christophe Lincoln <pankso@slitaz.org>
# Date 1294779208 -3600
# Node ID 00998d06c4294a7ad001650cb84655bf2c4dec1f
# Parent  ca810674c318d2499ce6819bdfe5f7a390700db8
slitaz-mercurial-style: Start moving to new CSS and layout

diff -r ca810674c318 -r 00998d06c429 slitaz-mercurial-style/receipt
--- a/slitaz-mercurial-style/receipt	Tue Jan 11 20:49:09 2011 +0100
+++ b/slitaz-mercurial-style/receipt	Tue Jan 11 21:53:28 2011 +0100
@@ -1,7 +1,7 @@
 # SliTaz package receipt.
 
 PACKAGE="slitaz-mercurial-style"
-VERSION="2.1"
+VERSION="2.2"
 CATEGORY="misc"
 SHORT_DESC="SliTaz CSS style and images for Mercurial Web repos."
 DEPENDS="mercurial"
diff -r ca810674c318 -r 00998d06c429 slitaz-mercurial-style/stuff/templates/slitaz/footer.tmpl
--- a/slitaz-mercurial-style/stuff/templates/slitaz/footer.tmpl	Tue Jan 11 20:49:09 2011 +0100
+++ b/slitaz-mercurial-style/stuff/templates/slitaz/footer.tmpl	Tue Jan 11 21:53:28 2011 +0100
@@ -1,8 +1,29 @@
-{motd}
-
+<!-- Footer -->
 <div id="footer">
-<a href="http://www.slitaz.org/">SliTaz GNU/Linux</a> repos are proudly
-powered by <a href="http://mercurial.selenic.com/">Mercurial</a>
+	<div class="right_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/">Support Forum</a></li>
+			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
+			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
+			<li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
+		</ul>
+	</div>
+	<h4>SliTaz Website</h4>
+	<ul>
+		<li><a href="#header">Top of the page</a></li>
+		<li>Copyright &copy; <span class="year"></span>
+			<a href="http://www.slitaz.org/">SliTaz</a></li>
+		<li><a href="http://www.slitaz.org/en/about/">About the project</a></li>
+		<li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li>
+		<li>Powered by <a href="http://mercurial.selenic.com/">Mercurial</a></li>
+		<li><a href="http://validator.w3.org/check?uri=referer"><img
+		src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
+		title="Code validé XHTML 1.0"
+		style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
+	</ul>
 </div>
 
 </body>
diff -r ca810674c318 -r 00998d06c429 slitaz-mercurial-style/stuff/templates/slitaz/index.tmpl
--- a/slitaz-mercurial-style/stuff/templates/slitaz/index.tmpl	Tue Jan 11 20:49:09 2011 +0100
+++ b/slitaz-mercurial-style/stuff/templates/slitaz/index.tmpl	Tue Jan 11 21:53:28 2011 +0100
@@ -6,37 +6,41 @@
 <!-- Header -->
 <div id="header">
     <a href="http://hg.slitaz.org/"><img id="logo"
-    src="{staticurl}logo.png" title="www.slitaz.org" alt="www.slitaz.org"
-    style="border: 0px solid ; width: 200px; height: 74px;" /></a>
+		src="{staticurl}logo.png" 
+		title="www.slitaz.org" alt="www.slitaz.org" /></a>
     <p id="titre">#!/Hg/repos</p>
 </div>
 
-<div class="container">
+<!-- Content -->
+<div id="content-full">
 
-<div id="nav">
-
-<div class="nav_box">
-<h4>About SliTaz repos</h4>
-<p>
-This web interface lets you follow in real time all improvements, fixes
-and other changes made by SliTaz contributors.
-</p>
+<!-- Block begin -->
+<div class="block">
+	<!-- Nav block begin -->
+	<div id="block_nav">
+		<h3><img src="{staticurl}development.png" alt="png" />Devel corner</h3>
+		<ul>
+			<li><a href="http://www.slitaz.org/en/devel/">Website/devel</a></li>
+			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
+			<li><a href="http://bb.slitaz.org/">Build Bot</a></li>
+			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
+			<li><a href="http://pkgs.slitaz.org/">Packages</a></li>
+			<li><a href="http://tank.slitaz.org/">Tank Server</a></li>
+		</ul>
+	<!-- Nav block end -->
+	</div>
+	<!-- Top block begin -->
+	<div id="block_top">
+		<h1>SliTaz Repos</h1>
+		<p>
+			This web interface lets you follow in real time all improvements,
+			fixes and other changes made by SliTaz contributors.
+		</p>
+	<!-- Top block end -->
+	</div>
+<!-- Block end -->
 </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 Laboratories</a></li>
-	<li><a href="http://pkgs.slitaz.org/">Packages Database</a></li>
-	<li><a href="http://bb.slitaz.org/">SliTaz Build Bot</a></li>
-</ul>
-</div>
-</div>
-
-<div class="main">
 <h2>SliTaz Mercurial Repositories</h2>
 
 <table class="bigtable">
@@ -49,6 +53,8 @@
     </tr>
     {entries%indexentry}
 </table>
+
+<!-- End of content -->
 </div>
-</div>
+
 {footer}
diff -r ca810674c318 -r 00998d06c429 slitaz-mercurial-style/stuff/templates/static/coal-folder.png
Binary file slitaz-mercurial-style/stuff/templates/static/coal-folder.png has changed
diff -r ca810674c318 -r 00998d06c429 slitaz-mercurial-style/stuff/templates/static/development.png
Binary file slitaz-mercurial-style/stuff/templates/static/development.png has changed
diff -r ca810674c318 -r 00998d06c429 slitaz-mercurial-style/stuff/templates/static/header-img.png
Binary file slitaz-mercurial-style/stuff/templates/static/header-img.png has changed
diff -r ca810674c318 -r 00998d06c429 slitaz-mercurial-style/stuff/templates/static/header.png
Binary file slitaz-mercurial-style/stuff/templates/static/header.png has changed
diff -r ca810674c318 -r 00998d06c429 slitaz-mercurial-style/stuff/templates/static/logo.png
Binary file slitaz-mercurial-style/stuff/templates/static/logo.png has changed
diff -r ca810674c318 -r 00998d06c429 slitaz-mercurial-style/stuff/templates/static/style-slitaz.css
--- a/slitaz-mercurial-style/stuff/templates/static/style-slitaz.css	Tue Jan 11 20:49:09 2011 +0100
+++ b/slitaz-mercurial-style/stuff/templates/static/style-slitaz.css	Tue Jan 11 21:53:28 2011 +0100
@@ -1,5 +1,5 @@
 html {
-	height:  102%;
+	min-height:  102%;
 }
 
 body {
@@ -7,41 +7,73 @@
 	color: black;
 	font: 13px sans-serif, vernada, arial;
 	margin: 0;
+	border-top: 34px solid #f1f1f1;
+}
+
+/* Accessibility */
+
+#access {
+	position: absolute;
+	top: 4px;
+	right: 0px;
+	text-align: right;
+	width: auto;
+	margin: 0;
+	padding: 4px 4px 4px 20px;
+	font-size: 11px;
+	font-weight: bold;
+}
+
+#access a {
+	background: transparent;
+	color: #0F314E;
+	text-decoration: none;
+}
+
+#access a:hover {
+	background: inherit;
+	color: #b64b22;
+}
+
+#access img {
+	vertical-align: middle;
 }
 
 /* Header and title */
 
-#header{
-	background: #f0ba08 url(header.png) repeat-x top;
+#header {
+	background: #351a0a url(header-img.png) no-repeat top right;
 	color: black;
 	width: 100%;
-	height: 50px;
+	height: 42px;
 	border-top: 1px solid black;
-	border-bottom: 1px solid black;
-	margin-bottom: 30px;
+	border-bottom: 1px solid #999;
+	margin-bottom: 33px;
 }
 
 #titre {
 	position: absolute;
-	font-size: 16px;
+	font-size: 14px;
 	font-weight: bolder ;
-	margin-left: 200px;
-	margin-top: 28px;
+	left: 180px;
+	top: 4px;
 }
 
 #logo {
 	position: absolute;
 	float: left;
-	margin-left: 16px;
-	margin-top: 0px;
+	left: 16px;
+	top: -10px;
+	width: 200px;
+	height: 74px;
 }
 
-/* Navigation */
+/* Side bar Navigation */
 
 #nav {
 	position: absolute;
-	top: 76px;
-	right: 40px;
+	top: 102px;
+	right: 80px;
 	color: #555555;
 	float: right;
 	width: 250px;
@@ -50,15 +82,11 @@
 	font-size: 12px;
 }
 
-#nav ul {
-	list-style-type: none;
-	margin: 10px 0;
-}
-
 #nav .nav_box ul {
 	list-style-type: none;
 	margin: 0;
 	padding: 10px 24px 10px 0px;
+	background-color: inherit;
 }
 
 #nav li {
@@ -66,7 +94,7 @@
 }
 
 #nav h4 {
-	font-size: 110%;
+	font-size: 120%;
 	color: #666666;
 	font-weight: bold;
 	margin: 0;
@@ -83,20 +111,43 @@
 }
 
 #nav a:hover {
-	color: #DF8F06;
+	color: #b64b22;
 	text-decoration: none;
 	display: block;
 }
 
-.nav_box {
+#nav ul {
 	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
+	border-radius: 8px;
+	list-style-type: none;
+	margin: 10px 0;
+	padding: 10px 24px 10px 24px;
+	background-color: #eaeaea;
+}
+
+.nav_box {
 	margin: 10px 0;
 	padding: 10px 24px 10px 24px;
 	background-color: #eaeaea;
 	text-align: justify;
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+	border-radius: 8px;
+	-moz-box-shadow: 0 1px 3px #666;
+	-webkit-box-shadow: 0 1px 3px #666;
+	box-shadow: 0 1px 3px #666;
+	/* CSS3 transition */
+	-webkit-transition-property: background-color;
+	-webkit-transition-duration: 2s;
+	-moz-transition-property: background-color;
+	-moz-transition-duration: 2s;
+	transition-property: background-color;
+	transition-duration: 2s;
 }
 
+.nav_box:hover { background-color: #f8f8f8; }
+
 #nav .nav_box p {
 	line-height: 1.3em;
 }
@@ -113,21 +164,291 @@
 	background: inherit;
 }
 
-#footer {
-	float: none;
-	background: inherit;
+/* Page content */
+
+#content {
+	background: white;
 	color: black;
-	width: auto;
-	clear: both;
+	text-align: justify;
+	height: auto;
+	margin: 6px 320px 0px 0px;
+	padding: 0px 40px 60px 80px;
+}
+
+#content-full {
+	background: white;
+	color: black;
+	text-align: justify;
+	height: auto;
+	margin: 0;
+	padding: 0px 80px 40px 80px;
+}
+
+#content li, #content-full li {
+	line-height: 1.5em;
+	text-align: left;
+}
+
+#news li {
+	list-style-type: square;
+	border-bottom: 1px dotted #BEBEBE;
+	margin-left: -25px;
+	padding: 4px 0px 4px 0px;
+}
+
+#news a {
+	text-decoration: none;
+}
+
+#gallery {
+	text-align: center;
+}
+
+/* Box and block. */
+
+.infobox {
+	margin: 20px 60px;
+	padding: 12px;
+	background: #f8f8f8;
+}
+
+.infobox img { vertical-align: middle; }
+/* .infobox:hover { background-color: #f2b21d; } */
+.infobox:hover { background-color: #FBFBFB; }
+
+.block {
+	/*padding-bottom: 35%;*/
+	color: black;
+	min-height: 200px;
+	margin-bottom: 40px;
+}
+
+.block ul {
+	list-style-type: none;
+	margin: 0;
+	padding: 0 20px;
+}
+
+.block_left {
+	width: 46%;
+	float: left;
+	background-color: #eaeaea;
+	margin: 4px 2px;
+	padding: 0 10px 10px 10px;
+}
+
+.block_right {
+	width: 46%;
+	float: right;
+	background-color: #eaeaea;
+	margin: 4px 2px;
+	padding: 0 10px 10px 10px;
+}
+
+#block_top {
+	color: black;
+	background-color: #eaeaea;
+	min-height: 180px;
+	margin-bottom: 40px;
+	margin-right: 340px;
+	padding: 0 10px;
+}
+
+#block_nav {
+	width: 300px;
+	min-height: 180px;
+	float: right;
+	background-color: #eaeaea;
+	margin: 0;
+	padding: 0 10px;
+}
+
+.infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+	border-radius: 8px;
+	-moz-box-shadow: 0 1px 3px #666;
+	-webkit-box-shadow: 0 1px 3px #666;
+	box-shadow: 0 1px 3px #666;
+	/* CSS3 transition */
+	-webkit-transition-property: background-color;
+	-webkit-transition-duration: 2s;
+	-moz-transition-property: background-color;
+	-moz-transition-duration: 2s;
+	transition-property: background-color;
+	transition-duration: 2s;
+}
+
+#block_nav {
+	font-weight: bold;
+}
+
+#block_nav a {
+	text-decoration: none;
+}
+
+#block_nav li a:hover {
+	color: #b64b22;
+}
+
+#block_nav ul {
+	margin: 0;
+	list-style-type: none;
+}
+
+#block_nav h3 {
+	font-size: 110%;
+}
+
+.block_left:hover, .block_right:hover, #block_top:hover,
+#block_nav:hover, #footer:hover { 
+	background-color: #f8f8f8;
+}
+
+.right_box {
+	width: 50%;
+	float: right;
+}
+
+.floor {
+	color: #999999;
+	font-size: 20px;
+	-webkit-transform: rotate(-45deg) skew(15deg, 15deg);
+	-moz-transform: rotate(-45deg) skew(15deg, 15deg);
+	-o-transform: rotate(-45deg) skew(15deg, 15deg);
+	-ms-transform: rotate(-45deg) skew(15deg, 15deg);
+	transform: rotate(-45deg) skew(15deg, 15deg);
+}
+	
+/* Button */
+
+.button { margin-left: 20px; }
+
+.button a { 
+	background-color: #b64b22;
+	color: #ffffff;
+	margin-right: 6px;
+	padding: 6px 10px;
+	font-size: 14px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	-moz-box-shadow: 0 1px 3px #666;
+	-webkit-box-shadow: 0 1px 3px #666;
+	box-shadow: 0 1px 3px #666;
+}
+
+.button a:hover, input[type=submit]:hover { 
+	background-color: #a3431f;
+	color: #ffffff;
+}
+
+input[type=submit] {
+	border: 1px solid #b64b22;
+	background-color: #b64b22;
+	color: white;
+	font-weight: bold;
+	cursor: pointer;
+	padding: 2px 10px;
+	font-size: 14px;
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+	-moz-box-shadow: 0 0 5px #666;
+	-webkit-box-shadow: 0 0 5px#666;
+	box-shadow: 0 0 5px #666;
+}
+
+input[type=text] {
+	border: 1px solid #333333;
+	padding: 3px;
+	width: 100%;
+	max-width: 500px;
+}
+
+/* Clouds */
+
+#cloud {
+	padding: 10px 0px;
+	line-height: 3em;
+	text-align: center;
+}
+#cloud a { padding: 0 2px; 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; }
+
+/* Slideshow. */
+
+#slideshow
+{
+	overflow: hidden;
+	margin: 10px auto 10px;
+	position: relative;
+	width: 260px;
+	height: 163px;
+}
+
+#slideshow img
+{
+	border: 0;
+	width: 260px;
+	height: 163px;
+}
+
+#twitter {
+	margin-top: 20px;
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+	border-radius: 8px;
+	-moz-box-shadow: 0 1px 3px #666;
+	-webkit-box-shadow: 0 1px 3px #666;
+	box-shadow: 0 1px 3px #666;
+}
+
+/* HTML styles */
+
+h1 {
+	color: #444444;
+	background: transparent;
+	text-align: left;
+	margin: 0px 0px 4px 0px;
+	font-size: 150%;
+	font-weight: bold;
+	padding: 5px 0 0 10px;
+}
+
+h2 {
+	color: #b64b22;
 	padding: 0;
-	margin: 0;
-	text-align: center;
+	margin: 20px 0 0 0;
+	font-size: 130%;
+	font-weight: bold;
+}
+
+h3 {
+	font-weight: bold;
+	color: #666666;
+	background: transparent;
+}
+	
+h3 img { 
 	vertical-align: middle;
+	width: 20px;
+	height: 20px;
+	padding-right: 4px; 
 }
 
 a {
 	text-decoration: underline;
-	color: #0F314E;
+	color: #103A5E;
 	background: inherit;
 }
 
@@ -137,10 +458,126 @@
 	background: inherit;
 }
 
-h3 {
+code {
+	font-size: 12px;
+	color: #669900;
+	background: inherit;
+}
+
+tt {
+	color: #15EE15;
+	background: inherit;
+}
+
+img {
+	border: 0pt none;
+}
+
+fieldset {
+	background: #E2ECf6;
+	color: black;
+	margin-top: 25px;
+	border: 1px solid black;
+}
+
+legend {
+	border: 1px solid black;
+	color: #6c0023;
+	background: #eaeaea;
 	font-weight: bold;
-	color: #6c0023;
+}
+
+pre {
+	padding: 5px;
+	color: black;
+	background: #E1E0B0;
+}
+
+pre.script {
+	padding: 10px;
+	color: black;
+	background: #E8E8E8;
+	border: 1px inset #606060;
+}
+
+textarea {
+	background: #E5E5E5;
+	margin-top: 12px;
+}
+
+/* Packages pages */
+
+.pkg_nav {
+	border-top: 1px solid black;
+	margin-top: 10px;
+	padding-top: 10px;
+}
+
+pre.package {
+	padding: 0px;
+	color: black;
+	background: white;
+}
+
+p.get {
+	text-align: center;
+	padding: 10px;
+	color: black;
+	background: #F3F3F3;
+	border: 1px solid #DEDEDE;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+}
+
+p.get a {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+.pkgs-search { 
+	text-align: center; 
+	padding: 40px 20px 80px 20px;
+}
+
+.year:after {
+	/* content: "2007-2011"; */
+	content: "2011";
+}
+
+/* Footer */
+
+#footer {
+	margin: 0px 80px 80px 80px;
+	padding: 10px;
+	background: #eaeaea;
+	color: #666666;
+	height: 180px;
+	clear: both;
+	border-radius: 8px;
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+	-moz-box-shadow: 0 1px 3px #666;
+	-webkit-box-shadow: 0 1px 3px #666;
+	box-shadow: 0 1px 3px #666;
+}
+#footer a {
 	background: inherit;
+	color: #666666;
+}
+#footer a:hover {
+	background: inherit;
+	color: #333333;
+}
+#footer ul {
+	list-style-type: none;
+}
+#footer li {
+	padding: 2px;
+}
+#footer h4 {
+	margin: 0 20px;
+	font-size: 125%;
 }
 
 .container {
@@ -232,12 +669,7 @@
 /* Common */
 pre { margin: 0; }
 
-h2 { font-size: 140%; color: black; }
-h2 a { color: #000; }
-h3 {
-  margin-top: -.7em;
-  font-size: 100%;
-}
+h2 a { color: #b64b22; }
 
 /* log and tags tables */
 .bigtable {