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