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