skins/modern/main.css

   1 body {
   2         margin: 0 0 0 0;
   3         padding: 0 0 0 0;
   4         font-size: x-small;
   5
   6
   7         font-family: sans-serif;
   8         color: black;
   9         background-color: #f0f0f0;
  10
  11         direction: ltr;
  12         unicode-bidi: embed;
  13 }
  14
  15 #mw_main,
  16 #p-personal,
  17 #mw_header,
  18 .os-suggest {
  19         font-size: 130%;
  20 }
  21
  22 #mw_header {
  23         position: absolute;
  24         top: 0;
  25         left: 0;
  26         margin: 0 0 0 0;
  27         padding: 0 0em 0 0em;
  28         border: none;
  29         height: 2em;
  30         width: 100%;
  31
  32         background-color: #003366;
  33         color: white;
  34 }
  35
  36 #mw_header h1 {
  37         margin: 0 0 0 0.5em;
  38         padding: 0 0 0 0;
  39         text-decoration: none;
  40         font-size: 150%;
  41 }
  42
  43 #p-personal {
  44         position: absolute;
  45         top: 2em;
  46         left: 0;
  47         height: 1.5em;
  48         margin: 0 0 0 0;
  49         padding: 0 0 0 0;
  50         width: 100%;
  51
  52 }
  53
  54 #p-personal div.pBody {
  55         margin: 0 0 0 0;
  56         padding: 0 0 0 0;
  57         height: 1.5em;
  58         font-variant: small-caps;
  59 }
  60
  61 #p-personal h3,
  62 #p-personal h5 {
  63         display: none;
  64 }
  65
  66 #p-personal ul {
  67         margin: 0 0 0 0;
  68         padding: 0 0 0 0;
  69         display: block;
  70         height: 1.5em;
  71         background-color: #3c78b5;
  72 }
  73
  74 #p-personal li {
  75         display: block;
  76         float: left;
  77         height: 1.5em;
  78         margin: 0 0 0 0;
  79         vertical-align: middle;
  80
  81         font-weight: bold;
  82         text-transform: lowercase;
  83 }
  84
  85 #p-personal li a {
  86         text-decoration: none;
  87         color: white;
  88         padding: 0 1em 0 1em;
  89 }
  90
  91 #p-personal li a:hover {
  92         text-decoration: none;
  93         color: white;
  94 }
  95
  96 #p-personal li:hover {
  97         background-color: #003366;
  98 }
  99
 100 #jump-to-nav {
 101         display: none;
 102 }
 103
 104 #mw_contentwrapper {
 105         width: 100%;
 106         margin: 0 0 0 -15em;
 107         float: right;
 108 }
 109
 110 #mw_content {
 111         margin: 0 0 0 14em;
 112
 113         background-color: white;
 114         border-top: solid 1px #bbbbbb;
 115         border-left: solid 1px #bbbbbb;
 116         border-bottom: solid 1px #bbbbbb;
 117
 118         line-height: 1.5em;
 119         padding: 0 1em 1em 1em;
 120 }
 121
 122 #mw_portlets {
 123         width: 14em;
 124
 125         border-right: solid 1px #bbbbbb;
 126         background-color: #f0f0f0;
 127 }
 128
 129 /* Hide, but keep accessible for screen-readers */
 130 #mw_portlets h2 {
 131         position: absolute;
 132         top: -9999px;
 133 }
 134
 135 #mw_main {
 136         padding: 0 0 0 0;
 137         margin: 0 0 0 0;
 138         margin-top: 3.5em;
 139 }
 140
 141 div.mw_clear {
 142         margin: 0 0 0 0;
 143         padding: 0 0 0 0;
 144         clear: both;
 145 }
 146
 147 .portlet {
 148         padding: 0 0 0 0;
 149         margin: 0 0 0 0;
 150 }
 151
 152 .portlet div.pBody {
 153         padding: 0em 0 0.5em 0;
 154 }
 155
 156 textarea {
 157         width: 100%;
 158         padding: .1em;
 159 }
 160 #editform textarea {
 161         -moz-box-sizing: border-box;
 162         -webkit-box-sizing: border-box;
 163         box-sizing: border-box;
 164 }
 165
 166 #searchBody {
 167         text-align: center;
 168 }
 169
 170 #searchInput {
 171         width: 85%;
 172         margin-left: auto;
 173         margin-right: auto;
 174 }
 175
 176 #p-search #searchform div div {
 177         margin-top: .4em;
 178 }
 179
 180 .portlet h3,
 181 .portlet h5 {
 182         padding: 0.1em 0 0.3em 1em;
 183         margin: 0 0 0 0;
 184         background-color: #dddddd;
 185         font-weight: bold;
 186         font-size: 0.83em;
 187         border-bottom: solid 1px #3c78b5;
 188         height: 1.1em;
 189 }
 190
 191 .portlet ul {
 192         margin: 0 0 0 1.5em;
 193         padding: 0 0 0 0;
 194 }
 195
 196 #mw_portlets .portlet ul {
 197         line-height: 1.4em;
 198 }
 199
 200 ul {
 201         /* @embed */
 202         list-style-image: url(bullet.gif);
 203 }
 204
 205 #p-cactions {
 206         height: 1.5em;
 207         padding: 0 0 0 0;
 208         margin: 0 0 0 14em;
 209 }
 210
 211 #p-cactions div.pBody {
 212         margin: 0 0 0 0;
 213         padding: 0 0 0 0;
 214 }
 215
 216 #p-cactions a,
 217 #p-cactions a:hover {
 218         color: black;
 219         text-decoration: none;
 220 }
 221
 222 #p-cactions ul {
 223         display: inline;
 224         margin: 0 0 0 0;
 225         padding: 0 0 0 0;
 226 }
 227
 228 #p-cactions li {
 229         margin: 0 0.5em 0 0.5em;
 230         padding: 0 0.2em 0 0.2em;
 231         display: block;
 232         float: left;
 233         height: 1.5em;
 234         text-transform: lowercase;
 235 }
 236
 237 #p-cactions li.selected {
 238         background-color: #bbbbbb;
 239 }
 240
 241 #p-cactions li a,
 242 #p-cactions li a:hover,
 243 #p-cactions li a:visited {
 244         text-decoration: underline;
 245         color: #003366;
 246 }
 247
 248 #p-cactions li.selected a,
 249 #p-cactions li.selected a:hover,
 250 #p-cactions li.selected a:visited {
 251         text-decoration: none;
 252         color: white;
 253 }
 254
 255 #p-cactions h3,
 256 #p-cactions h5 {
 257         display: none;
 258 }
 259
 260 #siteSub {
 261         display: none;
 262 }
 263
 264 #footer {
 265         background-color: #f0f0f0;
 266         /* @embed */
 267         background: url(footer-grad.png) repeat-x 0 0;
 268         padding: 10px 1em 1em 1em;
 269         clear:both;
 270         color: #444444;
 271 }
 272
 273 #footer a,
 274 #footer a:hover,
 275 #footer a:visited {
 276         color: #444444;
 277         text-decoration: underline;
 278 }
 279
 280 img {
 281         border: none;
 282 }
 283
 284 #footer li {
 285         display: inline;
 286         list-style-type: none;
 287         padding: 0 0 0 0;
 288         margin: 0 0 0 0;
 289 }
 290
 291 #footer ul {
 292         padding: 0 0 0 0;
 293         margin: 0 0 0 0;
 294 }
 295
 296 p {
 297         margin: 1em 0 1em 0;
 298 }
 299
 300 hr {
 301         height: 1px;
 302         color: #aaa;
 303         background-color: #aaa;
 304         border: 0;
 305         margin: .2em 0 .2em 0;
 306 }
 307
 308 #contentSub {
 309         color: #888;
 310         font-size: small;
 311         padding-left: 2em;
 312 }
 313
 314 #mw_portlets form {
 315         margin: 0 0 0 0;
 316         padding: 0 0 0 0;
 317 }
 318
 319 a {
 320         text-decoration: none;
 321         color: #003366;
 322         background: none;
 323 }
 324 a:visited {
 325         color: #5a3696;
 326 }
 327 a:active {
 328         color: #faa700;
 329 }
 330 a:hover {
 331         text-decoration: underline;
 332 }
 333 a.stub {
 334         color: #772233;
 335 }
 336 a.new {
 337         color: #ba0000;
 338 }
 339 a.new:visited {
 340         color: #a55858;
 341 }
 342
 343 span.editsection {
 344         font-size: small;
 345 }
 346
 347 h1, h2 {
 348         border-bottom: solid 1px #003366;
 349 }
 350
 351 h1, h2, h3, h4, h5, h6 {
 352         overflow: hidden;
 353 }
 354
 355 #preftoc {
 356         width: 100%;
 357         margin: 0 0 0 0;
 358         padding: 0 0 0 0;
 359         height: 1.5em;
 360         clear: right;
 361 }
 362
 363 #preftoc li {
 364         margin: 0 0.5em 0 0.5em;
 365         padding: 0 0.2em 0 0.2em;
 366         display: block;
 367         float: left;
 368         height: 1.5em;
 369         text-transform: lowercase;
 370 }
 371
 372 #preferences {
 373         margin: 0 0 0 0;
 374         padding: 0em 1em 1em 1em;
 375         border: solid 1px #bbbbbb;
 376         clear: left; /* Multi-line toc should not push data to horizontally */
 377 }
 378
 379 #preferences fieldset {
 380         margin-top: 0;
 381         border: none;
 382 }
 383
 384 .mainLegend {
 385         display: none;
 386 }
 387
 388 .htmlform-tip {
 389         font-size: x-small;
 390         padding: .2em 2em;
 391         color: #666;
 392 }
 393
 394 .prefsection legend {
 395         font-weight: bold;
 396 }
 397
 398 #preftoc li.selected {
 399         background-color: #bbbbbb;
 400 }
 401
 402 #preftoc li a,
 403 #preftoc li a:hover,
 404 #preftoc li a:visited {
 405         text-decoration: underline;
 406         color: #003366;
 407 }
 408
 409 #preftoc li.selected a,
 410 #preftoc li.selected a:hover,
 411 #preftoc li.selected a:visited {
 412         text-decoration: none;
 413         color: white;
 414 }
 415
 416 #mw-pref-clear {
 417         clear: both;
 418 }
 419
 420 #mw_content a.external,
 421 #mw_content a.external[href ^="gopher://"] {
 422         /* @embed */
 423         background: url(external.png) center right no-repeat;
 424         padding-right: 13px;
 425 }
 426 #mw_content a.external[href ^="https://"],
 427 .link-https {
 428         /* @embed */
 429         background: url(lock_icon.gif) center right no-repeat;
 430         padding-right: 16px;
 431 }
 432 #mw_content a.external[href ^="mailto:"],
 433 .link-mailto {
 434         /* @embed */
 435         background: url(mail_icon.gif) center right no-repeat;
 436         padding-right: 18px;
 437 }
 438 #mw_content a.external[href ^="news:"] {
 439         /* @embed */
 440         background: url(news_icon.png) center right no-repeat;
 441         padding-right: 18px;
 442 }
 443 #mw_content a.external[href ^="ftp://"],
 444 .link-ftp {
 445         /* @embed */
 446         background: url(file_icon.gif) center right no-repeat;
 447         padding-right: 18px;
 448 }
 449 #mw_content a.external[href ^="irc://"],
 450 #mw_content a.external[href ^="ircs://"],
 451 .link-irc {
 452         /* @embed */
 453         background: url(discussionitem_icon.gif) center right no-repeat;
 454         padding-right: 18px;
 455 }
 456
 457 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
 458 #mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
 459 #mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
 460 #mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
 461 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
 462 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
 463 .link-audio {
 464         /* @embed */
 465         background: url(audio.png) center right no-repeat;
 466         padding-right: 13px;
 467 }
 468 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
 469 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
 470 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
 471 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
 472 .link-video {
 473         /* @embed */
 474         background: url(video.png) center right no-repeat;
 475         padding-right: 13px;
 476 }
 477 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
 478 #mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
 479 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
 480 .link-document {
 481         /* @embed */
 482         background: url(document.png) center right no-repeat;
 483         padding-right: 12px;
 484 }
 485
 486 /* images */
 487 /* @noflip */div.floatright, table.floatright {
 488         margin: 0 0 .5em .5em;
 489         border: 0;
 490 }
 491 div.floatright p {
 492         font-style: italic;
 493 }
 494 /* @noflip */div.floatleft, table.floatleft {
 495         margin: 0 .5em .5em 0;
 496         border: 0;
 497 }
 498 div.floatleft p {
 499         font-style: italic;
 500 }
 501
 502 /* thumbnails */
 503 div.thumb {
 504         margin-bottom: .5em;
 505         width: auto;
 506 }
 507 div.thumbinner {
 508         border: 1px solid #ccc;
 509         padding: 3px !important;
 510         background-color: #f9f9f9;
 511         font-size: 94%;
 512         text-align: center;
 513         overflow: hidden;
 514 }
 515 html .thumbimage {
 516         border: 1px solid #ccc;
 517 }
 518 html .thumbcaption {
 519         border: none;
 520         text-align: left;
 521         line-height: 1.4em;
 522         padding: 3px !important;
 523         font-size: 94%;
 524 }
 525 div.magnify {
 526         float: right;
 527         border: none !important;
 528         background: none !important;
 529 }
 530 div.magnify a, div.magnify img {
 531         display: block;
 532         border: none !important;
 533         background: none !important;
 534 }
 535 /* @noflip */div.tright {
 536         margin: .5em 0 .8em 1.4em;
 537 }
 538 /* @noflip */div.tleft {
 539         margin: .5em 1.4em .8em 0;
 540 }
 541 img.thumbborder {
 542         border: 1px solid #dddddd;
 543 }
 544 .mw-warning {
 545         border: 1px solid #aaa;
 546         background-color: #f9f9f9;
 547         padding: 5px;
 548         font-size: 95%;
 549 }
 550
 551 #toc,
 552 .toc {
 553         margin: 0 0 0 0;
 554         padding: 0 0 0 0;
 555         border-spacing: 0;
 556         background-color: #f0f0f0;
 557         border: solid 1px #bbbbbb;
 558 }
 559
 560 #toc tr, #toc td {
 561         margin: 0 0 0 0;
 562         padding: 0 0 0 0;
 563 }
 564
 565 #toctitle {
 566         border-bottom: solid 1px #3c78b5;
 567         background-color: #dddddd;
 568         margin: 0 0 0 0;
 569 }
 570
 571 #toc h2,
 572 .toc h2 {
 573         display: inline;
 574         border: none;
 575         padding: 0;
 576         font-size: 100%;
 577         font-weight: bold;
 578 }
 579 #toc #toctitle,
 580 .toc #toctitle,
 581 #toc .toctitle,
 582 .toc .toctitle {
 583         text-align: center;
 584 }
 585
 586 #toc ul,
 587 .toc ul {
 588         list-style-type: none;
 589         list-style-image: none;
 590         margin: 0 1em 0 1em;
 591         padding: 0;
 592         text-align: left;
 593 }
 594
 595 #toc ul ul,
 596 .toc ul ul {
 597         margin: 0 0 0 2em;
 598 }
 599
 600 #toc .toctoggle,
 601 .toc .toctoggle {
 602         font-size: 94%;
 603 }
 604
 605 .mw-warning {
 606         margin-left: 50px;
 607         margin-right: 50px;
 608         text-align: center;
 609 }
 610
 611 .catlinks {
 612         border: solid 1px #bbbbbb;
 613         background-color: #f0f0f0;
 614         padding: 0.1em 0.3em 0.1em 0.3em;
 615         margin: 0 0 0 0;
 616 }
 617
 618 #mw_header h1,
 619 #p-personal,
 620 #p-cactions {
 621         overflow: hidden;
 622 }
 623
 624 /* disable interwiki styling */
 625 #mw_content a.extiw,
 626 #mw_content a.extiw:active {
 627         color: #36b;
 628 }
 629 #mw_content a.external {
 630         color: #36b;
 631 }
 632
 633
 634 .redirectText {
 635         font-size: 150%;
 636         margin: 5px;
 637 }
 638
 639 .printfooter {
 640         display: none;
 641 }
 642
 643 .sharedUploadNotice {
 644         font-style: italic;
 645 }
 646
 647 span.updatedmarker {
 648         color: black;
 649         background-color: #0f0;
 650 }
 651
 652 .previewnote {
 653         text-indent: 3em;
 654         color: #c00;
 655         border-bottom: 1px solid #aaa;
 656         padding-bottom: 1em;
 657         margin-bottom: 1em;
 658 }
 659
 660 .previewnote p {
 661         margin: 0;
 662         padding: 0;
 663 }
 664
 665 .editExternally {
 666         border: 1px solid gray;
 667         background-color: #ffffff;
 668         padding: 3px;
 669         margin-top: 0.5em;
 670         float: left;
 671         font-size: small;
 672         text-align: center;
 673 }
 674 .editExternallyHelp {
 675         font-style: italic;
 676         color: gray;
 677 }
 678
 679 .toggle {
 680         margin-left: 2em;
 681         text-indent: -2em;
 682 }
 683
 684 table.collapsed tr.collapsable {
 685         display: none;
 686 }
 687
 688 input#wpSummary {
 689         width: 80%;
 690 }
 691
 692 /* @bug 1714 */
 693 input#wpSave, input#wpDiff {
 694         margin-right: 0.33em;
 695 }
 696
 697 #wpSave {
 698         font-weight: bold;
 699 }
 700
 701 /* noarticletext */
 702 div.noarticletext {
 703         border: 1px solid #ccc;
 704         background: #fff;
 705         padding: .2em 1em;
 706         color: #000;
 707 }
 708
 709 div#searchTargetContainer {
 710         left: 10px;
 711         top: 10px;
 712         width: 90%;
 713         background: white;
 714 }
 715
 716 div#searchTarget {
 717         padding: 3px;
 718         margin: 5px;
 719         background: #F0F0F0;
 720         border: solid 1px blue;
 721 }
 722
 723 div#searchTarget ul li {
 724         list-style: none;
 725 }
 726
 727 div#searchTarget ul li:before {
 728         color: orange;
 729         content: "\00BB \0020";
 730 }
 731
 732 div#searchTargetHide {
 733         float: right;
 734         border: solid 1px black;
 735         background: #DCDCDC;
 736         padding: 2px;
 737 }
 738
 739 div.multipageimagenavbox {
 740         border: solid 1px silver;
 741         padding: 4px;
 742         margin: 1em;
 743         background: #f0f0f0;
 744 }
 745
 746 div.multipageimagenavbox div.thumb {
 747         border: none;
 748         margin-left: 2em;
 749         margin-right: 2em;
 750 }
 751
 752 div.multipageimagenavbox hr {
 753         margin: 6px;
 754 }
 755
 756 table.multipageimage td {
 757         text-align: center;
 758 }
 759
 760 .templatesUsed {
 761         margin-top: 1.5em;
 762 }
 763
 764 .mw-summary-preview {
 765         margin: 0.1em 0;
 766 }
 767
 768 /* Friendlier slave lag warnings */
 769 div.mw-lag-warn-normal,
 770 div.mw-lag-warn-high {
 771         padding: 3px;
 772         text-align: center;
 773         margin: 3px auto;
 774 }
 775 div.mw-lag-warn-normal {
 776         border: 1px solid #FFCC66;
 777         background-color: #FFFFCC;
 778 }
 779 div.mw-lag-warn-high {
 780         font-weight: bold;
 781         border: 2px solid #FF0033;
 782         background-color: #FFCCCC;
 783 }
 784
 785 .MediaTransformError {
 786         background-color: #ccc;
 787         padding: 0.1em;
 788 }
 789 .MediaTransformError td {
 790         text-align: center;
 791         vertical-align: middle;
 792         font-size: 90%;
 793 }
 794 ul {
 795         line-height: 1.5em;
 796         list-style-type: square;
 797         margin: .3em 0 0 1.5em;
 798         padding: 0;
 799         /* @embed */
 800         list-style-image: url(bullet.gif);
 801 }
 802 ol {
 803         line-height: 1.5em;
 804         margin: .3em 0 0 3.2em;
 805         padding: 0;
 806         list-style-image: none;
 807 }
 808 li {
 809         margin-bottom: .1em;
 810 }
 811 dt {
 812         font-weight: bold;
 813         margin-bottom: .1em;
 814 }
 815 dl {
 816         margin-top: .2em;
 817         margin-bottom: .5em;
 818 }
 819
 820 #p-cactions li.new a {
 821         color: #cc2200;
 822 }
 823
 824 span.subpages {
 825         font-size: 80%;
 826         display: block;
 827 }
 828
 829 pre, .mw-code {
 830         border: solid 1px #3c78b5;
 831         padding: 0.4em;
 832         background-color: #f0f0f0;
 833 }
 834
 835 .usermessage {
 836         background-color: #dadaff;
 837 }
 838
 839 .mw-topboxes {
 840         border-collapse: collapse;
 841         margin: 0 -1em 1em -1em;
 842         padding: 0 0 8px 0;
 843         /* @embed */
 844         background: url(footer-grad.png) repeat-x bottom left;
 845 }
 846
 847 .mw-topbox p {
 848         padding: 0 0 0 0;
 849         margin: 0 0 0 0;
 850 }
 851
 852 .mw-topbox {
 853         color: black;
 854         font-weight: bold;
 855         margin: 0 0 0 0;
 856         padding: 0 1em 0 1em;
 857         vertical-align: middle;
 858         border-collapse: collapse;
 859         border-bottom: solid 1px #bbbbbb;
 860 }
 861
 862 #siteSub {
 863         background-color: #dddddd;
 864 }
 865
 866 /* emulate center */
 867 .center {
 868         width: 100%;
 869         text-align: center;
 870 }
 871 *.center * {
 872         margin-left: auto;
 873         margin-right: auto;
 874 }
 875
 876 /* table standards */
 877 .toccolours {
 878         border: 1px solid #bbbbbb;
 879         background-color: #f0f0f0;
 880         border-spacing: 0pt;
 881         margin: 0pt;
 882         padding: 0pt;
 883 }
 884
 885 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
 886 .tipsy {
 887         font-size: 130%;
 888 }
 889
 890 /**
 891  * Lists:
 892  * The following lines don't have a visible effect on non-Gecko browsers
 893  * They fix a problem ith Gecko browsers rendering lists to the right of
 894  * left-floated objects in an RTL layout.
 895  */
 896 /* @noflip */
 897 html > body.rtl div#mw_contentholder ul {
 898         display: table;
 899 }
 900
 901 /* @noflip */
 902 html > body.rtl div#mw_contentholder ul#filetoc {
 903         display: block;
 904 }