skins/vector/main-ltr.css

   1 /*
   2  * main-rtl.css is automatically generated using CSSJanus, a python script for
   3  * creating RTL versions of otherwise LTR stylesheets.
   4  *
   5  * You may download the tool to rebuild this stylesheet
   6  * http://code.google.com/p/cssjanus/
   7  *
   8  * An online version of this tool can be used at:
   9  * http://cssjanus.commoner.com/
  10  *
  11  * The following command is used to generate the RTL version of this file
  12  * ./cssjanus.py --swap_ltr_rtl_in_url < main-ltr.css > main-rtl.css
  13  *
  14  * Any rules which should not be flipped should be prepended with @noflip in
  15  * a comment block.
  16  */
  17 /* Framework */
  18 html,
  19 body {
  20         height: 100%;
  21         margin: 0;
  22         padding: 0;
  23         font-family: sans-serif;
  24         font-size: 1em;
  25 }
  26 body {
  27         background-color: #f3f3f3;
  28         background-image: url(images/page-base.png);
  29 }
  30 /* Content */
  31 #content {
  32         margin-left: 10em;
  33         padding: 1em;
  34         background-image: url(images/border.png);
  35         background-position: top left;
  36         background-repeat: repeat-y;
  37         background-color: white;
  38 }
  39 /* Head */
  40 #page-base {
  41         height: 5em;
  42         background-color: white;
  43         background-image: url(images/page-fade.png);
  44         background-position: bottom left;
  45         background-repeat: repeat-x;
  46 }
  47 #head-base {
  48         margin-top: -5em;
  49         margin-left: 10em;
  50         height: 5em;
  51         background-image: url(images/border.png);
  52         background-position: bottom left;
  53         background-repeat: repeat-x;
  54 }
  55 #head {
  56         position: absolute;
  57         top: 0;
  58         right: 0;
  59         width: 100%;
  60 }
  61 #head h5 {
  62         margin: 0;
  63         padding: 0;
  64 }
  65         /* Personal */
  66         #p-personal {
  67                 position: absolute;
  68                 top: 0;
  69                 right: 0.75em;
  70         }
  71         #p-personal h5 {
  72                 display: none;
  73         }
  74         #p-personal ul {
  75                 list-style: none;
  76                 margin: 0;
  77                 padding: 0;
  78         }
  79         /* @noflip */
  80         #p-personal li {
  81                 line-height: 1.125em;
  82                 float: left;
  83         }
  84         #p-personal li {
  85                 margin-left: 0.75em;
  86                 margin-top: 0.5em;
  87                 font-size: 0.7em;
  88         }
  89         /* Navigation Containers */
  90         #left-navigation {
  91                 position: absolute;
  92                 left: 10em;
  93                 top: 2.5em;
  94         }
  95         #right-navigation {
  96                 float: right;
  97                 margin-top: 2.5em;
  98         }
  99         /* Navigation Labels */
 100         div.vectorTabs h5,
 101         div.vectorMenu h5 span {
 102                 display: none;
 103         }
 104         /* Namespaces and Views */
 105         /* @noflip */
 106         div.vectorTabs {
 107                 float: left;
 108         }
 109         div.vectorTabs {
 110                 background-image: url(images/tab-break.png);
 111                 background-position: bottom left;
 112                 background-repeat: no-repeat;
 113                 padding-left: 1px;
 114         }
 115         /* @noflip */
 116         div.vectorTabs ul {
 117                 float: left;
 118         }
 119         div.vectorTabs ul {
 120                 height: 100%;
 121                 list-style: none;
 122                 margin: 0;
 123                 padding: 0;
 124         }
 125         /* @noflip */
 126         div.vectorTabs ul li {
 127                 float: left;
 128         }
 129         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 130         div.vectorTabs ul li {
 131                 line-height: 1.125em;
 132                 display: inline-block;
 133                 height: 100%;
 134                 margin: 0;
 135                 padding: 0;
 136                 background-color: #f3f3f3;
 137                 background-image: url(images/tab-normal-fade.png);
 138                 background-position: bottom left;
 139                 background-repeat: repeat-x;
 140         }
 141         /* IGNORED BY IE6 */
 142         div.vectorTabs ul > li {
 143                 display: block;
 144         }
 145         div.vectorTabs li.selected {
 146                 background-image: url(images/tab-current-fade.png);
 147         }
 148         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 149         div.vectorTabs li a {
 150                 display: inline-block;
 151                 height: 2.5em;
 152                 padding-left: 0.4em;
 153                 padding-right: 0.4em;
 154                 background-image: url(images/tab-break.png);
 155                 background-position: bottom right;
 156                 background-repeat: no-repeat;
 157         }
 158         div.vectorTabs li a,
 159         div.vectorTabs li a span {
 160                 color: #0645ad;
 161                 cursor: pointer;
 162         }
 163         div.vectorTabs li a span {
 164                 font-size: 0.8em;
 165         }
 166         /* IGNORED BY IE6 */
 167         div.vectorTabs li > a {
 168                 display: block;
 169         }
 170         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 171         div.vectorTabs a span {
 172                 display: inline-block;
 173                 padding-top: 1.25em;
 174         }
 175         /* IGNORED BY IE6 */
 176         /* @noflip */
 177         div.vectorTabs a > span {
 178                 float: left;
 179                 display: block;
 180         }
 181         div.vectorTabs li.selected a,
 182         div.vectorTabs li.selected a span,
 183         div.vectorTabs li.selected a:visited
 184         div.vectorTabs li.selected a:visited span {
 185                 color: #333333;
 186                 text-decoration: none;
 187         }
 188         div.vectorTabs li.new a,
 189         div.vectorTabs li.new a span,
 190         div.vectorTabs li.new a:visited,
 191         div.vectorTabs li.new a:visited span {
 192                 color: #a55858;
 193         }
 194         /* Variants and Actions */
 195         /* @noflip */
 196         div.vectorMenu {
 197                 direction: ltr;
 198                 float: left;
 199                 background-image: url(images/arrow-down-icon.png);
 200                 background-position: center center;
 201                 background-repeat: no-repeat;
 202         }
 203         body.rtl div.vectorMenu {
 204                 direction: rtl;
 205         }
 206         /* @noflip */
 207         div.vectorMenu h5 {
 208                 float: left;
 209         }
 210         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 211         div.vectorMenu h5 a {
 212                 display: inline-block;
 213                 width: 24px;
 214                 height: 2.5em;
 215                 text-decoration: none;
 216                 background-image: url(images/tab-break.png);
 217                 background-position: bottom right;
 218                 background-repeat: no-repeat;
 219         }
 220         /* IGNORED BY IE6 */
 221         div.vectorMenu h5 > a {
 222                 display: block;
 223         }
 224         div.vectorMenu div.menu {
 225                 position: relative;
 226                 display: none;
 227                 clear: both;
 228                 text-align: left;
 229         }
 230         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 231         body.rtl div.vectorMenu div.menu {
 232                 margin-right: 24px;
 233         }
 234         /* IGNORED BY IE6 */
 235         body.rtl div.vectorMenu > div.menu {
 236                 margin-right: auto;
 237         }
 238         /* Fixes old versions of FireFox */
 239         body.rtl div.vectorMenu > div.menu,
 240         x:-moz-any-link {
 241                 margin-right: 24px;
 242         }
 243         div.vectorMenu:hover div.menu {
 244                 display: block;
 245         }
 246         div.vectorMenu ul {
 247                 position: absolute;
 248                 background-color: white;
 249                 border: solid 1px silver;
 250                 border-top-width: 0;
 251                 list-style: none;
 252                 list-style-image: none;
 253                 list-style-type: none;
 254                 padding: 0;
 255                 margin: 0;
 256                 margin-left: -1px;
 257                 text-align: left;
 258         }
 259         /* Fixes old versions of FireFox */
 260         div.vectorMenu ul,
 261         x:-moz-any-link {
 262                 min-width: 5em;
 263         }
 264         /* Returns things back to normal in modern versions of FireFox */
 265         div.vectorMenu ul,
 266         x:-moz-any-link,
 267         x:default {
 268                 min-width: 0;
 269         }
 270         div.vectorMenu li {
 271                 padding: 0;
 272                 margin: 0;
 273                 text-align: left;
 274                 line-height: 1em;
 275         }
 276         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 277         div.vectorMenu li a {
 278                 display: inline-block;
 279                 padding: 0.5em;
 280                 white-space: nowrap;
 281         }
 282         /* IGNORED BY IE6 */
 283         div.vectorMenu li > a {
 284                 display: block;
 285         }
 286         div.vectorMenu li a {
 287                 color: #0645ad;
 288                 cursor: pointer;
 289                 font-size: 0.8em;
 290         }
 291         div.vectorMenu li.selected a,
 292         div.vectorMenu li.selected a:visited {
 293                 color: #333333;
 294                 text-decoration: none;
 295         }
 296         /* Search */
 297         #p-search h5 {
 298                 display: none;
 299         }
 300         /* @noflip */
 301         #p-search {
 302                 float: left;
 303         }
 304         #p-search {
 305                 margin-right: 0.5em;
 306                 margin-left: 0.5em;
 307         }
 308         #p-search form,
 309         #p-search input {
 310                 margin: 0;
 311                 margin-top: 0.4em;
 312         }
 313         #simpleSearch {
 314                 margin-top: 0.75em;
 315                 position: relative;
 316                 border: solid 1px #AAAAAA;
 317                 background-color: white;
 318                 background-image: url(images/search-fade.png);
 319                 background-position: top left;
 320                 background-repeat: repeat-x;
 321         }
 322         #simpleSearch label {
 323                 font-size: 0.8em;
 324         }
 325         #simpleSearch input#searchInput {
 326                 margin: 0;
 327                 border-width: 0;
 328                 padding: 0.25em;
 329                 line-height: 1em;
 330                 font-size: 0.8em;
 331                 width: 9em;
 332                 background-color: transparent;
 333         }
 334         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 335         #simpleSearch button#searchButton {
 336                 margin: 0;
 337                 padding: 0;
 338                 width: 1.75em;
 339                 height: 1.5em;
 340                 border: none;
 341                 cursor: pointer;
 342                 background-color: transparent;
 343                 background-image: url(images/search-ltr.png);
 344                 background-position: center center;
 345                 background-repeat: no-repeat;
 346         }
 347         /* IGNORED BY IE6 */
 348         #simpleSearch > button#searchButton {
 349                 height: 100%;
 350         }
 351 /* Panel */
 352 #panel {
 353         position: absolute;
 354         top: 160px;
 355         padding-top: 1em;
 356         width: 10em;
 357         left: 0;
 358 }
 359         #panel div.portal {
 360                 padding-bottom: 1.5em;
 361         }
 362         #panel div.portal h5 {
 363                 font-weight: normal;
 364                 color: #444444;
 365                 padding: 0.25em;
 366                 padding-top: 0;
 367                 padding-left: 1.75em;
 368                 cursor: default;
 369                 border: none;
 370                 font-size: 0.7em;
 371         }
 372         #panel div.portal div.body {
 373                 margin: 0;
 374                 padding-top: 0.5em;
 375                 margin-left: 1.25em;
 376                 background-image: url(images/portal-break-ltr.png);
 377                 background-repeat: no-repeat;
 378                 background-position: top left;
 379         }
 380         #panel div.portal div.body ul {
 381                 list-style: none;
 382                 list-style-image: none;
 383                 list-style-type: none;
 384                 padding: 0;
 385                 margin: 0;
 386         }
 387         #panel div.portal div.body ul li {
 388                 line-height: 1.125em;
 389                 padding: 0;
 390                 padding-bottom: 0.5em;
 391                 margin: 0;
 392                 overflow: hidden;
 393                 font-size: 0.7em;
 394         }
 395         #panel div.portal div.body ul li a {
 396                 color: #0645ad;
 397         }
 398         #panel div.portal div.body ul li a:visited {
 399                 color: #0b0080;
 400         }
 401 /* Footer */
 402 #footer {
 403         margin-left: 10em;
 404         margin-top: 0;
 405         padding: 0.75em;
 406         background-image: url(images/border.png);
 407         background-position: top left;
 408         background-repeat: repeat-x;
 409 }
 410 #footer ul {
 411         list-style: none;
 412         list-style-image: none;
 413         list-style-type: none;
 414         margin: 0;
 415         padding: 0;
 416 }
 417 #footer ul li {
 418         margin: 0;
 419         padding: 0;
 420         padding-top: 0.5em;
 421         padding-bottom: 0.5em;
 422         color: #333333;
 423         font-size: 0.7em;
 424 }
 425 #footer #footer-icons {
 426         float: right;
 427 }
 428 #footer #footer-places {
 429         float: left;
 430 }
 431 #footer #footer-info li {
 432         line-height: 1.4em;
 433 }
 434 #footer #footer-icons li {
 435         float: left;
 436         margin-left: 0.5em;
 437         line-height: 2em;
 438 }
 439 #footer #footer-places li {
 440         float: left;
 441         margin-right: 1em;
 442         line-height: 2em;
 443 }
 444 /* Logo */
 445 #p-logo {
 446         position: absolute;
 447         top: -160px;
 448         left: 0;
 449         width: 10em;
 450         height: 160px;
 451 }
 452 #p-logo a {
 453         display: block;
 454         width: 10em;
 455         height: 160px;
 456         background-repeat: no-repeat;
 457         background-position: center center;
 458         text-decoration: none;
 459 }
 460
 461 /*
 462  *
 463  * The following code is highly modified from monobook. It would be nice if the
 464  * preftoc id was more human readable like preferences-toc for instance,
 465  * howerver this would require backporting the other skins.
 466  */
 467
 468 /* Preferences */
 469 #preftoc {
 470         /* Tabs */
 471         width: 100%;
 472         float: left;
 473         clear: both;
 474         margin: 0 !important;
 475         padding: 0 !important;
 476         background-image: url(images/preferences-break.png);
 477         background-position: bottom left;
 478         background-repeat: no-repeat;
 479 }
 480         #preftoc li {
 481                 /* Tab */
 482                 float: left;
 483                 margin: 0;
 484                 padding: 0;
 485                 padding-right: 1px;
 486                 height: 2.25em;
 487                 white-space: nowrap;
 488                 list-style-type: none;
 489                 list-style-image: none;
 490                 background-image: url(images/preferences-break.png);
 491                 background-position: bottom right;
 492                 background-repeat: no-repeat;
 493         }
 494         /* IGNORED BY IE6 */
 495         #preftoc li:first-child {
 496                 margin-left: 1px;
 497         }
 498         #preftoc a,
 499         #preftoc a:active {
 500                 display: inline-block;
 501                 position: relative;
 502                 color: #0645ad;
 503                 padding: 0.5em;
 504                 text-decoration: none;
 505                 background-image: none;
 506                 font-size: 0.9em;
 507         }
 508         #preftoc a:hover {
 509                 text-decoration: underline;
 510         }
 511         #preftoc li.selected a {
 512                 background-image: url(images/preferences-fade.png);
 513                 background-position: bottom;
 514                 background-repeat: repeat-x;
 515                 color: #333333;
 516                 text-decoration: none;
 517         }
 518 #preferences {
 519         float: left;
 520         width: 100%;
 521         margin: 0;
 522         margin-top: -2px;
 523         clear: both;
 524         border: solid 1px #cccccc;
 525         background-color: #f9f9f9;
 526         background-image: url(images/preferences-base.png);
 527 }
 528 #preferences fieldset.prefsection {
 529         border: none;
 530         padding: 0;
 531         margin: 1em;
 532 }
 533 #preferences fieldset.prefsection fieldset {
 534         border: none;
 535         border-top: solid 1px #cccccc;
 536 }
 537 #preferences legend {
 538         color: #666666;
 539 }
 540 #preferences fieldset.prefsection legend.mainLegend {
 541         display: none;
 542 }
 543 #preferences td {
 544         padding-left: 0.5em;
 545         padding-right: 0.5em;
 546 }
 547 #preferences td.htmlform-tip {
 548         font-size: x-small;
 549         padding: .2em 2em;
 550         color: #666666;
 551 }
 552 #preferences div.mw-prefs-buttons {
 553         padding: 1em;
 554 }
 555 #preferences div.mw-prefs-buttons input {
 556         margin-right: 0.25em;
 557 }
 558
 559 /*
 560  *
 561  * The following code is slightly modified from monobook
 562  *
 563  */
 564 #content {
 565         line-height: 1.5em;
 566 }
 567 #bodyContent {
 568         font-size: 0.8em;
 569 }
 570 /* Links */
 571 a {
 572         text-decoration: none;
 573         color: #0645ad;
 574         background: none;
 575 }
 576 a:visited {
 577         color: #0b0080;
 578 }
 579 a:active {
 580         color: #faa700;
 581 }
 582 a:hover {
 583         text-decoration: underline;
 584 }
 585 a.stub {
 586         color: #772233;
 587 }
 588 a.new, #p-personal a.new {
 589         color: #ba0000;
 590 }
 591 a.new:visited, #p-personal a.new:visited {
 592         color: #a55858;
 593 }
 594
 595 /* Inline Elements */
 596 img {
 597         border: none;
 598         vertical-align: middle;
 599 }
 600 hr {
 601         height: 1px;
 602         color: #aaa;
 603         background-color: #aaa;
 604         border: 0;
 605         margin: .2em 0 .2em 0;
 606 }
 607
 608 /* Structural Elements */
 609 h1,
 610 h2,
 611 h3,
 612 h4,
 613 h5,
 614 h6 {
 615         color: black;
 616         background: none;
 617         font-weight: normal;
 618         margin: 0;
 619         padding-top: .5em;
 620         padding-bottom: .17em;
 621         border-bottom: 1px solid #aaa;
 622         width: auto;
 623 }
 624 h1 { font-size: 188%; }
 625 h1 .editsection { font-size: 53%; }
 626 h2 { font-size: 150%; }
 627 h2 .editsection { font-size: 67%; }
 628 h3,
 629 h4,
 630 h5,
 631 h6 {
 632         border-bottom: none;
 633         font-weight: bold;
 634 }
 635 h3 { font-size: 132%; }
 636 h3 .editsection { font-size: 76%; font-weight: normal; }
 637 h4 { font-size: 116%; }
 638 h4 .editsection { font-size: 86%; font-weight: normal; }
 639 h5 { font-size: 100%; }
 640 h5 .editsection { font-weight: normal; }
 641 h6 { font-size: 80%;  }
 642 h6 .editsection { font-size: 125%; font-weight: normal; }
 643 p {
 644         margin: .4em 0 .5em 0;
 645         line-height: 1.5em;
 646 }
 647         p img {
 648                 margin: 0;
 649         }
 650 abbr,
 651 acronym,
 652 .explain {
 653         border-bottom: 1px dotted black;
 654         color: black;
 655         background: none;
 656         cursor: help;
 657 }
 658 q {
 659         font-family: Times, "Times New Roman", serif;
 660         font-style: italic;
 661 }
 662 /* Disabled for now
 663 blockquote {
 664         font-family: Times, "Times New Roman", serif;
 665         font-style: italic;
 666 }*/
 667 code {
 668         background-color: #f9f9f9;
 669 }
 670 pre {
 671         padding: 1em;
 672         border: 1px dashed #2f6fab;
 673         color: black;
 674         background-color: #f9f9f9;
 675         line-height: 1.1em;
 676 }
 677 ul {
 678         line-height: 1.5em;
 679         list-style-type: square;
 680         margin: .3em 0 0 1.5em;
 681         padding: 0;
 682         list-style-image: url(images/bullet-icon.png);
 683 }
 684 ol {
 685         line-height: 1.5em;
 686         margin: .3em 0 0 3.2em;
 687         padding: 0;
 688         list-style-image: none;
 689 }
 690 li {
 691         margin-bottom: .1em;
 692 }
 693 dt {
 694         font-weight: bold;
 695         margin-bottom: .1em;
 696 }
 697 dl {
 698         margin-top: .2em;
 699         margin-bottom: .5em;
 700 }
 701 dd {
 702         line-height: 1.5em;
 703         margin-left: 2em;
 704         margin-bottom: .1em;
 705 }
 706 /* Tables */
 707 table {
 708         font-size: 100%;
 709         color: black;
 710         /* we don't want the bottom borders of <h2>s to be visible through
 711          * floated tables */
 712         background-color: white;
 713 }
 714 fieldset table {
 715         /* but keep table layouts in forms clean... */
 716         background: none;
 717 }
 718 /* Forms */
 719 fieldset {
 720         border: 1px solid #2f6fab;
 721         margin: 1em 0 1em 0;
 722         padding: 0 1em 1em;
 723         line-height: 1.5em;
 724 }
 725         fieldset.nested {
 726                 margin: 0 0 0.5em 0;
 727                 padding: 0 0.5em 0.5em;
 728         }
 729 legend {
 730         padding: .5em;
 731         font-size: 95%;
 732 }
 733 form {
 734         border: none;
 735         margin: 0;
 736 }
 737 textarea {
 738         width: 100%;
 739         padding: .1em;
 740 }
 741 select {
 742         vertical-align: top;
 743 }
 744 /* Table of Contents */
 745 #toc,
 746 .toc,
 747 .mw-warning {
 748         border: 1px solid #aaa;
 749         background-color: #f9f9f9;
 750         padding: 5px;
 751         font-size: 95%;
 752 }
 753 #toc h2,
 754 .toc h2 {
 755         display: inline;
 756         border: none;
 757         padding: 0;
 758         font-size: 100%;
 759         font-weight: bold;
 760 }
 761 #toc #toctitle,
 762 .toc #toctitle,
 763 #toc .toctitle,
 764 .toc .toctitle {
 765         text-align: center;
 766 }
 767 #toc ul,
 768 .toc ul {
 769         list-style-type: none;
 770         list-style-image: none;
 771         margin-left: 0;
 772         padding-left: 0;
 773         text-align: left;
 774 }
 775 #toc ul ul,
 776 .toc ul ul {
 777         margin: 0 0 0 2em;
 778 }
 779 #toc .toctoggle,
 780 .toc .toctoggle {
 781         font-size: 94%;
 782 }
 783 /* Images */
 784 div.floatright, table.floatright {
 785         clear: right;
 786         float: right;
 787         position: relative;
 788         margin: 0 0 .5em .5em;
 789         border: 0;
 790 }
 791 div.floatright p { font-style: italic; }
 792 div.floatleft, table.floatleft {
 793         float: left;
 794         clear: left;
 795         position: relative;
 796         margin: 0 .5em .5em 0;
 797         border: 0;
 798 }
 799 div.floatleft p { font-style: italic; }
 800 /* Thumbnails */
 801 div.thumb {
 802         margin-bottom: .5em;
 803         border-style: solid;
 804         border-color: white;
 805         width: auto;
 806         background-color: transparent;
 807 }
 808 div.thumbinner {
 809         border: 1px solid #ccc;
 810         padding: 3px !important;
 811         background-color: #f9f9f9;
 812         font-size: 94%;
 813         text-align: center;
 814         overflow: hidden;
 815 }
 816 html .thumbimage {
 817         border: 1px solid #ccc;
 818 }
 819 html .thumbcaption {
 820         border: none;
 821         text-align: left;
 822         line-height: 1.4em;
 823         padding: 3px !important;
 824         font-size: 94%;
 825 }
 826 div.magnify {
 827         float: right;
 828         border: none !important;
 829         background: none !important;
 830 }
 831 div.magnify a, div.magnify img {
 832         display: block;
 833         border: none !important;
 834         background: none !important;
 835 }
 836 div.tright {
 837         clear: right;
 838         float: right;
 839         border-width: .5em 0 .8em 1.4em;
 840 }
 841 div.tleft {
 842         float: left;
 843         clear: left;
 844         margin-right: .5em;
 845         border-width: .5em 1.4em .8em 0;
 846 }
 847 img.thumbborder {
 848         border: 1px solid #dddddd;
 849 }
 850 .hiddenStructure {
 851         display: none;
 852 }
 853 /* Warning */
 854 .mw-warning {
 855         margin-left: 50px;
 856         margin-right: 50px;
 857         text-align: center;
 858 }
 859 /* User Message */
 860 .usermessage {
 861         background-color: #ffce7b;
 862         border: 1px solid #ffa500;
 863         color: black;
 864         font-weight: bold;
 865         margin: 2em 0 1em;
 866         padding: .5em 1em;
 867         vertical-align: middle;
 868 }
 869 /* Site Notice */
 870 #siteNotice {
 871         text-align: center;
 872         font-size: 0.8em;
 873         margin: 0;
 874 }
 875         #siteNotice div,
 876         #siteNotice p {
 877                 margin: 0;
 878                 padding: 0;
 879                 margin-bottom: 0.9em;
 880         }
 881 /* Categories */
 882 .catlinks {
 883         border: 1px solid #aaa;
 884         background-color: #f9f9f9;
 885         padding: 5px;
 886         margin-top: 1em;
 887         clear: both;
 888 }
 889 /* Sub-navigation */
 890 #siteSub {
 891         display: none;
 892 }
 893 #jump-to-nav {
 894         display: none;
 895 }
 896 #contentSub, #contentSub2 {
 897         font-size: 84%;
 898         line-height: 1.2em;
 899         margin: 0 0 1.4em 1em;
 900         color: #7d7d7d;
 901         width: auto;
 902 }
 903 span.subpages {
 904         display: block;
 905 }
 906 /* Emulate Center */
 907 .center {
 908         width: 100%;
 909         text-align: center;
 910 }
 911 *.center * {
 912         margin-left: auto;
 913         margin-right: auto;
 914 }
 915 /* Small for tables and similar */
 916 .small, .small * {
 917         font-size: 94%;
 918 }
 919 table.small {
 920         font-size: 100%;
 921 }
 922 /* Edge Cases for Content */
 923 h1, h2 {
 924         margin-bottom: .6em;
 925 }
 926 h3, h4, h5 {
 927         margin-bottom: .3em;
 928 }
 929 #firstHeading {
 930         padding-top: 0;
 931         margin-top: 0;
 932         padding-top: 0;
 933         margin-bottom: 0.1em;
 934         line-height: 1.2em;
 935         font-size: 1.6em;
 936         padding-bottom: 0;
 937 }
 938 #content a.external,
 939 #content a[href ^="gopher://"] {
 940         background: url(images/external-link-ltr-icon.png) center right no-repeat;
 941         padding: 0 13px 0 0;
 942 }
 943 #content a[href ^="https://"],
 944 .link-https {
 945         background: url(images/lock-icon.png) center right no-repeat;
 946         padding: 0 18px 0 0;
 947 }
 948 #content a[href ^="mailto:"],
 949 .link-mailto {
 950         background: url(images/mail-icon.png) center right no-repeat;
 951         padding: 0 18px 0 0;
 952 }
 953 #content a[href ^="news://"] {
 954         background: url(images/news-icon.png) center right no-repeat;
 955         padding: 0 18px 0 0;
 956 }
 957 #content a[href ^="ftp://"],
 958 .link-ftp {
 959         background: url(images/file-icon.png) center right no-repeat;
 960         padding: 0 18px 0 0;
 961 }
 962 #content a[href ^="irc://"],
 963 #content a.extiw[href ^="irc://"],
 964 .link-irc {
 965         background: url(images/talk-icon.png) center right no-repeat;
 966         padding: 0 18px 0 0;
 967 }
 968 #content a.external[href $=".ogg"], #content a.external[href $=".OGG"],
 969 #content a.external[href $=".mid"], #content a.external[href $=".MID"],
 970 #content a.external[href $=".midi"], #content a.external[href $=".MIDI"],
 971 #content a.external[href $=".mp3"], #content a.external[href $=".MP3"],
 972 #content a.external[href $=".wav"], #content a.external[href $=".WAV"],
 973 #content a.external[href $=".wma"], #content a.external[href $=".WMA"],
 974 .link-audio {
 975         background: url("images/audio-icon.png") center right no-repeat;
 976         padding: 0 18px 0 0;
 977 }
 978 #content a.external[href $=".ogm"], #content a.external[href $=".OGM"],
 979 #content a.external[href $=".avi"], #content a.external[href $=".AVI"],
 980 #content a.external[href $=".mpeg"], #content a.external[href $=".MPEG"],
 981 #content a.external[href $=".mpg"], #content a.external[href $=".MPG"],
 982 .link-video {
 983         background: url("images/video-icon.png") center right no-repeat;
 984         padding: 0 18px 0 0;
 985 }
 986 #content a.external[href $=".pdf"], #content a.external[href $=".PDF"],
 987 #content a.external[href *=".pdf#"], #content a.external[href *=".PDF#"],
 988 #content a.external[href *=".pdf?"], #content a.external[href *=".PDF?"],
 989 .link-document {
 990         background: url("images/document-icon.png") center right no-repeat;
 991         padding: 0 18px 0 0;
 992 }
 993 /* Interwiki Styling  (Disabled) */
 994 #content a.extiw,
 995 #content a.extiw:active {
 996         color: #36b;
 997         background: none;
 998         padding: 0;
 999 }
1000 #content a.external {
1001         color: #36b;
1002 }
1003 #content .printfooter {
1004         display: none;
1005 }
1006 /* Icon for Usernames */
1007 #pt-userpage,
1008 #pt-anonuserpage,
1009 #pt-login {
1010         background: url(images/user-icon.png) left top no-repeat;
1011         padding-left: 15px !important;
1012         text-transform: none;
1013 }
1014
1015 .toccolours {
1016         border: 1px solid #aaa;
1017         background-color: #f9f9f9;
1018         padding: 5px;
1019         font-size: 95%;
1020 }
1021 #bodyContent {
1022         position: relative;
1023         width: 100%;
1024 }