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