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