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