flavors rev 85

core: Update rootcd html help to last style
author Christophe Lincoln <pankso@slitaz.org>
date Mon Mar 28 17:34:21 2011 +0200 (2011-03-28)
parents b330cf97eb41
children 7d54b5d21171
files core/rootcd/images/header.png core/rootcd/index.html core/rootcd/style.css
line diff
     1.1 Binary file core/rootcd/images/header.png has changed

     2.1 --- a/core/rootcd/index.html	Sat Mar 05 17:21:03 2011 +0000
     2.2 +++ b/core/rootcd/index.html	Mon Mar 28 17:34:21 2011 +0200
     2.3 @@ -4,25 +4,30 @@
     2.4  <head>
     2.5  	<title>SliTaz GNU/Linux - CD</title>
     2.6  	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
     2.7 -	<meta name="description" content="SliTaz documentation book" />
     2.8 -	<meta name="expires" content="never" />
     2.9 -	<meta name="modified" content="2007-10-07 20:30:00" />
    2.10 -	<meta name="publisher" content="www.slitaz.org" />
    2.11  	<meta name="author" content="Christophe Lincoln"/>
    2.12  	<link rel="stylesheet" type="text/css" href="style.css" />
    2.13  </head>
    2.14 -<body bgcolor="#ffffff">
    2.15 +<body>
    2.16 +
    2.17  <!-- Header -->
    2.18  <div id="header">
    2.19 -	<a name="top"></a>
    2.20 -	<h1>SliTaz GNU/Linux - CD</h1>
    2.21 +	<div id="logo"></div>
    2.22 +	<div id="network">
    2.23 +		<a href="http://www.slitaz.org/">Website</a>
    2.24 +		<a href="http://scn.slitaz.org/">Community</a>
    2.25 +		<a href="http://doc.slitaz.org/">Doc</a>
    2.26 +		<a href="http://forum.slitaz.org/">Forum</a>
    2.27 +		<a href="http://labs.slitaz.org/issues">Bugs</a>
    2.28 +		<a href="http://hg.slitaz.org/">Hg</a>
    2.29 +	</div>
    2.30 +	<h1>SliTaz Live</h1>
    2.31  </div>
    2.32  
    2.33  <!-- Content -->
    2.34  <div id="content">
    2.35 -<h2><font color="#DF8F06">LiveCD informations</font></h2>
    2.36 +<h2>LiveCD informations</h2>
    2.37  
    2.38 -<h3><font color="#9c2424">Français</font></h3>
    2.39 +<h3>Français</h3>
    2.40  <p>
    2.41  Bienvenue sur la page d'index d'un cdrom de SliTaz GNU/Linux. Lisez le
    2.42  fichier <a href="README">README</a> pour de plus amples informations, ou
    2.43 @@ -30,35 +35,22 @@
    2.44  lancer SliTaz en RAM et sans risques pour la machine hôte.
    2.45  </p>
    2.46  
    2.47 -<h3><font color="#9c2424">English</font></h3>
    2.48 +<h3>English</h3>
    2.49  <p>
    2.50  Welcome to the SliTaz GNU/Linux cdrom. SliTaz is mostly documented in French,
    2.51  but the full system is available in English. To boot SliTaz from a cdrom
    2.52  just burn the ISO image onto a blank disc. Then reboot your computer with
    2.53  the disc in your cdrom drive.
    2.54  </p>
    2.55 -<p>
    2.56 -Have fun!<br />
    2.57 -- SliTaz community
    2.58 -</p>
    2.59  
    2.60 +<!-- End content -->
    2.61  </div>
    2.62 -<!-- End content -->
    2.63 -<hr />
    2.64 +
    2.65  <!-- Footer -->
    2.66 -<div align="center" id="footer">
    2.67 -<p>
    2.68 -<font size="-1">
    2.69 -    <a href="#top">Haut de la page</a>
    2.70 -</font>
    2.71 -</p>
    2.72 -<p>
    2.73 -<font size="-1">
    2.74 -    Copyright © 2007 <a href="http://www.slitaz.org/">SliTaz</a> -
    2.75 -    <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a><br />
    2.76 -    Code <a href="http://validator.w3.org/">XHTML 1.0 valide</a>.
    2.77 -</font>
    2.78 -</p>
    2.79 +<div id="footer">
    2.80 +    Copyright &copy; 2011 <a href="http://www.slitaz.org/">SliTaz</a> -
    2.81 +    <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
    2.82  </div>
    2.83 +
    2.84  </body>
    2.85  </html>

     3.1 --- a/core/rootcd/style.css	Sat Mar 05 17:21:03 2011 +0000
     3.2 +++ b/core/rootcd/style.css	Mon Mar 28 17:34:21 2011 +0200
     3.3 @@ -1,57 +1,72 @@
     3.4  /* CSS style for SliTaz GNU/Linux generic xHTML files. */
     3.5 +
     3.6  body {
     3.7 -    font: 90% sans-serif, vernada, arial;
     3.8 -    margin: 0;
     3.9 -    }
    3.10 -/* Header */
    3.11 -#header{
    3.12 -    background: #BFB06B url(images/header.png) repeat-x top;
    3.13 -    color: black;
    3.14 -    width: 100%;
    3.15 -    height: 50px ;
    3.16 -    border-top: 1px solid black;
    3.17 -    border-bottom: 1px solid black;
    3.18 -    }
    3.19 +	background: #ffffff;
    3.20 +	color: black;
    3.21 +	font: 13px sans-serif, vernada, arial;
    3.22 +	margin: 0;
    3.23 +	min-width: 900px;
    3.24 +}
    3.25 +
    3.26 +a { text-decoration: underline; color: #215090; }
    3.27 +a:hover { text-decoration: none; color: blue; }
    3.28 +img { border: 0pt none; vertical-align: middle; }
    3.29 +h2 { color: #444; }
    3.30 +h3 { color: #666; font-size: 140%; }
    3.31 +h4 { color: #888; font-size: 120%; }
    3.32 +pre { 
    3.33 +	background-color: #f8f8f8; 
    3.34 +	border: 1px solid #ddd; 
    3.35 +	padding: 10px;
    3.36 +}
    3.37 +
    3.38 +#header { 
    3.39 +	height: 40px; 
    3.40 +	background: #351a0a;
    3.41 +}
    3.42 +
    3.43 +#header h1 {
    3.44 +	margin: 0;
    3.45 +	padding: 4px 0 0 42px;
    3.46 +	width: 250px;
    3.47 +	color: white;
    3.48 +}
    3.49 +
    3.50 +#header h1 a { 
    3.51 +	color: white; 
    3.52 +	text-decoration: none;
    3.53 +	font-size: 20px;
    3.54 +	font-style: italic;
    3.55 +}
    3.56 +
    3.57 +#header h1 a:hover, #network a:hover { 
    3.58 +	color: #d66018;
    3.59 +}
    3.60 +
    3.61 +#network { 
    3.62 +	float: right; 
    3.63 +	padding: 12px 5px 0; 
    3.64 +	font-size: 12px;
    3.65 +}
    3.66 +
    3.67 +#network a { padding: 0 6px; }
    3.68 +
    3.69 +#network a { 
    3.70 +	color: #fff; 
    3.71 +	font-weight: bold;
    3.72 +	text-decoration: none;
    3.73 +}
    3.74 +
    3.75  #content {
    3.76 -	margin: 0px 50px 26px 50px;
    3.77 -	}
    3.78 +	padding: 30px 80px;
    3.79 +	text-align: justify;
    3.80 +}
    3.81 +
    3.82  #footer {
    3.83 -	border-top: 1px solid black;
    3.84 -	}
    3.85 -a {
    3.86 -	text-decoration: underline;
    3.87 -	}
    3.88 -a:hover {
    3.89 -	text-decoration: none;
    3.90 -	}
    3.91 -h1 {
    3.92 -    margin: 10px 0px 0px 6px;
    3.93 -    }
    3.94 -h2 {
    3.95 -    margin: 12px 0;
    3.96 -    }
    3.97 -pre {
    3.98 -    padding: 5px;
    3.99 -    color: black;
   3.100 -    background: #e1e0b0;
   3.101 -    }
   3.102 -pre.script {
   3.103 -    padding: 10px;
   3.104 -    color: black;
   3.105 -    background: #e8e8e8;
   3.106 -    border: 1px inset #333333;
   3.107 +	text-align: center;
   3.108 +	border-top: 1px solid #ddd;
   3.109 +	padding: 40px;
   3.110 +	color: #666;
   3.111  }
   3.112 -li {
   3.113 -    line-height: 1.4em;
   3.114 -    }
   3.115 -code {
   3.116 -    font-size: 100%;
   3.117 -    color: #669900;
   3.118 -    background: transparent;
   3.119 -    }
   3.120 -hr {
   3.121 -	color: white;
   3.122 -    background-color: white;
   3.123 -    height: 1px;
   3.124 -    border: 0;
   3.125 -	}
   3.126 +
   3.127 +#footer a { color: #666; padding: 0 2px; }