skins/vector/screen.css

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