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