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