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