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