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