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