static/debian.css

   1 /*
   2         http://www.debian.org Stylesheet
   3
   4         Copyright 2011 Kalle Söderman
   5
   6         This stylesheet is free software; you can redistribute it and/or modify it
   7         under the terms of the GNU General Public License, version 2, as published by
   8         the Free Software Foundation.
   9
  10         This program is distributed in the hope that it will be useful, but WITHOUT ANY
  11         WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
  12         PARTICULAR PURPOSE. See the GNU General Public License for more details.
  13
  14         You should have received a copy of the GNU General Public License along with
  15         this program; if not, write to the Free Software Foundation, Inc., 51 Franklin
  16         Street, Fifth Floor, Boston, MA 02110-1301 USA.
  17
  18         The license text can also be found at http://www.gnu.org/copyleft/gpl.html and
  19         /usr/share/common-licenses/GPL-2 on Debian.
  20 */
  21
  22 /*
  23         Font size table (Browser default 16px)
  24
  25         pixels      relative
  26         --------------------
  27         36px        2.25em
  28         31px        0.5161em
  29         24px        1.5em
  30         21px        1.3125em
  31         18px        1.125em
  32         16px        1em
  33         14px        0.875em
  34         12px        0.75em
  35         11px        0.6875em
  36         10px        0.625em
  37         9px         0.5625em
  38         --------------------
  39 */
  40
  41 /* Reset */
  42
  43 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
  44 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
  45 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl,
  46 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
  47 tfoot, thead, tr, th, td {
  48         margin: 0;
  49         padding: 0;
  50         border: 0;
  51         outline: 0;
  52         font-weight: inherit;
  53         font-style: inherit;
  54         font-size: 100%;
  55         font-family: inherit;
  56         vertical-align: baseline;
  57 }
  58
  59 body            { line-height: 1; color: black; background: white; }
  60 ol, ul          { list-style: none; }
  61 table           { border-collapse: separate; border-spacing: 0; }
  62 blockquote, q   { quotes: "" ""; }
  63 html            { background-color: transparent; }
  64 :focus          { outline: 1px dotted grey; }
  65 caption, th, td { text-align: left; font-weight: normal; }
  66 blockquote:before, blockquote:after, q:before, q:after { content: ""; }
  67
  68 /* Main */
  69
  70 body {
  71         margin: 0;
  72         font: normal 100% sans-serif;
  73         line-height: 1.5;
  74         color: #222;
  75         background-color: white;
  76         background-image:url('Pics/gradient.png');
  77         background-image: linear-gradient(to bottom, #d7d9e2, #fff 70px);
  78         background-position: 0 0;
  79         background-repeat: repeat-x;
  80         /* Uncomment to show baseline grid
  81         background-image: url('24grid.png');
  82         background-position: 30px 9px;
  83         */
  84 }
  85 #content {
  86         margin: 0 10px 0 52px;
  87 }
  88 #inner {
  89         position: relative;
  90 }
  91 #maincol {
  92         margin: 0 15em 1.5em 0;
  93 }
  94
  95 /* Header */
  96
  97 #header {
  98         margin:0;
  99         padding:0 10px 0 52px;
 100 }
 101 #header a:link
 102 , #header a:visited
 103 , #second-nav a:link
 104 , #second-nav a:visited {
 105         text-decoration: none;
 106 }
 107 #header a:hover
 108 , #second-nav a:hover {
 109         text-decoration: underline;
 110 }
 111 #breadcrumbs {
 112         margin:0;
 113         font-size: 0.75em;
 114         text-transform: lowercase;
 115         line-height: 2;
 116         background-color: transparent;
 117         background-color: #f5f6f7;
 118         border-bottom: 1px solid #d2d3d7 ;
 119         min-height: 20px;
 120 }
 121 #breadcrumbs:before {
 122         content: "/";
 123         margin-left: 0.5em;
 124         margin-right: 0.5em;
 125 }
 126 p.section {
 127         margin: 0;
 128         padding: 0 5px 0 5px;
 129         font-family:monospace;
 130         line-height: 16px;
 131         color:white;
 132         text-transform: uppercase;
 133         letter-spacing: 0.08em;
 134         position:absolute;
 135         top: 0px;
 136         left:52px;
 137         background-color: #c70036;
 138 }
 139 p.section a {
 140         color: white;
 141         text-decoration: none;
 142 }
 143 p.section a:hover {
 144         color:white;
 145         text-decoration: underline;
 146 }
 147 #navbar {
 148         background-color: transparent;
 149         list-style:none;
 150         display:block;
 151         border-bottom:1px solid #c70036;
 152         text-indent:0;
 153         padding: 0;
 154         margin-top:0;
 155         margin-bottom:0;
 156 }
 157 #navbar ul {
 158         margin: 0;
 159         padding: 0;
 160         clear: both;
 161         overflow: hidden;
 162         min-height: 45px;
 163 }
 164 #navbar li {
 165         list-style: none;
 166         float: left;
 167         padding: 0;
 168         margin: 0;
 169 }
 170 #navbar a:link
 171 , #navbar a:visited {
 172         padding: 1.75em 0.5em 0.25em 0.5em;
 173         border-left: 1px solid transparent;
 174         border-right: 1px solid transparent;
 175         display: block;
 176         text-decoration: none;
 177 }
 178 #navbar a:visited {
 179         color: #54638c;
 180 }
 181 #navbar a:hover
 182 , #navbar a:visited:hover {
 183         background-color: #f5f6f7;
 184         border-left: 1px solid  #d2d3d7;
 185         border-right: 1px solid #d2d3d7;
 186         text-decoration: underline;
 187 }
 188 ul.subnav {
 189         list-style: none;
 190         margin-left: 0;
 191         padding-left: 0;
 192         margin-top: 0;
 193 }
 194 ul.subnav li {
 195         display: inline;
 196         margin-right: 1em;
 197 }
 198 #searchbox {
 199         text-align:left;
 200         line-height: 1;
 201         margin: 0 10px 0 0.5em;
 202         padding: 1px 0 1px 0;
 203         position: absolute;
 204         top:0;
 205         right:0;
 206         font-size: 0.75em;
 207 }
 208 #searchbox p {
 209         margin: 0;
 210         padding: 0;
 211 }
 212 #upperheader {
 213         margin:0;
 214         padding:0;
 215 }
 216 #logo {
 217         position:absolute;
 218         top:0;
 219         left:0;
 220         padding: 0;
 221         background-color: transparent;
 222         border: 1px solid transparent;
 223         border-top: 0;
 224         width: 50px;
 225         height: 5.07em;
 226         min-height: 65px;
 227 }
 228 #logo a {
 229         display: block;
 230         position: relative;
 231         padding: 0;
 232         height: 100%;
 233         min-height: 65px;
 234 }
 235 #logo img {
 236         margin-top: 5px;
 237         position: absolute;
 238         bottom: 0.3em;
 239         overflow: auto;
 240 }
 241 #logo:hover {
 242         border: 1px solid #d2d3d7 ;
 243         border-top: 0;
 244         background-color: #f5f6f7;
 245 }
 246
 247 /* Links */
 248
 249 a:link {
 250         color: #0035c7;
 251         text-decoration: underline;
 252 }
 253 a:visited {
 254         color: #54638c;
 255 }
 256 a:link:hover {
 257         text-decoration: none;
 258         color: #00207a;
 259 }
 260 a:visited:hover {
 261         text-decoration: none;
 262 }
 263 a:active {
 264         color:#c2c3c7;
 265 }
 266 a img {
 267         border:0;
 268 }
 269 a.rss_logo {
 270         font-size: 0.75em;
 271         float: right;
 272         line-height: 10px;
 273         color: #ffffff;
 274         background-color: #ff6600;
 275         font-weight: bold;
 276         font-family: sans-serif;
 277         text-align: center;
 278         text-decoration: none;
 279         padding: 0.25em;
 280         margin-left: 0.25em;
 281         border: 1px solid #ff6600;
 282 }
 283
 284 a.rss_logo:hover {
 285         background-color: white;
 286         border: 1px solid #ff6600;
 287         color: #ff6600;
 288 }
 289
 290 a.rss_logo.generic {
 291         background-color: #ff8800;
 292 }
 293
 294 a.rss_logo.generic:hover {
 295         background-color: #ee7700;
 296 }
 297
 298
 299 /* Secondnav */
 300
 301 #second-nav {
 302         width: 16em;
 303         font-size: 0.75em;
 304         line-height: 1.5;
 305         float: right;
 306         top: 0;
 307         right: 0;
 308         margin: 3em 0 0 0;
 309         padding: 0 0 0 1em;
 310         border-left: 1px solid #d2d3d7 ;
 311 }
 312 #second-nav ul {
 313         padding:0;
 314         margin:0;
 315         list-style:none;
 316 }
 317 #second-nav ul ul {
 318         margin-left: 1em;
 319 }
 320 #second-nav li {
 321         font-weight: normal;
 322         margin:0;
 323         padding:0;
 324 }
 325 #second-nav p {
 326         line-height: 2;
 327         font-weight: bold;
 328         margin: 0;
 329 }
 330 #second-nav h2 {
 331         margin:0;
 332 }
 333
 334 /* Typography */
 335
 336 p {
 337         margin: 1.5em 0 1.5em 0;
 338 }
 339 strong {
 340         font-weight: bold;
 341 }
 342 em {
 343         font-style: italic;
 344         color: #444;
 345 }
 346 small {
 347         font-size: 0.75em;
 348 }
 349 sup {
 350         font-size: 0.75em;
 351         vertical-align:top;
 352 }
 353 h1
 354 , h2
 355 , h3
 356 , h4
 357 , h5
 358 , h6 {
 359         font-weight: 600;
 360         color: black;
 361 }
 362 h1 {
 363         font-weight: normal;
 364         font-size: 1.8em;
 365         line-height: 0.83333;
 366         margin: 0.83333em 0 0.83333em 0;
 367 }
 368 h2 {
 369         font-size: 1.4em;
 370         font-weight: normal;
 371         line-height: 1.0714286;
 372         margin: 1.0714286em 0 1.0714286em 0;
 373 }
 374 h3 {
 375         font-size: 1.125em;
 376         line-height: 1.333em;
 377         margin: 1.333em 0 0 0;
 378 }
 379 h4 {
 380         font-weight: normal;
 381         font-style: italic;
 382         margin: 1.5em 0 1.5em 0;
 383         color: #444;
 384 }
 385 h5 {
 386         font-style: italic;
 387         font-size: 0.75em;
 388         margin: 2em 0 2em 0;
 389 }
 390 ol,ul {
 391         padding-left: 1.5em;
 392         margin-left:0;
 393         margin: 1.5em 0 1.5em 0;
 394 }
 395 ol>ol, ul>ul, li>ol, li>ul {
 396         margin: 0;
 397 }
 398
 399 ol {
 400         list-style-type: decimal;
 401 }
 402 ul {
 403         list-style-type: disc;
 404 }
 405 th {
 406         font-weight: bold;
 407         margin: 1.5em 0 1.5em 0;
 408 }
 409 hr {
 410         border: none;
 411         background-color: #bbb;
 412         height: 1px;
 413         margin: 1.4375em 0 1.5em 0;
 414 }
 415 pre {
 416         margin: 1.5em 0 1.5em 0;
 417         overflow: auto;
 418         font-family: monospace;
 419         white-space: pre;
 420         color: black;
 421 }
 422 tt, code {
 423         font-family: monospace;
 424         /* see http://lists.debian.org/debian-www/2011/08/msg00181.html */
 425         /* white-space: pre; */
 426         color: black;
 427 }
 428 dt {
 429         margin: 1.5em 0 0 0;
 430         font-weight: bold;
 431 }
 432 dd {
 433         margin:  0 0 0 1.5em;
 434 }
 435 blockquote {
 436         font-size: 0.75em;
 437         margin: 2em;
 438         line-height: 2;
 439 }
 440 cite {
 441         font-style: italic;
 442         color: #444;
 443 }
 444 acronym, abbr {
 445         text-transform: uppercase;
 446         font-size: 0.9em;
 447 }
 448 .toc {
 449         font-size: 0.75em;
 450         list-style:none;
 451         border-bottom: dotted grey;
 452         border-width: 1px;
 453         line-height:1.833;
 454         padding: 0;
 455         max-width: 62%;
 456         margin: 2em 0 2em 0;
 457 }
 458 .toc li {
 459         border-top: dotted grey;
 460         border-width: 1px;
 461         padding: 0.0833em 0 0.0833em 0;
 462  }
 463 .toc a {
 464         display:block;
 465         text-decoration: none;
 466 }
 467 .toc a:hover {
 468         display:block;
 469         background-color: #f0f0f4;
 470         text-decoration: underline;
 471 }
 472 .toc dt {
 473         margin: 0;
 474         border-top: dotted grey;
 475         border-width: 1px;
 476         padding: 0.0833em 0 0.0833em 0;
 477 }
 478
 479 /* Sitemap */
 480
 481 .card {
 482         clear:both;
 483         margin:1.5em 0 1.5em 0;
 484         background-position: 0 -50px;
 485         background-repeat: repeat-x;
 486         padding:0;
 487 }
 488 .card ul {
 489 }
 490 .card ul li {
 491         list-style:none;
 492 }
 493 .card h2 {
 494 }
 495 .lefthalf {
 496         float:left;
 497 }
 498 .righthalf {
 499         margin-left:50%;
 500 }
 501 .lefthalf ul {
 502         margin-top:0;
 503 }
 504
 505 /* Footer */
 506
 507 #footer {
 508         font-size: 0.75em;
 509         border: 1px solid #dfdfe0;
 510         padding:1em;
 511         background-color: #f5f6f7;
 512         margin: 0 10px 0 52px;
 513         line-height: 1.5em;
 514         border-left: 0;
 515         border-right: 0;
 516         clear: both;
 517 }
 518 #content #footer {
 519         margin-left: 0;
 520 }
 521 #footer p {
 522         margin: 1em 0 1em 0;
 523 }
 524 #footer hr {
 525         border-top: 1px solid #d2d3d7;
 526         border-bottom: 1px solid white;
 527         height: 0;
 528 }
 529 #footer .editbar li {
 530         display: inline;
 531         margin-right: 2em;
 532 }
 533 #footer .info {
 534 }
 535 #fineprint {
 536         margin-bottom: 1em;
 537 }
 538 #footermap {
 539         list-style:none;
 540         margin: 0 0 0 0;
 541         padding: 0;
 542         width:100%;
 543         overflow: hidden;
 544         border: 0;
 545 }
 546 ul#footermap-cola a
 547 , ul#footermap-colb a
 548 , ul#footermap-colc a
 549 , ul#footermap-cold a
 550 , ul#footermap-cole a {
 551         padding-left: 0;
 552 }
 553 ul#footermap-cola
 554 , ul#footermap-colb
 555 , ul#footermap-colc
 556 , ul#footermap-cold
 557 , ul#footermap-cole {
 558         float:left;
 559         width: 19%;
 560         min-width: 11em;
 561         height: 12em;           /* Update when adding items */
 562         margin:0 1% 0 0;
 563         padding: 2em 0 0 0;
 564         list-style: none;
 565 }
 566 ul#footermap-cole {
 567         width: 18.9%;
 568         margin-right:0;
 569 }
 570 #footermap-wrap {
 571         padding:2em;
 572         border-top: 1px solid white;
 573 }
 574 #footermap a {
 575         margin: 0;
 576 }
 577 #footermap ul{
 578         list-style: none;
 579         padding:0;
 580 }
 581 #footermap li {
 582         text-indent:0;
 583         background-color: transparent;
 584         font-weight:bold;
 585 }
 586 #footermap li ul {
 587         margin: 0;
 588         padding: 0;
 589 }
 590 #footermap li li {
 591         margin:0;
 592         text-indent:0;
 593         padding:0;
 594         font-weight:normal;
 595         border:0;
 596         background-image:none;
 597         background-color:transparent;
 598 }
 599 #serverselect {
 600 }
 601 #serverselect input
 602 , #serverselect option
 603 , #serverselect select {
 604 }
 605 #serverselect ul {
 606         display: inline;
 607         margin-left: 2em;
 608 }
 609 #serverselect li {
 610         list-style: none;
 611         display: inline;
 612         padding:0 1em 0 1em;
 613         margin:0;
 614 }
 615 #serverselect form p {
 616         margin:0;
 617         padding:0;
 618         line-height: 1;
 619 }
 620 .lcol50 {
 621         float: left;
 622         width: 49%;
 623         font-size:0.75em;
 624         margin:0 0 0 0;
 625         padding:0 0.5em 0 0;
 626 }
 627 .lcol50 h2 {
 628         margin-top:0;
 629 }
 630 .rcol50 {
 631         margin:0 0 0 51%;
 632         padding:0;
 633         font-size:0.75em;
 634 }
 635 #pageLang {
 636         position: relative;     /*  establish a containing box. needed for
 637                                     langContainer */
 638 }
 639 form#pageLang {
 640         display: inline;
 641 }
 642
 643 /* Extras */
 644
 645 input:focus {
 646         background-color:#FFFFCB;
 647
 648 }
 649 .hidecss {
 650         display: none;
 651 }
 652 .clear {
 653         clear:both
 654 }
 655 #clear {
 656         clear:both;
 657         border:0;
 658         height:1px;
 659         display:block;
 660 }
 661 .quicklist {
 662         list-style: none;
 663         font-size: 0.75em;
 664         margin: 2em 0 2em 0;
 665         padding:0;
 666         text-indent:0;
 667         line-height: 2em;
 668 }
 669 .quicklist li  {
 670         display:inline;
 671 }
 672 .item p{
 673         margin: 0;
 674 }
 675 .item h2
 676 , .item p
 677 , .item ul{
 678         margin-right: 10px
 679 }
 680 .item h2
 681 , .item h3
 682 , .item h4
 683 , .item h5 {
 684         margin-top: 0;
 685 }
 686 .line {
 687         padding: 0;
 688         width: auto;
 689         overflow: hidden;
 690         }
 691 div.downloads {
 692         border-top: 0.17em solid #339900;
 693         margin: 1.33em 0 0 0;
 694 }
 695 .downloads ul.downlist {
 696         margin:0;
 697 }
 698 div.downloads .col50 {
 699         border-top: 0.15em solid #339900;
 700 }
 701 ul.downlist {
 702         padding-left: 30px;
 703         text-indent:0;
 704         background: url('Pics/emblem-downloads.png') no-repeat 0 0.15em;
 705         min-height: 23px;
 706         /*
 707          * border-top: 0.17em solid #339900;
 708          */
 709 }
 710 ul.quicklist.downlist {
 711         border-top: 0.17em solid #339900;
 712         padding-top: 0.25em;
 713         margin-top: 1.6em;
 714 }
 715 ul.downlist li {
 716         display: inline;
 717 }
 718 ul.downlist li:after {
 719         content: ', ';
 720 }
 721 ul.downlist li:last-child:after {
 722         content: '';
 723 }
 724 div.tip
 725 , div.important
 726 , div.warning
 727 , div.note
 728 , div.trans-note {
 729         padding:0 2em 0 4em;
 730         margin: 1.85em 0 1.85em 0;
 731         background-repeat: no-repeat;
 732         background-position: 0.5em 0.5em;
 733         font-size: 0.75em;
 734         line-height: 2em;
 735         background-color:#FFFFCB;
 736         border:0.15em solid #CCCCA3;
 737 }
 738 div.tip p
 739 , div.important p
 740 , div.warning p
 741 , div.note p
 742 , div.trans-note p {
 743         margin: 1em 0 1em 0;
 744 }
 745 div.tip {
 746         background-image: url('Pics/admon-tip.png');
 747 }
 748 div.important{
 749         background-image: url('Pics/admon-important.png');
 750 }
 751 div.warning {
 752         background-image: url('Pics/admon-warning.png');
 753 }
 754 div.note
 755 , div.trans-note  {
 756         background-image: url('Pics/admon-note.png');
 757 }
 758
 759 /* Layout Elements */
 760
 761 .col50
 762 , .cardleft
 763 , .cardright {
 764         width:47.5%;
 765         float: left;
 766         padding-bottom: 1.5em;
 767 }
 768 .lastcol
 769 , .cardright {
 770         margin: auto;
 771         width: 47.5%;
 772         float:left;
 773         padding-right: 0;
 774         margin-left: 5%;
 775 }
 776 .lastcol h2
 777 , .lastcol p
 778 , .lastcol ul {
 779         margin-right:0;
 780 }
 781 .cardleft h2 {
 782         margin-right: 1em;
 783 }
 784 .cardright div {
 785         margin-left: 1.5em;
 786 }
 787 .cardright h2 {
 788         margin-left: 1em;
 789 }
 790 .votemenu a {
 791         display:block;
 792 }
 793 table.vote td, table.vote th {
 794         padding-right: 1.5em;
 795 }
 796 #maincol.with-toolbox {
 797         margin-right: 14em;
 798 }
 799 div.tabular table, table.tabular, table.vendors {
 800 /*      border-bottom: 1px solid #a9abb3;
 801         border-top: 1px solid #a9abb3; */
 802         border-bottom: 0.15em solid #666;
 803         border-top: 0.15em solid #666;
 804         font-size: 0.75em;
 805         margin-bottom: 4em;
 806         margin-top: -0.169em;
 807         text-align: left;
 808         width: 80%
 809 }
 810
 811 table td {
 812         padding-right: 1.5em;
 813         padding-bottom: 0.5em;
 814         padding-top: 0.5em;
 815         line-height: 1.2em;
 816         border-top: dotted grey;
 817         border-width: 1px;
 818 }
 819 div.tabular table tr, table.tabular tr, table.vendors tr {
 820         width: 100%;
 821 }
 822 table th {
 823         padding-right: 1.5em;
 824         padding-bottom: 0.5em;
 825         padding-top: 0.5em;
 826         line-height: 1.5em;
 827 }
 828
 829 div.tabular table td, table.tabular td, table.vendors td {
 830         border-top: dotted grey;
 831         border-width: 1px;
 832 }
 833 div.tabular table > td:first-child, table.tabular > td:first-child, table.vendors  > td:first-child {
 834         background-image: none;
 835 }
 836 #pageLang p, #pageLang form {
 837         display: inline;
 838 }
 839 .inline  a {
 840         float: left;
 841         margin-right: 1em;
 842 }
 843 #langSelector {
 844 /*      color: #0035c7; */
 845 /*      text-decoration: underline; */
 846 }
 847 #langSelector:hover {
 848 /*      cursor: pointer; */
 849 /*      text-decoration: none; */
 850 }
 851 #langContainer {
 852         padding-top: 0.5em;
 853 /*      background-color: #f5f6f7;
 854         background-color: white;
 855         background-image:url('Pics/gradient-flipped.png');
 856         background-position: bottom;
 857         background-repeat: repeat-x;
 858         display: none;
 859         position: absolute;
 860         left: -1em;
 861         padding: 0.5em 1em 1em 1em;
 862         margin-right: -1em;
 863         border-bottom: 1px solid #dfdfe0;
 864         min-width: 100%; */     /* make it reach the right edge if only a few
 865                                    languages are available */
 866 }
 867 #langContainer a {
 868         margin-right: 1em;
 869 }
 870 #pageLang:hover #langContainer {
 871     display: block;
 872 }
 873
 874 /* for l10n-arabic */
 875 .bidi {
 876         direction: rtl;
 877         text-align: right;
 878 }
 879
 880 ul.nodecoration {
 881         list-style: none;
 882         padding: 0;
 883 }
 884
 885 /*
 886  * For small screens
 887  */
 888
 889 @media only screen and (max-width: 38em) {
 890
 891     div#header {
 892         margin: 0 2px 0 2px;
 893         padding: 0;
 894     }
 895     div#logo {
 896         position: relative;
 897         top: 0;
 898         height: auto;
 899         margin: 0;
 900         padding: 0;
 901         min-height: 0;
 902     }
 903     div#logo a {
 904         height: auto;
 905         height: 61px;
 906     }
 907     div#logo a img {
 908         margin: 0;
 909         padding: 0;
 910         display: block;
 911     }
 912     #upperheader p.section {
 913         left: 70px;
 914         top: 0;
 915     }
 916     div#searchbox {
 917         position: relative;
 918         margin: -31px 0 0 60px;
 919         float: right;
 920         bottom: 0;
 921         padding: 0;
 922     }
 923     div#searchbox input[name="P"] {
 924         width: 200px;
 925     }
 926     div#navbar {
 927         display: block;
 928         position: relative;
 929         clear: both;
 930     }
 931     #navbar ul {
 932         min-height: 1.5em;
 933         display: block;
 934     }
 935     #navbar li {
 936         display: inline;
 937         float: none;
 938         margin: 0;
 939         padding: 0;
 940     }
 941     div#navbar a:link, div#navbar a:visited {
 942         display: inline;
 943         margin: 0 1.5em 0 0;
 944         padding: 0.25em 0 0.25em 0;
 945         border: 0;
 946         background-color: transparent;
 947     }
 948     div#content {
 949         margin: 0 2px 0 2px;
 950     }
 951     ul.toc {
 952         max-width: none;
 953     }
 954     div#maincol {
 955         margin-right: 0;
 956     }
 957     div.tip, div.important, div.warning, div.note, div.trans-note {
 958         overflow: hidden;
 959     }
 960     div.trans-note {
 961         position: relative;
 962         top: 0;
 963         right: 0;
 964         left: 0;
 965         margin: 0;
 966         background-image: none;
 967         padding: 0;
 968         padding-left: 1em;
 969     }
 970     div#second-nav {
 971         margin-left: 1em;
 972         width: auto;
 973     }
 974     div#footer {
 975         margin-left: 10px;
 976         padding-left: 0;
 977         padding-right: 0;
 978     }
 979 }