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                 margin-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         #p-personal li {
  91                 margin-right: 0.75em;
  92                 margin-top: 0.5em;
  93                 font-size: 0.75em;
  94         }
  95         /* Navigation Containers */
  96         #left-navigation {
  97                 position: absolute;
  98                 right: 10em;
  99                 top: 2.5em;
 100         }
 101         #right-navigation {
 102                 float: left;
 103                 margin-top: 2.5em;
 104         }
 105         /* Navigation Labels */
 106         div.vectorTabs h5,
 107         div.vectorMenu h5 span {
 108                 display: none;
 109         }
 110         /* Namespaces and Views */
 111         /* @noflip */
 112         div.vectorTabs {
 113                 float: left;
 114                 height: 2.5em;
 115         }
 116         div.vectorTabs {
 117                 background-image: url(images/tab-break.png?1);
 118                 background-position: bottom right;
 119                 background-repeat: no-repeat;
 120                 padding-right: 1px;
 121         }
 122         /* @noflip */
 123         div.vectorTabs ul {
 124                 float: left;
 125         }
 126         div.vectorTabs ul {
 127                 height: 100%;
 128                 list-style: none;
 129                 margin: 0;
 130                 padding: 0;
 131         }
 132         /* @noflip */
 133         div.vectorTabs ul li {
 134                 float: left;
 135         }
 136         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 137         div.vectorTabs ul li {
 138                 line-height: 1.125em;
 139                 display: inline-block;
 140                 height: 100%;
 141                 margin: 0;
 142                 padding: 0;
 143                 background-color: #f3f3f3;
 144                 background-image: url(images/tab-normal-fade.png?1);
 145                 background-position: bottom right;
 146                 background-repeat: repeat-x;
 147                 white-space:nowrap;
 148         }
 149         /* IGNORED BY IE6 */
 150         div.vectorTabs ul > li {
 151                 display: block;
 152         }
 153         div.vectorTabs li.selected {
 154                 background-image: url(images/tab-current-fade.png?1);
 155         }
 156         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 157         div.vectorTabs li a {
 158                 display: inline-block;
 159                 height: 2.5em;
 160                 padding-right: 0.4em;
 161                 padding-left: 0.4em;
 162                 background-image: url(images/tab-break.png?1);
 163                 background-position: bottom left;
 164                 background-repeat: no-repeat;
 165         }
 166         div.vectorTabs li a,
 167         div.vectorTabs li a span {
 168                 color: #0645ad;
 169                 cursor: pointer;
 170         }
 171         div.vectorTabs li a span {
 172                 font-size: 0.8em;
 173         }
 174         /* IGNORED BY IE6 */
 175         div.vectorTabs li > a {
 176                 display: block;
 177         }
 178         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 179         div.vectorTabs a span {
 180                 display: inline-block;
 181                 padding-top: 1.25em;
 182         }
 183         /* IGNORED BY IE6 */
 184         /* @noflip */
 185         div.vectorTabs a > span {
 186                 float: left;
 187                 display: block;
 188         }
 189         div.vectorTabs li.selected a,
 190         div.vectorTabs li.selected a span,
 191         div.vectorTabs li.selected a:visited
 192         div.vectorTabs li.selected a:visited span {
 193                 color: #333333;
 194                 text-decoration: none;
 195         }
 196         div.vectorTabs li.new a,
 197         div.vectorTabs li.new a span,
 198         div.vectorTabs li.new a:visited,
 199         div.vectorTabs li.new a:visited span {
 200                 color: #a55858;
 201         }
 202         /* Variants and Actions */
 203         /* @noflip */
 204         div.vectorMenu {
 205                 direction: ltr;
 206                 float: left;
 207                 background-image: url(images/arrow-down-icon.png?1);
 208                 background-position: 100% 60%;
 209                 background-repeat: no-repeat;
 210                 cursor: pointer;
 211         }
 212         /* @noflip */
 213         body.rtl div.vectorMenu {
 214                 direction: rtl;
 215         }
 216         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 217         /* @noflip */
 218         div#mw-head div.vectorMenu h5 {
 219                 float: left;
 220                 background-image: url(images/tab-break.png?1);
 221                 background-repeat: no-repeat;
 222         }
 223         /* IGNORED BY IE6 */
 224         div#mw-head div.vectorMenu > h5 {
 225                 background-image: none;
 226         }
 227         div#mw-head div.vectorMenu h5 {
 228                 background-position: bottom right;
 229                 margin-right: -1px;
 230         }
 231         div#mw-head div.vectorMenu h4 {
 232                 display: inline-block;
 233                 float: right;
 234                 font-size: 0.8em;
 235                 padding-right: 0.5em;
 236                 padding-top: 1.375em;
 237                 font-weight: normal;
 238                 border: none;
 239         }
 240         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 241         /* @noflip */
 242         div.vectorMenu h5 a {
 243                 display: inline-block;
 244                 width: 24px;
 245                 height: 2.5em;
 246                 text-decoration: none;
 247                 background-image: url(images/tab-break.png?1);
 248                 background-repeat: no-repeat;
 249         }
 250         div.vectorMenu h5 a{
 251                 background-position: bottom left;
 252         }
 253         /* IGNORED BY IE6 */
 254         div.vectorMenu h5 > a {
 255                 display: block;
 256         }
 257         div.vectorMenu div.menu {
 258                 position: relative;
 259                 display: none;
 260                 clear: both;
 261                 text-align: right;
 262         }
 263         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 264         /* @noflip */
 265         body.rtl div.vectorMenu div.menu {
 266                 margin-left: 24px;
 267         }
 268         /* IGNORED BY IE6 */
 269         /* @noflip */
 270         body.rtl div.vectorMenu > div.menu {
 271                 margin-left: auto;
 272         }
 273         /* Fixes old versions of FireFox */
 274         /* @noflip */
 275         body.rtl div.vectorMenu > div.menu,
 276         x:-moz-any-link {
 277                 margin-left: 23px;
 278         }
 279         div.vectorMenu:hover div.menu {
 280                 display: block;
 281         }
 282         div.vectorMenu ul {
 283                 position: absolute;
 284                 background-color: white;
 285                 border: solid 1px silver;
 286                 border-top-width: 0;
 287                 list-style: none;
 288                 list-style-image: none;
 289                 list-style-type: none;
 290                 padding: 0;
 291                 margin: 0;
 292                 margin-right: -1px;
 293                 text-align: right;
 294         }
 295         /* Fixes old versions of FireFox */
 296         div.vectorMenu ul,
 297         x:-moz-any-link {
 298                 min-width: 5em;
 299         }
 300         /* Returns things back to normal in modern versions of FireFox */
 301         div.vectorMenu ul,
 302         x:-moz-any-link,
 303         x:default {
 304                 min-width: 0;
 305         }
 306         div.vectorMenu li {
 307                 padding: 0;
 308                 margin: 0;
 309                 text-align: right;
 310                 line-height: 1em;
 311         }
 312         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 313         div.vectorMenu li a {
 314                 display: inline-block;
 315                 padding: 0.5em;
 316                 white-space: nowrap;
 317         }
 318         /* IGNORED BY IE6 */
 319         div.vectorMenu li > a {
 320                 display: block;
 321         }
 322         div.vectorMenu li a {
 323                 color: #0645ad;
 324                 cursor: pointer;
 325                 font-size: 0.8em;
 326         }
 327         div.vectorMenu li.selected a,
 328         div.vectorMenu li.selected a:visited {
 329                 color: #333333;
 330                 text-decoration: none;
 331         }
 332         /* Search */
 333         #p-search h5 {
 334                 display: none;
 335         }
 336         /* @noflip */
 337         #p-search {
 338                 float: left;
 339         }
 340         #p-search {
 341                 margin-left: 0.5em;
 342                 margin-right: 0.5em;
 343         }
 344         #p-search form,
 345         #p-search input {
 346                 margin: 0;
 347                 margin-top: 0.4em;
 348         }
 349         div#simpleSearch {
 350                 margin-top: 0.65em;
 351                 position: relative;
 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 input#searchInput {
 367                 margin: 0;
 368                 border-width: 0;
 369                 padding: 3px;
 370                 line-height: 1em;
 371                 /*
 372                  * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
 373                  * this from ever being shown anyways.
 374                 */
 375                 font-size: 13px;
 376                 width: 14em;
 377                 background-color: transparent;
 378         }
 379         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 380         div#simpleSearch button#searchButton {
 381                 margin: 0;
 382                 padding: 0;
 383                 width: 1.75em;
 384                 height: 16px;
 385                 border: none;
 386                 cursor: pointer;
 387                 background-color: transparent;
 388                 background-image: url(images/search-rtl.png?1);
 389                 background-position: center center;
 390                 background-repeat: no-repeat;
 391         }
 392         /* IGNORED BY IE6 */
 393         div#simpleSearch > button#searchButton {
 394                 height: 100%;
 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         font-family: monospace, sans-serif;
 731 }
 732 code {
 733         background-color: #f9f9f9;
 734 }
 735 pre {
 736         padding: 1em;
 737         border: 1px dashed #2f6fab;
 738         color: black;
 739         background-color: #f9f9f9;
 740         line-height: 1.1em;
 741 }
 742 ul {
 743         line-height: 1.5em;
 744         list-style-type: square;
 745         margin: .3em 1.5em 0 0;
 746         padding: 0;
 747         list-style-image: url(images/bullet-icon.png?1);
 748 }
 749 ol {
 750         line-height: 1.5em;
 751         margin: .3em 3.2em 0 0;
 752         padding: 0;
 753         list-style-image: none;
 754 }
 755 li {
 756         margin-bottom: .1em;
 757 }
 758 dt {
 759         font-weight: bold;
 760         margin-bottom: .1em;
 761 }
 762 dl {
 763         margin-top: .2em;
 764         margin-bottom: .5em;
 765 }
 766 dd {
 767         line-height: 1.5em;
 768         margin-right: 2em;
 769         margin-bottom: .1em;
 770 }
 771 /* Tables */
 772 table {
 773         font-size: 100%;
 774         color: black;
 775         /* we don't want the bottom borders of <h2>s to be visible through
 776          * floated tables */
 777         background-color: white;
 778 }
 779 fieldset table {
 780         /* but keep table layouts in forms clean... */
 781         background: none;
 782 }
 783 /* Forms */
 784 fieldset {
 785         border: 1px solid #2f6fab;
 786         margin: 1em 0 1em 0;
 787         padding: 0 1em 1em;
 788         line-height: 1.5em;
 789 }
 790         fieldset.nested {
 791                 margin: 0 0 0.5em 0;
 792                 padding: 0 0.5em 0.5em;
 793         }
 794 legend {
 795         padding: .5em;
 796         font-size: 95%;
 797 }
 798 form {
 799         border: none;
 800         margin: 0;
 801 }
 802 textarea {
 803         width: 100%;
 804         padding: .1em;
 805 }
 806 select {
 807         vertical-align: top;
 808 }
 809 /* Table of Contents */
 810 #toc,
 811 .toc,
 812 .mw-warning {
 813         border: 1px solid #aaa;
 814         background-color: #f9f9f9;
 815         padding: 5px;
 816         font-size: 95%;
 817 }
 818 #toc h2,
 819 .toc h2 {
 820         display: inline;
 821         border: none;
 822         padding: 0;
 823         font-size: 100%;
 824         font-weight: bold;
 825 }
 826 #toc #toctitle,
 827 .toc #toctitle,
 828 #toc .toctitle,
 829 .toc .toctitle {
 830         text-align: center;
 831 }
 832 #toc ul,
 833 .toc ul {
 834         list-style-type: none;
 835         list-style-image: none;
 836         margin-right: 0;
 837         padding-right: 0;
 838         text-align: right;
 839 }
 840 #toc ul ul,
 841 .toc ul ul {
 842         margin: 0 2em 0 0;
 843 }
 844 #toc .toctoggle,
 845 .toc .toctoggle {
 846         font-size: 94%;
 847 }
 848 /* Images */
 849 div.floatright, table.floatright {
 850         clear: left;
 851         float: left;
 852         position: relative;
 853         margin: 0 .5em .5em 0;
 854         border: 0;
 855 }
 856 div.floatright p { font-style: italic; }
 857 div.floatleft, table.floatleft {
 858         float: right;
 859         clear: right;
 860         position: relative;
 861         margin: 0 0 .5em .5em;
 862         border: 0;
 863 }
 864 div.floatleft p { font-style: italic; }
 865 /* Thumbnails */
 866 div.thumb {
 867         margin-bottom: .5em;
 868         border-style: solid;
 869         border-color: white;
 870         width: auto;
 871         background-color: transparent;
 872 }
 873 div.thumbinner {
 874         border: 1px solid #ccc;
 875         padding: 3px !important;
 876         background-color: #f9f9f9;
 877         font-size: 94%;
 878         text-align: center;
 879         overflow: hidden;
 880 }
 881 html .thumbimage {
 882         border: 1px solid #ccc;
 883 }
 884 html .thumbcaption {
 885         border: none;
 886         text-align: right;
 887         line-height: 1.4em;
 888         padding: 3px !important;
 889         font-size: 94%;
 890 }
 891 div.magnify {
 892         float: left;
 893         border: none !important;
 894         background: none !important;
 895 }
 896 div.magnify a, div.magnify img {
 897         display: block;
 898         border: none !important;
 899         background: none !important;
 900 }
 901 div.tright {
 902         clear: left;
 903         float: left;
 904         border-width: .5em 1.4em .8em 0;
 905 }
 906 div.tleft {
 907         float: right;
 908         clear: right;
 909         margin-left: .5em;
 910         border-width: .5em 0 .8em 1.4em;
 911 }
 912 img.thumbborder {
 913         border: 1px solid #dddddd;
 914 }
 915 .hiddenStructure {
 916         display: none;
 917 }
 918 /* Warning */
 919 .mw-warning {
 920         margin-right: 50px;
 921         margin-left: 50px;
 922         text-align: center;
 923 }
 924 /* User Message */
 925 .usermessage {
 926         background-color: #ffce7b;
 927         border: 1px solid #ffa500;
 928         color: black;
 929         font-weight: bold;
 930         margin: 2em 0 1em;
 931         padding: .5em 1em;
 932         vertical-align: middle;
 933 }
 934 /* Site Notice (includes notices from CentralNotice extension) */
 935 #siteNotice {
 936         text-align: center;
 937         font-size: 0.8em;
 938         margin: 0;
 939 }
 940 #localNotice {
 941         margin-bottom: 0.9em;
 942 }
 943 /* Categories */
 944 .catlinks {
 945         border: 1px solid #aaa;
 946         background-color: #f9f9f9;
 947         padding: 5px;
 948         margin-top: 1em;
 949         clear: both;
 950 }
 951 /* Sub-navigation */
 952 #siteSub {
 953         display: none;
 954 }
 955 #jump-to-nav {
 956         display: none;
 957 }
 958 #contentSub, #contentSub2 {
 959         font-size: 84%;
 960         line-height: 1.2em;
 961         margin: 0 1em 1.4em 0;
 962         color: #7d7d7d;
 963         width: auto;
 964 }
 965 span.subpages {
 966         display: block;
 967 }
 968 /* Emulate Center */
 969 .center {
 970         width: 100%;
 971         text-align: center;
 972 }
 973 *.center * {
 974         margin-right: auto;
 975         margin-left: auto;
 976 }
 977 /* Small for tables and similar */
 978 .small, .small * {
 979         font-size: 94%;
 980 }
 981 table.small {
 982         font-size: 100%;
 983 }
 984 /* Edge Cases for Content */
 985 h1, h2 {
 986         margin-bottom: .6em;
 987 }
 988 h3, h4, h5 {
 989         margin-bottom: .3em;
 990 }
 991 #firstHeading {
 992         padding-top: 0;
 993         margin-top: 0;
 994         padding-top: 0;
 995         margin-bottom: 0.1em;
 996         line-height: 1.2em;
 997         font-size: 1.6em;
 998         padding-bottom: 0;
 999 }
1000 div#content a.external,
1001 div#content a[href ^="gopher://"] {
1002         background: url(images/external-link-rtl-icon.png?2) center left no-repeat;
1003         padding: 0 0 0 13px;
1004 }
1005 div#content a[href ^="https://"],
1006 .link-https {
1007         background: url(images/lock-icon.png?2) center left no-repeat;
1008         padding: 0 0 0 13px;
1009 }
1010 div#content a[href ^="mailto:"],
1011 .link-mailto {
1012         background: url(images/mail-icon.png?2) center left no-repeat;
1013         padding: 0 0 0 13px;
1014 }
1015 div#content a[href ^="news://"] {
1016         background: url(images/news-icon.png?2) center left no-repeat;
1017         padding: 0 0 0 13px;
1018 }
1019 div#content a[href ^="ftp://"],
1020 .link-ftp {
1021         background: url(images/file-icon.png?2) center left no-repeat;
1022         padding: 0 0 0 13px;
1023 }
1024 div#content a[href ^="irc://"],
1025 div#content a.extiw[href ^="irc://"],
1026 .link-irc {
1027         background: url(images/talk-icon.png?2) center left no-repeat;
1028         padding: 0 0 0 13px;
1029 }
1030 div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
1031 div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
1032 div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
1033 div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
1034 div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
1035 div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
1036 .link-audio {
1037         background: url("images/audio-icon.png?2") center left no-repeat;
1038         padding: 0 0 0 13px;
1039 }
1040 div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
1041 div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
1042 div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
1043 div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
1044 .link-video {
1045         background: url("images/video-icon.png?2") center left no-repeat;
1046         padding: 0 0 0 13px;
1047 }
1048 div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
1049 div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
1050 div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
1051 .link-document {
1052         background: url("images/document-icon.png?2") center left no-repeat;
1053         padding: 0 0 0 13px;
1054 }
1055 /* Interwiki Styling  (Disabled) */
1056 div#content a.extiw,
1057 div#content a.extiw:active {
1058         color: #36b;
1059         background: none;
1060         padding: 0;
1061 }
1062 div#content a.external {
1063         color: #36b;
1064 }
1065 div#content .printfooter {
1066         display: none;
1067 }
1068 /* Icon for Usernames */
1069 #pt-userpage,
1070 #pt-anonuserpage,
1071 #pt-login {
1072         background: url(images/user-icon.png?1) right top no-repeat;
1073         padding-right: 15px !important;
1074         text-transform: none;
1075 }
1076
1077 .toccolours {
1078         border: 1px solid #aaa;
1079         background-color: #f9f9f9;
1080         padding: 5px;
1081         font-size: 95%;
1082 }
1083 #bodyContent {
1084         position: relative;
1085         width: 100%;
1086 }
1087 #mw-js-message {
1088         font-size: 0.8em;
1089 }
1090 div#bodyContent {
1091         line-height: 1.5em;
1092 }
1093
1094 /* Watch/Unwatch Icon Styling */
1095 #ca-unwatch.icon,
1096 #ca-watch.icon {
1097         margin-left:1px;
1098 }
1099 #ca-unwatch.icon a,
1100 #ca-watch.icon a {
1101         margin: 0;
1102         padding: 0;
1103         outline: none;
1104         display: block;
1105         width: 26px;
1106         height: 2.5em;
1107 }
1108 #ca-unwatch.icon a {
1109         background-image: url(images/watch-icons.png?1);
1110         background-position: -43px 60%;
1111 }
1112 #ca-watch.icon a {
1113         background-image: url(images/watch-icons.png?1);
1114         background-position: 5px 60%;
1115 }
1116 #ca-unwatch.icon a:hover {
1117         background-image: url(images/watch-icons.png?1);
1118         background-position: -67px 60%;
1119 }
1120 #ca-watch.icon a:hover {
1121         background-image: url(images/watch-icons.png?1);
1122         background-position: -19px 60%;
1123 }
1124 #ca-unwatch.icon a.loading,
1125 #ca-watch.icon a.loading {
1126         background-image: url(images/watch-icon-loading.gif?1);
1127         background-position: center 60%;
1128 }
1129 #ca-unwatch.icon a span,
1130 #ca-watch.icon a span {
1131         display: none;
1132 }
1133 div.vectorTabs ul {
1134         background-image:url(images/tab-break.png?1);
1135         background-position:left bottom;
1136         background-repeat:no-repeat;
1137 }