slitaz-forge rev 33
Add boot/web folder. This is so we have a backup of boot.slitaz.org website.
author | Christopher Rogers <slaxemulator@gmail.com> |
---|---|
date | Fri Mar 04 11:27:53 2011 +0000 (2011-03-04) |
parents | 55fbb554e0a7 |
children | 713c74ee74c7 |
files | boot/web/favicon.ico boot/web/guide.html boot/web/index.php boot/web/slitaz.css |
line diff
1.1 Binary file boot/web/favicon.ico has changed
2.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 2.2 +++ b/boot/web/guide.html Fri Mar 04 11:27:53 2011 +0000 2.3 @@ -0,0 +1,198 @@ 2.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2.5 + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2.6 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 2.7 +<head> 2.8 + <title>boot.slitaz.org - Boot SliTaz from the Web</title> 2.9 + <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 2.10 + <meta name="description" content="slitaz gPXE boot online your OS web-boot slitaz-cooking" /> 2.11 + <meta name="keywords" lang="en" content="slitaz, boot, pxe, web OS" /> 2.12 + <meta name="robots" content="index, follow, all" /> 2.13 + <meta name="revisit-after" content="7 days" /> 2.14 + <meta name="expires" content="never" /> 2.15 + <meta name="modified" content="2011-01-07 02:10:00" /> 2.16 + <meta name="author" content="Christophe Lincoln"/> 2.17 + <meta name="publisher" content="www.slitaz.org" /> 2.18 + <link rel="shortcut icon" href="favicon.ico" /> 2.19 + <link rel="stylesheet" type="text/css" href="slitaz.css" /> 2.20 + <link rel="Content" href="#content" /> 2.21 +</head> 2.22 +<body> 2.23 + 2.24 +<!-- Header --> 2.25 +<div id="header"> 2.26 + <a href="http://boot.slitaz.org/"><img id="logo" 2.27 + src="pics/website/logo.png" 2.28 + title="boot.slitaz.org" alt="boot.slitaz.org" /></a> 2.29 + <p id="titre">#!/Web/Boot</p> 2.30 +</div> 2.31 + 2.32 +<!-- Content --> 2.33 +<div id="content-full"> 2.34 + 2.35 +<!-- Block begin --> 2.36 +<div class="block"> 2.37 + <!-- Nav block begin --> 2.38 + <div id="block_nav"> 2.39 + <h3><img src="pics/website/users.png" alt="users.png" />Community</h3> 2.40 + <ul> 2.41 + <li><a href="http://scn.slitaz.org/">Community Network</a></li> 2.42 + <li><a href="http://pizza.slitaz.org/">LiveCD Online Builder</a></li> 2.43 + </ul> 2.44 + <h3>Quick Download</h3> 2.45 + <div class="button"> 2.46 + <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 2.47 + </div> 2.48 + <!-- Nav block end --> 2.49 + </div> 2.50 + <!-- Top block begin --> 2.51 + <div id="block_top"> 2.52 + <h1>Web Boot guide</h1> 2.53 + <p> 2.54 + Learn how to easily boot SliTaz from the web. 2.55 + </p> 2.56 + <h3><img src="pics/website/locale.png" alt="locale.png" />Guide Language</h3> 2.57 + <p> 2.58 + <a href="#en">English</a> | <a href="#fr">Français</a> 2.59 + </p> 2.60 + <!-- Top block end --> 2.61 + </div> 2.62 +<!-- Block end --> 2.63 +</div> 2.64 + 2.65 +<a name="en"></a> 2.66 +<h2>[en] Short guide</h2> 2.67 +<p> 2.68 +To boot from the internet you'll need a working DHCP server, DNS server/cache 2.69 +and a default internet route. This is usually the case if you have a router 2.70 +for network connection. 2.71 +</p> 2.72 +<ul> 2.73 + <li>SliTaz Cooking has the boot option <code>web</code>, so you can 2.74 + use boot.slitaz.org from the standard core LiveCD.</li> 2.75 + <li>SliTaz boot ISO: Download 2.76 + <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 2.77 + (<a href="http://mirror.slitaz.org/boot/slitaz-boot.md5">md5</a>) 2.78 + and burn the image to a cdrom. Boot from the cdrom device and select 2.79 + gPXE. This ISO image also provides Memtest86 to test system memory. 2.80 + </li> 2.81 + <li>USB media: Use TazUSB to generate bootable USB media. Install 2.82 + the package <code>gpxe</code>, copy /boot/gpxe into the boot 2.83 + directory of the USB media and add an entry to the Syslinux configuration 2.84 + file <code>syslinux.cfg</code>: 2.85 + <pre class="script"> 2.86 +label web 2.87 + kernel /boot/gpxe 2.88 + </pre></li> 2.89 + <li>Floppy image: Download 2.90 + <a href="http://mirror.slitaz.org/boot/floppy-grub">floppy-grub</a> 2.91 + (<a href="http://mirror.slitaz.org/boot/floppy-grub.md5">md5</a>) 2.92 + and transfer the image to a blank floppy disk using the command: 2.93 + <code>dd if=floppy-grub of=/dev/fd0</code>. Boot the floppy and select 2.94 + gPXE entry.</li> 2.95 +</ul> 2.96 + 2.97 +<h3>Boot time</h3> 2.98 +<p> 2.99 +The boot time largely depends on your network connection. With a 1Mb 2.100 +connection in France, it takes 5 min. If you want, you can report the 2.101 +boot time on the Mailing list or the Forum. 2.102 +</p> 2.103 + 2.104 +<h3>Required configuration</h3> 2.105 +<p> 2.106 +The default boot entry needs 160Mb RAM. Two entries are available to 2.107 +boot with 24Mb: 2.108 +<ul> 2.109 + <li><code>tiny</code> starts in text mode.</li> 2.110 + <li><code>loram</code> starts in graphical mode.</li> 2.111 +</ul> 2.112 +</p> 2.113 + 2.114 +<a name="fr"></a> 2.115 +<h2>[fr] Guide rapide</h2> 2.116 +<p> 2.117 +Pour démarrer depuis internet vous devez avoir une configuration réseau 2.118 +fonctionnelle (Serveur DHCP, DNS/DNS cache, passerelle par défaut). 2.119 +C'est généralement le cas si vous utiliser un routeur pour votre 2.120 +connexion réseau. 2.121 +</p> 2.122 + 2.123 +<ul> 2.124 + <li>La version Cooking de permet de démarrer depuis boot.slitaz.org 2.125 + en utilisant l'option <code>web</code> au boot, cela permet d'utiliser 2.126 + le LiveCD standard pour tester la dernière version sans regraver un 2.127 + cdrom.</li> 2.128 + <li>Image ISO SliTaz boot: Téléchargez le fichier 2.129 + <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 2.130 + (<a href="http://mirror.slitaz.org/boot/slitaz-boot.md5">md5</a>) 2.131 + et gravez l'image sur un cdrom vierge. Démarrez depuis le cdrom et 2.132 + choisissez l'option gPXE. Cette image ISO vous permet également de tester 2.133 + la mémoire système avec Memtest86.</li> 2.134 + <li>Média USB: Utilisez TazUSB pour générer un média USB amorçable. 2.135 + Installez le paquet <code>gpxe</code>, copiez le répertoire /boot/gpxe 2.136 + dans le répertoire boot du média USB et ajoutez une entrée dans le 2.137 + fichier de configuration de Syslinux <code>syslinux.cfg</code> : 2.138 + <pre class="script"> 2.139 +label web 2.140 + kernel /boot/gpxe 2.141 + </pre></li> 2.142 + <li>Image de disquette: Téléchargez le fichier 2.143 + <a href="http://mirror.slitaz.org/boot/floppy-grub">floppy-grub</a> 2.144 + (<a href="http://mirror.slitaz.org/boot/floppy-grub.md5">md5</a>) 2.145 + Transférez l'image sur une disquette vierge en utilisant la commande 2.146 + suivant: <code>dd if=floppy-grub of=/dev/fd0</code>. Démarrez sur 2.147 + la disquette et choisissez l'entrée gPXE. 2.148 + </li> 2.149 +</ul> 2.150 + 2.151 +<h3>Temps de démarrage</h3> 2.152 +<p> 2.153 +Le temps de démarrage dépend de votre vitesse de connexion à internet 2.154 +et des charges du serveur. En france avec un débit de 1Mo il faut 5 minutes. 2.155 +Vous pouvez poster vos retours d'expériences sur le Wiki, Forum ou la 2.156 +liste de diffusion. 2.157 +</p> 2.158 + 2.159 +<h3>Configuration minimum</h3> 2.160 +<p> 2.161 +L'entrée par défaut nécessite au moins 160Mo de RAM. Deux autres sont 2.162 +disponibles pour démarrer avec 24Mo ou plus : 2.163 +<ul> 2.164 + <li><code>tiny</code> démarre en mode texte.</li> 2.165 + <li><code>loram</code> démarre en mode graphique.</li> 2.166 +</ul> 2.167 +</p> 2.168 + 2.169 +<!-- End of content --> 2.170 +</div> 2.171 + 2.172 +<!-- Footer --> 2.173 +<div id="footer"> 2.174 + <div class="right_box"> 2.175 + <h4>SliTaz Network</h4> 2.176 + <ul> 2.177 + <li><a href="http://doc.slitaz.org/">Documentation</a></li> 2.178 + <li><a href="http://forum.slitaz.org/">Support Forum</a></li> 2.179 + <li><a href="http://scn.slitaz.org/">Community Network</a></li> 2.180 + <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 2.181 + <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 2.182 + <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 2.183 + </ul> 2.184 + </div> 2.185 + <h4>SliTaz Website</h4> 2.186 + <ul> 2.187 + <li><a href="#header">Top of the page</a></li> 2.188 + <li>Copyright © <span class="year"></span> 2.189 + <a href="http://www.slitaz.org/">SliTaz</a></li> 2.190 + <li><a href="http://www.slitaz.org/en/about/">About the project</a></li> 2.191 + <li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li> 2.192 + <li>Page modified the 07 Jan 2011</li> 2.193 + <li><a href="http://validator.w3.org/check?uri=referer"><img 2.194 + src="pics/website/xhtml10.png" alt="Valid XHTML 1.0" 2.195 + title="Code validé XHTML 1.0" 2.196 + style="width: 80px; height: 15px; vertical-align: middle;" /></a></li> 2.197 + </ul> 2.198 +</div> 2.199 + 2.200 +</body> 2.201 +</html>
3.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 3.2 +++ b/boot/web/index.php Fri Mar 04 11:27:53 2011 +0000 3.3 @@ -0,0 +1,119 @@ 3.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 3.5 + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3.6 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 3.7 +<head> 3.8 + <title>SliTaz Web boot</title> 3.9 + <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 3.10 + <meta name="description" content="slitaz gPXE boot online your OS web-boot slitaz-cooking" /> 3.11 + <meta name="keywords" lang="en" content="slitaz, boot, pxe, web OS" /> 3.12 + <meta name="robots" content="index, follow, all" /> 3.13 + <meta name="revisit-after" content="7 days" /> 3.14 + <meta name="expires" content="never" /> 3.15 + <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" /> 3.16 + <meta name="author" content="Christophe Lincoln"/> 3.17 + <meta name="publisher" content="www.slitaz.org" /> 3.18 + <link rel="shortcut icon" href="favicon.ico" /> 3.19 + <link rel="stylesheet" type="text/css" href="slitaz.css" /> 3.20 + <link rel="Content" href="#content" /> 3.21 +</head> 3.22 +<body> 3.23 + 3.24 +<!-- Header --> 3.25 +<div id="header"> 3.26 + <a href="http://boot.slitaz.org/"><img id="logo" 3.27 + src="pics/website/logo.png" 3.28 + title="boot.slitaz.org" alt="boot.slitaz.org" /></a> 3.29 + <p id="titre">#!/Web/Boot</p> 3.30 +</div> 3.31 + 3.32 +<!-- Content --> 3.33 +<div id="content-full"> 3.34 + 3.35 +<!-- Block begin --> 3.36 +<div class="block"> 3.37 + <!-- Nav block begin --> 3.38 + <div id="block_nav"> 3.39 + <h3><img src="pics/website/users.png" alt="users.png" />Community</h3> 3.40 + <ul> 3.41 + <li><a href="http://scn.slitaz.org/">Community Network</a></li> 3.42 + <li><a href="http://pizza.slitaz.org/">LiveCD Online Builder</a></li> 3.43 + </ul> 3.44 + <h3>Quick Download</h3> 3.45 + <div class="button"> 3.46 + <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 3.47 + </div> 3.48 + <!-- Nav block end --> 3.49 + </div> 3.50 + <!-- Top block begin --> 3.51 + <div id="block_top"> 3.52 + <h1>SliTaz Web boot</h1> 3.53 + <p> 3.54 + Welcome to the <a href="http://www.slitaz.org/en/">SliTaz GNU/Linux</a> 3.55 + gPXE boot host; boot.slitaz.org allows you to boot SliTaz from the Web 3.56 + using a cdrom, USB media or a floppy disk. The Linux Kernel and the 3.57 + complete SliTaz compressed root filesystem will be loaded into RAM 3.58 + from the Web using PXE and HTTP protocols. 3.59 + <a href="guide.html">Short guide...</a> 3.60 + </p> 3.61 + <!-- Top block end --> 3.62 + </div> 3.63 +<!-- Block end --> 3.64 +</div> 3.65 + 3.66 +<h2>In your language</h2> 3.67 + 3.68 +<h3>Français</h3> 3.69 +<p> 3.70 +Bienvenue sur l'hôte de démarrage gPXE de 3.71 +<a href="http://www.slitaz.org/">SliTaz GNU/Linux</a>, boot.slitaz.org 3.72 +vous permet de démarrer SliTaz depuis le réseau en utilisant un cdrom, 3.73 +une clé USB ou une disquette de démarrage. Le noyau Linux et le système 3.74 +de fichiers compressé contenant SliTaz seront chargés en RAM depuis 3.75 +internet en utilisant les protocoles PXE et HTTP. 3.76 +<a href="guide.html#fr">Guide rapide...</a> 3.77 +</p> 3.78 + 3.79 +<h3>Deutsch</h3> 3.80 +<p> 3.81 +Willkommen am Start-Provider gPXE von 3.82 +<a href="http://www.slitaz.org/">SliTaz GNU/Linux</a>, 3.83 +boot.slitaz.org ermöglicht Ihnen, SliTaz aus dem Netzwerk durch 3.84 +einfache benützung einer CD-ROM, eines USB-Sticks oder gar einer 3.85 +Start-Floppy, einzusetzen. Linux-Kernel und erforderliche komprimierte 3.86 +Dateien werden dann in Ihr RAM aus dem Internet über das Protokol 3.87 +PXE/HTTP geladen. Viel Freude damit! <a href="guide.html#en">Short guide...</a> 3.88 +</p> 3.89 + 3.90 +<!-- End of content --> 3.91 +</div> 3.92 + 3.93 +<!-- Footer --> 3.94 +<div id="footer"> 3.95 + <div class="right_box"> 3.96 + <h4>SliTaz Network</h4> 3.97 + <ul> 3.98 + <li><a href="http://doc.slitaz.org/">Documentation</a></li> 3.99 + <li><a href="http://forum.slitaz.org/">Support Forum</a></li> 3.100 + <li><a href="http://scn.slitaz.org/">Community Network</a></li> 3.101 + <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 3.102 + <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 3.103 + <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 3.104 + </ul> 3.105 + </div> 3.106 + <h4>SliTaz Website</h4> 3.107 + <ul> 3.108 + <li><a href="#header">Top of the page</a></li> 3.109 + <li>Copyright © <span class="year"></span> 3.110 + <a href="http://www.slitaz.org/">SliTaz</a></li> 3.111 + <li><a href="http://www.slitaz.org/en/about/">About the project</a></li> 3.112 + <li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li> 3.113 + <li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li> 3.114 + <li><a href="http://validator.w3.org/check?uri=referer"><img 3.115 + src="pics/website/xhtml10.png" alt="Valid XHTML 1.0" 3.116 + title="Code validé XHTML 1.0" 3.117 + style="width: 80px; height: 15px; vertical-align: middle;" /></a></li> 3.118 + </ul> 3.119 +</div> 3.120 + 3.121 +</body> 3.122 +</html>
4.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 4.2 +++ b/boot/web/slitaz.css Fri Mar 04 11:27:53 2011 +0000 4.3 @@ -0,0 +1,442 @@ 4.4 +/* 4.5 + CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux 4.6 +*/ 4.7 + 4.8 +html { 4.9 + min-height: 102%; 4.10 +} 4.11 +body { 4.12 + background: #ffffff; 4.13 + color: black; 4.14 + font: 13px sans-serif, vernada, arial; 4.15 + margin: 0; 4.16 + border-top: 34px solid #f1f1f1; 4.17 +} 4.18 +a { text-decoration: underline; color: #103a5e; } 4.19 +a:hover { text-decoration: none; color: blue; } 4.20 +img { border: 0pt none; } 4.21 + 4.22 +/* Accessibility */ 4.23 + 4.24 +#access { 4.25 + position: absolute; 4.26 + top: 4px; 4.27 + right: 0px; 4.28 + text-align: right; 4.29 + width: auto; 4.30 + margin: 0; 4.31 + padding: 4px 4px 4px 20px; 4.32 + font-size: 11px; 4.33 + font-weight: bold; 4.34 +} 4.35 +#access a { 4.36 + background: transparent; 4.37 + color: #0F314E; 4.38 + text-decoration: none; 4.39 +} 4.40 +#access a:hover { color: #b64b22; } 4.41 +#access img { vertical-align: middle; } 4.42 + 4.43 +/* Header */ 4.44 + 4.45 +#header { 4.46 + background: #351a0a url(pics/website/header-img.png) no-repeat top right; 4.47 + color: black; 4.48 + width: 100%; 4.49 + height: 42px; 4.50 + border-top: 1px solid black; 4.51 + border-bottom: 1px solid #999; 4.52 + margin-bottom: 33px; 4.53 +} 4.54 +#titre { 4.55 + position: absolute; 4.56 + font-size: 14px; 4.57 + font-weight: bolder ; 4.58 + left: 180px; 4.59 + top: 4px; 4.60 +} 4.61 +#logo { 4.62 + position: absolute; 4.63 + float: left; 4.64 + left: 16px; 4.65 + top: -10px; 4.66 + width: 200px; 4.67 + height: 74px; 4.68 +} 4.69 + 4.70 +/* Side bar */ 4.71 + 4.72 +#nav { 4.73 + position: absolute; 4.74 + top: 102px; 4.75 + right: 80px; 4.76 + color: #555555; 4.77 + float: right; 4.78 + width: 250px; 4.79 + line-height: 1.5em; 4.80 + text-align: left; 4.81 + font-size: 12px; 4.82 +} 4.83 +#nav h4 { 4.84 + font-size: 120%; 4.85 + color: #666666; 4.86 + font-weight: bold; 4.87 + margin: 0; 4.88 + padding: 0 0 1px 0; 4.89 + border-bottom: 1px solid #cecece; 4.90 +} 4.91 +#nav a { 4.92 + color: #0F314E; 4.93 + background: inherit; 4.94 + display: block; 4.95 + text-decoration: none; 4.96 + font-weight: bold; 4.97 +} 4.98 +#nav a:hover { 4.99 + color: #b64b22; 4.100 + text-decoration: none; 4.101 + display: block; 4.102 +} 4.103 +#nav .nav_box ul { 4.104 + list-style-type: none; 4.105 + margin: 0; 4.106 + padding: 10px 24px 10px 0px; 4.107 + background-color: inherit; 4.108 +} 4.109 +#nav li { display: inline; } 4.110 +#nav ul { 4.111 + -moz-border-radius: 8px; 4.112 + -webkit-border-radius: 8px; 4.113 + border-radius: 8px; 4.114 + list-style-type: none; 4.115 + margin: 10px 0; 4.116 + padding: 10px 24px 10px 24px; 4.117 + background-color: #eaeaea; 4.118 +} 4.119 +.nav_box { 4.120 + margin: 10px 0; 4.121 + padding: 10px 24px 10px 24px; 4.122 + background-color: #eaeaea; 4.123 + text-align: justify; 4.124 +} 4.125 +#nav .nav_box p { line-height: 1.3em; } 4.126 +#nav .nav_box p a { 4.127 + display: inline; 4.128 + font-weight: normal; 4.129 + text-decoration: underline; 4.130 +} 4.131 +#nav .nav_box p a:hover { 4.132 + text-decoration: none; 4.133 + color: blue; 4.134 + background: inherit; 4.135 +} 4.136 + 4.137 +/* Page content */ 4.138 + 4.139 +#content, #content-full { 4.140 + background: white; 4.141 + color: black; 4.142 + text-align: justify; 4.143 + height: auto; 4.144 +} 4.145 +#content, #content-full { 4.146 + margin: 6px 320px 0px 0px; 4.147 + padding: 0px 40px 60px 80px; 4.148 +} 4.149 +#content-full { 4.150 + margin: 0; 4.151 + padding: 0px 80px 40px 80px; 4.152 +} 4.153 +#content li, #content-full li { 4.154 + line-height: 1.5em; 4.155 + text-align: left; 4.156 +} 4.157 +#news li { 4.158 + list-style-type: square; 4.159 + border-bottom: 1px dotted #BEBEBE; 4.160 + margin-left: -25px; 4.161 + padding: 4px 0px 4px 0px; 4.162 +} 4.163 +#news a { text-decoration: none; } 4.164 + 4.165 +/* Box and block. */ 4.166 + 4.167 +.infobox { 4.168 + margin: 20px 60px; 4.169 + padding: 12px; 4.170 + background: #f8f8f8; 4.171 +} 4.172 +.infobox img { vertical-align: middle; } 4.173 +.infobox:hover { background-color: #FBFBFB; } 4.174 +.block { 4.175 + /*padding-bottom: 35%;*/ 4.176 + color: black; 4.177 + min-height: 200px; 4.178 + margin-bottom: 40px; 4.179 +} 4.180 +.block ul { 4.181 + list-style-type: none; 4.182 + margin: 0; 4.183 + padding: 0 20px; 4.184 +} 4.185 +.block_left { 4.186 + width: 46%; 4.187 + float: left; 4.188 + background-color: #eaeaea; 4.189 + margin: 4px 2px; 4.190 + padding: 0 10px 10px 10px; 4.191 +} 4.192 +.block_right { 4.193 + width: 46%; 4.194 + float: right; 4.195 + background-color: #eaeaea; 4.196 + margin: 4px 2px; 4.197 + padding: 0 10px 10px 10px; 4.198 +} 4.199 +#block_top { 4.200 + color: black; 4.201 + background-color: #eaeaea; 4.202 + min-height: 180px; 4.203 + margin-bottom: 40px; 4.204 + margin-right: 340px; 4.205 + padding: 0 10px; 4.206 +} 4.207 +#block_nav { 4.208 + width: 300px; 4.209 + min-height: 180px; 4.210 + float: right; 4.211 + background-color: #eaeaea; 4.212 + margin: 0; 4.213 + padding: 0 10px; 4.214 +} 4.215 +.nav_box, .infobox, .block_left, .block_right, #block_top, 4.216 +#block_nav, #footer { 4.217 + -moz-border-radius: 8px; 4.218 + -webkit-border-radius: 8px; 4.219 + border-radius: 8px; 4.220 + -moz-box-shadow: 0 1px 3px #666; 4.221 + -webkit-box-shadow: 0 1px 3px #666; 4.222 + box-shadow: 0 1px 3px #666; 4.223 + /* CSS3 transition */ 4.224 + -webkit-transition-property: background-color; 4.225 + -webkit-transition-duration: 2s; 4.226 + -moz-transition-property: background-color; 4.227 + -moz-transition-duration: 2s; 4.228 + transition-property: background-color; 4.229 + transition-duration: 2s; 4.230 +} 4.231 +#block_nav { font-weight: bold; } 4.232 +#block_nav a { text-decoration: none; } 4.233 +#block_nav li a:hover { color: #b64b22; } 4.234 +#block_nav ul { margin: 0; list-style-type: none; } 4.235 +#block_nav h3 { font-size: 110%; } 4.236 +.nav_box:hover, .block_left:hover, .block_right:hover, 4.237 +#block_top:hover, #block_nav:hover, #footer:hover { 4.238 + background-color: #f8f8f8; 4.239 +} 4.240 +.right_box { width: 50%; float: right; } 4.241 +.left_box { width: 50%; float: left; } 4.242 + 4.243 +/* Button */ 4.244 +.button { margin-left: 20px; } 4.245 +.button a { 4.246 + background-color: #b64b22; 4.247 + color: #ffffff; 4.248 + margin-right: 6px; 4.249 + padding: 6px 10px; 4.250 + font-size: 14px; 4.251 + -moz-border-radius: 4px; 4.252 + -webkit-border-radius: 4px; 4.253 + border-radius: 4px; 4.254 + -moz-box-shadow: 0 1px 3px #666; 4.255 + -webkit-box-shadow: 0 1px 3px #666; 4.256 + box-shadow: 0 1px 3px #666; 4.257 +} 4.258 +.button a:hover, input[type=submit]:hover { 4.259 + background-color: #a3431f; 4.260 + color: #ffffff; 4.261 +} 4.262 +input[type=submit] { 4.263 + border: 1px solid #b64b22; 4.264 + background-color: #b64b22; 4.265 + color: white; 4.266 + font-weight: bold; 4.267 + cursor: pointer; 4.268 + padding: 3px 10px; 4.269 + font-size: 14px; 4.270 + -moz-border-radius: 2px; 4.271 + -webkit-border-radius: 2px; 4.272 + border-radius: 2px; 4.273 + -moz-box-shadow: 0 0 5px #666; 4.274 + -webkit-box-shadow: 0 0 5px#666; 4.275 + box-shadow: 0 0 5px #666; 4.276 + margin-left: -5px; 4.277 +} 4.278 +input[type=text] { 4.279 + border: 1px solid #333333; 4.280 + padding: 3px; 4.281 + width: 100%; 4.282 +} 4.283 + 4.284 +/* Text transform at 45deg */ 4.285 +.floor { 4.286 + color: #999999; 4.287 + font-size: 20px; 4.288 + -webkit-transform: rotate(-45deg) skew(15deg, 15deg); 4.289 + -moz-transform: rotate(-45deg) skew(15deg, 15deg); 4.290 + -o-transform: rotate(-45deg) skew(15deg, 15deg); 4.291 + -ms-transform: rotate(-45deg) skew(15deg, 15deg); 4.292 + transform: rotate(-45deg) skew(15deg, 15deg); 4.293 +} 4.294 +#twitter, .feedbox { 4.295 + margin-top: 20px; 4.296 + -moz-border-radius: 8px; 4.297 + -webkit-border-radius: 8px; 4.298 + border-radius: 8px; 4.299 + -moz-box-shadow: 0 1px 3px #666; 4.300 + -webkit-box-shadow: 0 1px 3px #666; 4.301 + box-shadow: 0 1px 3px #666; 4.302 +} 4.303 +.feedbox { 4.304 + background-color: #f9f9f9; 4.305 + padding: 10px 20px; 4.306 + margin: 20px 100px; 4.307 +} 4.308 +.feedbox div { 4.309 + height: 320px; 4.310 + overflow: auto; 4.311 +} 4.312 +.feedbox ul { list-style-type: none; margin: 0; } 4.313 + 4.314 +/* Clouds */ 4.315 +#cloud { 4.316 + padding: 10px 0px; 4.317 + line-height: 3em; 4.318 + text-align: center; 4.319 +} 4.320 +#cloud a { padding: 0 2px; color: #444444; } 4.321 +#cloud a.tag1 { font-size: 0.7em; font-weight: 100; } 4.322 +#cloud a.tag2 { font-size: 0.8em; font-weight: 200; } 4.323 +#cloud a.tag3 { font-size: 0.9em; font-weight: 300; } 4.324 +#cloud a.tag4 { font-size: 1.0em; font-weight: 400; } 4.325 +#cloud a.tag5 { font-size: 1.2em; font-weight: 500; } 4.326 +#cloud a.tag6 { font-size: 1.4em; font-weight: 600; } 4.327 +#cloud a.tag7 { font-size: 1.6em; font-weight: 700; } 4.328 +#cloud a.tag8 { font-size: 1.8em; font-weight: 800; } 4.329 +#cloud a.tag9 { font-size: 2.2em; font-weight: 900; } 4.330 +#cloud a.tag10 { font-size: 2.5em; font-weight: 900; } 4.331 + 4.332 +/* Slideshow and gallery */ 4.333 +#slideshow 4.334 +{ 4.335 + overflow: hidden; 4.336 + margin: 10px auto 10px; 4.337 + position: relative; 4.338 + width: 260px; 4.339 + height: 163px; 4.340 +} 4.341 +#slideshow img 4.342 +{ 4.343 + border: 0; 4.344 + width: 260px; 4.345 + height: 163px; 4.346 +} 4.347 +#gallery { text-align: center; } 4.348 + 4.349 +/* HTML styles */ 4.350 + 4.351 +h1 { 4.352 + color: #444444; 4.353 + background: transparent; 4.354 + text-align: left; 4.355 + margin: 0px 0px 4px 0px; 4.356 + font-size: 150%; 4.357 + font-weight: bold; 4.358 + padding: 5px 0 0 10px; 4.359 +} 4.360 +h2 { 4.361 + color: #b64b22; 4.362 + padding: 0; 4.363 + margin: 20px 0 0 0; 4.364 + font-size: 130%; 4.365 + font-weight: bold; 4.366 +} 4.367 +h3 { 4.368 + font-weight: bold; 4.369 + color: #666666; 4.370 + background: transparent; 4.371 +} 4.372 +h3 img, h2 img { 4.373 + vertical-align: middle; 4.374 + width: 20px; 4.375 + height: 20px; 4.376 + padding-right: 4px; 4.377 +} 4.378 +code, tt { 4.379 + font-size: 12px; 4.380 + color: #669900; 4.381 +} 4.382 +pre, pre.script { 4.383 + padding: 10px; 4.384 + color: black; 4.385 + background: #E8E8E8; 4.386 + border: 1px inset #606060; 4.387 +} 4.388 + 4.389 +/* Packages pages */ 4.390 + 4.391 +.pkg_nav { 4.392 + border-top: 1px solid black; 4.393 + margin-top: 10px; 4.394 + padding-top: 10px; 4.395 +} 4.396 +pre.package { 4.397 + padding: 0px; 4.398 + color: black; 4.399 + background: white; 4.400 +} 4.401 +p.get { 4.402 + text-align: center; 4.403 + padding: 10px; 4.404 + color: black; 4.405 + background: #F3F3F3; 4.406 + border: 1px solid #DEDEDE; 4.407 + border-radius: 4px; 4.408 + -moz-border-radius: 4px; 4.409 + -webkit-border-radius: 4px; 4.410 +} 4.411 +p.get a { 4.412 + font-weight: bold; 4.413 + text-decoration: none; 4.414 +} 4.415 +.pkgs-search { 4.416 + text-align: center; 4.417 + padding: 40px 20px 80px 20px; 4.418 +} 4.419 + 4.420 +/* Footer */ 4.421 + 4.422 +#footer { 4.423 + margin: 0px 80px 80px 80px; 4.424 + padding: 10px; 4.425 + background: #eaeaea; 4.426 + color: #666666; 4.427 + height: 180px; 4.428 + clear: both; 4.429 + border-radius: 8px; 4.430 + -moz-border-radius: 8px; 4.431 + -webkit-border-radius: 8px; 4.432 + -moz-box-shadow: 0 1px 3px #666; 4.433 + -webkit-box-shadow: 0 1px 3px #666; 4.434 + box-shadow: 0 1px 3px #666; 4.435 +} 4.436 +#footer a { color: #666666; } 4.437 +#footer a:hover { color: #333333; } 4.438 +#footer ul { list-style-type: none; } 4.439 +#footer li { padding: 2px; } 4.440 +#footer h4 { margin: 0 20px; font-size: 125%; } 4.441 + 4.442 +.year:after { 4.443 + /* content: "2007-2011"; */ 4.444 + content: "2011"; 4.445 +}