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