website annotate slitaz.css @ rev 741

clean up CSS file: saved 1,2KB
author Christophe Lincoln <pankso@slitaz.org>
date Sat Jan 15 04:37:48 2011 +0100 (2011-01-15)
parents 15734657b734
children 13ba9f2d48da
rev   line source
pankso@1 1 /*
pankso@741 2 CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux
pankso@1 3 */
pankso@1 4
pankso@555 5 html {
pankso@710 6 min-height: 102%;
pankso@555 7 }
pankso@1 8 body {
pankso@555 9 background: #ffffff;
pankso@1 10 color: black;
pankso@1 11 font: 13px sans-serif, vernada, arial;
pankso@1 12 margin: 0;
pankso@697 13 border-top: 34px solid #f1f1f1;
pankso@1 14 }
pankso@741 15 a { text-decoration: underline; color: #103a5e; }
pankso@741 16 a:hover { text-decoration: none; color: blue; }
pankso@741 17 img { border: 0pt none; }
pankso@1 18
pankso@1 19 /* Accessibility */
pankso@1 20
pankso@1 21 #access {
pankso@1 22 position: absolute;
pankso@697 23 top: 4px;
pankso@693 24 right: 0px;
pankso@1 25 text-align: right;
pankso@693 26 width: auto;
pankso@1 27 margin: 0;
pankso@693 28 padding: 4px 4px 4px 20px;
pankso@555 29 font-size: 11px;
pankso@1 30 font-weight: bold;
pankso@1 31 }
pankso@1 32 #access a {
pankso@697 33 background: transparent;
pankso@697 34 color: #0F314E;
pankso@1 35 text-decoration: none;
pankso@1 36 }
pankso@741 37 #access a:hover { color: #b64b22; }
pankso@741 38 #access img { vertical-align: middle; }
pankso@1 39
pankso@741 40 /* Header */
pankso@1 41
pankso@710 42 #header {
paul@705 43 background: #351a0a url(pics/website/header-img.png) no-repeat top right;
pankso@1 44 color: black;
pankso@1 45 width: 100%;
pankso@697 46 height: 42px;
pankso@1 47 border-top: 1px solid black;
pankso@710 48 border-bottom: 1px solid #999;
pankso@710 49 margin-bottom: 33px;
pankso@1 50 }
pankso@555 51 #titre {
pankso@555 52 position: absolute;
pankso@697 53 font-size: 14px;
pankso@1 54 font-weight: bolder ;
pankso@697 55 left: 180px;
pankso@697 56 top: 4px;
pankso@1 57 }
pankso@1 58 #logo {
pankso@1 59 position: absolute;
pankso@1 60 float: left;
pankso@697 61 left: 16px;
pankso@697 62 top: -10px;
pankso@707 63 width: 200px;
pankso@707 64 height: 74px;
pankso@1 65 }
pankso@1 66
pankso@741 67 /* Side bar */
pankso@1 68
pankso@1 69 #nav {
pankso@1 70 position: absolute;
pankso@697 71 top: 102px;
pankso@565 72 right: 80px;
pankso@555 73 color: #555555;
pankso@1 74 float: right;
pankso@555 75 width: 250px;
pankso@563 76 line-height: 1.5em;
pankso@1 77 text-align: left;
pankso@555 78 font-size: 12px;
pankso@1 79 }
pankso@555 80 #nav h4 {
pankso@693 81 font-size: 120%;
pankso@555 82 color: #666666;
pankso@555 83 font-weight: bold;
pankso@555 84 margin: 0;
pankso@555 85 padding: 0 0 1px 0;
pankso@555 86 border-bottom: 1px solid #cecece;
pankso@555 87 }
pankso@1 88 #nav a {
pankso@555 89 color: #0F314E;
pankso@1 90 background: inherit;
pankso@1 91 display: block;
pankso@1 92 text-decoration: none;
pankso@555 93 font-weight: bold;
pankso@1 94 }
pankso@1 95 #nav a:hover {
pankso@697 96 color: #b64b22;
pankso@1 97 text-decoration: none;
pankso@1 98 display: block;
pankso@1 99 }
pankso@741 100 #nav .nav_box ul {
pankso@741 101 list-style-type: none;
pankso@741 102 margin: 0;
pankso@741 103 padding: 10px 24px 10px 0px;
pankso@741 104 background-color: inherit;
pankso@741 105 }
pankso@741 106 #nav li { display: inline; }
pankso@694 107 #nav ul {
pankso@694 108 -moz-border-radius: 8px;
pankso@694 109 -webkit-border-radius: 8px;
pankso@710 110 border-radius: 8px;
pankso@694 111 list-style-type: none;
pankso@694 112 margin: 10px 0;
pankso@694 113 padding: 10px 24px 10px 24px;
pankso@694 114 background-color: #eaeaea;
pankso@694 115 }
pankso@694 116 .nav_box {
pankso@555 117 margin: 10px 0;
pankso@555 118 padding: 10px 24px 10px 24px;
pankso@555 119 background-color: #eaeaea;
pankso@555 120 text-align: justify;
pankso@741 121 }
pankso@741 122 #nav .nav_box p { line-height: 1.3em; }
pankso@741 123 #nav .nav_box p a {
pankso@741 124 display: inline;
pankso@741 125 font-weight: normal;
pankso@741 126 text-decoration: underline;
pankso@741 127 }
pankso@741 128 #nav .nav_box p a:hover {
pankso@741 129 text-decoration: none;
pankso@741 130 color: blue;
pankso@741 131 background: inherit;
pankso@741 132 }
pankso@741 133
pankso@741 134 /* Page content */
pankso@741 135
pankso@741 136 #content, #content-full {
pankso@741 137 background: white;
pankso@741 138 color: black;
pankso@741 139 text-align: justify;
pankso@741 140 height: auto;
pankso@741 141 }
pankso@741 142 #content, #content-full {
pankso@741 143 margin: 6px 320px 0px 0px;
pankso@741 144 padding: 0px 40px 60px 80px;
pankso@741 145 }
pankso@741 146 #content-full {
pankso@741 147 margin: 0;
pankso@741 148 padding: 0px 80px 40px 80px;
pankso@741 149 }
pankso@741 150 #content li, #content-full li {
pankso@741 151 line-height: 1.5em;
pankso@741 152 text-align: left;
pankso@741 153 }
pankso@741 154 #news li {
pankso@741 155 list-style-type: square;
pankso@741 156 border-bottom: 1px dotted #BEBEBE;
pankso@741 157 margin-left: -25px;
pankso@741 158 padding: 4px 0px 4px 0px;
pankso@741 159 }
pankso@741 160 #news a { text-decoration: none; }
pankso@741 161
pankso@741 162 /* Box and block. */
pankso@741 163
pankso@741 164 .infobox {
pankso@741 165 margin: 20px 60px;
pankso@741 166 padding: 12px;
pankso@741 167 background: #f8f8f8;
pankso@741 168 }
pankso@741 169 .infobox img { vertical-align: middle; }
pankso@741 170 .infobox:hover { background-color: #FBFBFB; }
pankso@741 171 .block {
pankso@741 172 /*padding-bottom: 35%;*/
pankso@741 173 color: black;
pankso@741 174 min-height: 200px;
pankso@741 175 margin-bottom: 40px;
pankso@741 176 }
pankso@741 177 .block ul {
pankso@741 178 list-style-type: none;
pankso@741 179 margin: 0;
pankso@741 180 padding: 0 20px;
pankso@741 181 }
pankso@741 182 .block_left {
pankso@741 183 width: 46%;
pankso@741 184 float: left;
pankso@741 185 background-color: #eaeaea;
pankso@741 186 margin: 4px 2px;
pankso@741 187 padding: 0 10px 10px 10px;
pankso@741 188 }
pankso@741 189 .block_right {
pankso@741 190 width: 46%;
pankso@741 191 float: right;
pankso@741 192 background-color: #eaeaea;
pankso@741 193 margin: 4px 2px;
pankso@741 194 padding: 0 10px 10px 10px;
pankso@741 195 }
pankso@741 196 #block_top {
pankso@741 197 color: black;
pankso@741 198 background-color: #eaeaea;
pankso@741 199 min-height: 180px;
pankso@741 200 margin-bottom: 40px;
pankso@741 201 margin-right: 340px;
pankso@741 202 padding: 0 10px;
pankso@741 203 }
pankso@741 204 #block_nav {
pankso@741 205 width: 300px;
pankso@741 206 min-height: 180px;
pankso@741 207 float: right;
pankso@741 208 background-color: #eaeaea;
pankso@741 209 margin: 0;
pankso@741 210 padding: 0 10px;
pankso@741 211 }
pankso@741 212 .nav_box, .infobox, .block_left, .block_right, #block_top,
pankso@741 213 #block_nav, #footer {
pankso@693 214 -moz-border-radius: 8px;
pankso@693 215 -webkit-border-radius: 8px;
pankso@693 216 border-radius: 8px;
pankso@693 217 -moz-box-shadow: 0 1px 3px #666;
pankso@693 218 -webkit-box-shadow: 0 1px 3px #666;
pankso@693 219 box-shadow: 0 1px 3px #666;
pankso@693 220 /* CSS3 transition */
pankso@693 221 -webkit-transition-property: background-color;
pankso@698 222 -webkit-transition-duration: 2s;
pankso@693 223 -moz-transition-property: background-color;
pankso@693 224 -moz-transition-duration: 2s;
pankso@693 225 transition-property: background-color;
pankso@693 226 transition-duration: 2s;
pankso@555 227 }
pankso@741 228 #block_nav { font-weight: bold; }
pankso@741 229 #block_nav a { text-decoration: none; }
pankso@741 230 #block_nav li a:hover { color: #b64b22; }
pankso@741 231 #block_nav ul { margin: 0; list-style-type: none; }
pankso@741 232 #block_nav h3 { font-size: 110%; }
pankso@741 233 .nav_box:hover, .block_left:hover, .block_right:hover,
pankso@741 234 #block_top:hover, #block_nav:hover, #footer:hover {
pankso@710 235 background-color: #f8f8f8;
pankso@710 236 }
pankso@710 237 .right_box {
pankso@710 238 width: 50%;
pankso@710 239 float: right;
pankso@710 240 }
pankso@741 241 /* Text transform at 45deg */
pankso@724 242 .floor {
pankso@724 243 color: #999999;
pankso@724 244 font-size: 20px;
pankso@724 245 -webkit-transform: rotate(-45deg) skew(15deg, 15deg);
pankso@724 246 -moz-transform: rotate(-45deg) skew(15deg, 15deg);
pankso@724 247 -o-transform: rotate(-45deg) skew(15deg, 15deg);
pankso@724 248 -ms-transform: rotate(-45deg) skew(15deg, 15deg);
pankso@724 249 transform: rotate(-45deg) skew(15deg, 15deg);
pankso@724 250 }
pankso@731 251 #twitter, .feedbox {
pankso@731 252 margin-top: 20px;
pankso@731 253 -moz-border-radius: 8px;
pankso@731 254 -webkit-border-radius: 8px;
pankso@731 255 border-radius: 8px;
pankso@731 256 -moz-box-shadow: 0 1px 3px #666;
pankso@731 257 -webkit-box-shadow: 0 1px 3px #666;
pankso@731 258 box-shadow: 0 1px 3px #666;
pankso@731 259 }
pankso@731 260 .feedbox {
pankso@731 261 background-color: #f9f9f9;
pankso@731 262 padding: 10px 20px;
pankso@731 263 margin: 20px 100px;
pankso@731 264 }
pankso@731 265 .feedbox div {
pankso@731 266 height: 320px;
pankso@731 267 overflow: auto;
pankso@731 268 }
pankso@731 269 .feedbox ul { list-style-type: none; margin: 0; }
pankso@731 270
pankso@710 271 /* Button */
pankso@710 272
pankso@710 273 .button { margin-left: 20px; }
pankso@710 274 .button a {
pankso@710 275 background-color: #b64b22;
pankso@710 276 color: #ffffff;
pankso@710 277 margin-right: 6px;
pankso@710 278 padding: 6px 10px;
pankso@710 279 font-size: 14px;
pankso@710 280 -moz-border-radius: 4px;
pankso@710 281 -webkit-border-radius: 4px;
pankso@710 282 border-radius: 4px;
pankso@710 283 -moz-box-shadow: 0 1px 3px #666;
pankso@710 284 -webkit-box-shadow: 0 1px 3px #666;
pankso@710 285 box-shadow: 0 1px 3px #666;
pankso@710 286 }
pankso@715 287 .button a:hover, input[type=submit]:hover {
pankso@710 288 background-color: #a3431f;
pankso@710 289 color: #ffffff;
pankso@710 290 }
pankso@715 291 input[type=submit] {
pankso@715 292 border: 1px solid #b64b22;
pankso@715 293 background-color: #b64b22;
pankso@715 294 color: white;
pankso@715 295 font-weight: bold;
pankso@715 296 cursor: pointer;
pankso@736 297 padding: 3px 10px;
pankso@715 298 font-size: 14px;
pankso@715 299 -moz-border-radius: 2px;
pankso@715 300 -webkit-border-radius: 2px;
pankso@715 301 border-radius: 2px;
pankso@721 302 -moz-box-shadow: 0 0 5px #666;
pankso@721 303 -webkit-box-shadow: 0 0 5px#666;
pankso@721 304 box-shadow: 0 0 5px #666;
pankso@734 305 margin-left: -5px;
pankso@715 306 }
pankso@715 307 input[type=text] {
pankso@715 308 border: 1px solid #333333;
pankso@737 309 padding: 3px;
pankso@737 310 width: 100%;
pankso@715 311 }
pankso@715 312
pankso@375 313 /* Clouds */
pankso@375 314
pankso@375 315 #cloud {
pankso@724 316 padding: 10px 0px;
pankso@375 317 line-height: 3em;
pankso@375 318 text-align: center;
pankso@375 319 }
pankso@729 320 #cloud a { padding: 0 2px; color: #444444; }
pankso@375 321 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
pankso@375 322 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
pankso@375 323 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
pankso@375 324 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
pankso@375 325 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
pankso@375 326 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
pankso@375 327 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
pankso@375 328 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
pankso@375 329 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
pankso@375 330 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
pankso@375 331
pankso@741 332 /* Slideshow and gallery */
pankso@1 333
pankso@710 334 #slideshow
pankso@710 335 {
pankso@710 336 overflow: hidden;
pankso@710 337 margin: 10px auto 10px;
pankso@710 338 position: relative;
pankso@710 339 width: 260px;
pankso@710 340 height: 163px;
pankso@710 341 }
pankso@710 342 #slideshow img
pankso@710 343 {
pankso@710 344 border: 0;
pankso@710 345 width: 260px;
pankso@710 346 height: 163px;
pankso@710 347 }
pankso@741 348 #gallery { text-align: center; }
pankso@710 349
pankso@1 350 /* HTML styles */
pankso@1 351
pankso@1 352 h1 {
pankso@697 353 color: #444444;
pankso@710 354 background: transparent;
pankso@1 355 text-align: left;
pankso@700 356 margin: 0px 0px 4px 0px;
pankso@697 357 font-size: 150%;
pankso@555 358 font-weight: bold;
pankso@710 359 padding: 5px 0 0 10px;
pankso@1 360 }
pankso@1 361 h2 {
pankso@697 362 color: #b64b22;
pankso@697 363 padding: 0;
pankso@710 364 margin: 20px 0 0 0;
pankso@697 365 font-size: 130%;
pankso@555 366 font-weight: bold;
pankso@1 367 }
pankso@1 368 h3 {
pankso@1 369 font-weight: bold;
pankso@710 370 color: #666666;
pankso@697 371 background: transparent;
pankso@1 372 }
pankso@732 373 h3 img, h2 img {
pankso@707 374 vertical-align: middle;
pankso@707 375 width: 20px;
pankso@707 376 height: 20px;
pankso@710 377 padding-right: 4px;
pankso@707 378 }
pankso@741 379 code, tt {
pankso@1 380 font-size: 12px;
pankso@1 381 color: #669900;
pankso@1 382 }
pankso@741 383 pre, pre.script {
pankso@1 384 padding: 10px;
pankso@1 385 color: black;
pankso@1 386 background: #E8E8E8;
pankso@1 387 border: 1px inset #606060;
pankso@1 388 }
pankso@1 389
pankso@1 390 /* Packages pages */
pankso@1 391
pankso@1 392 .pkg_nav {
pankso@1 393 border-top: 1px solid black;
pankso@1 394 margin-top: 10px;
pankso@1 395 padding-top: 10px;
pankso@1 396 }
pankso@1 397 pre.package {
pankso@1 398 padding: 0px;
pankso@1 399 color: black;
pankso@1 400 background: white;
pankso@1 401 }
pankso@1 402 p.get {
pankso@1 403 text-align: center;
pankso@1 404 padding: 10px;
pankso@1 405 color: black;
pankso@1 406 background: #F3F3F3;
pankso@1 407 border: 1px solid #DEDEDE;
pankso@714 408 border-radius: 4px;
pankso@714 409 -moz-border-radius: 4px;
pankso@714 410 -webkit-border-radius: 4px;
pankso@714 411 }
pankso@714 412 p.get a {
pankso@714 413 font-weight: bold;
pankso@714 414 text-decoration: none;
pankso@1 415 }
pankso@715 416 .pkgs-search {
pankso@715 417 text-align: center;
pankso@715 418 padding: 40px 20px 80px 20px;
pankso@715 419 }
pankso@715 420
pankso@710 421 /* Footer */
pankso@710 422
pankso@710 423 #footer {
pankso@710 424 margin: 0px 80px 80px 80px;
pankso@710 425 padding: 10px;
pankso@710 426 background: #eaeaea;
pankso@710 427 color: #666666;
pankso@710 428 height: 180px;
pankso@724 429 clear: both;
pankso@710 430 border-radius: 8px;
pankso@710 431 -moz-border-radius: 8px;
pankso@710 432 -webkit-border-radius: 8px;
pankso@710 433 -moz-box-shadow: 0 1px 3px #666;
pankso@710 434 -webkit-box-shadow: 0 1px 3px #666;
pankso@710 435 box-shadow: 0 1px 3px #666;
pankso@710 436 }
pankso@741 437 #footer a { color: #666666; }
pankso@741 438 #footer a:hover { color: #333333; }
pankso@741 439 #footer ul { list-style-type: none; }
pankso@741 440 #footer li { padding: 2px; }
pankso@741 441 #footer h4 { margin: 0 20px; font-size: 125%; }
pankso@741 442
pankso@741 443 .year:after {
pankso@741 444 /* content: "2007-2011"; */
pankso@741 445 content: "2011";
pankso@710 446 }