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