skins/vector/main-ltr.css

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