tazwok annotate web/slitaz.css @ rev 197
Remove remove-old command as tazwok-experimental clean tarball/packages progressively & automatically.
author | Antoine Bodin <gokhlayeh@slitaz.org> |
---|---|
date | Wed Jan 26 02:02:26 2011 +0100 (2011-01-26) |
parents | |
children |
rev | line source |
---|---|
gokhlayeh@186 | 1 /* |
gokhlayeh@186 | 2 CSS style for SliTaz GNU/Linux website |
gokhlayeh@186 | 3 www.slitaz.org - (c) 2007 Pankso |
gokhlayeh@186 | 4 */ |
gokhlayeh@186 | 5 |
gokhlayeh@186 | 6 html { |
gokhlayeh@186 | 7 height: 102%; |
gokhlayeh@186 | 8 } |
gokhlayeh@186 | 9 |
gokhlayeh@186 | 10 body { |
gokhlayeh@186 | 11 background: #ffffff; |
gokhlayeh@186 | 12 color: black; |
gokhlayeh@186 | 13 font: 13px sans-serif, vernada, arial; |
gokhlayeh@186 | 14 margin: 0; |
gokhlayeh@186 | 15 } |
gokhlayeh@186 | 16 |
gokhlayeh@186 | 17 /* Accessibility */ |
gokhlayeh@186 | 18 |
gokhlayeh@186 | 19 #access { |
gokhlayeh@186 | 20 position: absolute; |
gokhlayeh@186 | 21 top: 4px; |
gokhlayeh@186 | 22 right: 4px; |
gokhlayeh@186 | 23 text-align: right; |
gokhlayeh@186 | 24 width: 100%; |
gokhlayeh@186 | 25 margin: 0; |
gokhlayeh@186 | 26 font-size: 11px; |
gokhlayeh@186 | 27 font-weight: bold; |
gokhlayeh@186 | 28 } |
gokhlayeh@186 | 29 |
gokhlayeh@186 | 30 #access a { |
gokhlayeh@186 | 31 background: inherit; |
gokhlayeh@186 | 32 color: white; |
gokhlayeh@186 | 33 text-decoration: none; |
gokhlayeh@186 | 34 } |
gokhlayeh@186 | 35 |
gokhlayeh@186 | 36 #access a:hover { |
gokhlayeh@186 | 37 background: inherit; |
gokhlayeh@186 | 38 color: #222222; |
gokhlayeh@186 | 39 } |
gokhlayeh@186 | 40 |
gokhlayeh@186 | 41 /* Header and title */ |
gokhlayeh@186 | 42 |
gokhlayeh@186 | 43 #header{ |
gokhlayeh@186 | 44 background: #f0ba08 url(pics/website/header.png) repeat-x top; |
gokhlayeh@186 | 45 color: black; |
gokhlayeh@186 | 46 width: 100%; |
gokhlayeh@186 | 47 height: 50px; |
gokhlayeh@186 | 48 border-top: 1px solid black; |
gokhlayeh@186 | 49 border-bottom: 1px solid black; |
gokhlayeh@186 | 50 margin-bottom: 30px; |
gokhlayeh@186 | 51 } |
gokhlayeh@186 | 52 |
gokhlayeh@186 | 53 #titre { |
gokhlayeh@186 | 54 position: absolute; |
gokhlayeh@186 | 55 font-size: 16px; |
gokhlayeh@186 | 56 font-weight: bolder ; |
gokhlayeh@186 | 57 margin-left: 200px; |
gokhlayeh@186 | 58 margin-top: 28px; |
gokhlayeh@186 | 59 } |
gokhlayeh@186 | 60 |
gokhlayeh@186 | 61 #logo { |
gokhlayeh@186 | 62 position: absolute; |
gokhlayeh@186 | 63 float: left; |
gokhlayeh@186 | 64 margin-left: 16px; |
gokhlayeh@186 | 65 margin-top: 0px; |
gokhlayeh@186 | 66 } |
gokhlayeh@186 | 67 |
gokhlayeh@186 | 68 /* Navigation */ |
gokhlayeh@186 | 69 |
gokhlayeh@186 | 70 #nav { |
gokhlayeh@186 | 71 position: absolute; |
gokhlayeh@186 | 72 top: 76px; |
gokhlayeh@186 | 73 right: 80px; |
gokhlayeh@186 | 74 color: #555555; |
gokhlayeh@186 | 75 float: right; |
gokhlayeh@186 | 76 width: 250px; |
gokhlayeh@186 | 77 line-height: 1.5em; |
gokhlayeh@186 | 78 text-align: left; |
gokhlayeh@186 | 79 font-size: 12px; |
gokhlayeh@186 | 80 } |
gokhlayeh@186 | 81 |
gokhlayeh@186 | 82 #nav ul { |
gokhlayeh@186 | 83 -moz-border-radius: 8px; |
gokhlayeh@186 | 84 -webkit-border-radius: 8px; |
gokhlayeh@186 | 85 list-style-type: none; |
gokhlayeh@186 | 86 margin: 10px 0; |
gokhlayeh@186 | 87 padding: 10px 24px 10px 24px; |
gokhlayeh@186 | 88 background-color: #eaeaea; |
gokhlayeh@186 | 89 } |
gokhlayeh@186 | 90 |
gokhlayeh@186 | 91 #nav .nav_box ul { |
gokhlayeh@186 | 92 list-style-type: none; |
gokhlayeh@186 | 93 margin: 0; |
gokhlayeh@186 | 94 padding: 10px 24px 10px 0px; |
gokhlayeh@186 | 95 } |
gokhlayeh@186 | 96 |
gokhlayeh@186 | 97 #nav li { |
gokhlayeh@186 | 98 display: inline; |
gokhlayeh@186 | 99 } |
gokhlayeh@186 | 100 |
gokhlayeh@186 | 101 #nav h4 { |
gokhlayeh@186 | 102 font-size: 110%; |
gokhlayeh@186 | 103 color: #666666; |
gokhlayeh@186 | 104 font-weight: bold; |
gokhlayeh@186 | 105 margin: 0; |
gokhlayeh@186 | 106 padding: 0 0 1px 0; |
gokhlayeh@186 | 107 border-bottom: 1px solid #cecece; |
gokhlayeh@186 | 108 } |
gokhlayeh@186 | 109 |
gokhlayeh@186 | 110 #nav a { |
gokhlayeh@186 | 111 color: #0F314E; |
gokhlayeh@186 | 112 background: inherit; |
gokhlayeh@186 | 113 display: block; |
gokhlayeh@186 | 114 text-decoration: none; |
gokhlayeh@186 | 115 font-weight: bold; |
gokhlayeh@186 | 116 } |
gokhlayeh@186 | 117 |
gokhlayeh@186 | 118 #nav a:hover { |
gokhlayeh@186 | 119 color: #DF8F06; |
gokhlayeh@186 | 120 text-decoration: none; |
gokhlayeh@186 | 121 display: block; |
gokhlayeh@186 | 122 } |
gokhlayeh@186 | 123 |
gokhlayeh@186 | 124 #nav hr { |
gokhlayeh@186 | 125 margin: 2px 0px 1px 0px; |
gokhlayeh@186 | 126 border: 0px; |
gokhlayeh@186 | 127 border-top: 1px solid #BDBDBD; |
gokhlayeh@186 | 128 |
gokhlayeh@186 | 129 } |
gokhlayeh@186 | 130 |
gokhlayeh@186 | 131 .nav_box { |
gokhlayeh@186 | 132 -moz-border-radius: 8px; |
gokhlayeh@186 | 133 -webkit-border-radius: 8px; |
gokhlayeh@186 | 134 margin: 10px 0; |
gokhlayeh@186 | 135 padding: 10px 24px 10px 24px; |
gokhlayeh@186 | 136 background-color: #eaeaea; |
gokhlayeh@186 | 137 text-align: justify; |
gokhlayeh@186 | 138 } |
gokhlayeh@186 | 139 |
gokhlayeh@186 | 140 #nav .nav_box p { |
gokhlayeh@186 | 141 line-height: 1.3em; |
gokhlayeh@186 | 142 } |
gokhlayeh@186 | 143 |
gokhlayeh@186 | 144 #nav .nav_box p a { |
gokhlayeh@186 | 145 display: inline; |
gokhlayeh@186 | 146 font-weight: normal; |
gokhlayeh@186 | 147 text-decoration: underline; |
gokhlayeh@186 | 148 } |
gokhlayeh@186 | 149 |
gokhlayeh@186 | 150 #nav .nav_box p a:hover { |
gokhlayeh@186 | 151 text-decoration: none; |
gokhlayeh@186 | 152 color: blue; |
gokhlayeh@186 | 153 background: inherit; |
gokhlayeh@186 | 154 } |
gokhlayeh@186 | 155 |
gokhlayeh@186 | 156 #nav hr { |
gokhlayeh@186 | 157 height: 0px; |
gokhlayeh@186 | 158 border: 0px solid #eaeaea; |
gokhlayeh@186 | 159 } |
gokhlayeh@186 | 160 |
gokhlayeh@186 | 161 /* Page content */ |
gokhlayeh@186 | 162 |
gokhlayeh@186 | 163 #content, #content_bottom, #content_top { |
gokhlayeh@186 | 164 background: white; |
gokhlayeh@186 | 165 color: black; |
gokhlayeh@186 | 166 text-align: justify; |
gokhlayeh@186 | 167 } |
gokhlayeh@186 | 168 |
gokhlayeh@186 | 169 #content { |
gokhlayeh@186 | 170 height: auto; |
gokhlayeh@186 | 171 margin: 6px 320px 0px 0px; |
gokhlayeh@186 | 172 padding: 0px 40px 60px 80px; |
gokhlayeh@186 | 173 } |
gokhlayeh@186 | 174 |
gokhlayeh@186 | 175 #content li { |
gokhlayeh@186 | 176 line-height: 1.5em; |
gokhlayeh@186 | 177 text-align: left; |
gokhlayeh@186 | 178 } |
gokhlayeh@186 | 179 |
gokhlayeh@186 | 180 /* Legal informations */ |
gokhlayeh@186 | 181 |
gokhlayeh@186 | 182 #copy { |
gokhlayeh@186 | 183 font-size: 11px ; |
gokhlayeh@186 | 184 text-align: left ; |
gokhlayeh@186 | 185 background: transparent; |
gokhlayeh@186 | 186 color: #a8a8a8; |
gokhlayeh@186 | 187 padding-top: 10px; |
gokhlayeh@186 | 188 margin: 0 0 0 80px; |
gokhlayeh@186 | 189 } |
gokhlayeh@186 | 190 |
gokhlayeh@186 | 191 #copy a { |
gokhlayeh@186 | 192 background: inherit; |
gokhlayeh@186 | 193 color: #a8a8a8; |
gokhlayeh@186 | 194 } |
gokhlayeh@186 | 195 |
gokhlayeh@186 | 196 #copy a:hover { |
gokhlayeh@186 | 197 background: inherit; |
gokhlayeh@186 | 198 color: #666666; |
gokhlayeh@186 | 199 } |
gokhlayeh@186 | 200 |
gokhlayeh@186 | 201 /* Footer */ |
gokhlayeh@186 | 202 |
gokhlayeh@186 | 203 #bottom { |
gokhlayeh@186 | 204 float: none; |
gokhlayeh@186 | 205 background: inherit; |
gokhlayeh@186 | 206 color: black; |
gokhlayeh@186 | 207 width: auto; |
gokhlayeh@186 | 208 clear: both; |
gokhlayeh@186 | 209 padding: 0; |
gokhlayeh@186 | 210 margin: 0 0 0 80px; |
gokhlayeh@186 | 211 text-align: left; |
gokhlayeh@186 | 212 vertical-align: middle; |
gokhlayeh@186 | 213 } |
gokhlayeh@186 | 214 |
gokhlayeh@186 | 215 #news li { |
gokhlayeh@186 | 216 list-style-type: square; |
gokhlayeh@186 | 217 border-bottom: 1px dotted #BEBEBE; |
gokhlayeh@186 | 218 margin-left: -25px; |
gokhlayeh@186 | 219 padding: 4px 0px 4px 0px; |
gokhlayeh@186 | 220 } |
gokhlayeh@186 | 221 |
gokhlayeh@186 | 222 #gallery { |
gokhlayeh@186 | 223 text-align: center; |
gokhlayeh@186 | 224 } |
gokhlayeh@186 | 225 |
gokhlayeh@186 | 226 #gallery table { |
gokhlayeh@186 | 227 margin: 30px 0px 30px 0px; |
gokhlayeh@186 | 228 } |
gokhlayeh@186 | 229 |
gokhlayeh@186 | 230 /* Clouds */ |
gokhlayeh@186 | 231 |
gokhlayeh@186 | 232 #cloud { |
gokhlayeh@186 | 233 padding: 20px 0px 20px 0px; |
gokhlayeh@186 | 234 line-height: 3em; |
gokhlayeh@186 | 235 text-align: center; |
gokhlayeh@186 | 236 } |
gokhlayeh@186 | 237 #cloud a { padding: 4px; color: #956411; } |
gokhlayeh@186 | 238 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; } |
gokhlayeh@186 | 239 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; } |
gokhlayeh@186 | 240 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; } |
gokhlayeh@186 | 241 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; } |
gokhlayeh@186 | 242 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; } |
gokhlayeh@186 | 243 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; } |
gokhlayeh@186 | 244 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; } |
gokhlayeh@186 | 245 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; } |
gokhlayeh@186 | 246 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; } |
gokhlayeh@186 | 247 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; } |
gokhlayeh@186 | 248 |
gokhlayeh@186 | 249 /* CSS class. */ |
gokhlayeh@186 | 250 |
gokhlayeh@186 | 251 .infobox { |
gokhlayeh@186 | 252 margin: 10px; |
gokhlayeh@186 | 253 padding: 12px; |
gokhlayeh@186 | 254 background: #f2f2f2; |
gokhlayeh@186 | 255 border: 1px solid #eaeaea; |
gokhlayeh@186 | 256 -moz-border-radius: 8px; |
gokhlayeh@186 | 257 -webkit-border-radius: 8px; |
gokhlayeh@186 | 258 } |
gokhlayeh@186 | 259 |
gokhlayeh@186 | 260 /* HTML styles */ |
gokhlayeh@186 | 261 |
gokhlayeh@186 | 262 h1 { |
gokhlayeh@186 | 263 color: blue; |
gokhlayeh@186 | 264 background: inherit; |
gokhlayeh@186 | 265 text-align: left; |
gokhlayeh@186 | 266 margin: 0px 0px 10px 0px; |
gokhlayeh@186 | 267 font-size: 140%; |
gokhlayeh@186 | 268 font-weight: bold; |
gokhlayeh@186 | 269 } |
gokhlayeh@186 | 270 |
gokhlayeh@186 | 271 h2 { |
gokhlayeh@186 | 272 color: #DF8F06; |
gokhlayeh@186 | 273 /* border-top: 1px solid #f3f3f3; */ |
gokhlayeh@186 | 274 border-left: 8px solid #f3f3f3; |
gokhlayeh@186 | 275 padding: 4px 0px 4px 4px; |
gokhlayeh@186 | 276 margin: 0; |
gokhlayeh@186 | 277 font-size: 140%; |
gokhlayeh@186 | 278 font-weight: bold; |
gokhlayeh@186 | 279 } |
gokhlayeh@186 | 280 |
gokhlayeh@186 | 281 h3 { |
gokhlayeh@186 | 282 font-weight: bold; |
gokhlayeh@186 | 283 color: #6c0023; |
gokhlayeh@186 | 284 background: inherit; |
gokhlayeh@186 | 285 } |
gokhlayeh@186 | 286 |
gokhlayeh@186 | 287 a { |
gokhlayeh@186 | 288 text-decoration: underline; |
gokhlayeh@186 | 289 color: #0F314E; |
gokhlayeh@186 | 290 background: inherit; |
gokhlayeh@186 | 291 } |
gokhlayeh@186 | 292 |
gokhlayeh@186 | 293 a:hover { |
gokhlayeh@186 | 294 text-decoration: none; |
gokhlayeh@186 | 295 color: blue; |
gokhlayeh@186 | 296 background: inherit; |
gokhlayeh@186 | 297 } |
gokhlayeh@186 | 298 |
gokhlayeh@186 | 299 code { |
gokhlayeh@186 | 300 font-size: 12px; |
gokhlayeh@186 | 301 color: #669900; |
gokhlayeh@186 | 302 background: inherit; |
gokhlayeh@186 | 303 } |
gokhlayeh@186 | 304 |
gokhlayeh@186 | 305 tt { |
gokhlayeh@186 | 306 color: #15EE15; |
gokhlayeh@186 | 307 background: inherit; |
gokhlayeh@186 | 308 } |
gokhlayeh@186 | 309 |
gokhlayeh@186 | 310 img { |
gokhlayeh@186 | 311 border: 0pt none; |
gokhlayeh@186 | 312 } |
gokhlayeh@186 | 313 |
gokhlayeh@186 | 314 fieldset { |
gokhlayeh@186 | 315 background: #E2ECf6; |
gokhlayeh@186 | 316 color: black; |
gokhlayeh@186 | 317 margin-top: 25px; |
gokhlayeh@186 | 318 border: 1px solid black; |
gokhlayeh@186 | 319 } |
gokhlayeh@186 | 320 |
gokhlayeh@186 | 321 legend { |
gokhlayeh@186 | 322 border: 1px solid black; |
gokhlayeh@186 | 323 color: #6c0023; |
gokhlayeh@186 | 324 background: #eaeaea; |
gokhlayeh@186 | 325 font-weight: bold; |
gokhlayeh@186 | 326 } |
gokhlayeh@186 | 327 |
gokhlayeh@186 | 328 pre { |
gokhlayeh@186 | 329 padding: 5px; |
gokhlayeh@186 | 330 color: black; |
gokhlayeh@186 | 331 background: #E1E0B0; |
gokhlayeh@186 | 332 } |
gokhlayeh@186 | 333 |
gokhlayeh@186 | 334 pre.script, pre.log { |
gokhlayeh@186 | 335 padding: 10px; |
gokhlayeh@186 | 336 color: black; |
gokhlayeh@186 | 337 background: #E8E8E8; |
gokhlayeh@186 | 338 border: 1px inset #606060; |
gokhlayeh@186 | 339 } |
gokhlayeh@186 | 340 |
gokhlayeh@186 | 341 textarea { |
gokhlayeh@186 | 342 background: #E5E5E5; |
gokhlayeh@186 | 343 margin-top: 12px; |
gokhlayeh@186 | 344 } |
gokhlayeh@186 | 345 |
gokhlayeh@186 | 346 /* Packages pages */ |
gokhlayeh@186 | 347 |
gokhlayeh@186 | 348 .pkg_nav { |
gokhlayeh@186 | 349 border-top: 1px solid black; |
gokhlayeh@186 | 350 margin-top: 10px; |
gokhlayeh@186 | 351 padding-top: 10px; |
gokhlayeh@186 | 352 } |
gokhlayeh@186 | 353 |
gokhlayeh@186 | 354 pre.package { |
gokhlayeh@186 | 355 padding: 0px; |
gokhlayeh@186 | 356 color: black; |
gokhlayeh@186 | 357 background: white; |
gokhlayeh@186 | 358 } |
gokhlayeh@186 | 359 |
gokhlayeh@186 | 360 p.get { |
gokhlayeh@186 | 361 text-align: center; |
gokhlayeh@186 | 362 padding: 10px; |
gokhlayeh@186 | 363 color: black; |
gokhlayeh@186 | 364 background: #F3F3F3; |
gokhlayeh@186 | 365 border: 1px solid #DEDEDE; |
gokhlayeh@186 | 366 } |