wok annotate tazpkg-web/stuff/style/slitaz.css @ rev 8691

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