# HG changeset patch
# User Christophe Lincoln <pankso@slitaz.org>
# Date 1397385127 -7200
# Node ID 8ff618229a20b6cb5d6dbce3c4522e35ecae219f
# Parent  f40d5132e98dc3fa2c5e6889fae4c2a82cd6f1cc
arm: quiet big style modifications

diff -r f40d5132e98d -r 8ff618229a20 arm/header.html
--- a/arm/header.html	Sun Apr 13 09:43:18 2014 +0200
+++ b/arm/header.html	Sun Apr 13 12:32:07 2014 +0200
@@ -22,24 +22,15 @@
 </div>
 
 <div id="block">
-	<!-- arm.slitaz.org navigation -->
-	<div id="block_nav">
-		<nav id="nav">
-			<a href="http://twitter.com/slitaz" title="Follow us on Twitter">
-			<img src="images/twitter.png" alt="Twitter" /></a>
-			<a href="codex/">Codex</a>
-			<a href="tools.cgi?pkgs">Packages</a>
-			<a href="rpi/">Raspberry Pi</a>
-		</nav>
-		
-	</div>
-	<!-- Information/image -->
-	<div id="block_info">
-		<p>
-			<img src="images/generic.png" alt="arm-cpu.png" />
-			Official SliTaz GNU/Linux port to ARM
-		</p>
-	</div>
+	<nav id="nav">
+		<a class="nav1" href="codex/">Codex</a>
+		<a class="nav2" href="tools.cgi?pkgs">Packages</a>
+		<a class="navpi" href="rpi/">Raspberry Pi</a>
+		<a class="nav2" href="tools.cgi?doc&amp;tool=sat">README</a>
+		<a class="nav1" href="http://twitter.com/slitaz" 
+			title="Follow us on Twitter">
+		<img src="images/twitter.png" alt="Twitter" /></a>
+	</nav>
 </div>
 
 <!-- Content -->
diff -r f40d5132e98d -r 8ff618229a20 arm/index.html
--- a/arm/index.html	Sun Apr 13 09:43:18 2014 +0200
+++ b/arm/index.html	Sun Apr 13 12:32:07 2014 +0200
@@ -22,25 +22,15 @@
 </div>
 
 <div id="block">
-	<!-- arm.slitaz.org navigation -->
-	<div id="block_nav">
-		
-		<nav id="nav">
-			<a href="http://twitter.com/slitaz" title="Follow us on Twitter">
-			<img src="images/twitter.png" alt="Twitter" /></a>
-			<a href="codex/">Codex</a>
-			<a href="tools.cgi?pkgs">Packages</a>
-			<a href="rpi/">Raspberry Pi</a>
-		</nav>
-		
-	</div>
-	<!-- Information/image -->
-	<div id="block_info">
-		<p>
-			<img src="images/generic.png" alt="generic.png" />
-			Official SliTaz GNU/Linux port to ARM
-		</p>
-	</div>
+	<nav id="nav">
+		<a class="nav1" href="codex/">Codex</a>
+		<a class="nav2" href="tools.cgi?pkgs">Packages</a>
+		<a class="navpi" href="rpi/">Raspberry Pi</a>
+		<a class="nav2" href="tools.cgi?doc&amp;tool=sat">README</a>
+		<a class="nav1" href="http://twitter.com/slitaz" 
+			title="Follow us on Twitter">
+		<img src="images/twitter.png" alt="Twitter" /></a>
+	</nav>
 </div>
 
 <!-- Content -->
diff -r f40d5132e98d -r 8ff618229a20 arm/rpi/index.html
--- a/arm/rpi/index.html	Sun Apr 13 09:43:18 2014 +0200
+++ b/arm/rpi/index.html	Sun Apr 13 12:32:07 2014 +0200
@@ -22,25 +22,15 @@
 </div>
 
 <div id="block">
-	<!-- arm.slitaz.org navigation -->
-	<div id="block_nav">
-		
-		<nav id="nav">
-			<a href="http://twitter.com/slitaz" title="Follow us on Twitter">
-			<img src="../images/twitter.png" alt="Twitter" /></a>
-			<a href="../codex/">Codex</a>
-			<a href="../tools.cgi?pkgs">Packages</a>
-			<a href="../rpi/">Raspberry Pi</a>
-		</nav>
-		
-	</div>
-	<!-- Information/image -->
-	<div id="block_info">
-		<p>
-			<img src="../images/raspberrypi.png" alt="raspberrypi.png" />
-			The SliTaz GNU/Linux Raspberry Pi distro
-		</p>
-	</div>
+	<nav id="nav">
+		<a class="nav1" href="../codex/">Codex</a>
+		<a class="nav2" href="../tools.cgi?pkgs">Packages</a>
+		<a class="navpi" href="../rpi/">Raspberry Pi</a>
+		<a class="nav2" href="../tools.cgi?doc&amp;tool=sat">README</a>
+		<a class="nav1" href="http://twitter.com/slitaz" 
+			title="Follow us on Twitter">
+		<img src="../images/twitter.png" alt="Twitter" /></a>
+	</nav>
 </div>
 
 <!-- Content -->
@@ -57,8 +47,8 @@
 	please read the <a href="../codex/apps.html">SliTaz ARM Codex</a>.
 </p>
 
-<div class="box-share">
-	New SliTaz Raspberry Pi release 20140329
+<div class="box-rpi">
+	20140412: Leds and GPIO support in the CGI web interface!
 </div>
 
 <div style="text-align: center;">
diff -r f40d5132e98d -r 8ff618229a20 arm/style.css
--- a/arm/style.css	Sun Apr 13 09:43:18 2014 +0200
+++ b/arm/style.css	Sun Apr 13 12:32:07 2014 +0200
@@ -21,7 +21,6 @@
 #header {
 	background: #222;
 	height: 40px;
-	border-bottom: 4px solid #afafaf;
 }
 
 #header h1 {
@@ -72,7 +71,8 @@
 
 /* Block */
 
-#block { 
+#block {
+	font-size: 120%;
 	min-height: 74px;
 	background: #ccc; 
 	padding: 20px 10% 0px;
@@ -81,48 +81,38 @@
 	border-bottom: 1px solid #afafaf;
 }
 
-#block_info {
-	text-align: justify; 
-	width: 48%;
-	padding: 4px 0;
-}
-
-#block_info img { margin-right: 6px; }
-#block_info p { margin: 10px 0; padding: 0; }
-#block_info a { font-weight: normal; }
-#block a:hover { color: #351a0a; }
-
-#block_nav {
-	background: #666;
-	padding: 14px 6px;
-	text-align: justify;
-	width: 48%;
-	float: right;
-}
-
-nav { margin: 0;  }
+nav { margin: 18px 0; }
 
 nav a { 
 	text-decoration: none;
-	padding: 0px 4px;
+	padding: 12px;
 	color: #fff; 
 	font-weight: bold;
 	vertical-align: middle;
+	
 }
+/*nav a:hover { color: #afafaf; }
+ * 
+ * transition: background-color 3s;
+ * 
+ * */
 
-#block_nav a:hover, nav a:hover { color: #afafaf; }
+.nav1 { background-color: #444; }
+.nav1:hover { background-color: #555; }
+.nav2 { background-color: #bd4300; }
+.nav2:hover { background-color: #CF4800; }
+.navpi { background-color: #444; }
+.navpi:hover { background-color: #bc1142; }
 
 /* Search */
 
 #search {
 	position: absolute;
-	right: 20px;
-	top: 60px;
+	right: 20px; top: 60px;
 }
 
 #search input[type="text"] {
 	width: 200px;
-	
 	padding: 4px;
 	margin: 4px 0px;
 	font-size: 14px;
@@ -174,10 +164,7 @@
 	border: 1px solid #ddd;
 }
 
-pre {
-	padding: 10px;
-}
-
+pre { padding: 10px; }
 pre img { margin: 4px 4px 4px 0px; }
 
 .error { color: red; }
@@ -187,7 +174,7 @@
 /* Round corner */
 
 pre, img, .box, .box-dl, .box-up, .box-rpi, input[type="text"], 
-#block_nav, .box-share {
+#block_nav, .box-share, nav a {
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 	border-radius: 4px;