skins/vector/main-ltr.css

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