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