wok diff tazpkg-web/stuff/style/slitaz.css @ rev 3977
Update: firefox (BUILD_DEPENDS)
author | Matthew Sheets <rcx@zoominternet.net> |
---|---|
date | Thu Aug 27 10:36:45 2009 +0000 (2009-08-27) |
parents | |
children | 1f964233fba4 |
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/tazpkg-web/stuff/style/slitaz.css Thu Aug 27 10:36:45 2009 +0000 1.3 @@ -0,0 +1,356 @@ 1.4 +/* 1.5 + CSS style for SliTaz GNU/Linux website 1.6 + www.slitaz.org - (c) 2007 Pankso 1.7 +*/ 1.8 + 1.9 +body { 1.10 + background: #222222; 1.11 + color: black; 1.12 + font: 13px sans-serif, vernada, arial; 1.13 + margin: 0; 1.14 + padding-bottom: 100%; 1.15 +} 1.16 + 1.17 +/* Accessibility */ 1.18 + 1.19 +#access { 1.20 + position: absolute; 1.21 + top: 1px; 1.22 + right: 6px; 1.23 + text-align: right; 1.24 + width: 100%; 1.25 + margin: 0; 1.26 + font-size: 12px; 1.27 + font-weight: bold; 1.28 +} 1.29 + 1.30 +#access a { 1.31 + background: inherit; 1.32 + color: white; 1.33 + text-decoration: none; 1.34 + padding-left: 2px; 1.35 +} 1.36 + 1.37 +#access a:hover { 1.38 + background: inherit; 1.39 + color: #222222; 1.40 +} 1.41 + 1.42 +/* Header and title */ 1.43 + 1.44 +#header{ 1.45 + background: #f0ba08 url(pics/website/header.png) repeat-x top; 1.46 + color: black; 1.47 + width: 100%; 1.48 + height: 50px ; 1.49 + border-top: 1px solid black; 1.50 + border-bottom: 1px solid black; 1.51 + margin-bottom: 30px; 1.52 +} 1.53 + 1.54 +#titre{ 1.55 + font-size: 16px; 1.56 + font-weight: bolder ; 1.57 + margin-left: 232px; 1.58 + margin-top: 4px; 1.59 + padding-top: 25px ; 1.60 +} 1.61 + 1.62 +#logo { 1.63 + position: absolute; 1.64 + float: left; 1.65 + margin-left: 32px; 1.66 + margin-right: 20px; 1.67 + margin-top: 0px; 1.68 +} 1.69 + 1.70 +/* Navigation */ 1.71 + 1.72 +#nav { 1.73 + position: absolute; 1.74 + top: 100px; 1.75 + right: 6px; 1.76 + background: #eaeaea url(pics/website/nav-tr.png) no-repeat top right; 1.77 + color: black; 1.78 + float: right; 1.79 + width: 152px; 1.80 + line-height: 1.3em; 1.81 + text-align: left; 1.82 + font-size: 12px; 1.83 + font-weight: bold; 1.84 +} 1.85 + 1.86 +#nav_top { 1.87 + background: transparent url(pics/website/nav-tl.png) no-repeat top left; 1.88 + height: 12px; 1.89 +} 1.90 + 1.91 +#nav_bottom { 1.92 + background: transparent url(pics/website/nav-bl.png) no-repeat bottom left; 1.93 + height: 12px; 1.94 +} 1.95 + 1.96 +#nav_bottom_img { 1.97 + background: transparent url(pics/website/nav-br.png) no-repeat bottom right; 1.98 + height: 12px; 1.99 +} 1.100 + 1.101 +#nav ul{ 1.102 + list-style-type: none; 1.103 + margin: 0px 0px 0px 6px; 1.104 + padding: 3px 2px 3px 2px; 1.105 +} 1.106 + 1.107 +#nav li { 1.108 + display: inline; 1.109 +} 1.110 + 1.111 +#nav a { 1.112 + color: #3E1220; 1.113 + background: inherit; 1.114 + display: block; 1.115 + padding: 0.5px; 1.116 + text-decoration: none; 1.117 +} 1.118 + 1.119 +#nav a:hover { 1.120 + color: #DF8F06; 1.121 + text-decoration: none; 1.122 + display: block; 1.123 +} 1.124 + 1.125 +#nav hr { 1.126 + margin: 2px 0px 1px 0px; 1.127 + border: 0px; 1.128 + border-top: 1px solid #BDBDBD; 1.129 + 1.130 +} 1.131 +/* Page content */ 1.132 + 1.133 +#content, #content_bottom, #content_top { 1.134 + background: white; 1.135 + color: black; 1.136 + text-align: justify; 1.137 +} 1.138 + 1.139 +#content_top { 1.140 + height: 14px; 1.141 + margin: 0px 100px 0px 100px; 1.142 +} 1.143 + 1.144 +#content { 1.145 + height: auto; 1.146 + margin: -6px 100px 0px 100px; 1.147 + padding: 0px 72px 72px 72px; 1.148 + /*background: white; 1.149 + color: #333333;*/ 1.150 +} 1.151 + 1.152 +#content_bottom { 1.153 + height: 14px; 1.154 + margin: 0px 100px 0px 100px; 1.155 + /*clear: both;*/ 1.156 +} 1.157 + 1.158 +#content li { 1.159 + line-height: 1.5em; 1.160 + text-align: left; 1.161 +} 1.162 + 1.163 +/* Legal informations */ 1.164 + 1.165 +#copy { 1.166 + font-size: 11px ; 1.167 + text-align: center ; 1.168 + background: transparent; 1.169 + color: #a8a8a8; 1.170 + padding-top: 10px; 1.171 +} 1.172 + 1.173 +#copy a { 1.174 + background: inherit; 1.175 + color: #a8a8a8; 1.176 +} 1.177 + 1.178 +#copy a:hover { 1.179 + background: inherit; 1.180 + color: #EDEDED; 1.181 +} 1.182 + 1.183 +/* Footer */ 1.184 + 1.185 +#bottom { 1.186 + float: none; 1.187 + background: inherit; 1.188 + color: black; 1.189 + width: auto; 1.190 + clear: both; 1.191 + padding: 0; 1.192 + margin: 0; 1.193 + text-align: center; 1.194 + vertical-align: middle; 1.195 +} 1.196 + 1.197 +#news li { 1.198 + list-style-type: square; 1.199 + border-bottom: 1px dotted #BEBEBE; 1.200 + margin-left: -25px; 1.201 + padding: 4px 0px 4px 0px; 1.202 +} 1.203 + 1.204 +#gallery { 1.205 + text-align: center; 1.206 +} 1.207 + 1.208 +#gallery table { 1.209 + margin: 30px 0px 30px 0px; 1.210 +} 1.211 + 1.212 +/* Clouds */ 1.213 + 1.214 +#cloud { 1.215 + padding: 20px 0px 20px 0px; 1.216 + line-height: 3em; 1.217 + text-align: center; 1.218 +} 1.219 +#cloud a { padding: 4px; color: #956411; } 1.220 +#cloud a.tag1 { font-size: 0.7em; font-weight: 100; } 1.221 +#cloud a.tag2 { font-size: 0.8em; font-weight: 200; } 1.222 +#cloud a.tag3 { font-size: 0.9em; font-weight: 300; } 1.223 +#cloud a.tag4 { font-size: 1.0em; font-weight: 400; } 1.224 +#cloud a.tag5 { font-size: 1.2em; font-weight: 500; } 1.225 +#cloud a.tag6 { font-size: 1.4em; font-weight: 600; } 1.226 +#cloud a.tag7 { font-size: 1.6em; font-weight: 700; } 1.227 +#cloud a.tag8 { font-size: 1.8em; font-weight: 800; } 1.228 +#cloud a.tag9 { font-size: 2.2em; font-weight: 900; } 1.229 +#cloud a.tag10 { font-size: 2.5em; font-weight: 900; } 1.230 + 1.231 +/* CSS class. */ 1.232 + 1.233 +.top_left, .top_right, .bottom_left, .bottom_right { 1.234 + height: 14px; 1.235 + width: 14px; 1.236 + color: white; 1.237 + background-color: #333333; 1.238 + background-repeat: no-repeat; 1.239 +} 1.240 + 1.241 +.top_left { 1.242 + background-image: url(pics/website/content-tl.png); 1.243 + background-position: left top; 1.244 + position: absolute; 1.245 +} 1.246 + 1.247 +.top_right { 1.248 + background-image: url(pics/website/content-tr.png); 1.249 + float: right; 1.250 +} 1.251 + 1.252 +.bottom_left { 1.253 + background-image: url(pics/website/content-bl.png); 1.254 + position: absolute; 1.255 +} 1.256 + 1.257 +.bottom_right { 1.258 + background-image: url(pics/website/content-br.png); 1.259 + float: right; 1.260 +} 1.261 + 1.262 +/* HTML styles */ 1.263 + 1.264 +h1 { 1.265 + color: #3E1220; 1.266 + background: inherit; 1.267 + text-align: left; 1.268 + margin: 0px 0px 16px -58px; 1.269 +} 1.270 + 1.271 +h2 { 1.272 + color: #DF8F06; 1.273 + border-left: 10px solid #F3F3F3; 1.274 + padding: 4px 0px 4px 4px; 1.275 + margin: 0; 1.276 +} 1.277 + 1.278 +h3 { 1.279 + font-weight: bold; 1.280 + color: #6c0023; 1.281 + background: inherit; 1.282 +} 1.283 + 1.284 +a { 1.285 + text-decoration: underline; 1.286 + color: #0F314E; 1.287 + background: inherit; 1.288 +} 1.289 + 1.290 +a:hover { 1.291 + text-decoration: none; 1.292 + color: blue; 1.293 + background: inherit; 1.294 +} 1.295 + 1.296 +code { 1.297 + font-size: 12px; 1.298 + color: #669900; 1.299 + background: inherit; 1.300 +} 1.301 + 1.302 +tt { 1.303 + color: #15EE15; 1.304 + background: inherit; 1.305 +} 1.306 + 1.307 +img { 1.308 + border: 0pt none; 1.309 +} 1.310 + 1.311 +fieldset { 1.312 + background: #eeeeee; 1.313 + color: black; 1.314 + margin-top: 25px; 1.315 + border: 1px solid black; 1.316 +} 1.317 + 1.318 +legend { 1.319 + border: 1px solid black; 1.320 + color: #6c0023; 1.321 + background: #eaeaea; 1.322 + font-weight: bold; 1.323 +} 1.324 + 1.325 +pre { 1.326 + padding: 5px; 1.327 + color: black; 1.328 + background: #E1E0B0; 1.329 +} 1.330 + 1.331 +pre.script { 1.332 + padding: 10px; 1.333 + color: black; 1.334 + background: #E8E8E8; 1.335 + border: 1px inset #606060; 1.336 +} 1.337 + 1.338 +/* Packages pages */ 1.339 + 1.340 +.pkg_nav { 1.341 + border-top: 1px solid black; 1.342 + margin-top: 10px; 1.343 + padding-top: 10px; 1.344 +} 1.345 + 1.346 +pre.package { 1.347 + padding: 0px; 1.348 + color: black; 1.349 + background: white; 1.350 +} 1.351 + 1.352 +p.get { 1.353 + text-align: center; 1.354 + padding: 10px; 1.355 + color: black; 1.356 + background: #F3F3F3; 1.357 + border: 1px solid #DEDEDE; 1.358 +} 1.359 +