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