skins/vector/main-ltr.css

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