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