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