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