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