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