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