slitaz-forge diff roadmap/style.css @ rev 688
scn: bigger font (match website)
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Sat Mar 25 00:01:52 2017 +0100 (2017-03-25) |
parents | 10518b526fe8 |
children |
line diff
1.1 --- a/roadmap/style.css Tue Mar 27 19:28:34 2012 +0200 1.2 +++ b/roadmap/style.css Sat Mar 25 00:01:52 2017 +0100 1.3 @@ -1,13 +1,12 @@ 1.4 -/* CSS style for SliTaz Cooker */ 1.5 +/* CSS style for SliTaz Roadmap */ 1.6 1.7 -html { min-height: 102%; } 1.8 body { font: 13px sans-serif, vernada, arial; margin: 0; } 1.9 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; } 1.10 h1 a { color: #fff; text-decoration: none; } 1.11 h2 { color: #444; } h3 { color: #666; font-size: 140%; } 1.12 a { text-decoration: underline; color: #215090; } 1.13 a:hover { text-decoration: none; } 1.14 -img { border: 0pt none; vertical-align: middle; } 1.15 +hr { margin: 0; border: 1px solid #cfcfcf; } 1.16 pre { 1.17 background-color: #f8f8f8; 1.18 border: 1px solid #ddd; 1.19 @@ -19,14 +18,14 @@ 1.20 /* Header */ 1.21 1.22 #header { 1.23 - background: #351a0a; 1.24 + background: #222; 1.25 height: 40px; 1.26 - border-bottom: 8px solid #d66018; 1.27 + border-bottom: 4px solid #afafaf; 1.28 } 1.29 1.30 #header h1 { 1.31 margin: 0; 1.32 - /* padding: 8px 0 0 42px; */ 1.33 + padding: 8px 0 0 42px; 1.34 width: 250px; 1.35 } 1.36 1.37 @@ -37,45 +36,82 @@ 1.38 font-style: italic; 1.39 } 1.40 1.41 -#header h1 a:hover, #network a:hover { 1.42 - color: #d66018; 1.43 +#header h1 a:hover { 1.44 + color: #afafaf; 1.45 } 1.46 1.47 /* Header links */ 1.48 1.49 -#network { 1.50 - float: right; 1.51 - padding: 10px 5px 0; 1.52 +#network { 1.53 + float: right; 1.54 + padding: 14px 5px 0; 1.55 font-size: 12px; 1.56 } 1.57 1.58 #network a { 1.59 - padding: 0 6px; 1.60 - color: #fff; 1.61 + padding: 0 4px; 1.62 + color: #fff; 1.63 font-weight: bold; 1.64 text-decoration: none; 1.65 } 1.66 1.67 +/* Logo */ 1.68 + 1.69 +#logo { 1.70 + background: url(images/logo.png) no-repeat left; 1.71 + position: absolute; 1.72 + float: left; 1.73 + left: 0px; 1.74 + top: 0px; 1.75 + width: 40px; 1.76 + height: 40px; 1.77 +} 1.78 + 1.79 /* Content */ 1.80 1.81 #content { 1.82 - margin: 40px auto; 1.83 + margin: 40px 80px; 1.84 text-align: justify; 1.85 - width: 720px; 1.86 } 1.87 1.88 -.important { background: #ffa400; } 1.89 +.span-ok { color: green; } 1.90 +.span-red { color: red; } 1.91 +.span-sky { color: blue; } 1.92 +.span-no { color: orange; } 1.93 +.span-line { color: #888; } 1.94 +.log-date { color: #666; font-size: 95%; } 1.95 +.sh-comment { color: #b20000; } 1.96 +.sh-val { color: #f35a00; } 1.97 1.98 -/* Progress bar */ 1.99 +/* Buttons */ 1.100 1.101 -.pct { background: #9dff4a; padding: 2px 4px; } 1.102 +.button { 1.103 + cursor: pointer; 1.104 + padding: 4px; 1.105 + margin: 4px 0px; 1.106 +} 1.107 1.108 -.pctbar { 1.109 - margin: 0; 1.110 +a.button, .pctbar { 1.111 + text-decoration: none; 1.112 color: #666; 1.113 - background: #f1f1f1; 1.114 - border: 1px solid #ddd; 1.115 - overflow: hidden; 1.116 +} 1.117 + 1.118 +.button:hover { 1.119 + border: 1px solid #999; 1.120 +} 1.121 + 1.122 +.pct { background: #9dff4a; padding: 2px 4px; } 1.123 +.pctbar { overflow: hidden; } 1.124 + 1.125 +.button, .pctbar { 1.126 + border: 1px solid #cccccc; 1.127 + font-size: 14px; 1.128 + line-height: 1.2em; 1.129 + background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); 1.130 + background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); 1.131 + -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 1.132 + -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 1.133 + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 1.134 } 1.135 1.136 /* Round corner */