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 */