slitaz-forge diff boot/slitaz.css @ rev 38
boot: Update to new style and layout
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Mon Mar 28 15:10:53 2011 +0200 (2011-03-28) |
parents | |
children | 3d1dfcfb56d9 |
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/boot/slitaz.css Mon Mar 28 15:10:53 2011 +0200 1.3 @@ -0,0 +1,282 @@ 1.4 +/* 1.5 + CSS style for SliTaz Network - (C) 2011 SliTaz GNU/Linux 1.6 +*/ 1.7 + 1.8 +html { 1.9 + min-height: 102%; 1.10 +} 1.11 + 1.12 +body { 1.13 + background: #ffffff; 1.14 + color: black; 1.15 + font: 13px sans-serif, vernada, arial; 1.16 + margin: 0; 1.17 + min-width: 900px; 1.18 +} 1.19 + 1.20 +a { text-decoration: underline; color: #215090; } 1.21 +a:hover { text-decoration: none; color: blue; } 1.22 +img { border: 0pt none; vertical-align: middle; } 1.23 +h2 { color: #444; } 1.24 +h3 { color: #666; font-size: 140%; } 1.25 +h4 { color: #888; font-size: 120%; } 1.26 +pre { 1.27 + background-color: #f8f8f8; 1.28 + border: 1px solid #ddd; 1.29 + padding: 10px; 1.30 +} 1.31 + 1.32 +/* Header */ 1.33 + 1.34 +#header { 1.35 + height: 40px; 1.36 + background: #351a0a; 1.37 +} 1.38 + 1.39 +#header h1 { 1.40 + margin: 0; 1.41 + padding: 8px 0 0 42px; 1.42 + width: 250px; 1.43 +} 1.44 + 1.45 +#header h1 a { 1.46 + color: white; 1.47 + text-decoration: none; 1.48 + font-size: 20px; 1.49 + font-style: italic; 1.50 +} 1.51 + 1.52 +#header h1 a:hover, #network a:hover { 1.53 + color: #d66018; 1.54 +} 1.55 + 1.56 +/* Logo */ 1.57 + 1.58 +#logo { 1.59 + background: url(images/logo.png) no-repeat left; 1.60 + position: absolute; 1.61 + float: left; 1.62 + left: 0px; 1.63 + top: 0px; 1.64 + width: 40px; 1.65 + height: 40px; 1.66 +} 1.67 + 1.68 +/* SliTaz Network */ 1.69 + 1.70 +#network { 1.71 + float: right; 1.72 + padding: 10px 5px 0; 1.73 + font-size: 12px; 1.74 +} 1.75 + 1.76 +#network a { padding: 0 6px; } 1.77 + 1.78 +/* Block */ 1.79 + 1.80 +#block { 1.81 + min-height: 200px; 1.82 + background: #d66018; 1.83 + padding: 26px 10% 0px; 1.84 + text-align: center; 1.85 + color: #333; 1.86 + border-bottom: 1px solid #f5f5f5; 1.87 +} 1.88 + 1.89 +#block_info { 1.90 + text-align: justify; 1.91 + width: 48%; 1.92 + padding: 10px 10px 0 0; 1.93 +} 1.94 + 1.95 +#block a, #network a { 1.96 + color: #fff; 1.97 + font-weight: bold; 1.98 + text-decoration: none; 1.99 +} 1.100 + 1.101 +#block h4 { 1.102 + color: #351a0a; 1.103 + margin: 0 0 6px; 1.104 + font-weight: bold; 1.105 + font-size: 110%; 1.106 +} 1.107 + 1.108 +#block_info p { margin: 6px 0; padding: 0 12px 0 0; } 1.109 +#block_info a { font-weight: normal; } 1.110 +#block ul { list-style-type: square; } 1.111 +#block a:hover { color: #351a0a; } 1.112 + 1.113 +/* Navigation */ 1.114 + 1.115 +#block_nav { 1.116 + background: #cc5b17; 1.117 + padding: 10px 10px 40px; 1.118 + text-align: justify; 1.119 + width: 48%; 1.120 + float: right; 1.121 +} 1.122 + 1.123 +#block_nav ul { 1.124 + list-style-type: none; 1.125 + margin: 6px 0; 1.126 + padding: 0; 1.127 +} 1.128 + 1.129 +#block_nav h4 img { 1.130 + margin: 0 4px 0 0; 1.131 + padding: 0; 1.132 +} 1.133 + 1.134 +/* Languages */ 1.135 + 1.136 +#lang { 1.137 + float: right; 1.138 + padding: 6px; 1.139 + font-size: 11px; 1.140 +} 1.141 + 1.142 +#lang a { 1.143 + text-decoration: none; 1.144 + padding: 0 2px; 1.145 +} 1.146 + 1.147 +#lang a:hover { 1.148 + text-decoration: underline; 1.149 +} 1.150 + 1.151 +/* Content */ 1.152 + 1.153 +#content { 1.154 + padding: 30px 80px; 1.155 + text-align: justify; 1.156 +} 1.157 + 1.158 +#news li { 1.159 + list-style-type: square; 1.160 + border-bottom: 1px dotted #BEBEBE; 1.161 + margin-left: -25px; 1.162 + padding: 4px 0px 4px 0px; 1.163 +} 1.164 + 1.165 +#news a, .feed-grid a { text-decoration: none; } 1.166 +#news p a { text-decoration: underline; } 1.167 +#news p a:hover { text-decoration: none; } 1.168 +#twitter { margin: 20px 0; } 1.169 +#gallery { text-align: center; } 1.170 + 1.171 +/* Classes */ 1.172 + 1.173 +.right_box { width: 48%; float: right; } 1.174 +.left_box { width: 48%; float: left; } 1.175 + 1.176 +.box { 1.177 + margin: 20px 60px; 1.178 + padding: 12px; 1.179 + background: #efefef; 1.180 + border: 1px solid #ddd; 1.181 +} 1.182 + 1.183 +.searchbox { 1.184 + margin: 20px 80px; 1.185 + padding: 12px; 1.186 + background: #f8f8f8; 1.187 + text-align: center; 1.188 + border: 1px solid #ddd; 1.189 +} 1.190 + 1.191 +.feed-grid { height: 180px; overflow: hidden; text-align: left; } 1.192 +.feed-grid h3 { 1.193 + margin: 15px 0 0; font-size: 16px; 1.194 + padding: 0 22px; 1.195 + background: url(images/feed.png) no-repeat left; } 1.196 +.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; } 1.197 +.feed-grid ul { color: #666; } 1.198 +.feed-grid a { color: #666; } 1.199 +.feed-grid a:hover { color: blue; } 1.200 + 1.201 +/* Button */ 1.202 + 1.203 +.button a { 1.204 + background-color: #b64b22; 1.205 + color: #ffffff; 1.206 + margin-right: 6px; 1.207 + padding: 6px 10px; 1.208 + font-size: 12px; 1.209 + text-decoration: none; 1.210 + font-weight: bold; 1.211 +} 1.212 +.button a:hover, input[type=submit]:hover { 1.213 + background-color: #a3431f; 1.214 + color: #ffffff; 1.215 +} 1.216 + 1.217 +/* Round corner */ 1.218 + 1.219 +#block_nav, pre, .box, .searchbox, .button a, #twitter { 1.220 + -moz-border-radius: 4px; 1.221 + -webkit-border-radius: 4px; 1.222 + border-radius: 4px; 1.223 +} 1.224 + 1.225 +/* Transition */ 1.226 + 1.227 +.box { 1.228 + -webkit-transition-property: background-color; 1.229 + -webkit-transition-duration: 2s; 1.230 + -moz-transition-property: background-color; 1.231 + -moz-transition-duration: 2s; 1.232 + transition-property: background-color; 1.233 + transition-duration: 2s; 1.234 +} 1.235 + 1.236 +/* Form */ 1.237 + 1.238 +input[type=submit] { 1.239 + border: 1px solid #b64b22; 1.240 + background-color: #b64b22; 1.241 + color: white; 1.242 + font-weight: bold; 1.243 + cursor: pointer; 1.244 + padding: 4px 10px; 1.245 + font-size: 14px; 1.246 + margin-left: -5px; 1.247 + -webkit-border-top-right-radius: 4px; 1.248 + -webkit-border-bottom-right-radius: 4px; 1.249 + -moz-border-radius-topright: 4px; 1.250 + -moz-border-radius-bottomright: 4px; 1.251 + border-top-right-radius: 4px; 1.252 + border-bottom-right-radius: 4px; 1.253 +} 1.254 + 1.255 +input[type=submit]:hover { background-color: #a3431f; } 1.256 + 1.257 +input[type=text] { 1.258 + border: 1px solid #333333; 1.259 + padding: 4px; 1.260 + height: 17px; 1.261 + width: 100%; 1.262 + -webkit-border-top-left-radius: 4px; 1.263 + -webkit-border-bottom-left-radius: 4px; 1.264 + -moz-border-radius-topleft: 4px; 1.265 + -moz-border-radius-bottomleft: 4px; 1.266 + border-top-left-radius: 4px; 1.267 + border-bottom-left-radius: 4px; 1.268 +} 1.269 + 1.270 +/* Footer */ 1.271 + 1.272 +#footer { 1.273 + background: #f1f1f1; 1.274 + text-align: center; 1.275 + border-top: 1px solid #ddd; 1.276 + padding: 40px; 1.277 + color: #666; 1.278 +} 1.279 + 1.280 +#footer a { color: #666; padding: 0 2px; } 1.281 + 1.282 +.year:after { 1.283 + /* content: "2007-2011"; */ 1.284 + content: "2011"; 1.285 +}