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