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