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