html/debian.css

   1 /* css file for debian web site - Jutta Wrage 2004 */
   2 /* please see README_CSS.txt for more information */
   3
   4 html, body {
   5         color: #000000;
   6         background-color: #FFFFFF;
   7         margin: 0 4px 0 4px;
   8         padding: 0;
   9 }
  10
  11 img { border: 0; }
  12
  13 h1 { text-align: center; }
  14
  15 acronym {
  16         border-bottom: 1px dotted #000000;
  17 }
  18
  19 hr.hidecss {
  20         border: 0;
  21 }
  22
  23 hr {
  24         border-bottom: 0;
  25         border-top: 1px solid #BFC3DC;
  26 }
  27
  28 samp {
  29         display: block;
  30         margin-left: 2em;
  31 }
  32 div.sampleblock {
  33         width: 80%;
  34         margin: auto;
  35         font-family:courier, serif;
  36         font-size: 90%;
  37 }
  38 .centerblock {
  39         width: 90%;
  40         margin-left: auto;
  41         margin-right: auto;
  42 }
  43 div.quoteblock {
  44         width: 75%;
  45         margin: auto;
  46         font-size: 90%;
  47         text-align: justify;
  48 }
  49
  50 .quoteblock div.preimg {
  51         float: left;
  52         margin-top: 0.2em;
  53 }
  54 .quoteblock cite {
  55         display: block;
  56         text-align: right;
  57 }
  58 blockquote.question {
  59         font-style: italic;
  60 }
  61 blockquote.question p span {
  62         font-style: normal;
  63         width: 10%;
  64 }
  65 #pagewidth {
  66         width: 100%;
  67         text-align: left;
  68 }
  69
  70 /* now the header*/
  71 #header {
  72         margin-left: -3px;
  73         width: 100%;
  74         height: auto;
  75 }
  76
  77 /* upper nested header box*/
  78 #upperheader {
  79         width: 100%;
  80         margin-top: 11px;
  81         height: auto;
  82         background: #FFFFFF;
  83 }
  84
  85 #logo {
  86         float: left;
  87         margin-left: 6px;
  88         background: #FFFFFF;
  89 }
  90
  91 #serverselect {
  92         float: right;
  93         display: block;
  94         padding-top: 1px;
  95         margin-right: 6px;
  96         margin-left: auto;
  97         text-align: right;
  98         top: 0;
  99         right: 0;
 100 }
 101
 102 #serverselect p {
 103         color: #990000;
 104         font-size: 0.8em;
 105         font-weight: normal;
 106 }
 107
 108 #serverselect p select {
 109         font-size: 88%;
 110 }
 111
 112 #serverselect p input {
 113         font-size: 88%;
 114 }
 115 .centerlogo {
 116         margin-left: 260px;
 117         margin-right: auto;
 118         width: 125px;
 119         text-align: center;
 120         vertical-align: bottom;
 121 }
 122 #cdlogo {
 123 }
 124
 125 #hpacketsearch {
 126         display: block;
 127         padding-top: 1px;
 128         padding-left: 5px;
 129         margin-right: 0.2em;
 130         margin-left: auto;
 131         text-align: left;
 132         width: 25em;
 133         top: 0em;
 134         right: 0em;
 135 }
 136
 137 #hpacketsearch p small {
 138         color: #990000;
 139         font-size: 0.8em;
 140         font-weight: normal;
 141 }
 142
 143 #hpacketsearch p select {
 144         font-size: 88%;
 145 }
 146
 147 #hpacketsearch p input {
 148         font-size: 88%;
 149 }
 150
 151 #navbar {
 152         /* margin-top: 1em; */
 153         clear: both;
 154         padding-left: 0px;
 155         /* margin-top: 5px; */
 156         padding-top: 6px;
 157         padding-bottom: 4px;
 158         width: 100%;
 159         height: auto;
 160         text-align: center;
 161         background: #BF1238;
 162 }
 163 #navbar ul {
 164         display: inline;
 165         list-style-type: none;
 166         padding-left: 0px;
 167         line-height: 1.5em;
 168 }
 169 #navbar ul li {
 170         display: inline;
 171         margin: 0;
 172         white-space: nowrap;
 173 }
 174 #navbar a {
 175         color: #FFFFFF;
 176         text-decoration: none;
 177         padding: 0.2em 0.4em 0.2em 0.4em;
 178         background-color: #000084;
 179         border: 1px solid #000084;
 180         font-family: Arial, Helvetica, sans-serif;
 181         font-weight: bold;
 182         font-size: 0.9em;
 183 }
 184 #navbar a:hover {
 185         background: #0000CC;
 186 }
 187 #navbar .hidecss, .hidecss {
 188         display: none;
 189 }
 190
 191 /* the rest of page out of two nested boxes around */
 192
 193 #outer {
 194         background-color: #FFFFFF;
 195         width: auto;
 196         /* border:solid white 2px; */
 197 }
 198
 199 #inner {
 200         margin: -2px;
 201         margin-top: 0;
 202         width: 100%;
 203         background: #FFFFFF;
 204         /* overflow: auto; */
 205 }
 206
 207 #leftcol {
 208         float: left;
 209         margin: 0em 0.4em 0 0;
 210         padding-left: 0;
 211         padding-bottom: 1em;
 212         width: auto;
 213         background: #BBDDFF;
 214         font-size: 0.9em;
 215         font-family: Arial, Helvetica, sans-serif;
 216         border: 1px solid #BBDDFF;
 217         /* overflow: auto; */
 218 }
 219 #leftcol a:link, #leftcol a:visited {
 220         display: block;
 221 }
 222 #leftcol a:hover {
 223         background-color: #DDEEFF;
 224         /* background-color: #FFFFFF; */
 225 }
 226 #leftcol ul {
 227         margin: 2px;
 228         padding: 0;
 229         list-style-type: none;
 230         font-weight: bold;
 231 }
 232 #leftcol ul.votemenu {
 233         width: 11em;
 234 }
 235 #leftcol ul.cdmenu {
 236         width: 12em;
 237 }
 238 #leftcol ul.votemenu ul li, #leftcol ul.cdmenu ul li {
 239         padding-bottom: 0.4em;
 240 }
 241 #leftcol li ul {
 242         display: inline;
 243 }
 244 #leftcol ul li {
 245         padding: 0.2em 0;
 246 }
 247 #leftcol ul ul {
 248         font-size: 0.9em;
 249         margin: 0;
 250 }
 251 #leftcol ul li a {
 252         line-height: 1.2em;
 253         padding-right: 0.5em;
 254         /* padding: 0.2em 0 0.3em 0em; */
 255 }
 256 #leftcol ul ul li a {
 257         font-weight: normal;
 258         padding: 0.1em 0.5em;
 259         line-height: 1.1em;
 260 }
 261 #leftcol ul ul li {
 262         padding-top: 0;
 263 }
 264 #leftcol p {
 265         margin-left: 2px;
 266         margin-right: 2px;
 267 }
 268 #leftcol p a {
 269         display: block;
 270         margin: 0;
 271 }
 272 #leftcol p img {
 273         margin-left: 1em;
 274 }
 275 #leftcol .menuselected {
 276         color: #BF1238;
 277 }
 278 #leftcol ul ul .menuselected {
 279         text-indent: 0.5em;
 280 }
 281 #maincol {
 282         background: #FFFFFF;
 283         margin-left: 12em;
 284         margin-right: 0.5em;
 285         margin-bottom: 1em;
 286 }
 287
 288 #lefthalfcol {
 289         float: left;
 290         margin-left: 0em;
 291         width: 49%;
 292 }
 293
 294 #lefthalfcol h4, #lefthalfcol h3 , #righthalfcol h4, #righthalfcol h3 {
 295         margin: 0em;
 296 }
 297
 298 #lefthalfcol dl {
 299         margin-top: 0em;
 300 }
 301
 302 #righthalfcol {
 303         margin-left: 50%;
 304         width: 49%;
 305 }
 306
 307 #righthalfcol dl {
 308         margin-right: 0.2em;
 309 }
 310
 311 #footer {
 312         clear: both;
 313         width: 100%;
 314         padding-top: 3px;
 315         bottom: 0;
 316         text-align: center;
 317         margin: 0px;
 318 }
 319
 320 #fineprint {
 321         margin-top: 0.2em;
 322         padding-top: 3px;
 323         text-align: center;
 324         font-size: 0.85em;
 325 }
 326
 327 #outer>#inner { border-bottom: 1px solid #BFC3DC; }
 328 .bordertop { border-top: 1px solid #BFC3DC; }
 329
 330 dl.gloss dt {
 331         font-weight: bold;
 332 }
 333
 334 #footer ul {
 335         display: inline;
 336         list-style-type: none;
 337 }
 338
 339 #footer ul li {
 340         display: inline;
 341 }
 342
 343 #footer ul li a, table.y2k td {
 344         white-space: nowrap;
 345 }
 346
 347 #footer p {
 348         margin: 0px;
 349 }
 350
 351 #main {
 352         background: #bbddff;
 353         padding: 1em 0; /* have some padding to get rid of collapsed margins */
 354 }
 355
 356 /* classes for cards */
 357
 358 .cardleft {
 359         margin: 0 0 1em;
 360         float: left;
 361         width: 49%;
 362 }
 363 .cardright {
 364         margin-left: 50%
 365         /*margin: 0 1% 2em 50%; */
 366 }
 367 .card {
 368         clear: left;
 369         margin: 0 0 1em;
 370 }
 371
 372 .cardleft h2, .cardright h2, .card h2 {
 373         font-size: 120%;
 374         background: #000000;
 375         color: #FFD400;
 376         display: inline;
 377         padding: 0.2em 0.4em;
 378         margin: 0 10px;
 379         font-family: Arial, Helvetica, sans-serif;
 380         letter-spacing: 0.2em;
 381 }
 382
 383 .cardleft dl dd, .cardright dl dd , .card dl dd {
 384         padding-bottom: 0.5em;
 385 }
 386
 387 .cardleft div, .cardright div, .card div {
 388         border: 2px solid #000000;
 389         background: #FFFFFF;
 390         padding: 0.5em;
 391         margin: 2px 10px;
 392         /* the next two lines xpand the div to heigth of left inner div */
 393         overflow: auto;
 394 }
 395
 396 div.lefthalf {
 397         float: left;
 398         width: 49%;
 399         border: 0;
 400         margin: 0;
 401         padding: 0;
 402 }
 403
 404 div.righthalf {
 405         border: 0;
 406         margin: 0;
 407         padding: 0;
 408 }
 409 /* classes and div names for package pages */
 410
 411 #pdesc, #pdeps, #pdownload, #pmoreinfo {
 412         margin-left: 1em;
 413         margin-right: 1em;
 414 }
 415
 416 #pdesc p {
 417         text-align: justify;
 418 }
 419
 420 .pdescshort {
 421         text-align: left;
 422         font-size: large;
 423         font-weight: bold;
 424 }
 425
 426 #pdeps table tr td {
 427         font-size: 0.9em;
 428 }
 429
 430 #pdeps ul {
 431         list-style-type: none;
 432         padding-left: 2em;
 433 }
 434
 435 #pdeps li {
 436         text-indent: -2em;
 437 }
 438
 439 #pdeps ul.uldep, #pdeps ul.uladep {
 440         list-style-type: disc;
 441         list-style-image: url(http://packages.debian.org/Pics/dep.gif);
 442 }
 443
 444 #pdeps ul.ulrec, #pdeps ul.ulidep {
 445         list-style-type: disc;
 446         list-style-image: url(http://packages.debian.org/Pics/rec.gif);
 447 }
 448
 449 #pdeps ul.ulsug {
 450         list-style-type: disc;
 451         list-style-image: url(http://packages.debian.org/Pics/sug.gif);
 452 }
 453
 454 #pdeps ul.uldep li, #pdeps ul.ulrec li, #pdeps ul.ulsug li, #pdeps ul.uladep li, #pdeps ul.ulidep li {
 455         padding-left: 2em;
 456 }
 457 #pdeps dl {
 458         margin: 0;
 459 }
 460
 461 #pdownload p, #pdownload form, #pdownload submit {
 462         display: inline;
 463 }
 464
 465 #pdownload td {
 466         font-size: 0.85em;
 467         text-align: center;
 468 }
 469
 470 #pmoreinfo p {
 471         font-size: 0.85em;
 472 }
 473
 474 /* colors for packages, warnings and news in ports */
 475 .pred, .warning, dt.new, .no {
 476         color: red; /* FF0000 */
 477 }
 478
 479 .psmallcenter, .psmalltrademark {
 480         clear: both;
 481         font-size: 0.85em;
 482         text-align: center;
 483 }
 484
 485 .psmalltrademark {
 486         color: green;
 487 }
 488 #pdownload table, table.ridgetable, table.reltable {
 489         border-width: 4px;
 490         border-color: gray;
 491         margin: 0 1em 1em 1em;
 492         border-style: ridge;
 493         border-collapse: collapse;
 494 }
 495 table.vote {
 496         margin: 0 auto;
 497         border-width: 3px;
 498         border-color: gray;
 499         border-style: ridge;
 500         border-collapse: collapse;
 501 }
 502 #pdownload th, #pdownload td, table.ridgetable th, table.ridgetable td,
 503         table.reltable td, table.reltable th {
 504         border: 2px gray;
 505         border-style: ridge;
 506         padding: 0.1em;
 507 }
 508 table.reltable th {
 509         background-color: #44CCCC;
 510 }
 511 table.vote th {
 512         border: 1px solid gray;
 513         background-color: #DDDDDD;
 514 }
 515 table.vote td {
 516         border: 1px solid gray;
 517         padding: 4px;
 518 }
 519 table.reltable tr.odd {
 520         background-color: #FFFFFF;
 521 }
 522 table.reltable tr.even {
 523         background-color: #DDDDDD;
 524 }
 525 table.stattrans {
 526         margin: 0 auto;
 527         width: 95%;
 528         border: 1px solid black;
 529         background-color: #cdc9c9;
 530 }
 531 table.stattrans th {
 532         text-align: center;
 533         padding: 2px;
 534 }
 535 table.stattrans td {
 536         text-align: right;
 537         padding: 2px;
 538 }
 539 table.stattrans tbody th {
 540         text-align: left;
 541         font-weight: normal;
 542 }
 543 table.volatile {
 544         border-collapse: collapse;
 545 }
 546 .volatile th, .volatile td {
 547         text-align: left;
 548         border: 1px solid black;
 549         padding: 0.2em;
 550 }
 551 .volatile thead {
 552         background-color: silver;
 553         color: #000000;
 554 }
 555 table.volatile tr.country {
 556         color: #ffffff;
 557         background-color: #df0451;
 558 }
 559
 560 /* partners */
 561 .partnertype {
 562         background-color: #BF1238;
 563         padding: 0.2em 0 0.2em 1em;
 564         color: #FFFFFF;
 565         -moz-border-radius-bottomleft:15px;
 566         -moz-border-radius-bottomright:15px;
 567         -moz-border-radius-topleft:15px;
 568         -moz-border-radius-topright:15px;
 569         border-radius:15px;
 570 }
 571 div.partnerlogo {
 572         display: table-cell;
 573         vertical-align: middle;
 574         text-align: center;
 575         width: 300px;
 576 }
 577 div.partnerlogo2 {
 578         display: table-cell;
 579         vertical-align: middle;
 580         text-align: center;
 581         width: 300px;
 582         border-top: 1px solid #BFC3DC;
 583         padding: 0.2em 0 0.2em 1em;
 584 }
 585 div.partnerdesc {
 586         display: table-cell;
 587         font-size: 85%;
 588 }
 589 div.partnerdesc2 {
 590         display: table-cell;
 591         font-size: 85%;
 592         border-top: 1px solid #BFC3DC;
 593         padding: 0.2em 0 0.2em 1em;
 594 }
 595 div.partnerdefinedcellwidth1 {
 596         display: table-cell;
 597         padding: 0.2em 0 0.2em 1em;
 598         font-size: 85%;
 599         width: 200px;
 600         border-top: 1px solid #BFC3DC;
 601 }
 602 div.partnertablerow {
 603         display: table-row;
 604 }
 605 div.partnerdisplaytable {
 606         display: table;
 607         width: 98%;
 608         margin: 10px 1% 10px 1%;
 609 }
 610 div.partnerdisplayblock {
 611         display: block;
 612 }
 613 div.cdflash {
 614         background-color: #E09E86;
 615         width: 80%;
 616         margin: auto;
 617         text-align: center;
 618 }
 619 .cdrsync {
 620         color: #6B1300;
 621 }
 622 /* debian installer */
 623
 624 .dierror {
 625         background-color: #FF6060;
 626 }
 627 .dibad {
 628         background-color: #F7FF60;
 629 }
 630 .digood {
 631         background-color: #7AFF71;
 632 }
 633
 634 /* useful classes */
 635
 636 th.eventheader {
 637         background-color: #BBDDFF;
 638 }
 639 .center {
 640         text-align: center;
 641 }
 642 .right {
 643         text-align: right;
 644 }
 645 ul.circlelist {
 646         list-style-type: circle;
 647 }
 648 .centerdiv table {
 649         margin-left: auto;
 650         margin-right: auto;
 651 }
 652 ul.discless {
 653         list-style-type: none;
 654 }
 655 .top, img.ico {
 656         vertical-align: top;
 657 }
 658 img.ico {
 659         float: left;
 660         margin: 0 0.2em 0 0;
 661 }
 662 img.rightico {
 663         float: right;
 664         vertical-align: top;
 665         margin: 0 0 0 0.2em;
 666 }
 667 img.cve {
 668         vertical-align: -25px;
 669 }
 670 .y2kok, .yes {
 671         color: #00BB00;
 672 }
 673 .y2kok2 {
 674         color: #00BBBB;
 675 }
 676 .bluehead {
 677         color: #0000FF !important;
 678 }
 679 span.halfsize {
 680         font-size: 80%;
 681 }
 682 span.ddpbooktitle, span.merchtitle {
 683         font-size: larger;
 684 }
 685 a:link { color: #0000FF; }
 686 a:visited { color: #800080; }
 687 a:hover { color: #F000FF; }
 688 a:active { color: #FF0000; }
 689
 690 .navpara a, col.y2k {
 691         white-space: nowrap;
 692         /* this is to keep from breaking at whitespace in anchors */
 693 }
 694
 695
 696 .underline { text-decoration: underline; }
 697 .clr { clear:both; }
 698 /*.content{padding:5px;} */ /*padding for content */
 699 /* #header .content{padding-bottom:0;} */ /*padding bottom 0 to remove space in IE5 Mac*/
 700
 701 /* for l10n-arabic */
 702 .bidi {
 703         direction: rtl;
 704         text-align: right;
 705 }
 706
 707 #leftcol, #navbar, #navbar a {
 708         -moz-border-radius: 15px;
 709         -webkit-border-radius: 15px;
 710         /* these go to the end as the css validator does not like them
 711         will be replaced by border-radius with css3 */
 712         border-radius: 15px;
 713         padding-left: 5px;
 714 }
 715
 716 /* /CD/vendors/ */
 717 table.vendors {
 718         width: 100%;
 719         border-collapse: collapse;
 720         border: 1px solid #AAAAAA;
 721 }
 722
 723 table.vendors th {
 724         background: #BBDDFF;
 725         font-size: 0.9em;
 726         font-family: Arial, Helvetica, sans-serif;
 727         color: #3e4955;
 728         padding: 0.2em;
 729         border: 1px solid #AAAAAA;
 730         border-bottom: none;
 731         text-align: left;
 732 }
 733
 734 table.vendors tr.b td {
 735         background-color: #EEEEEE;
 736 }
 737
 738 table.vendors td {
 739         padding: 0.2em;
 740         vertical-align: top;
 741 }