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