slitaz-forge rev 40
tank: Update to new style and layout
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Mon Mar 28 15:14:17 2011 +0200 (2011-03-28) |
| parents | b770976fff5d |
| children | 482a0e54ae16 |
| files | tank/web/bin/makegraphs tank/web/graphs.php tank/web/images/development.png tank/web/images/logo.png tank/web/images/monitor.png tank/web/images/network.png tank/web/index.php tank/web/pics/website/development.png tank/web/pics/website/header-img.png tank/web/pics/website/logo.png tank/web/pics/website/monitor.png tank/web/pics/website/slitaz-awstats.png tank/web/pics/website/vhosts.png tank/web/pics/website/xhtml10.png tank/web/slitaz.css |
line diff
1.1 --- a/tank/web/bin/makegraphs Mon Mar 28 15:12:12 2011 +0200 1.2 +++ b/tank/web/bin/makegraphs Mon Mar 28 15:14:17 2011 +0200 1.3 @@ -17,20 +17,21 @@ 1.4 updatecpudata() { 1.5 [ -e "$rrdlog/cpu.rrd" ] || rrdtool create $rrdlog/cpu.rrd --step=300 \ 1.6 DS:user:COUNTER:600:0:500000000 \ 1.7 + DS:nice:COUNTER:600:0:500000000 \ 1.8 DS:system:COUNTER:600:0:500000000 \ 1.9 DS:idle:COUNTER:600:0:500000000 \ 1.10 + DS:iowait:COUNTER:600:0:500000000 \ 1.11 + DS:irq:COUNTER:600:0:500000000 \ 1.12 + DS:softirq:COUNTER:600:0:500000000 \ 1.13 + DS:celsius:GAUGE:600:0:50000 \ 1.14 RRA:AVERAGE:0.5:1:576 RRA:AVERAGE:0.5:6:672 \ 1.15 RRA:AVERAGE:0.5:24:732 RRA:AVERAGE:0.5:144:1460 1.16 - grep '^cpu' /proc/stat | while read cpu user nice system idle misc; do 1.17 - rrdtool update $rrdlog/cpu.rrd -t user:system:idle \ 1.18 - N:$(( $user + $nice )):$system:$idle 1.19 - break 1.20 - done 1.21 - 1.22 - [ -e "$rrdlog/cpu2.rrd" ] && 1.23 - grep '^cpu' /proc/stat | while read cpu user nice system idle misc; do 1.24 - rrdtool update $rrdlog/cpu2.rrd -t nice:user:system:idle \ 1.25 - N:$nice:$user:$system:$idle 1.26 + grep '^cpu' /proc/stat | while read cpu user nice system idle iowait irq softirq misc; do 1.27 + celsius=$(find /sys | grep /temp._input | xargs cat | \ 1.28 + awk '{ if ($0 > max) max=$0 } END { print max/1 }') 1.29 + rrdtool update $rrdlog/cpu.rrd \ 1.30 + -t celsius:nice:user:system:idle:iowait:irq:softirq \ 1.31 + N:$celsius:$nice:$user:$system:$idle:$iowait:$irq:$softirq 1.32 break 1.33 done 1.34 } 1.35 @@ -46,13 +47,20 @@ 1.36 DEF:user=$rrdlog/cpu.rrd:user:AVERAGE \ 1.37 DEF:system=$rrdlog/cpu.rrd:system:AVERAGE \ 1.38 DEF:idle=$rrdlog/cpu.rrd:idle:AVERAGE \ 1.39 - 'CDEF:total=user,system,idle,+,+' \ 1.40 + DEF:nice=$rrdlog/cpu.rrd:nice:AVERAGE \ 1.41 + DEF:celsius=$rrdlog/cpu.rrd:celsius:AVERAGE \ 1.42 + 'CDEF:total=user,system,idle,nice,+,+,+' \ 1.43 'CDEF:userpct=100,user,total,/,*' \ 1.44 'CDEF:systempct=100,system,total,/,*' \ 1.45 'CDEF:idlepct=100,idle,total,/,*' \ 1.46 + 'CDEF:nicepct=100,nice,total,/,*' \ 1.47 + 'CDEF:temp=celsius,1000,/' \ 1.48 'AREA:userpct#0000FF:user cpu usage' \ 1.49 + 'STACK:nicepct#C0C0FF:nice cpu usage' \ 1.50 'STACK:systempct#FF0000:system cpu usage' \ 1.51 - 'STACK:idlepct#00FF00:idle cpu usage\j' 1.52 + 'STACK:idlepct#00FF00:idle cpu usage' \ 1.53 + 'LINE1:temp#000000:temperature\g' \ 1.54 + 'GPRINT:temp:MAX:max %2.0lfC\j' 1.55 } 1.56 1.57 updatememgraph() { 1.58 @@ -115,15 +123,15 @@ 1.59 1.60 while read tag count unit; do 1.61 case "$tag" in 1.62 - MemTotal:) memtotal=$(($count * 1024));; 1.63 - MemFree:) memfree=$(($count * 1024)) 1.64 + MemTotal:) memtotal=$count;; 1.65 + MemFree:) memfree=$count 1.66 memused=$(($memtotal - $memfree)) 1.67 memshared=0;; 1.68 - MemShared:) memshared=$(($count * 1024));; 1.69 - Buffers:) membuffers=$(($count * 1024));; 1.70 - Cached:) memcache=$(($count * 1024));; 1.71 - SwapTotal:) swaptotal=$(($count * 1024));; 1.72 - SwapFree:) swapfree=$(($count * 1024)) 1.73 + MemShared:) memshared=$count;; 1.74 + Buffers:) membuffers=$count;; 1.75 + Cached:) memcache=$count;; 1.76 + SwapTotal:) swaptotal=$count;; 1.77 + SwapFree:) swapfree=$count 1.78 swapused=$(( $swaptotal - $swapfree));; 1.79 esac 1.80 done < /proc/meminfo 1.81 @@ -225,6 +233,7 @@ 1.82 DEF:incoming=$rrdlog/$interface.rrd:incoming:AVERAGE \ 1.83 DEF:outgoing=$rrdlog/$interface.rrd:outgoing:AVERAGE \ 1.84 'AREA:incoming#00FF00:incoming traffic' \ 1.85 + 'GPRINT:incoming:MAX:max input%8.3lf %sBps' \ 1.86 'GPRINT:outgoing:MAX:max output%8.3lf %sBps' \ 1.87 'LINE1:outgoing#0000FF:outgoing traffic\j' 1.88 }
2.1 --- a/tank/web/graphs.php Mon Mar 28 15:12:12 2011 +0200 2.2 +++ b/tank/web/graphs.php Mon Mar 28 15:14:17 2011 +0200 2.3 @@ -14,43 +14,51 @@ 2.4 2.5 <!-- Header --> 2.6 <div id="header"> 2.7 - <a href="http://tank.slitaz.org/"><img id="logo" 2.8 - src="pics/website/logo.png" 2.9 - title="tank.slitaz.org" alt="tank.slitaz.org" /></a> 2.10 - <p id="titre">#!/Tank</p> 2.11 + <div id="logo"></div> 2.12 + <div id="network"> 2.13 + <a href="http://www.slitaz.org/"> 2.14 + <img src="images/network.png" alt="network.png" /></a> 2.15 + <a href="http://scn.slitaz.org/">Community</a> 2.16 + <a href="http://doc.slitaz.org/">Doc</a> 2.17 + <a href="http://forum.slitaz.org/">Forum</a> 2.18 + <a href="http://labs.slitaz.org/issues">Bugs</a> 2.19 + <a href="http://hg.slitaz.org/">Hg</a> 2.20 + </div> 2.21 + <h1><a href="http://www.slitaz.org/">SliTaz Tank</a></h1> 2.22 +</div> 2.23 + 2.24 +<!-- Block --> 2.25 +<div id="block"> 2.26 + <!-- Navigation --> 2.27 + <div id="block_nav"> 2.28 + <h4><img src="images/development.png" alt="development.png" />Developers Corner</h4> 2.29 + <ul> 2.30 + <li><a href="http://www.slitaz.org/en/devel/">Website devel</a></li> 2.31 + <li><a href="http://scn.slitaz.org/">Community</a></li> 2.32 + <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 2.33 + <li><a href="http://hg.slitaz.org/">Mercurial Repos</a></li> 2.34 + <li><a href="http://bb.slitaz.org/">Build Bot</a></li> 2.35 + <li><a href="http://tank.slitaz.org/">Tank Server</a></li> 2.36 + </ul> 2.37 + </div> 2.38 + <!-- Information/image --> 2.39 + <div id="block_info"> 2.40 + <h4>Codename: tank</h4> 2.41 + <p> 2.42 + This is the SliTaz GNU/Linux main server and build host. 2.43 + The server runs naturally SliTaz and provides some services 2.44 + to all contributors such as: secure access, disk space, a 2.45 + public directory or cron jobs. 2.46 + </p> 2.47 + <p> 2.48 + Tank CPU is a AMD Dual Core 2 GHz - 2GB RAM - Located next to Lausanne, 2.49 + Switzerland. 2.50 + </p> 2.51 + </div> 2.52 </div> 2.53 2.54 <!-- Content --> 2.55 -<div id="content-full"> 2.56 - 2.57 -<!-- Block begin --> 2.58 -<div class="block"> 2.59 - <!-- Nav block begin --> 2.60 - <div id="block_nav"> 2.61 - <h3><img src="pics/website/development.png" alt="png" />Devel corner</h3> 2.62 - <ul> 2.63 - <li><a href="http://www.slitaz.org/en/devel/">Website/devel</a></li> 2.64 - <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 2.65 - <li><a href="http://hg.slitaz.org/">Mercurial Repos</a></li> 2.66 - <li><a href="http://bb.slitaz.org/">Build Bot</a></li> 2.67 - <li><a href="http://scn.slitaz.org/">Community Network</a></li> 2.68 - <li><a href="http://people.slitaz.org/">SliTaz People</a></li> 2.69 - </ul> 2.70 - <!-- Nav block end --> 2.71 - </div> 2.72 - <!-- Top block begin --> 2.73 - <div id="block_top"> 2.74 - <h1>Tank RRD stats</h1> 2.75 - <p> 2.76 - This is the SliTaz GNU/Linux main server and build host. The server runs 2.77 - naturally SliTaz (stable) and provides some services to all contributors 2.78 - such as: secure access, disk space, a public directory, cron jobs and the 2.79 - <a href="http://bb.slitaz.org/">Build Bot</a>. 2.80 - </p> 2.81 - <!-- Top block end --> 2.82 - </div> 2.83 -<!-- Block end --> 2.84 -</div> 2.85 +<div id="content"> 2.86 2.87 <?php 2.88 2.89 @@ -95,30 +103,22 @@ 2.90 2.91 <!-- Footer --> 2.92 <div id="footer"> 2.93 - <div class="right_box"> 2.94 - <h4>SliTaz Network</h4> 2.95 - <ul> 2.96 - <li><a href="http://doc.slitaz.org/">Documentation</a></li> 2.97 - <li><a href="http://forum.slitaz.org/">Support Forum</a></li> 2.98 - <li><a href="http://scn.slitaz.org/">Community Network</a></li> 2.99 - <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 2.100 - <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 2.101 - <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 2.102 - </ul> 2.103 - </div> 2.104 - <h4>SliTaz Website</h4> 2.105 - <ul> 2.106 - <li><a href="#header">Top of the page</a></li> 2.107 - <li>Copyright © <?php echo date('Y'); ?> 2.108 - <a href="http://www.slitaz.org/">SliTaz</a></li> 2.109 - <li><a href="http://www.slitaz.org/en/about/">About the project</a></li> 2.110 - <li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li> 2.111 - <li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li> 2.112 - <li><a href="http://validator.w3.org/check?uri=referer"><img 2.113 - src="pics/website/xhtml10.png" alt="Valid XHTML 1.0" 2.114 - title="Code validé XHTML 1.0" 2.115 - style="width: 80px; height: 15px; vertical-align: middle;" /></a></li> 2.116 - </ul> 2.117 + Copyright © <span class="year"></span> 2.118 + <a href="http://www.slitaz.org/">SliTaz</a> - Network: 2.119 + <a href="http://scn.slitaz.org/">Community</a> 2.120 + <a href="http://doc.slitaz.org/">Doc</a> 2.121 + <a href="http://forum.slitaz.org/">Forum</a> 2.122 + <a href="http://pkgs.slitaz.org/">Packages</a> 2.123 + <a href="http://labs.slitaz.org/issues">Bugs</a> 2.124 + <a href="http://hg.slitaz.org/">Hg</a> 2.125 + <p> 2.126 + SliTaz @ 2.127 + <a href="http://twitter.com/slitaz">Twitter</a> 2.128 + <a href="http://www.facebook.com/slitaz">Facebook</a> 2.129 + <a href="http://distrowatch.com/slitaz">Distrowatch</a> 2.130 + <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a> 2.131 + <a href="http://flattr.com/profile/slitaz">Flattr</a> 2.132 + </p> 2.133 </div> 2.134 2.135 </body>
3.1 Binary file tank/web/images/development.png has changed
4.1 Binary file tank/web/images/logo.png has changed
5.1 Binary file tank/web/images/monitor.png has changed
6.1 Binary file tank/web/images/network.png has changed
7.1 --- a/tank/web/index.php Mon Mar 28 15:12:12 2011 +0200 7.2 +++ b/tank/web/index.php Mon Mar 28 15:14:17 2011 +0200 7.3 @@ -14,60 +14,57 @@ 7.4 7.5 <!-- Header --> 7.6 <div id="header"> 7.7 - <a href="http://tank.slitaz.org/"><img id="logo" 7.8 - src="pics/website/logo.png" 7.9 - title="tank.slitaz.org" alt="tank.slitaz.org" /></a> 7.10 - <p id="titre">#!/Tank</p> 7.11 + <div id="logo"></div> 7.12 + <div id="network"> 7.13 + <a href="http://www.slitaz.org/"> 7.14 + <img src="images/network.png" alt="network.png" /></a> 7.15 + <a href="http://scn.slitaz.org/">Community</a> 7.16 + <a href="http://doc.slitaz.org/">Doc</a> 7.17 + <a href="http://forum.slitaz.org/">Forum</a> 7.18 + <a href="http://labs.slitaz.org/issues">Bugs</a> 7.19 + <a href="http://hg.slitaz.org/">Hg</a> 7.20 + </div> 7.21 + <h1><a href="http://www.slitaz.org/">SliTaz Tank</a></h1> 7.22 +</div> 7.23 + 7.24 +<!-- Block --> 7.25 +<div id="block"> 7.26 + <!-- Navigation --> 7.27 + <div id="block_nav"> 7.28 + <h4><img src="images/development.png" alt="development.png" />Developers Corner</h4> 7.29 + <ul> 7.30 + <li><a href="http://www.slitaz.org/en/devel/">Website devel</a></li> 7.31 + <li><a href="http://scn.slitaz.org/">Community</a></li> 7.32 + <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 7.33 + <li><a href="http://hg.slitaz.org/">Mercurial Repos</a></li> 7.34 + <li><a href="http://bb.slitaz.org/">Build Bot</a></li> 7.35 + <li><a href="http://tank.slitaz.org/">Tank Server</a></li> 7.36 + </ul> 7.37 + </div> 7.38 + <!-- Information/image --> 7.39 + <div id="block_info"> 7.40 + <h4>Codename: tank</h4> 7.41 + <p> 7.42 + This is the SliTaz GNU/Linux main server and build host. 7.43 + The server runs naturally SliTaz and provides some services 7.44 + to all contributors such as: secure access, disk space, a 7.45 + public directory or cron jobs. 7.46 + </p> 7.47 + <p> 7.48 + Tank CPU is a AMD Dual Core 2 GHz - 2GB RAM - Located next to Lausanne, 7.49 + Switzerland. Tank is also monitored by RRDtool which provides 7.50 + <a href="graphs.php">graphical stats</a>. 7.51 + </p> 7.52 + </div> 7.53 </div> 7.54 7.55 <!-- Content --> 7.56 -<div id="content-full"> 7.57 - 7.58 -<!-- Block begin --> 7.59 -<div class="block"> 7.60 - <!-- Nav block begin --> 7.61 - <div id="block_nav"> 7.62 - <h3><img src="pics/website/development.png" alt="png" />Devel corner</h3> 7.63 - <ul> 7.64 - <li><a href="http://www.slitaz.org/en/devel/">Website/devel</a></li> 7.65 - <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 7.66 - <li><a href="http://hg.slitaz.org/">Mercurial Repos</a></li> 7.67 - <li><a href="http://bb.slitaz.org/">Build Bot</a></li> 7.68 - <li><a href="http://scn.slitaz.org/">Community Network</a></li> 7.69 - <li><a href="http://people.slitaz.org/">SliTaz People</a></li> 7.70 - </ul> 7.71 - <!-- Nav block end --> 7.72 - </div> 7.73 - <!-- Top block begin --> 7.74 - <div id="block_top"> 7.75 - <h1>Codename: tank</h1> 7.76 - <p> 7.77 - This is the SliTaz GNU/Linux main server and build host. The server runs 7.78 - naturally SliTaz (stable) and provides some services to all contributors 7.79 - such as: secure access, disk space, a public directory, cron jobs and the 7.80 - <a href="http://bb.slitaz.org/">Build Bot</a>. 7.81 - </p> 7.82 - <p> 7.83 - Tank CPU is a <?php system("sed -e '/^model name/!d;s/.*Intel(R) //;" . 7.84 - "s/@//;s/(.*)//;s/CPU //;s/.*AMD //;s/.*: //;s/Processor //' </proc/cpuinfo |" . 7.85 - " awk '{ s=$0; n++ } END { if (n == 2) printf \"dual \";" . 7.86 - "if (n == 4) printf \"quad \"; print s }' ")?> - 7.87 - <?php system("free | awk '/Mem:/ { x=2*$2-1; while (x >= 1024) { x /= 1024; ". 7.88 - "n++ }; y=1; while (x > 2) { x /= 2; y *= 2}; ". 7.89 - "printf \"%d%cB RAM\",y,substr(\"MG\",n,1) }' ")?> - Located next to Lausanne, 7.90 - Switzerland and offered by Thomas Hinterberger and hosted by Christophe 7.91 - Lincoln. Tank is also monitored by RRDtool which provides 7.92 - <a href="graphs.php">graphical stats</a>. 7.93 - </p> 7.94 - <!-- Top block end --> 7.95 - </div> 7.96 -<!-- Block end --> 7.97 -</div> 7.98 +<div id="content"> 7.99 7.100 <h2><a href="graphs.php"><img 7.101 style="vertical-align: middle; padding: 0 4px 0 0;" 7.102 title="Tank RRDtool graphs" alt="graphs" 7.103 - src="pics/website/monitor.png" /></a>System stats</h2> 7.104 + src="images/monitor.png" /></a>System stats</h2> 7.105 7.106 <h4>Uptime</h4> 7.107 7.108 @@ -78,7 +75,6 @@ 7.109 </pre> 7.110 7.111 <h4>Disk usage</h4> 7.112 - 7.113 <pre class="package"> 7.114 <?php 7.115 system("df -h | sed '/^rootfs/d' | grep '\(^/dev\|Filesystem\)'"); 7.116 @@ -95,7 +91,7 @@ 7.117 <h2><a href="/stats/awstats.pl?config=www.slitaz.org"><img 7.118 style="vertical-align: middle; padding: 0 4px 0 0;" 7.119 title="Tank Virtual hosts" alt="vhosts" 7.120 - src="pics/website/vhosts.png" /></a>Virtual hosts</h2> 7.121 + src="images/network.png" /></a>Virtual hosts</h2> 7.122 7.123 <ul> 7.124 <li><a href="http://www.slitaz.org/">www.slitaz.org</a> - SliTaz Website. 7.125 @@ -112,7 +108,7 @@ 7.126 <h2><img 7.127 style="vertical-align: middle; padding: 0 4px 0 0;" 7.128 title="Erjo Virtual hosts" alt="vhosts" 7.129 - src="pics/website/vhosts.png" />Other hosts</h2> 7.130 + src="images/network.png" />Other hosts</h2> 7.131 7.132 <p> 7.133 These services are hosted by some individual sponsors who gracefully offer 7.134 @@ -129,7 +125,7 @@ 7.135 7.136 <h2><a href="http://mirror.slitaz.org/info/"> <img 7.137 style="vertical-align: middle; padding: 0 4px 0 0;" 7.138 - src="pics/website/vhosts.png" 7.139 + src="images/network.png" 7.140 title="Secondary mirrors" alt="mirrors" /></a>Mirrors</h2> 7.141 <p> 7.142 These mirrors are updated using the url <b>rsync://mirror.slitaz.org/slitaz/</b> 7.143 @@ -165,30 +161,22 @@ 7.144 7.145 <!-- Footer --> 7.146 <div id="footer"> 7.147 - <div class="right_box"> 7.148 - <h4>SliTaz Network</h4> 7.149 - <ul> 7.150 - <li><a href="http://doc.slitaz.org/">Documentation</a></li> 7.151 - <li><a href="http://forum.slitaz.org/">Support Forum</a></li> 7.152 - <li><a href="http://scn.slitaz.org/">Community Network</a></li> 7.153 - <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 7.154 - <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 7.155 - <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 7.156 - </ul> 7.157 - </div> 7.158 - <h4>SliTaz Website</h4> 7.159 - <ul> 7.160 - <li><a href="#header">Top of the page</a></li> 7.161 - <li>Copyright © <?php echo date('Y'); ?> 7.162 - <a href="http://www.slitaz.org/">SliTaz</a></li> 7.163 - <li><a href="http://www.slitaz.org/en/about/">About the project</a></li> 7.164 - <li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li> 7.165 - <li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li> 7.166 - <li><a href="http://validator.w3.org/check?uri=referer"><img 7.167 - src="pics/website/xhtml10.png" alt="Valid XHTML 1.0" 7.168 - title="Code validé XHTML 1.0" 7.169 - style="width: 80px; height: 15px; vertical-align: middle;" /></a></li> 7.170 - </ul> 7.171 + Copyright © <span class="year"></span> 7.172 + <a href="http://www.slitaz.org/">SliTaz</a> - Network: 7.173 + <a href="http://scn.slitaz.org/">Community</a> 7.174 + <a href="http://doc.slitaz.org/">Doc</a> 7.175 + <a href="http://forum.slitaz.org/">Forum</a> 7.176 + <a href="http://pkgs.slitaz.org/">Packages</a> 7.177 + <a href="http://labs.slitaz.org/issues">Bugs</a> 7.178 + <a href="http://hg.slitaz.org/">Hg</a> 7.179 + <p> 7.180 + SliTaz @ 7.181 + <a href="http://twitter.com/slitaz">Twitter</a> 7.182 + <a href="http://www.facebook.com/slitaz">Facebook</a> 7.183 + <a href="http://distrowatch.com/slitaz">Distrowatch</a> 7.184 + <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a> 7.185 + <a href="http://flattr.com/profile/slitaz">Flattr</a> 7.186 + </p> 7.187 </div> 7.188 7.189 </body>
8.1 Binary file tank/web/pics/website/development.png has changed
9.1 Binary file tank/web/pics/website/header-img.png has changed
10.1 Binary file tank/web/pics/website/logo.png has changed
11.1 Binary file tank/web/pics/website/monitor.png has changed
12.1 Binary file tank/web/pics/website/slitaz-awstats.png has changed
13.1 Binary file tank/web/pics/website/vhosts.png has changed
14.1 Binary file tank/web/pics/website/xhtml10.png has changed
15.1 --- a/tank/web/slitaz.css Mon Mar 28 15:12:12 2011 +0200 15.2 +++ b/tank/web/slitaz.css Mon Mar 28 15:14:17 2011 +0200 15.3 @@ -1,6 +1,5 @@ 15.4 /* 15.5 - CSS style for SliTaz GNU/Linux website 15.6 - www.slitaz.org - (c) 2011 Pankso 15.7 + CSS style for SliTaz Network - (C) 2011 SliTaz GNU/Linux 15.8 */ 15.9 15.10 html { 15.11 @@ -12,187 +11,145 @@ 15.12 color: black; 15.13 font: 13px sans-serif, vernada, arial; 15.14 margin: 0; 15.15 - border-top: 34px solid #f1f1f1; 15.16 + min-width: 900px; 15.17 } 15.18 15.19 -/* Accessibility */ 15.20 - 15.21 -#access { 15.22 - position: absolute; 15.23 - top: 4px; 15.24 - right: 0px; 15.25 - text-align: right; 15.26 - width: auto; 15.27 - margin: 0; 15.28 - padding: 4px 4px 4px 20px; 15.29 - font-size: 11px; 15.30 - font-weight: bold; 15.31 +a { text-decoration: underline; color: #215090; } 15.32 +a:hover { text-decoration: none; color: blue; } 15.33 +img { border: 0pt none; vertical-align: middle; } 15.34 +h2 { color: #444; } 15.35 +h3 { color: #666; font-size: 140%; } 15.36 +h4 { color: #888; font-size: 120%; } 15.37 +pre { 15.38 + background-color: #f8f8f8; 15.39 + border: 1px solid #ddd; 15.40 + padding: 10px; 15.41 } 15.42 15.43 -#access a { 15.44 - background: transparent; 15.45 - color: #0F314E; 15.46 +/* Header */ 15.47 + 15.48 +#header { 15.49 + height: 40px; 15.50 + background: #351a0a; 15.51 +} 15.52 + 15.53 +#header h1 { 15.54 + margin: 0; 15.55 + padding: 8px 0 0 42px; 15.56 + width: 250px; 15.57 +} 15.58 + 15.59 +#header h1 a { 15.60 + color: white; 15.61 + text-decoration: none; 15.62 + font-size: 20px; 15.63 + font-style: italic; 15.64 +} 15.65 + 15.66 +#header h1 a:hover, #network a:hover { 15.67 + color: #d66018; 15.68 +} 15.69 + 15.70 +/* Logo */ 15.71 + 15.72 +#logo { 15.73 + background: url(images/logo.png) no-repeat left; 15.74 + position: absolute; 15.75 + float: left; 15.76 + left: 0px; 15.77 + top: 0px; 15.78 + width: 40px; 15.79 + height: 40px; 15.80 +} 15.81 + 15.82 +/* SliTaz Network */ 15.83 + 15.84 +#network { 15.85 + float: right; 15.86 + padding: 10px 5px 0; 15.87 + font-size: 12px; 15.88 +} 15.89 + 15.90 +#network a { padding: 0 6px; } 15.91 + 15.92 +/* Block */ 15.93 + 15.94 +#block { 15.95 + min-height: 200px; 15.96 + background: #d66018; 15.97 + padding: 26px 10% 0px; 15.98 + text-align: center; 15.99 + color: #333; 15.100 + border-bottom: 1px solid #f5f5f5; 15.101 +} 15.102 + 15.103 +#block_info { 15.104 + text-align: justify; 15.105 + width: 48%; 15.106 + padding: 10px 10px 0 0; 15.107 +} 15.108 + 15.109 +#block a, #network a { 15.110 + color: #fff; 15.111 + font-weight: bold; 15.112 text-decoration: none; 15.113 } 15.114 15.115 -#access a:hover { 15.116 - background: inherit; 15.117 - color: #b64b22; 15.118 +#block h4 { 15.119 + color: #351a0a; 15.120 + margin: 0px; 15.121 + font-weight: bold; 15.122 + font-size: 110%; 15.123 } 15.124 15.125 -#access img { 15.126 - vertical-align: middle; 15.127 +#block_info p { margin: 6px 0; padding: 0 12px 0 0; } 15.128 +#block_info a { font-weight: normal; } 15.129 +#block ul { list-style-type: square; } 15.130 +#block a:hover { color: #351a0a; } 15.131 + 15.132 +/* Navigation */ 15.133 + 15.134 +#block_nav { 15.135 + background: #cc5b17; 15.136 + padding: 10px 10px 40px; 15.137 + text-align: justify; 15.138 + width: 48%; 15.139 + float: right; 15.140 } 15.141 15.142 -/* Header and title */ 15.143 - 15.144 -#header { 15.145 - /*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/ 15.146 - background: #351a0a url(pics/website/header-img.png) no-repeat top right; 15.147 - color: black; 15.148 - width: 100%; 15.149 - height: 42px; 15.150 - border-top: 1px solid black; 15.151 - border-bottom: 1px solid #999; 15.152 - margin-bottom: 33px; 15.153 +#block_nav ul { 15.154 + list-style-type: none; 15.155 + margin: 6px 0; 15.156 + padding: 0; 15.157 } 15.158 15.159 -#titre { 15.160 - position: absolute; 15.161 - font-size: 14px; 15.162 - font-weight: bolder ; 15.163 - left: 180px; 15.164 - top: 4px; 15.165 +#block_nav h4 img { 15.166 + margin: 0 4px 0 0; 15.167 + padding: 0; 15.168 } 15.169 15.170 -#logo { 15.171 - position: absolute; 15.172 - float: left; 15.173 - left: 16px; 15.174 - top: -10px; 15.175 - width: 200px; 15.176 - height: 74px; 15.177 +/* Languages */ 15.178 + 15.179 +#lang { 15.180 + float: right; 15.181 + padding: 6px; 15.182 + font-size: 11px; 15.183 } 15.184 15.185 -/* Side bar Navigation */ 15.186 - 15.187 -#nav { 15.188 - position: absolute; 15.189 - top: 102px; 15.190 - right: 80px; 15.191 - color: #555555; 15.192 - float: right; 15.193 - width: 250px; 15.194 - line-height: 1.5em; 15.195 - text-align: left; 15.196 - font-size: 12px; 15.197 +#lang a { 15.198 + text-decoration: none; 15.199 + padding: 0 2px; 15.200 } 15.201 15.202 -#nav .nav_box ul { 15.203 - list-style-type: none; 15.204 - margin: 0; 15.205 - padding: 10px 24px 10px 0px; 15.206 - background-color: inherit; 15.207 -} 15.208 - 15.209 -#nav li { 15.210 - display: inline; 15.211 -} 15.212 - 15.213 -#nav h4 { 15.214 - font-size: 120%; 15.215 - color: #666666; 15.216 - font-weight: bold; 15.217 - margin: 0; 15.218 - padding: 0 0 1px 0; 15.219 - border-bottom: 1px solid #cecece; 15.220 -} 15.221 - 15.222 -#nav a { 15.223 - color: #0F314E; 15.224 - background: inherit; 15.225 - display: block; 15.226 - text-decoration: none; 15.227 - font-weight: bold; 15.228 -} 15.229 - 15.230 -#nav a:hover { 15.231 - color: #b64b22; 15.232 - text-decoration: none; 15.233 - display: block; 15.234 -} 15.235 - 15.236 -#nav ul { 15.237 - -moz-border-radius: 8px; 15.238 - -webkit-border-radius: 8px; 15.239 - border-radius: 8px; 15.240 - list-style-type: none; 15.241 - margin: 10px 0; 15.242 - padding: 10px 24px 10px 24px; 15.243 - background-color: #eaeaea; 15.244 -} 15.245 - 15.246 -.nav_box { 15.247 - margin: 10px 0; 15.248 - padding: 10px 24px 10px 24px; 15.249 - background-color: #eaeaea; 15.250 - text-align: justify; 15.251 - -moz-border-radius: 8px; 15.252 - -webkit-border-radius: 8px; 15.253 - border-radius: 8px; 15.254 - -moz-box-shadow: 0 1px 3px #666; 15.255 - -webkit-box-shadow: 0 1px 3px #666; 15.256 - box-shadow: 0 1px 3px #666; 15.257 - /* CSS3 transition */ 15.258 - -webkit-transition-property: background-color; 15.259 - -webkit-transition-duration: 2s; 15.260 - -moz-transition-property: background-color; 15.261 - -moz-transition-duration: 2s; 15.262 - transition-property: background-color; 15.263 - transition-duration: 2s; 15.264 -} 15.265 - 15.266 -.nav_box:hover { background-color: #f8f8f8; } 15.267 - 15.268 -#nav .nav_box p { 15.269 - line-height: 1.3em; 15.270 -} 15.271 - 15.272 -#nav .nav_box p a { 15.273 - display: inline; 15.274 - font-weight: normal; 15.275 +#lang a:hover { 15.276 text-decoration: underline; 15.277 } 15.278 15.279 -#nav .nav_box p a:hover { 15.280 - text-decoration: none; 15.281 - color: blue; 15.282 - background: inherit; 15.283 -} 15.284 - 15.285 -/* Page content */ 15.286 +/* Content */ 15.287 15.288 #content { 15.289 - background: white; 15.290 - color: black; 15.291 + padding: 30px 80px; 15.292 text-align: justify; 15.293 - height: auto; 15.294 - margin: 6px 320px 0px 0px; 15.295 - padding: 0px 40px 60px 80px; 15.296 -} 15.297 - 15.298 -#content-full { 15.299 - background: white; 15.300 - color: black; 15.301 - text-align: justify; 15.302 - height: auto; 15.303 - margin: 0; 15.304 - padding: 0px 80px 40px 80px; 15.305 -} 15.306 - 15.307 -#content li, #content-full li { 15.308 - line-height: 1.5em; 15.309 - text-align: left; 15.310 } 15.311 15.312 #news li { 15.313 @@ -202,81 +159,69 @@ 15.314 padding: 4px 0px 4px 0px; 15.315 } 15.316 15.317 -#news a { 15.318 - text-decoration: none; 15.319 +#news a, .feed-grid a { text-decoration: none; } 15.320 +#news p a { text-decoration: underline; } 15.321 +#news p a:hover { text-decoration: none; } 15.322 +#twitter { margin: 20px 0; } 15.323 +#gallery { text-align: center; } 15.324 + 15.325 +/* Classes */ 15.326 + 15.327 +.right_box { width: 48%; float: right; } 15.328 +.left_box { width: 48%; float: left; } 15.329 + 15.330 +.box { 15.331 + margin: 20px 60px; 15.332 + padding: 12px; 15.333 + background: #efefef; 15.334 + border: 1px solid #ddd; 15.335 } 15.336 15.337 -#gallery { 15.338 +.searchbox { 15.339 + margin: 20px 80px; 15.340 + padding: 12px; 15.341 + background: #f8f8f8; 15.342 text-align: center; 15.343 + border: 1px solid #ddd; 15.344 } 15.345 15.346 -/* Box and block. */ 15.347 +.feed-grid { height: 180px; overflow: hidden; text-align: left; } 15.348 +.feed-grid h3 { 15.349 + margin: 15px 0 0; font-size: 16px; 15.350 + padding: 0 22px; 15.351 + background: url(images/feed.png) no-repeat left; } 15.352 +.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; } 15.353 +.feed-grid ul { color: #666; } 15.354 +.feed-grid a { color: #666; } 15.355 +.feed-grid a:hover { color: blue; } 15.356 15.357 -.infobox { 15.358 - margin: 20px 60px; 15.359 - padding: 12px; 15.360 - background: #f8f8f8; 15.361 +/* Button */ 15.362 + 15.363 +.button a { 15.364 + background-color: #b64b22; 15.365 + color: #ffffff; 15.366 + margin-right: 6px; 15.367 + padding: 6px 10px; 15.368 + font-size: 12px; 15.369 + text-decoration: none; 15.370 + font-weight: bold; 15.371 +} 15.372 +.button a:hover, input[type=submit]:hover { 15.373 + background-color: #a3431f; 15.374 + color: #ffffff; 15.375 } 15.376 15.377 -.infobox img { vertical-align: middle; } 15.378 -/* .infobox:hover { background-color: #f2b21d; } */ 15.379 -.infobox:hover { background-color: #FBFBFB; } 15.380 +/* Round corner */ 15.381 15.382 -.block { 15.383 - /*padding-bottom: 35%;*/ 15.384 - color: black; 15.385 - min-height: 200px; 15.386 - margin-bottom: 40px; 15.387 +#block_nav, pre, .box, .searchbox, .button a, #twitter { 15.388 + -moz-border-radius: 4px; 15.389 + -webkit-border-radius: 4px; 15.390 + border-radius: 4px; 15.391 } 15.392 15.393 -.block ul { 15.394 - list-style-type: none; 15.395 - margin: 0; 15.396 - padding: 0 20px; 15.397 -} 15.398 +/* Transition */ 15.399 15.400 -.block_left { 15.401 - width: 46%; 15.402 - float: left; 15.403 - background-color: #eaeaea; 15.404 - margin: 4px 2px; 15.405 - padding: 0 10px 10px 10px; 15.406 -} 15.407 - 15.408 -.block_right { 15.409 - width: 46%; 15.410 - float: right; 15.411 - background-color: #eaeaea; 15.412 - margin: 4px 2px; 15.413 - padding: 0 10px 10px 10px; 15.414 -} 15.415 - 15.416 -#block_top { 15.417 - color: black; 15.418 - background-color: #eaeaea; 15.419 - min-height: 180px; 15.420 - margin-bottom: 40px; 15.421 - margin-right: 340px; 15.422 - padding: 0 10px; 15.423 -} 15.424 - 15.425 -#block_nav { 15.426 - width: 300px; 15.427 - min-height: 180px; 15.428 - float: right; 15.429 - background-color: #eaeaea; 15.430 - margin: 0; 15.431 - padding: 0 10px; 15.432 -} 15.433 - 15.434 -.infobox, .block_left, .block_right, #block_top, #block_nav, #footer { 15.435 - -moz-border-radius: 8px; 15.436 - -webkit-border-radius: 8px; 15.437 - border-radius: 8px; 15.438 - -moz-box-shadow: 0 1px 3px #666; 15.439 - -webkit-box-shadow: 0 1px 3px #666; 15.440 - box-shadow: 0 1px 3px #666; 15.441 - /* CSS3 transition */ 15.442 +.box { 15.443 -webkit-transition-property: background-color; 15.444 -webkit-transition-duration: 2s; 15.445 -moz-transition-property: background-color; 15.446 @@ -285,69 +230,7 @@ 15.447 transition-duration: 2s; 15.448 } 15.449 15.450 -#block_nav { 15.451 - font-weight: bold; 15.452 -} 15.453 - 15.454 -#block_nav a { 15.455 - text-decoration: none; 15.456 -} 15.457 - 15.458 -#block_nav li a:hover { 15.459 - color: #b64b22; 15.460 -} 15.461 - 15.462 -#block_nav ul { 15.463 - margin: 0; 15.464 - list-style-type: none; 15.465 -} 15.466 - 15.467 -#block_nav h3 { 15.468 - font-size: 110%; 15.469 -} 15.470 - 15.471 -.block_left:hover, .block_right:hover, #block_top:hover, 15.472 -#block_nav:hover, #footer:hover { 15.473 - background-color: #f8f8f8; 15.474 -} 15.475 - 15.476 -.right_box { 15.477 - width: 50%; 15.478 - float: right; 15.479 -} 15.480 - 15.481 -.floor { 15.482 - color: #999999; 15.483 - font-size: 20px; 15.484 - -webkit-transform: rotate(-45deg) skew(15deg, 15deg); 15.485 - -moz-transform: rotate(-45deg) skew(15deg, 15deg); 15.486 - -o-transform: rotate(-45deg) skew(15deg, 15deg); 15.487 - -ms-transform: rotate(-45deg) skew(15deg, 15deg); 15.488 - transform: rotate(-45deg) skew(15deg, 15deg); 15.489 -} 15.490 - 15.491 -/* Button */ 15.492 - 15.493 -.button { margin-left: 20px; } 15.494 - 15.495 -.button a { 15.496 - background-color: #b64b22; 15.497 - color: #ffffff; 15.498 - margin-right: 6px; 15.499 - padding: 6px 10px; 15.500 - font-size: 14px; 15.501 - -moz-border-radius: 4px; 15.502 - -webkit-border-radius: 4px; 15.503 - border-radius: 4px; 15.504 - -moz-box-shadow: 0 1px 3px #666; 15.505 - -webkit-box-shadow: 0 1px 3px #666; 15.506 - box-shadow: 0 1px 3px #666; 15.507 -} 15.508 - 15.509 -.button a:hover, input[type=submit]:hover { 15.510 - background-color: #a3431f; 15.511 - color: #ffffff; 15.512 -} 15.513 +/* Form */ 15.514 15.515 input[type=submit] { 15.516 border: 1px solid #b64b22; 15.517 @@ -355,233 +238,45 @@ 15.518 color: white; 15.519 font-weight: bold; 15.520 cursor: pointer; 15.521 - padding: 2px 10px; 15.522 + padding: 4px 10px; 15.523 font-size: 14px; 15.524 - -moz-border-radius: 2px; 15.525 - -webkit-border-radius: 2px; 15.526 - border-radius: 2px; 15.527 - -moz-box-shadow: 0 0 5px #666; 15.528 - -webkit-box-shadow: 0 0 5px#666; 15.529 - box-shadow: 0 0 5px #666; 15.530 + margin-left: -5px; 15.531 + -webkit-border-top-right-radius: 4px; 15.532 + -webkit-border-bottom-right-radius: 4px; 15.533 + -moz-border-radius-topright: 4px; 15.534 + -moz-border-radius-bottomright: 4px; 15.535 + border-top-right-radius: 4px; 15.536 + border-bottom-right-radius: 4px; 15.537 } 15.538 15.539 +input[type=submit]:hover { background-color: #a3431f; } 15.540 + 15.541 input[type=text] { 15.542 border: 1px solid #333333; 15.543 - padding: 3px; 15.544 + padding: 4px; 15.545 + height: 17px; 15.546 width: 100%; 15.547 - max-width: 500px; 15.548 + -webkit-border-top-left-radius: 4px; 15.549 + -webkit-border-bottom-left-radius: 4px; 15.550 + -moz-border-radius-topleft: 4px; 15.551 + -moz-border-radius-bottomleft: 4px; 15.552 + border-top-left-radius: 4px; 15.553 + border-bottom-left-radius: 4px; 15.554 } 15.555 15.556 -/* Clouds */ 15.557 +/* Footer */ 15.558 15.559 -#cloud { 15.560 - padding: 10px 0px; 15.561 - line-height: 3em; 15.562 +#footer { 15.563 + background: #f1f1f1; 15.564 text-align: center; 15.565 -} 15.566 -#cloud a { padding: 0 2px; color: #956411; } 15.567 -#cloud a.tag1 { font-size: 0.7em; font-weight: 100; } 15.568 -#cloud a.tag2 { font-size: 0.8em; font-weight: 200; } 15.569 -#cloud a.tag3 { font-size: 0.9em; font-weight: 300; } 15.570 -#cloud a.tag4 { font-size: 1.0em; font-weight: 400; } 15.571 -#cloud a.tag5 { font-size: 1.2em; font-weight: 500; } 15.572 -#cloud a.tag6 { font-size: 1.4em; font-weight: 600; } 15.573 -#cloud a.tag7 { font-size: 1.6em; font-weight: 700; } 15.574 -#cloud a.tag8 { font-size: 1.8em; font-weight: 800; } 15.575 -#cloud a.tag9 { font-size: 2.2em; font-weight: 900; } 15.576 -#cloud a.tag10 { font-size: 2.5em; font-weight: 900; } 15.577 - 15.578 -/* Slideshow. */ 15.579 - 15.580 -#slideshow 15.581 -{ 15.582 - overflow: hidden; 15.583 - margin: 10px auto 10px; 15.584 - position: relative; 15.585 - width: 260px; 15.586 - height: 163px; 15.587 + border-top: 1px solid #ddd; 15.588 + padding: 40px; 15.589 + color: #666; 15.590 } 15.591 15.592 -#slideshow img 15.593 -{ 15.594 - border: 0; 15.595 - width: 260px; 15.596 - height: 163px; 15.597 -} 15.598 - 15.599 -#twitter { 15.600 - margin-top: 20px; 15.601 - -moz-border-radius: 8px; 15.602 - -webkit-border-radius: 8px; 15.603 - border-radius: 8px; 15.604 - -moz-box-shadow: 0 1px 3px #666; 15.605 - -webkit-box-shadow: 0 1px 3px #666; 15.606 - box-shadow: 0 1px 3px #666; 15.607 -} 15.608 - 15.609 -/* HTML styles */ 15.610 - 15.611 -h1 { 15.612 - color: #444444; 15.613 - background: transparent; 15.614 - text-align: left; 15.615 - margin: 0px 0px 4px 0px; 15.616 - font-size: 150%; 15.617 - font-weight: bold; 15.618 - padding: 5px 0 0 10px; 15.619 -} 15.620 - 15.621 -h2 { 15.622 - color: #b64b22; 15.623 - padding: 0; 15.624 - margin: 20px 0 0 0; 15.625 - font-size: 130%; 15.626 - font-weight: bold; 15.627 -} 15.628 - 15.629 -h3 { 15.630 - font-weight: bold; 15.631 - color: #666666; 15.632 - background: transparent; 15.633 -} 15.634 - 15.635 -h3 img { 15.636 - vertical-align: middle; 15.637 - width: 20px; 15.638 - height: 20px; 15.639 - padding-right: 4px; 15.640 -} 15.641 - 15.642 -a { 15.643 - text-decoration: underline; 15.644 - color: #103A5E; 15.645 - background: inherit; 15.646 -} 15.647 - 15.648 -a:hover { 15.649 - text-decoration: none; 15.650 - color: blue; 15.651 - background: inherit; 15.652 -} 15.653 - 15.654 -code { 15.655 - font-size: 12px; 15.656 - color: #669900; 15.657 - background: inherit; 15.658 -} 15.659 - 15.660 -tt { 15.661 - color: #15EE15; 15.662 - background: inherit; 15.663 -} 15.664 - 15.665 -img { 15.666 - border: 0pt none; 15.667 -} 15.668 - 15.669 -fieldset { 15.670 - background: #E2ECf6; 15.671 - color: black; 15.672 - margin-top: 25px; 15.673 - border: 1px solid black; 15.674 -} 15.675 - 15.676 -legend { 15.677 - border: 1px solid black; 15.678 - color: #6c0023; 15.679 - background: #eaeaea; 15.680 - font-weight: bold; 15.681 -} 15.682 - 15.683 -pre { 15.684 - padding: 5px; 15.685 - color: black; 15.686 - background: #E1E0B0; 15.687 -} 15.688 - 15.689 -pre.script { 15.690 - padding: 10px; 15.691 - color: black; 15.692 - background: #E8E8E8; 15.693 - border: 1px inset #606060; 15.694 -} 15.695 - 15.696 -textarea { 15.697 - background: #E5E5E5; 15.698 - margin-top: 12px; 15.699 -} 15.700 - 15.701 -/* Packages pages */ 15.702 - 15.703 -.pkg_nav { 15.704 - border-top: 1px solid black; 15.705 - margin-top: 10px; 15.706 - padding-top: 10px; 15.707 -} 15.708 - 15.709 -pre.package { 15.710 - padding: 0px; 15.711 - color: black; 15.712 - background: white; 15.713 -} 15.714 - 15.715 -p.get { 15.716 - text-align: center; 15.717 - padding: 10px; 15.718 - color: black; 15.719 - background: #F3F3F3; 15.720 - border: 1px solid #DEDEDE; 15.721 - border-radius: 4px; 15.722 - -moz-border-radius: 4px; 15.723 - -webkit-border-radius: 4px; 15.724 -} 15.725 - 15.726 -p.get a { 15.727 - font-weight: bold; 15.728 - text-decoration: none; 15.729 -} 15.730 - 15.731 -.pkgs-search { 15.732 - text-align: center; 15.733 - padding: 40px 20px 80px 20px; 15.734 -} 15.735 +#footer a { color: #666; padding: 0 2px; } 15.736 15.737 .year:after { 15.738 /* content: "2007-2011"; */ 15.739 content: "2011"; 15.740 } 15.741 - 15.742 -/* Footer */ 15.743 - 15.744 -#footer { 15.745 - margin: 0px 80px 80px 80px; 15.746 - padding: 10px; 15.747 - background: #eaeaea; 15.748 - color: #666666; 15.749 - height: 180px; 15.750 - clear: both; 15.751 - border-radius: 8px; 15.752 - -moz-border-radius: 8px; 15.753 - -webkit-border-radius: 8px; 15.754 - -moz-box-shadow: 0 1px 3px #666; 15.755 - -webkit-box-shadow: 0 1px 3px #666; 15.756 - box-shadow: 0 1px 3px #666; 15.757 -} 15.758 -#footer a { 15.759 - background: inherit; 15.760 - color: #666666; 15.761 -} 15.762 -#footer a:hover { 15.763 - background: inherit; 15.764 - color: #333333; 15.765 -} 15.766 -#footer ul { 15.767 - list-style-type: none; 15.768 -} 15.769 -#footer li { 15.770 - padding: 2px; 15.771 -} 15.772 -#footer h4 { 15.773 - margin: 0 20px; 15.774 - font-size: 125%; 15.775 -}