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