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