skins/vector/main.css

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