slitaz-forge rev 519
arm: New tiny/mobile screen CSS style and improve new standard style
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sun Apr 13 14:21:29 2014 +0200 (2014-04-13) |
| parents | 8ff618229a20 |
| children | 288fda66a55e |
| files | arm/codex/apps.html arm/codex/config.html arm/codex/faq.html arm/codex/index.html arm/codex/setup.html arm/codex/style-tiny.css arm/codex/system.html arm/header.html arm/images/fb.png arm/index.html arm/rpi/index.html arm/style-tiny.css arm/style.css |
line diff
1.1 --- a/arm/codex/apps.html Sun Apr 13 12:32:07 2014 +0200 1.2 +++ b/arm/codex/apps.html Sun Apr 13 14:21:29 2014 +0200 1.3 @@ -1,20 +1,28 @@ 1.4 <!DOCTYPE html> 1.5 <html lang="en"> 1.6 <head> 1.7 - <title>SliTaz ARM - Applications</title> 1.8 + <title>SliTaz ARM Codex - Apps</title> 1.9 <meta charset="utf-8" /> 1.10 + <meta name="viewport" content="width=device-width, initial-scale=1.0"> 1.11 <link rel="stylesheet" type="text/css" href="style.css" /> 1.12 + <link rel="stylesheet" type="text/css" href="style-tiny.css" /> 1.13 </head> 1.14 -<body> 1.15 +<body bgcolor="#fff"> 1.16 1.17 <div id="header"> 1.18 - <div id="logo"></div> 1.19 - <div id="network"> 1.20 - <a href="http://arm.slitaz.org/">SliTaz ARM</a> 1.21 - </div> 1.22 + <div id="network"><a href="http://arm.slitaz.org/">SliTaz ARM</a></div> 1.23 <h1><a href=".">SliTaz ARM Codex</a></h1> 1.24 </div> 1.25 1.26 +<nav id="nav" role="navigation" tabindex="0"> 1.27 + <ul> 1.28 + <li><a class="nav1" href="faq.html">FAQ</a></li> 1.29 + <li><a class="nav2" href="system.html">System</a></li> 1.30 + <li><a class="nav1" href="apps.html">Apps</a></li> 1.31 + <li><a class="nav2" href="setup.html">Setup</a></li> 1.32 + </ul> 1.33 +</nav> 1.34 + 1.35 <!-- Content --> 1.36 <div id="content"> 1.37
2.1 --- a/arm/codex/config.html Sun Apr 13 12:32:07 2014 +0200 2.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 2.3 @@ -1,85 +0,0 @@ 2.4 -<!DOCTYPE html> 2.5 -<html lang="en"> 2.6 -<head> 2.7 - <title>SliTaz ARM - Configuration</title> 2.8 - <meta charset="utf-8" /> 2.9 - <link rel="stylesheet" type="text/css" href="style.css" /> 2.10 -</head> 2.11 -<body> 2.12 - 2.13 -<div id="header"> 2.14 - <div id="logo"></div> 2.15 - <div id="network"> 2.16 - <a href="http://arm.slitaz.org/">SliTaz ARM</a> 2.17 - </div> 2.18 - <h1><a href=".">SliTaz ARM Codex</a></h1> 2.19 -</div> 2.20 - 2.21 -<!-- Content --> 2.22 -<div id="content"> 2.23 - 2.24 -<h2>Configuration</h2> 2.25 - 2.26 -<p> 2.27 - System and devices configuration 2.28 -</p> 2.29 - 2.30 -<ul> 2.31 - <li><a href="#firstboot">First boot setup</a></li> 2.32 - <li><a href="#slitaz-config">SliTaz Ncurses config</a></li> 2.33 - <li><a href="#cgi-adm">CGI/Web remote control</a></li> 2.34 -</ul> 2.35 - 2.36 -<h2 id="firstboot">First boot setup</h2> 2.37 -<p> 2.38 - On the first SliTaz ARM boot you will be prompted to configure basic 2.39 - system settings such as the system keymap and the root password. If 2.40 - you don't want this setup you can create a file with the current date as 2.41 - content. Mount the sdcard and create a file /var/lib/slitaz/post-install 2.42 - before you boot. 2.43 -</p> 2.44 - 2.45 -<h2 id="slitaz-config">SliTaz Ncurses config</h2> 2.46 -<p> 2.47 - Each SliTaz ARM flavor provide a Ncurses dialog tool to configure the 2.48 - system from the Linux kernel console or from an X session with mouse 2.49 - support. The slitaz-config tool can be found in the 'System Tools' 2.50 - menu or can be run from cmdline: 2.51 -</p> 2.52 - 2.53 -<pre> 2.54 -# slitaz-config 2.55 -</pre> 2.56 - 2.57 -<h2 id="cgi-adm">CGI/Web remote control</h2> 2.58 - 2.59 -<p> 2.60 - SliTaz ARM flavors provides a CGI SHell remote control environment 2.61 - with plugins support and HTTP authentication. You can rebooot/halt 2.62 - the system, edit any system files, check system status or upload 2.63 - file via a nice web interface. 2.64 -</p> 2.65 - 2.66 -<p> 2.67 - You must first start the web server then check the IP address of your 2.68 - device and connect with the root user and password via the IP: 2.69 -</p> 2.70 - 2.71 -<pre> 2.72 -# startd httpd 2.73 -# ifconfig 2.74 -</pre> 2.75 - 2.76 -<div> 2.77 - <b>URL:</b> http://192.168.1.xxx/adm 2.78 -</div> 2.79 - 2.80 -<!-- Close content --> 2.81 -</div> 2.82 - 2.83 -<div id="footer"> 2.84 - © 2014 - <a href="http://www.slitaz.org/">SliTaz GNU/Linux</a> 2.85 -</div> 2.86 - 2.87 -</body> 2.88 -</html>
3.1 --- a/arm/codex/faq.html Sun Apr 13 12:32:07 2014 +0200 3.2 +++ b/arm/codex/faq.html Sun Apr 13 14:21:29 2014 +0200 3.3 @@ -1,20 +1,28 @@ 3.4 <!DOCTYPE html> 3.5 <html lang="en"> 3.6 <head> 3.7 - <title>SliTaz ARM - FAQ</title> 3.8 + <title>SliTaz ARM Codex - FAQ</title> 3.9 <meta charset="utf-8" /> 3.10 + <meta name="viewport" content="width=device-width, initial-scale=1.0"> 3.11 <link rel="stylesheet" type="text/css" href="style.css" /> 3.12 + <link rel="stylesheet" type="text/css" href="style-tiny.css" /> 3.13 </head> 3.14 -<body> 3.15 +<body bgcolor="#fff"> 3.16 3.17 <div id="header"> 3.18 - <div id="logo"></div> 3.19 - <div id="network"> 3.20 - <a href="http://arm.slitaz.org/">SliTaz ARM</a> 3.21 - </div> 3.22 + <div id="network"><a href="http://arm.slitaz.org/">SliTaz ARM</a></div> 3.23 <h1><a href=".">SliTaz ARM Codex</a></h1> 3.24 </div> 3.25 3.26 +<nav id="nav" role="navigation" tabindex="0"> 3.27 + <ul> 3.28 + <li><a class="nav1" href="faq.html">FAQ</a></li> 3.29 + <li><a class="nav2" href="system.html">System</a></li> 3.30 + <li><a class="nav1" href="apps.html">Apps</a></li> 3.31 + <li><a class="nav2" href="setup.html">Setup</a></li> 3.32 + </ul> 3.33 +</nav> 3.34 + 3.35 <!-- Content --> 3.36 <div id="content"> 3.37
4.1 --- a/arm/codex/index.html Sun Apr 13 12:32:07 2014 +0200 4.2 +++ b/arm/codex/index.html Sun Apr 13 14:21:29 2014 +0200 4.3 @@ -1,20 +1,28 @@ 4.4 <!DOCTYPE html> 4.5 <html lang="en"> 4.6 <head> 4.7 - <title>SliTaz ARM - Codex</title> 4.8 + <title>SliTaz ARM Codex</title> 4.9 <meta charset="utf-8" /> 4.10 + <meta name="viewport" content="width=device-width, initial-scale=1.0"> 4.11 <link rel="stylesheet" type="text/css" href="style.css" /> 4.12 + <link rel="stylesheet" type="text/css" href="style-tiny.css" /> 4.13 </head> 4.14 -<body> 4.15 +<body bgcolor="#fff"> 4.16 4.17 <div id="header"> 4.18 - <div id="logo"></div> 4.19 - <div id="network"> 4.20 - <a href="http://arm.slitaz.org/">SliTaz ARM</a> 4.21 - </div> 4.22 + <div id="network"><a href="http://arm.slitaz.org/">SliTaz ARM</a></div> 4.23 <h1><a href=".">SliTaz ARM Codex</a></h1> 4.24 </div> 4.25 4.26 +<nav id="nav" role="navigation" tabindex="0"> 4.27 + <ul> 4.28 + <li><a class="nav1" href="faq.html">FAQ</a></li> 4.29 + <li><a class="nav2" href="system.html">System</a></li> 4.30 + <li><a class="nav1" href="apps.html">Apps</a></li> 4.31 + <li><a class="nav2" href="setup.html">Setup</a></li> 4.32 + </ul> 4.33 +</nav> 4.34 + 4.35 <!-- Content --> 4.36 <div id="content"> 4.37 4.38 @@ -25,9 +33,8 @@ 4.39 </p> 4.40 4.41 <ul> 4.42 - <!--<li><a href="quickstart.html">Quickstart</a></li>--> 4.43 <li><a href="faq.html">The FAQ</a> - Frequently Asked Questions</li> 4.44 - <li><a href="config.html">Configuration</a> - System & devices configuration</li> 4.45 + <li><a href="system.html">System</a> - System & devices configuration</li> 4.46 <li><a href="apps.html">Applications</a> - List of applications with tips</li> 4.47 <li><a href="setup.html">Setup</a> - Services setup mini guides</li> 4.48 </ul>
5.1 --- a/arm/codex/setup.html Sun Apr 13 12:32:07 2014 +0200 5.2 +++ b/arm/codex/setup.html Sun Apr 13 14:21:29 2014 +0200 5.3 @@ -1,20 +1,28 @@ 5.4 <!DOCTYPE html> 5.5 <html lang="en"> 5.6 <head> 5.7 - <title>SliTaz ARM - Setup</title> 5.8 + <title>SliTaz ARM Codex - Setup</title> 5.9 <meta charset="utf-8" /> 5.10 + <meta name="viewport" content="width=device-width, initial-scale=1.0"> 5.11 <link rel="stylesheet" type="text/css" href="style.css" /> 5.12 + <link rel="stylesheet" type="text/css" href="style-tiny.css" /> 5.13 </head> 5.14 -<body> 5.15 +<body bgcolor="#fff"> 5.16 5.17 <div id="header"> 5.18 - <div id="logo"></div> 5.19 - <div id="network"> 5.20 - <a href="http://arm.slitaz.org/">SliTaz ARM</a> 5.21 - </div> 5.22 + <div id="network"><a href="http://arm.slitaz.org/">SliTaz ARM</a></div> 5.23 <h1><a href=".">SliTaz ARM Codex</a></h1> 5.24 </div> 5.25 5.26 +<nav id="nav" role="navigation" tabindex="0"> 5.27 + <ul> 5.28 + <li><a class="nav1" href="faq.html">FAQ</a></li> 5.29 + <li><a class="nav2" href="system.html">System</a></li> 5.30 + <li><a class="nav1" href="apps.html">Apps</a></li> 5.31 + <li><a class="nav2" href="setup.html">Setup</a></li> 5.32 + </ul> 5.33 +</nav> 5.34 + 5.35 <!-- Content --> 5.36 <div id="content"> 5.37 5.38 @@ -40,9 +48,12 @@ 5.39 5.40 <pre> 5.41 # spk-add lighttpd 5.42 -Config files: /etc/lighttpd 5.43 </pre> 5.44 5.45 +<p> 5.46 + Config files: <b>/etc/lighttpd</b> 5.47 +</p> 5.48 + 5.49 <h2 id="znc">IRC bouncer setup</h2> 5.50 5.51 <p>
6.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 6.2 +++ b/arm/codex/style-tiny.css Sun Apr 13 14:21:29 2014 +0200 6.3 @@ -0,0 +1,1 @@ 6.4 +../style-tiny.css 6.5 \ No newline at end of file
7.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 7.2 +++ b/arm/codex/system.html Sun Apr 13 14:21:29 2014 +0200 7.3 @@ -0,0 +1,104 @@ 7.4 +<!DOCTYPE html> 7.5 +<html lang="en"> 7.6 +<head> 7.7 + <title>SliTaz ARM Codex - System</title> 7.8 + <meta charset="utf-8" /> 7.9 + <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7.10 + <link rel="stylesheet" type="text/css" href="style.css" /> 7.11 + <link rel="stylesheet" type="text/css" href="style-tiny.css" /> 7.12 +</head> 7.13 +<body bgcolor="#fff"> 7.14 + 7.15 +<div id="header"> 7.16 + <div id="network"><a href="http://arm.slitaz.org/">SliTaz ARM</a></div> 7.17 + <h1><a href=".">SliTaz ARM Codex</a></h1> 7.18 +</div> 7.19 + 7.20 +<nav id="nav" role="navigation" tabindex="0"> 7.21 + <ul> 7.22 + <li><a class="nav1" href="faq.html">FAQ</a></li> 7.23 + <li><a class="nav2" href="system.html">System</a></li> 7.24 + <li><a class="nav1" href="apps.html">Apps</a></li> 7.25 + <li><a class="nav2" href="setup.html">Setup</a></li> 7.26 + </ul> 7.27 +</nav> 7.28 + 7.29 +<!-- Content --> 7.30 +<div id="content"> 7.31 + 7.32 +<h2>Configuration</h2> 7.33 + 7.34 +<p> 7.35 + System and devices configuration 7.36 +</p> 7.37 + 7.38 +<ul> 7.39 + <li><a href="#firstboot">First boot setup</a></li> 7.40 + <li><a href="#slitaz-config">SliTaz Ncurses config</a></li> 7.41 + <li><a href="#spk">Packages management</a></li> 7.42 + <li><a href="#cgi-adm">CGI/Web remote control</a></li> 7.43 +</ul> 7.44 + 7.45 +<h2 id="firstboot">First boot setup</h2> 7.46 +<p> 7.47 + On the first SliTaz ARM boot you will be prompted to configure basic 7.48 + system settings such as the system keymap and the root password. If 7.49 + you don't want this setup you can create a file with the current date as 7.50 + content. Mount the sdcard and create a file /var/lib/slitaz/post-install 7.51 + before you boot. 7.52 +</p> 7.53 + 7.54 +<h2 id="slitaz-config">SliTaz Ncurses config</h2> 7.55 +<p> 7.56 + Each SliTaz ARM flavor provide a Ncurses dialog tool to configure the 7.57 + system from the Linux kernel console or from an X session with mouse 7.58 + support. The slitaz-config tool can be found in the 'System Tools' 7.59 + menu or can be run from cmdline: 7.60 +</p> 7.61 + 7.62 +<pre> 7.63 +# slitaz-config 7.64 +</pre> 7.65 + 7.66 +<h2 id="spk">Packages management</h2> 7.67 +<p> 7.68 + The recomended package manager for Slitaz ARM is 'spk', zhe packages 7.69 + is installed by default on all flavors and provide several tools to 7.70 + handle SliTaz packages. Spk was coded with multiarch architecture, it 7.71 + handle miltiple packages in arguments and provide a Ncurses GUI 7.72 + interface. The spk documentation in install in /usr/share/doc/spk 7.73 + and can be found in the desktop menu. 7.74 +</p> 7.75 + 7.76 +<h2 id="cgi-adm">CGI/Web remote control</h2> 7.77 + 7.78 +<p> 7.79 + SliTaz ARM flavors provides a CGI SHell remote control environment 7.80 + with plugins support and HTTP authentication. You can rebooot/halt 7.81 + the system, edit any system files, check system status or upload 7.82 + file via a nice web interface. 7.83 +</p> 7.84 + 7.85 +<p> 7.86 + You must first start the web server then check the IP address of your 7.87 + device and connect with the root user and password via the IP: 7.88 +</p> 7.89 + 7.90 +<pre> 7.91 +# startd httpd 7.92 +# ifconfig 7.93 +</pre> 7.94 + 7.95 +<div> 7.96 + <b>URL:</b> http://192.168.1.xxx/adm 7.97 +</div> 7.98 + 7.99 +<!-- Close content --> 7.100 +</div> 7.101 + 7.102 +<div id="footer"> 7.103 + © 2014 - <a href="http://www.slitaz.org/">SliTaz GNU/Linux</a> 7.104 +</div> 7.105 + 7.106 +</body> 7.107 +</html>
8.1 --- a/arm/header.html Sun Apr 13 12:32:07 2014 +0200 8.2 +++ b/arm/header.html Sun Apr 13 14:21:29 2014 +0200 8.3 @@ -3,7 +3,9 @@ 8.4 <head> 8.5 <title>SliTaz ARM - _TITLE_</title> 8.6 <meta charset="utf-8" /> 8.7 + <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8.8 <link rel="stylesheet" type="text/css" href="style.css" /> 8.9 + <link rel="stylesheet" type="text/css" href="style-tiny.css" /> 8.10 <link rel="shortcut icon" href="favicon.ico" /> 8.11 </head> 8.12 <body> 8.13 @@ -21,17 +23,18 @@ 8.14 <h1><a href="./">SliTaz ARM</a></h1> 8.15 </div> 8.16 8.17 -<div id="block"> 8.18 - <nav id="nav"> 8.19 - <a class="nav1" href="codex/">Codex</a> 8.20 - <a class="nav2" href="tools.cgi?pkgs">Packages</a> 8.21 - <a class="navpi" href="rpi/">Raspberry Pi</a> 8.22 - <a class="nav2" href="tools.cgi?doc&tool=sat">README</a> 8.23 - <a class="nav1" href="http://twitter.com/slitaz" 8.24 - title="Follow us on Twitter"> 8.25 - <img src="images/twitter.png" alt="Twitter" /></a> 8.26 - </nav> 8.27 -</div> 8.28 +<nav id="nav" role="navigation" tabindex="0"> 8.29 + <ul> 8.30 + <li><a class="nav1" href="codex/">Codex</a></li> 8.31 + <li><a class="nav2" href="tools.cgi?pkgs">Packages</a></li> 8.32 + <li><a class="navpi" href="rpi/">Raspberry Pi</a></li> 8.33 + <li><a class="nav2" href="tools.cgi?doc&tool=sat">README</a></li> 8.34 + <li><a class="nav1 mobile" href="http://www.slitaz.org">SliTaz.Org</a></li> 8.35 + <li><a class="nav1" href="http://twitter.com/slitaz" 8.36 + title="Follow us on Twitter"><span class="mobile">Follow us</span><img 8.37 + src="images/twitter.png" alt="Twitter" /></a></li> 8.38 + </ul> 8.39 +</nav> 8.40 8.41 <!-- Content --> 8.42 <div id="content">
9.1 Binary file arm/images/fb.png has changed
10.1 --- a/arm/index.html Sun Apr 13 12:32:07 2014 +0200 10.2 +++ b/arm/index.html Sun Apr 13 14:21:29 2014 +0200 10.3 @@ -3,8 +3,10 @@ 10.4 <head> 10.5 <title>SliTaz ARM</title> 10.6 <meta charset="utf-8" /> 10.7 + <meta name="viewport" content="width=device-width, initial-scale=1.0"> 10.8 <link rel="stylesheet" type="text/css" href="style.css" /> 10.9 - <link rel="shortcut icon" href="favicon.ico" /> 10.10 + <link rel="stylesheet" type="text/css" href="style-tiny.css" /> 10.11 + <link rel="shortcut icon" href="favicon.ico" /> 10.12 </head> 10.13 <body> 10.14 10.15 @@ -21,17 +23,18 @@ 10.16 <h1><a href="./">SliTaz ARM</a></h1> 10.17 </div> 10.18 10.19 -<div id="block"> 10.20 - <nav id="nav"> 10.21 - <a class="nav1" href="codex/">Codex</a> 10.22 - <a class="nav2" href="tools.cgi?pkgs">Packages</a> 10.23 - <a class="navpi" href="rpi/">Raspberry Pi</a> 10.24 - <a class="nav2" href="tools.cgi?doc&tool=sat">README</a> 10.25 - <a class="nav1" href="http://twitter.com/slitaz" 10.26 - title="Follow us on Twitter"> 10.27 - <img src="images/twitter.png" alt="Twitter" /></a> 10.28 - </nav> 10.29 -</div> 10.30 +<nav id="nav" role="navigation" tabindex="0"> 10.31 + <ul> 10.32 + <li><a class="nav1" href="codex/">Codex</a></li> 10.33 + <li><a class="nav2" href="tools.cgi?pkgs">Packages</a></li> 10.34 + <li><a class="navpi" href="rpi/">Raspberry Pi</a></li> 10.35 + <li><a class="nav2" href="tools.cgi?doc&tool=sat">README</a></li> 10.36 + <li><a class="nav1 mobile" href="http://www.slitaz.org">SliTaz.Org</a></li> 10.37 + <li><a class="nav1" href="http://twitter.com/slitaz" 10.38 + title="Follow us on Twitter"><img 10.39 + src="images/twitter.png" alt="Twitter" /></a></li> 10.40 + </ul> 10.41 +</nav> 10.42 10.43 <!-- Content --> 10.44 <div id="content"> 10.45 @@ -57,13 +60,13 @@ 10.46 <div style="text-align: center;"> 10.47 <a href="images/shots/slitaz-rpi-jwm.png"><img 10.48 src="images/shots/slitaz-rpi-jwm_thumb.png" 10.49 - alt="slitaz-rpi-jwm PNG" /></a> 10.50 + alt="slitaz-rpi-jwm PNG" style="margin: 4px 0;" /></a> 10.51 <a href="images/shots/slitaz-rpi-e17.jpg"><img 10.52 src="images/shots/slitaz-rpi-e17_thumb.png" 10.53 - alt="slitaz-rpi-e17 PNG" /></a> 10.54 + alt="slitaz-rpi-e17 PNG" style="margin: 4px 0;" /></a> 10.55 <a href="images/shots/slitaz-rpi-e17-links.png"><img 10.56 src="images/shots/slitaz-rpi-e17-links_thumb.png" 10.57 - alt="slitaz-rpi-links PNG" /></a> 10.58 + alt="slitaz-rpi-links PNG" style="margin: 4px 0;" /></a> 10.59 </div> 10.60 10.61 <h2>Raspberry Pi</h2>
11.1 --- a/arm/rpi/index.html Sun Apr 13 12:32:07 2014 +0200 11.2 +++ b/arm/rpi/index.html Sun Apr 13 14:21:29 2014 +0200 11.3 @@ -3,13 +3,14 @@ 11.4 <head> 11.5 <title>SliTaz Raspberry Pi</title> 11.6 <meta charset="utf-8" /> 11.7 + <meta name="viewport" content="width=device-width, initial-scale=1.0"> 11.8 <link rel="stylesheet" type="text/css" href="../style.css" /> 11.9 + <link rel="stylesheet" type="text/css" href="../style-tiny.css" /> 11.10 <link rel="shortcut icon" href="../favicon.ico" /> 11.11 </head> 11.12 <body> 11.13 11.14 <div id="header"> 11.15 - <div id="logo"></div> 11.16 <div id="network"> 11.17 <!-- <a href="http://scn.slitaz.org/">SCN</a>--> 11.18 <a href="http://forum.slitaz.org/forum/arm">Forum</a> 11.19 @@ -21,17 +22,18 @@ 11.20 <h1><a href="../">SliTaz ARM</a></h1> 11.21 </div> 11.22 11.23 -<div id="block"> 11.24 - <nav id="nav"> 11.25 - <a class="nav1" href="../codex/">Codex</a> 11.26 - <a class="nav2" href="../tools.cgi?pkgs">Packages</a> 11.27 - <a class="navpi" href="../rpi/">Raspberry Pi</a> 11.28 - <a class="nav2" href="../tools.cgi?doc&tool=sat">README</a> 11.29 - <a class="nav1" href="http://twitter.com/slitaz" 11.30 - title="Follow us on Twitter"> 11.31 - <img src="../images/twitter.png" alt="Twitter" /></a> 11.32 - </nav> 11.33 -</div> 11.34 +<nav id="nav" role="navigation" tabindex="0"> 11.35 + <ul> 11.36 + <li><a class="nav1" href="../codex/">Codex</a></li> 11.37 + <li><a class="nav2" href="../tools.cgi?pkgs">Packages</a></li> 11.38 + <li><a class="navpi" href="../rpi/">Raspberry Pi</a></li> 11.39 + <li><a class="nav2" href="../tools.cgi?doc&tool=sat">README</a></li> 11.40 + <li><a class="nav1 mobile" href="http://www.slitaz.org">SliTaz.Org</a></li> 11.41 + <li><a class="nav1" href="http://twitter.com/slitaz" 11.42 + title="Follow us on Twitter"><img 11.43 + src="../images/twitter.png" alt="Twitter" /></a></li> 11.44 + </ul> 11.45 +</nav> 11.46 11.47 <!-- Content --> 11.48 <div id="content"> 11.49 @@ -54,13 +56,13 @@ 11.50 <div style="text-align: center;"> 11.51 <a href="../images/shots/tazberry.png"><img 11.52 src="../images/shots/tazberry_thumb.png" 11.53 - alt="tazberry.png"/></a> 11.54 + alt="tazberry.png" style="margin: 4px 0;" /></a> 11.55 <a href="../images/shots/slitaz-rpi-cgiadm.png"><img 11.56 src="../images/shots/slitaz-rpi-cgiadm_thumb.png" 11.57 - alt="slitaz-rpi-jwm PNG" /></a> 11.58 + alt="slitaz-rpi-jwm PNG" style="margin: 4px 0;" /></a> 11.59 <a href="../images/shots/slitaz-rpi-jwm.png"><img 11.60 src="../images/shots/slitaz-rpi-jwm_thumb.png" 11.61 - alt="slitaz-rpi-cgi PNG" /></a> 11.62 + alt="slitaz-rpi-cgi PNG" style="margin: 4px 0;" /></a> 11.63 </div> 11.64 11.65 <div class="box-rpi">
12.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 12.2 +++ b/arm/style-tiny.css Sun Apr 13 14:21:29 2014 +0200 12.3 @@ -0,0 +1,103 @@ 12.4 +/* Tiny/Mobile screens CSS style for SliTaz */ 12.5 + 12.6 +@media (max-width: 620px) { 12.7 + 12.8 + body { font: 100% sans-serif, vernada, arial; } 12.9 + #header, #logo { display: none !important; } 12.10 + .mobile { display: block !important; } 12.11 + .mobile span { display: inline !important; } 12.12 + 12.13 + body { 12.14 + width: auto; 12.15 + margin: 0; 12.16 + padding: 0; 12.17 + } 12.18 + img, table, td, blockquote, code, pre, textarea, input, iframe, 12.19 + object, embed, video { 12.20 + max-width: 100%; 12.21 + } 12.22 + 12.23 + /* Keep images ratio */ 12.24 + img { 12.25 + height: auto; 12.26 + -webkit-box-sizing: border-box; 12.27 + -moz-box-sizing: border-box; 12.28 + box-sizing: border-box; 12.29 + } 12.30 + textarea, table, td, th, code, pre, samp { 12.31 + word-wrap: break-word; 12.32 + -webkit-hyphens: auto; 12.33 + -moz-hyphens: auto; 12.34 + hyphens: auto; 12.35 + } 12.36 + code, pre, samp { white-space: pre-wrap; } 12.37 + 12.38 + /* Navigation */ 12.39 + 12.40 + nav { 12.41 + min-height: 0; 12.42 + max-height: 0; 12.43 + font-size: 116%; 12.44 + padding: 0; 12.45 + text-align: left; 12.46 + color: #222; 12.47 + border-bottom: 1px solid #afafaf; 12.48 + margin-bottom: 20px; 12.49 + top: 0; 12.50 + display: block; 12.51 + } 12.52 + 12.53 + nav:before { 12.54 + content: "Menu \25BC"; 12.55 + display: block; 12.56 + padding: .8em; 12.57 + background: #333; 12.58 + color: #fff; 12.59 + border-bottom: 4px solid #afafaf; 12.60 + background: #222 url(images/logo.png) no-repeat right; 12.61 + } 12.62 + nav ul { 12.63 + max-height: 0; 12.64 + overflow: hidden; 12.65 + margin: 0; padding: 0; 12.66 + list-style: none; 12.67 + } 12.68 + nav a { 12.69 + display: block; 12.70 + padding: 0.8em; 12.71 + background: #4A7377; 12.72 + color: #fff; 12.73 + text-decoration: none; 12.74 + background-color: #000; 12.75 + opacity: 0.95; 12.76 + border-radius: 0px; 12.77 + } 12.78 + nav:not(:focus) ul { 12.79 + max-height: 0; 12.80 + } 12.81 + nav:focus ul { 12.82 + margin-bottom: 25em; 12.83 + } 12.84 + nav ul { 12.85 + /* number of <li> x5 */ 12.86 + max-height: 25em; 12.87 + -webkit-transition: max-height .4s; 12.88 + transition: max-height .4s; 12.89 + } 12.90 + 12.91 + /* Content */ 12.92 + 12.93 + #content { 12.94 + margin: 50px 0 0 0; 12.95 + padding: 2%; 12.96 + text-align: justify; 12.97 + max-width: auto; 12.98 + } 12.99 + pre, .box-dl, .box-rpi { overflow: hidden; } 12.100 +} 12.101 + 12.102 +@media (max-device-width:768px) and (orientation: landscape) { 12.103 + html { 12.104 + -webkit-text-size-adjust: 100%; 12.105 + } 12.106 +}
13.1 --- a/arm/style.css Sun Apr 13 12:32:07 2014 +0200 13.2 +++ b/arm/style.css Sun Apr 13 14:21:29 2014 +0200 13.3 @@ -1,39 +1,39 @@ 13.4 -/* CSS style for SliTaz Network (minimal version) */ 13.5 +/* CSS style for SliTaz Network */ 13.6 13.7 html { min-height: 102%; } 13.8 body { font: 13px sans-serif, vernada, arial; margin: 0; } 13.9 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; } 13.10 h1 a { color: #fff; text-decoration: none; } 13.11 -h2 { color: #444; border-bottom: 1px dashed #afafaf; 13.12 - padding: 4px 0px; margin: 30px 0 0 0; } 13.13 -h3 { color: #666; font-size: 140%; } 13.14 +h2 { color: #444; } h3 { color: #666; font-size: 140%; } 13.15 +h2, h3 { border-bottom: 1px dashed #afafaf; margin-bottom: 5px; } 13.16 a { text-decoration: underline; color: #215090; } 13.17 a:hover { text-decoration: none; } 13.18 -li { list-style-type: square; } 13.19 img { border: 0pt none; vertical-align: middle; } 13.20 pre { 13.21 overflow: auto; 13.22 font-size: 98%; 13.23 + padding: 10px; 13.24 } 13.25 +pre img { margin: 4px 4px 4px 0px; } 13.26 13.27 /* Header */ 13.28 13.29 #header { 13.30 - background: #222; 13.31 - height: 40px; 13.32 + background: #111 url(images/logo.png) no-repeat left; 13.33 + min-height: 40px; 13.34 } 13.35 13.36 #header h1 { 13.37 margin: 0; 13.38 - padding: 8px 0 0 42px; 13.39 - width: 250px; 13.40 + padding: 8px 0 8px 42px; 13.41 + width: 280px; 13.42 + font-size: 20px; 13.43 + font-style: italic; 13.44 } 13.45 13.46 #header h1 a { 13.47 color: white; 13.48 text-decoration: none; 13.49 - font-size: 20px; 13.50 - font-style: italic; 13.51 } 13.52 13.53 #header h1 a:hover { 13.54 @@ -44,8 +44,7 @@ 13.55 13.56 #network { 13.57 float: right; 13.58 - padding: 14px 5px 0; 13.59 - font-size: 12px; 13.60 + padding: 13px 5px 0; 13.61 } 13.62 13.63 #network a, #network span { 13.64 @@ -57,31 +56,25 @@ 13.65 13.66 #network a:hover, #network span { color: #afafaf; } 13.67 13.68 -/* Logo */ 13.69 +/* Navigation */ 13.70 13.71 -#logo { 13.72 - background: url(images/logo.png) no-repeat left; 13.73 - position: absolute; 13.74 - float: left; 13.75 - left: 0px; 13.76 - top: 0px; 13.77 - width: 40px; 13.78 - height: 40px; 13.79 -} 13.80 - 13.81 -/* Block */ 13.82 - 13.83 -#block { 13.84 +nav { 13.85 font-size: 120%; 13.86 - min-height: 74px; 13.87 - background: #ccc; 13.88 - padding: 20px 10% 0px; 13.89 + min-height: 54px; 13.90 + background: #ddd; 13.91 + padding: 30px 6% 0; 13.92 text-align: center; 13.93 color: #222; 13.94 border-bottom: 1px solid #afafaf; 13.95 + margin-bottom: 20px; 13.96 + top: 40px; 13.97 } 13.98 13.99 -nav { margin: 18px 0; } 13.100 +nav ul { 13.101 + margin: 0; padding: 0; 13.102 + list-style: none; 13.103 +} 13.104 +nav li { display: inline; } 13.105 13.106 nav a { 13.107 text-decoration: none; 13.108 @@ -89,18 +82,14 @@ 13.109 color: #fff; 13.110 font-weight: bold; 13.111 vertical-align: middle; 13.112 - 13.113 + -webkit-transition: background-color 0.6s; 13.114 + transition: background-color 0.5s; 13.115 } 13.116 -/*nav a:hover { color: #afafaf; } 13.117 - * 13.118 - * transition: background-color 3s; 13.119 - * 13.120 - * */ 13.121 13.122 -.nav1 { background-color: #444; } 13.123 -.nav1:hover { background-color: #555; } 13.124 -.nav2 { background-color: #bd4300; } 13.125 -.nav2:hover { background-color: #CF4800; } 13.126 +.nav1 { background-color: #333; } 13.127 +.nav1:hover { background-color: #128da9; } 13.128 +.nav2 { background-color: #ab3c00; } 13.129 +.nav2:hover { background-color: #ff9b00; } 13.130 .navpi { background-color: #444; } 13.131 .navpi:hover { background-color: #bc1142; } 13.132 13.133 @@ -108,7 +97,8 @@ 13.134 13.135 #search { 13.136 position: absolute; 13.137 - right: 20px; top: 60px; 13.138 + right: 20px; 13.139 + top: 60px; 13.140 } 13.141 13.142 #search input[type="text"] { 13.143 @@ -127,11 +117,12 @@ 13.144 /* Content */ 13.145 13.146 #content { 13.147 - margin: 40px auto; 13.148 + margin: 20px auto; 13.149 padding: 0 20px; 13.150 text-align: justify; 13.151 max-width: 760px; 13.152 } 13.153 +#content li { list-style-type: square; line-height: 1.6em; } 13.154 13.155 .box { 13.156 padding: 6px; 13.157 @@ -164,9 +155,7 @@ 13.158 border: 1px solid #ddd; 13.159 } 13.160 13.161 -pre { padding: 10px; } 13.162 -pre img { margin: 4px 4px 4px 0px; } 13.163 - 13.164 +.mobile { display: none !important; } 13.165 .error { color: red; } 13.166 .ok { color: green; } 13.167 .date { color: #666; font-size: 96%; }