slitaz-forge rev 446

roadmap: update CSS and HTML
author Christophe Lincoln <pankso@slitaz.org>
date Wed Feb 12 09:08:50 2014 +0100 (2014-02-12)
parents 01e4aee25c9a
children e098e089c7c5
files roadmap/header.html roadmap/images/logo.png roadmap/style.css
line diff
     1.1 --- a/roadmap/header.html	Wed Feb 12 09:00:17 2014 +0100
     1.2 +++ b/roadmap/header.html	Wed Feb 12 09:08:50 2014 +0100
     1.3 @@ -11,10 +11,11 @@
     1.4  <div id="header">
     1.5  	<div id="logo"></div>
     1.6  	<div id="network">
     1.7 -		<a href="http://www.slitaz.org/">
     1.8 -			<img src="images/home.png" alt="[ Home ]" /></a>
     1.9 +		<a href="http://www.slitaz.org/">Home</a>
    1.10  		<a href="http://scn.slitaz.org/">SCN</a>
    1.11 +		<a href="http://doc.slitaz.org/">Doc</a>
    1.12  		<a href="http://forum.slitaz.org/">Forum</a>
    1.13 +		<a href="http://irc.slitaz.org/">IRC</a>
    1.14  		<a href="http://bugs.slitaz.org/">Bugs</a>
    1.15  		<a href="http://hg.slitaz.org/?sort=lastchange">Hg</a>
    1.16  		<a href="http://cook.slitaz.org/">Cook</a>
     2.1 Binary file roadmap/images/logo.png has changed
     3.1 --- a/roadmap/style.css	Wed Feb 12 09:00:17 2014 +0100
     3.2 +++ b/roadmap/style.css	Wed Feb 12 09:08:50 2014 +0100
     3.3 @@ -1,13 +1,12 @@
     3.4 -/* CSS style for SliTaz Cooker */
     3.5 +/* CSS style for SliTaz Roadmap */
     3.6  
     3.7 -html { min-height: 102%; }
     3.8  body { font: 13px sans-serif, vernada, arial; margin: 0; }
     3.9  h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
    3.10  h1 a { color: #fff; text-decoration: none; }
    3.11  h2 { color: #444; } h3 { color: #666; font-size: 140%; }
    3.12  a { text-decoration: underline; color: #215090; }
    3.13  a:hover { text-decoration: none; }
    3.14 -img { border: 0pt none; vertical-align: middle; }
    3.15 +hr { margin: 0; border: 1px solid #cfcfcf; }
    3.16  pre {
    3.17  	background-color: #f8f8f8;
    3.18  	border: 1px solid #ddd;
    3.19 @@ -19,14 +18,14 @@
    3.20  /* Header */
    3.21  
    3.22  #header {
    3.23 -	background: #351a0a;
    3.24 +	background: #222;
    3.25  	height: 40px;
    3.26 -	border-bottom: 8px solid #d66018;
    3.27 +	border-bottom: 4px solid #afafaf;
    3.28  }
    3.29  
    3.30  #header h1 {
    3.31  	margin: 0;
    3.32 -	/* padding: 8px 0 0 42px; */
    3.33 +	padding: 8px 0 0 42px;
    3.34  	width: 250px;
    3.35  }
    3.36  
    3.37 @@ -37,45 +36,82 @@
    3.38  	font-style: italic;
    3.39  }
    3.40  
    3.41 -#header h1 a:hover, #network a:hover { 
    3.42 -	color: #d66018;
    3.43 +#header h1 a:hover { 
    3.44 +	color: #afafaf;
    3.45  }
    3.46  
    3.47  /* Header links */
    3.48  
    3.49 -#network { 
    3.50 -	float: right; 
    3.51 -	padding: 10px 5px 0; 
    3.52 +#network {
    3.53 +	float: right;
    3.54 +	padding: 14px 5px 0;
    3.55  	font-size: 12px;
    3.56  }
    3.57  
    3.58  #network a {
    3.59 -	padding: 0 6px;
    3.60 -	color: #fff; 
    3.61 +	padding: 0 4px;
    3.62 +	color: #fff;
    3.63  	font-weight: bold;
    3.64  	text-decoration: none;
    3.65  }
    3.66  
    3.67 +/* Logo */
    3.68 +
    3.69 +#logo {
    3.70 +	background: url(images/logo.png) no-repeat left;
    3.71 +	position: absolute;
    3.72 +	float: left;
    3.73 +	left: 0px;
    3.74 +	top: 0px;
    3.75 +	width: 40px;
    3.76 +	height: 40px;
    3.77 +}
    3.78 +
    3.79  /* Content */
    3.80  
    3.81  #content {
    3.82 -	margin: 40px auto;
    3.83 +	margin: 40px 80px;
    3.84  	text-align: justify;
    3.85 -	width: 720px;
    3.86  }
    3.87  
    3.88 -.important { background: #ffa400; }
    3.89 +.span-ok { color: green; }
    3.90 +.span-red { color: red; }
    3.91 +.span-sky { color: blue; }
    3.92 +.span-no { color: orange; }
    3.93 +.span-line { color: #888; }
    3.94 +.log-date { color: #666; font-size: 95%; }
    3.95 +.sh-comment { color: #b20000; }
    3.96 +.sh-val { color: #f35a00; }
    3.97  
    3.98 -/* Progress bar */
    3.99 +/* Buttons */
   3.100  
   3.101 -.pct { background: #9dff4a; padding: 2px 4px; }
   3.102 +.button {
   3.103 +	cursor: pointer;
   3.104 +	padding: 4px;
   3.105 +	margin: 4px 0px;
   3.106 +}
   3.107  
   3.108 -.pctbar {
   3.109 -	margin: 0;
   3.110 +a.button, .pctbar  {
   3.111 +	text-decoration: none;
   3.112  	color: #666;
   3.113 -	background: #f1f1f1;
   3.114 -	border: 1px solid #ddd;
   3.115 -	overflow: hidden;
   3.116 +}
   3.117 +
   3.118 +.button:hover {
   3.119 +	border: 1px solid #999;
   3.120 +}
   3.121 +
   3.122 +.pct { background: #9dff4a; padding: 2px 4px;  }
   3.123 +.pctbar { overflow: hidden; }
   3.124 +
   3.125 +.button, .pctbar {
   3.126 +	border: 1px solid #cccccc;
   3.127 +	font-size: 14px;
   3.128 +	line-height: 1.2em;
   3.129 +	background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   3.130 +	background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   3.131 +	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   3.132 +	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   3.133 +	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   3.134  }
   3.135  
   3.136  /* Round corner */