slitaz-dev-tools annotate oldstuff/tazbb/stuff/web/slitaz.css @ rev 232

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