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