slitaz-forge rev 518
arm: quiet big style modifications
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sun Apr 13 12:32:07 2014 +0200 (2014-04-13) |
| parents | f40d5132e98d |
| children | f60b8d4347c9 |
| files | arm/header.html arm/index.html arm/rpi/index.html arm/style.css |
line diff
1.1 --- a/arm/header.html Sun Apr 13 09:43:18 2014 +0200 1.2 +++ b/arm/header.html Sun Apr 13 12:32:07 2014 +0200 1.3 @@ -22,24 +22,15 @@ 1.4 </div> 1.5 1.6 <div id="block"> 1.7 - <!-- arm.slitaz.org navigation --> 1.8 - <div id="block_nav"> 1.9 - <nav id="nav"> 1.10 - <a href="http://twitter.com/slitaz" title="Follow us on Twitter"> 1.11 - <img src="images/twitter.png" alt="Twitter" /></a> 1.12 - <a href="codex/">Codex</a> 1.13 - <a href="tools.cgi?pkgs">Packages</a> 1.14 - <a href="rpi/">Raspberry Pi</a> 1.15 - </nav> 1.16 - 1.17 - </div> 1.18 - <!-- Information/image --> 1.19 - <div id="block_info"> 1.20 - <p> 1.21 - <img src="images/generic.png" alt="arm-cpu.png" /> 1.22 - Official SliTaz GNU/Linux port to ARM 1.23 - </p> 1.24 - </div> 1.25 + <nav id="nav"> 1.26 + <a class="nav1" href="codex/">Codex</a> 1.27 + <a class="nav2" href="tools.cgi?pkgs">Packages</a> 1.28 + <a class="navpi" href="rpi/">Raspberry Pi</a> 1.29 + <a class="nav2" href="tools.cgi?doc&tool=sat">README</a> 1.30 + <a class="nav1" href="http://twitter.com/slitaz" 1.31 + title="Follow us on Twitter"> 1.32 + <img src="images/twitter.png" alt="Twitter" /></a> 1.33 + </nav> 1.34 </div> 1.35 1.36 <!-- Content -->
2.1 --- a/arm/index.html Sun Apr 13 09:43:18 2014 +0200 2.2 +++ b/arm/index.html Sun Apr 13 12:32:07 2014 +0200 2.3 @@ -22,25 +22,15 @@ 2.4 </div> 2.5 2.6 <div id="block"> 2.7 - <!-- arm.slitaz.org navigation --> 2.8 - <div id="block_nav"> 2.9 - 2.10 - <nav id="nav"> 2.11 - <a href="http://twitter.com/slitaz" title="Follow us on Twitter"> 2.12 - <img src="images/twitter.png" alt="Twitter" /></a> 2.13 - <a href="codex/">Codex</a> 2.14 - <a href="tools.cgi?pkgs">Packages</a> 2.15 - <a href="rpi/">Raspberry Pi</a> 2.16 - </nav> 2.17 - 2.18 - </div> 2.19 - <!-- Information/image --> 2.20 - <div id="block_info"> 2.21 - <p> 2.22 - <img src="images/generic.png" alt="generic.png" /> 2.23 - Official SliTaz GNU/Linux port to ARM 2.24 - </p> 2.25 - </div> 2.26 + <nav id="nav"> 2.27 + <a class="nav1" href="codex/">Codex</a> 2.28 + <a class="nav2" href="tools.cgi?pkgs">Packages</a> 2.29 + <a class="navpi" href="rpi/">Raspberry Pi</a> 2.30 + <a class="nav2" href="tools.cgi?doc&tool=sat">README</a> 2.31 + <a class="nav1" href="http://twitter.com/slitaz" 2.32 + title="Follow us on Twitter"> 2.33 + <img src="images/twitter.png" alt="Twitter" /></a> 2.34 + </nav> 2.35 </div> 2.36 2.37 <!-- Content -->
3.1 --- a/arm/rpi/index.html Sun Apr 13 09:43:18 2014 +0200 3.2 +++ b/arm/rpi/index.html Sun Apr 13 12:32:07 2014 +0200 3.3 @@ -22,25 +22,15 @@ 3.4 </div> 3.5 3.6 <div id="block"> 3.7 - <!-- arm.slitaz.org navigation --> 3.8 - <div id="block_nav"> 3.9 - 3.10 - <nav id="nav"> 3.11 - <a href="http://twitter.com/slitaz" title="Follow us on Twitter"> 3.12 - <img src="../images/twitter.png" alt="Twitter" /></a> 3.13 - <a href="../codex/">Codex</a> 3.14 - <a href="../tools.cgi?pkgs">Packages</a> 3.15 - <a href="../rpi/">Raspberry Pi</a> 3.16 - </nav> 3.17 - 3.18 - </div> 3.19 - <!-- Information/image --> 3.20 - <div id="block_info"> 3.21 - <p> 3.22 - <img src="../images/raspberrypi.png" alt="raspberrypi.png" /> 3.23 - The SliTaz GNU/Linux Raspberry Pi distro 3.24 - </p> 3.25 - </div> 3.26 + <nav id="nav"> 3.27 + <a class="nav1" href="../codex/">Codex</a> 3.28 + <a class="nav2" href="../tools.cgi?pkgs">Packages</a> 3.29 + <a class="navpi" href="../rpi/">Raspberry Pi</a> 3.30 + <a class="nav2" href="../tools.cgi?doc&tool=sat">README</a> 3.31 + <a class="nav1" href="http://twitter.com/slitaz" 3.32 + title="Follow us on Twitter"> 3.33 + <img src="../images/twitter.png" alt="Twitter" /></a> 3.34 + </nav> 3.35 </div> 3.36 3.37 <!-- Content --> 3.38 @@ -57,8 +47,8 @@ 3.39 please read the <a href="../codex/apps.html">SliTaz ARM Codex</a>. 3.40 </p> 3.41 3.42 -<div class="box-share"> 3.43 - New SliTaz Raspberry Pi release 20140329 3.44 +<div class="box-rpi"> 3.45 + 20140412: Leds and GPIO support in the CGI web interface! 3.46 </div> 3.47 3.48 <div style="text-align: center;">
4.1 --- a/arm/style.css Sun Apr 13 09:43:18 2014 +0200 4.2 +++ b/arm/style.css Sun Apr 13 12:32:07 2014 +0200 4.3 @@ -21,7 +21,6 @@ 4.4 #header { 4.5 background: #222; 4.6 height: 40px; 4.7 - border-bottom: 4px solid #afafaf; 4.8 } 4.9 4.10 #header h1 { 4.11 @@ -72,7 +71,8 @@ 4.12 4.13 /* Block */ 4.14 4.15 -#block { 4.16 +#block { 4.17 + font-size: 120%; 4.18 min-height: 74px; 4.19 background: #ccc; 4.20 padding: 20px 10% 0px; 4.21 @@ -81,48 +81,38 @@ 4.22 border-bottom: 1px solid #afafaf; 4.23 } 4.24 4.25 -#block_info { 4.26 - text-align: justify; 4.27 - width: 48%; 4.28 - padding: 4px 0; 4.29 -} 4.30 - 4.31 -#block_info img { margin-right: 6px; } 4.32 -#block_info p { margin: 10px 0; padding: 0; } 4.33 -#block_info a { font-weight: normal; } 4.34 -#block a:hover { color: #351a0a; } 4.35 - 4.36 -#block_nav { 4.37 - background: #666; 4.38 - padding: 14px 6px; 4.39 - text-align: justify; 4.40 - width: 48%; 4.41 - float: right; 4.42 -} 4.43 - 4.44 -nav { margin: 0; } 4.45 +nav { margin: 18px 0; } 4.46 4.47 nav a { 4.48 text-decoration: none; 4.49 - padding: 0px 4px; 4.50 + padding: 12px; 4.51 color: #fff; 4.52 font-weight: bold; 4.53 vertical-align: middle; 4.54 + 4.55 } 4.56 +/*nav a:hover { color: #afafaf; } 4.57 + * 4.58 + * transition: background-color 3s; 4.59 + * 4.60 + * */ 4.61 4.62 -#block_nav a:hover, nav a:hover { color: #afafaf; } 4.63 +.nav1 { background-color: #444; } 4.64 +.nav1:hover { background-color: #555; } 4.65 +.nav2 { background-color: #bd4300; } 4.66 +.nav2:hover { background-color: #CF4800; } 4.67 +.navpi { background-color: #444; } 4.68 +.navpi:hover { background-color: #bc1142; } 4.69 4.70 /* Search */ 4.71 4.72 #search { 4.73 position: absolute; 4.74 - right: 20px; 4.75 - top: 60px; 4.76 + right: 20px; top: 60px; 4.77 } 4.78 4.79 #search input[type="text"] { 4.80 width: 200px; 4.81 - 4.82 padding: 4px; 4.83 margin: 4px 0px; 4.84 font-size: 14px; 4.85 @@ -174,10 +164,7 @@ 4.86 border: 1px solid #ddd; 4.87 } 4.88 4.89 -pre { 4.90 - padding: 10px; 4.91 -} 4.92 - 4.93 +pre { padding: 10px; } 4.94 pre img { margin: 4px 4px 4px 0px; } 4.95 4.96 .error { color: red; } 4.97 @@ -187,7 +174,7 @@ 4.98 /* Round corner */ 4.99 4.100 pre, img, .box, .box-dl, .box-up, .box-rpi, input[type="text"], 4.101 -#block_nav, .box-share { 4.102 +#block_nav, .box-share, nav a { 4.103 -moz-border-radius: 4px; 4.104 -webkit-border-radius: 4px; 4.105 border-radius: 4px;