skins/common/shared.css

   1 /**
   2  * CSS in this file is used by *all* skins (that have any CSS at all).  Be
   3  * careful what you put in here, since what looks good in one skin may not in
   4  * another, but don't ignore the poor non-Monobook users either.
   5  */
   6
   7 /* Colored watchlist and recent changes numbers */
   8 .mw-plusminus-pos { color: #006400; } /* dark green */
   9 .mw-plusminus-neg { color: #8b0000; } /* dark red */
  10 .mw-plusminus-null { color: #aaa; } /* gray */
  11
  12 /* Comment and username portions of RC entries */
  13 span.comment {
  14         font-style: italic;
  15 }
  16
  17 span.changedby {
  18         font-size: 95%;
  19 }
  20
  21 /* Math */
  22 .texvc {
  23         direction: ltr;
  24         unicode-bidi: embed;
  25 }
  26 img.tex { vertical-align: middle; }
  27 span.texhtml { font-family: serif; }
  28
  29 /* add a bit of margin space between the preview and the toolbar */
  30 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
  31 #wikiPreview.ontop { margin-bottom: 1em; }
  32
  33 /* Stop floats from intruding into edit area in previews */
  34 #editform, #toolbar, #wpTextbox1 {
  35         clear: both;
  36 }
  37
  38 div#mw-js-message {
  39         margin: 1em 5%;
  40         padding: 0.5em 2.5%;
  41         border: solid 1px #ddd;
  42         background-color: #fcfcfc;
  43 }
  44
  45 /* Edit section links */
  46 .editsection {
  47         float: right;
  48         margin-left: 5px;
  49 }
  50
  51 /**
  52  * File histories
  53  */
  54 h2#filehistory {
  55         clear: both;
  56 }
  57
  58 table.filehistory th,
  59 table.filehistory td {
  60         vertical-align: top;
  61 }
  62 table.filehistory th {
  63         text-align: left;
  64 }
  65 table.filehistory td.mw-imagepage-filesize,
  66 table.filehistory th.mw-imagepage-filesize {
  67         white-space: nowrap;
  68 }
  69
  70 table.filehistory td.filehistory-selected {
  71         font-weight: bold;
  72 }
  73
  74 /*
  75  * rev_deleted stuff
  76  */
  77 li span.deleted, span.history-deleted {
  78         text-decoration: line-through;
  79         color: #888;
  80         font-style: italic;
  81 }
  82
  83 /**
  84  * Patrol stuff
  85  */
  86 .not-patrolled {
  87         background-color: #ffa;
  88 }
  89
  90 .unpatrolled {
  91         font-weight: bold;
  92         color: red;
  93 }
  94
  95 div.patrollink {
  96         font-size: 75%;
  97         text-align: right;
  98 }
  99
 100 /**
 101  * Forms
 102  */
 103 body.ltr td.mw-label { text-align: right; }
 104 body.ltr td.mw-input { text-align: left; }
 105 body.ltr td.mw-submit { text-align: left; }
 106 body.rtl td.mw-label { text-align: left; }
 107 body.rtl td.mw-input { text-align: right; }
 108 body.rtl td.mw-submit { text-align: right; }
 109
 110 td.mw-label { vertical-align: top; }
 111 .prefsection td.mw-label { width: 20%; }
 112 .prefsection table { width: 100%; }
 113 td.mw-submit { white-space: nowrap; }
 114
 115 table.mw-htmlform-nolabel td.mw-label {
 116         width: 0 !important;
 117 }
 118
 119 input#wpSummary {
 120         width: 80%;
 121 }
 122
 123 /**
 124  * Image captions
 125  */
 126 body.rtl .thumbcaption { text-align: right; }
 127 body.rtl .magnify { float: left; }
 128
 129 body.ltr .thumbcaption { text-align: left; }
 130 body.ltr .magnify { float: right; }
 131
 132 /**
 133  * Hidden categories
 134  */
 135 .mw-hidden-cats-hidden { display: none; }
 136 .catlinks-allhidden { display: none; }
 137
 138 /* Convenience links to edit block, delete and protect reasons */
 139 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 140 p.mw-filedelete-editreasons, p.mw-delete-editreasons,
 141 p.mw-revdel-editreasons {
 142         font-size: 90%;
 143         float: right;
 144 }
 145
 146 /* Search results */
 147 .searchresults {
 148 }
 149
 150 .searchresults p {
 151         margin-left: 0.4em;
 152         margin-top: 1em;
 153         margin-bottom: 1.2em;
 154 }
 155
 156 div.searchresult {
 157         font-size: 95%;
 158         width: 38em;
 159 }
 160
 161 .mw-search-results {
 162         margin-left: 0.4em;
 163 }
 164
 165 .mw-search-results li {
 166         padding-bottom: 1em;
 167         list-style: none;
 168         list-style-image: none;
 169 }
 170 .mw-search-results li a {
 171         font-size: 108%;
 172 }
 173
 174 .mw-search-result-data {
 175         color: green;
 176         font-size: 97%;
 177 }
 178
 179 .mw-search-formheader {
 180         background-color: #f3f3f3;
 181         margin-top: 1em;
 182         border: 1px solid silver;
 183 }
 184 .mw-search-formheader div.search-types {
 185         float: left;
 186         padding-left: 0.25em;
 187 }
 188 .rtl .mw-search-formheader div.search-types {
 189         float: right;
 190 }
 191 .mw-search-formheader div.search-types ul {
 192         margin: 0 !important;
 193         padding: 0 !important;
 194         list-style: none !important;
 195 }
 196 .mw-search-formheader div.search-types ul li {
 197         float: left;
 198         margin: 0;
 199         padding: 0;
 200 }
 201 .mw-search-formheader div.search-types ul li a {
 202         display: block;
 203         padding: 0.5em;
 204 }
 205 .mw-search-formheader div.search-types ul li.current a {
 206         color: #333333;
 207         cursor: default;
 208 }
 209 .mw-search-formheader div.search-types ul li.current a:hover {
 210         text-decoration: none;
 211 }
 212 .mw-search-formheader div.results-info {
 213         float: right;
 214         padding: 0.5em;
 215         padding-right: 0.75em;
 216 }
 217 .mw-search-formheader div.results-info ul {
 218         margin: 0 !important;
 219         padding: 0 !important;
 220         list-style: none !important;
 221 }
 222 .mw-search-formheader div.results-info ul li {
 223         float: right;
 224         margin: 0;
 225         padding: 0;
 226 }
 227 fieldset#mw-searchoptions {
 228         margin: 0;
 229         padding-left: 0.75em !important;
 230         padding-right: 0.75em !important;
 231         padding-bottom: 0.5em !important;
 232         padding-top: 0.5em !important;
 233         border: none;
 234         background-color: #f9f9f9;
 235         border: 1px solid silver !important;
 236         border-top-width: 0 !important;
 237 }
 238 fieldset#mw-searchoptions legend {
 239         display: none;
 240 }
 241 fieldset#mw-searchoptions h4 {
 242         padding: 0;
 243         margin: 0;
 244         float: left;
 245 }
 246 .rtl fieldset#mw-searchoptions h4 {
 247         float: right;
 248 }
 249 fieldset#mw-searchoptions div#mw-search-togglebox {
 250         float: right;
 251 }
 252 .rtl fieldset#mw-searchoptions div#mw-search-togglebox {
 253         float: left;
 254 }
 255
 256 fieldset#mw-searchoptions div#mw-search-togglebox label {
 257         margin-right: 0.25em;
 258 }
 259 fieldset#mw-searchoptions div#mw-search-togglebox input {
 260         margin-left: 0.25em;
 261 }
 262 fieldset#mw-searchoptions table {
 263         float: left;
 264         margin-right: 3em;
 265 }
 266 fieldset#mw-searchoptions table td {
 267         padding-right: 1em;
 268 }
 269 .rtl fieldset#mw-searchoptions table td {
 270         padding-left: 1em;
 271         padding-right: 0;
 272 }
 273 body.rtl fieldset#mw-searchoptions table {
 274         margin-right: 0;
 275         margin-left: 3em;
 276         float: right;
 277 }
 278 fieldset#mw-searchoptions div.divider {
 279         clear: both;
 280         border-bottom: 1px solid #DDDDDD;
 281         padding-top: 0.5em;
 282         margin-bottom: 0.5em;
 283 }
 284
 285 td#mw-search-menu {
 286         padding-left:6em;
 287         font-size:85%;
 288 }
 289
 290 div#mw-search-interwiki {
 291         float: right;
 292         width: 18em;
 293         border-style: solid;
 294         border-color: #AAAAAA;
 295         border-width: 1px;
 296         margin-top: 2ex;
 297 }
 298
 299 .rtl div#mw-search-interwiki {
 300         float: left;
 301 }
 302
 303 div#mw-search-interwiki li {
 304         font-size: 95%;
 305 }
 306
 307 .mw-search-interwiki-more {
 308         float: right;
 309         font-size: 90%;
 310 }
 311
 312 .rtl .mw-search-interwiki-more {
 313         float: left;
 314 }
 315
 316 div#mw-search-interwiki-caption {
 317         text-align: center;
 318         font-weight: bold;
 319         font-size: 95%;
 320 }
 321
 322 .mw-search-interwiki-project {
 323         font-size: 97%;
 324         text-align: left;
 325         padding-left: 0.2em;
 326         padding-right: 0.15em;
 327         padding-bottom: 0.2em;
 328         padding-top: 0.15em;
 329         background-color: #ececec;
 330         border-top: 1px solid #BBBBBB;
 331 }
 332
 333 .rtl .mw-search-interwiki-project {
 334         text-align: right;
 335 }
 336
 337 span.searchalttitle {
 338         font-size: 95%;
 339 }
 340
 341 div.searchdidyoumean {
 342         font-size: 127%;
 343         margin-top: 0.8em;
 344         /* Note that this color won't affect the link, as desired. */
 345         color: #c00;
 346 }
 347
 348 div.searchdidyoumean em {
 349         font-weight: bold;
 350 }
 351
 352 .searchmatch {
 353         font-weight: bold;
 354 }
 355
 356 table#mw-search-top-table {
 357         background-color: transparent;
 358 }
 359
 360
 361 /*
 362  * Advanced PowerSearch box
 363  */
 364 td#mw-search-togglebox {
 365         text-align: right;
 366 }
 367
 368 table#mw-search-powertable {
 369         width: 100%;
 370 }
 371
 372 form#powersearch {
 373         clear: both;
 374 }
 375
 376 /*
 377  * UserRights stuff
 378  */
 379 .mw-userrights-disabled {
 380         color: #888;
 381 }
 382
 383 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
 384         padding-right: 1.5em;
 385 }
 386
 387 /*
 388  * OpenSearch ajax suggestions
 389  */
 390 .os-suggest {
 391         overflow: auto;
 392         overflow-x: hidden;
 393         position: absolute;
 394         top: 0px;
 395         left: 0px;
 396         width: 0px;
 397         background-color: white;
 398         background-color: Window;
 399         border-style: solid;
 400         border-color: #AAAAAA;
 401         border-width: 1px;
 402         z-index:99;
 403         font-size:95%;
 404 }
 405
 406 table.os-suggest-results {
 407         font-size: 95%;
 408         cursor: pointer;
 409         border: 0;
 410         border-collapse: collapse;
 411         width: 100%;
 412 }
 413
 414 .os-suggest-result, .os-suggest-result-hl {
 415         white-space: nowrap;
 416         background-color: white;
 417         background-color: Window;
 418         color: black;
 419         color: WindowText;
 420         padding: 2px;
 421 }
 422 .os-suggest-result-hl,
 423 .os-suggest-result-hl-webkit {
 424         background-color: #4C59A6;
 425         color: white;
 426 }
 427 .os-suggest-result-hl {
 428         /* System colors are misimplemented in Safari 3.0 and earlier,
 429            making highlighted text illegible... */
 430         background-color: Highlight;
 431         color: HighlightText;
 432 }
 433
 434 .os-suggest-toggle {
 435         position: relative;
 436         left: 1ex;
 437         font-size: 65%;
 438 }
 439 .os-suggest-toggle-def {
 440         position: absolute;
 441         top: 0px;
 442         left: 0px;
 443         font-size: 65%;
 444         visibility: hidden;
 445 }
 446
 447 /* Page history styling */
 448 /* the auto-generated edit comments */
 449 .autocomment { color: gray; }
 450 #pagehistory .history-user {
 451         margin-left: 0.4em;
 452         margin-right: 0.2em;
 453 }
 454 #pagehistory span.minor {
 455         font-weight: bold;
 456 }
 457 #pagehistory li {
 458         border: 1px solid white;
 459 }
 460 #pagehistory li.selected {
 461         background-color: #f9f9f9;
 462         border: 1px dashed #aaa;
 463 }
 464
 465 /** Generic minor/bot/newpage styling */
 466 .newpage, .minor, .bot {
 467         font-weight: bold;
 468 }
 469
 470 /* Special:Contributions styling */
 471 .mw-uctop {
 472         font-weight: bold;
 473 }
 474
 475 /* Special:ListGroupRights styling */
 476 table.mw-listgrouprights-table tr {
 477         vertical-align: top;
 478 }
 479 .listgrouprights-revoked {
 480         text-decoration: line-through;
 481 }
 482
 483 /* Special:Statistics styling */
 484 td.mw-statistics-numbers {
 485         text-align: right;
 486 }
 487
 488 /* Special:SpecialPages styling */
 489 h4.mw-specialpagesgroup {
 490         background-color: #dcdcdc;
 491         padding: 2px;
 492         margin: .3em 0em 0em 0em;
 493 }
 494 .mw-specialpagerestricted {
 495         font-weight: bold;
 496 }
 497
 498 #shared-image-dup, #shared-image-conflict {
 499         font-style: italic;
 500 }
 501
 502 /* Special:EmailUser styling */
 503 table.mw-emailuser-table {
 504         width: 98%;
 505 }
 506 td#mw-emailuser-sender, td#mw-emailuser-recipient {
 507         font-weight: bold;
 508 }
 509
 510 /* Special:Allpages styling */
 511 table.allpageslist {
 512         background-color: transparent;
 513 }
 514 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
 515         background-color: transparent;
 516         width: 100%;
 517 }
 518 td.mw-allpages-alphaindexline {
 519         text-align: right;
 520 }
 521 td.mw-allpages-nav, p.mw-allpages-nav {
 522         text-align: right;
 523         font-size: smaller;
 524         margin-bottom: 1em;
 525 }
 526 table.mw-allpages-table-form tr {
 527         vertical-align: top;
 528 }
 529
 530 /* Special:Prefixindex styling */
 531 table#mw-prefixindex-list-table,
 532 table#mw-prefixindex-nav-table {
 533         width: 98%;
 534         background-color: transparent;
 535 }
 536 td#mw-prefixindex-nav-form {
 537         font-size: smaller;
 538         margin-bottom: 1em;
 539         text-align: right;
 540         vertical-align: top;
 541 }
 542
 543 /*
 544  * Recreating deleted page warning
 545  * Reupload file warning
 546  * Page protection warning
 547  * incl. log entries for these warnings
 548  */
 549 div.mw-warning-with-logexcerpt {
 550         padding: 3px;
 551         margin-bottom: 3px;
 552         border: 2px solid #2F6FAB;
 553         clear: both;
 554 }
 555 div.mw-warning-with-logexcerpt ul li {
 556         font-size: 90%;
 557 }
 558
 559 /* (show/hide) revision deletion links */
 560 span.mw-revdelundel-link,
 561 strong.mw-revdelundel-link {
 562         font-size: 90%;
 563 }
 564 span.mw-revdelundel-hidden,
 565 input.mw-revdelundel-hidden {
 566         visibility: hidden;
 567 }
 568
 569 td.mw-revdel-checkbox, th.mw-revdel-checkbox {
 570         padding-right: 10px;
 571         text-align: center;
 572 }
 573
 574 /* feed links */
 575 a.feedlink {
 576         background: url("images/feed-icon.png") center left no-repeat;
 577         padding-left: 16px;
 578 }
 579
 580 /* Plainlinks - this can be used to switch
 581  * off special external link styling */
 582 .plainlinks a {
 583         background: none !important;
 584         padding: 0 !important;
 585 }
 586
 587 /* wikitable class for skinning normal tables
 588  * keep on sync with commonPrint.css
 589  */
 590 table.wikitable {
 591         margin: 1em 1em 1em 0;
 592         background: #f9f9f9;
 593         border: 1px #aaa solid;
 594         border-collapse: collapse;
 595 }
 596 .wikitable th, .wikitable td {
 597         border: 1px #aaa solid;
 598         padding: 0.2em;
 599 }
 600 .wikitable th {
 601         background: #f2f2f2;
 602         text-align: center;
 603 }
 604 .wikitable caption {
 605         font-weight: bold;
 606 }
 607
 608 /* hide initially collapsed collapsable tables */
 609 table.collapsed tr.collapsable {
 610         display: none;
 611 }
 612
 613 /* success and error messages */
 614 .success {
 615         color: green;
 616         font-size: larger;
 617 }
 618 .error {
 619         color: red;
 620         font-size: larger;
 621 }
 622 .errorbox, .successbox {
 623         font-size: larger;
 624         border: 2px solid;
 625         padding: .5em 1em;
 626         float: left;
 627         margin-bottom: 2em;
 628         color: #000;
 629 }
 630 .errorbox {
 631         border-color: red;
 632         background-color: #fff2f2;
 633 }
 634 .successbox {
 635         border-color: green;
 636         background-color: #dfd;
 637 }
 638 .errorbox h2, .successbox h2 {
 639         font-size: 1em;
 640         font-weight: bold;
 641         display: inline;
 642         margin: 0 .5em 0 0;
 643         border: none;
 644 }
 645
 646 /* Note on preview page */
 647 .previewnote {
 648         color: #c00;
 649         margin-bottom: 1em;
 650 }
 651
 652 .previewnote p {
 653         text-indent: 3em;
 654         margin: 0.8em 0;
 655 }
 656
 657 .visualClear {
 658         clear: both;
 659 }
 660
 661 #mw_trackbacks {
 662         border: solid 1px #bbbbff;
 663         background-color: #eeeeff;
 664         padding: 0.2em;
 665 }
 666
 667 /*
 668   Table pager (e.g. Special:Imagelist)
 669   - remove underlines from the navigation link
 670   - collapse borders
 671   - set the borders to outsets (similar to Special:Allmessages)
 672   - remove line wrapping for all td and th, set background color
 673   - restore line wrapping for the last two table cells (description and size)
 674 */
 675 .TablePager {
 676         min-width: 80%;
 677 }
 678 .TablePager_nav a {
 679         text-decoration: none;
 680 }
 681 .TablePager {
 682         border-collapse: collapse;
 683 }
 684 .TablePager, .TablePager td, .TablePager th {
 685         border: 1px solid #aaaaaa;
 686         padding: 0 0.15em 0 0.15em;
 687 }
 688 .TablePager th {
 689         background-color: #eeeeff;
 690 }
 691 .TablePager td {
 692         background-color: #ffffff;
 693 }
 694 .TablePager tr:hover td {
 695         background-color: #eeeeff;
 696 }
 697
 698 .imagelist td, .imagelist th {
 699         white-space: nowrap;
 700 }
 701 .imagelist .TablePager_col_links {
 702         background-color: #eeeeff;
 703 }
 704 .imagelist .TablePager_col_img_description {
 705         white-space: normal;
 706 }
 707 .imagelist th.TablePager_sort {
 708         background-color: #ccccff;
 709 }
 710
 711  /* Allmessages table */
 712 #mw-allmessagestable .allmessages-customised td.am_default {
 713         background-color: #fcffc4;
 714 }
 715
 716 #mw-allmessagestable tr.allmessages-customised:hover td.am_default {
 717         background-color: #faff90;
 718 }
 719
 720 #mw-allmessagestable td.am_actual {
 721         background-color: #e2ffe2;
 722 }
 723
 724 #mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual {
 725         background-color: #b1ffb1;
 726 }
 727
 728 /* filetoc */
 729 ul#filetoc {
 730         text-align: center;
 731         border: 1px solid #aaaaaa;
 732         background-color: #f9f9f9;
 733         padding: 5px;
 734         font-size: 95%;
 735         margin-bottom: 0.5em;
 736         margin-left: 0;
 737         margin-right: 0;
 738 }
 739
 740 #filetoc li {
 741         display: inline;
 742         list-style-type: none;
 743         padding-right: 2em;
 744 }
 745
 746 /* Classes for EXIF data display */
 747 table.mw_metadata {
 748         font-size: 0.8em;
 749         margin-left: 0.5em;
 750         margin-bottom: 0.5em;
 751         width: 300px;
 752 }
 753
 754 table.mw_metadata caption {
 755         font-weight: bold;
 756 }
 757
 758 table.mw_metadata th {
 759         font-weight: normal;
 760 }
 761
 762 table.mw_metadata td {
 763         padding: 0.1em;
 764 }
 765
 766 table.mw_metadata {
 767         border: none;
 768         border-collapse: collapse;
 769 }
 770
 771 table.mw_metadata td, table.mw_metadata th {
 772         text-align: center;
 773         border: 1px solid #aaaaaa;
 774         padding-left: 0.1em;
 775         padding-right: 0.1em;
 776 }
 777
 778 table.mw_metadata th {
 779         background-color: #f9f9f9;
 780 }
 781
 782 table.mw_metadata td {
 783         background-color: #fcfcfc;
 784 }
 785
 786 /* Galleries */
 787 table.gallery {
 788         border: 1px solid #ccc;
 789         margin: 2px;
 790         padding: 2px;
 791         background-color: white;
 792 }
 793
 794 table.gallery tr {
 795         vertical-align: top;
 796 }
 797
 798 table.gallery td {
 799         vertical-align: top;
 800         background-color: #f9f9f9;
 801         border: solid 2px white;
 802 }
 803 table.gallery caption {
 804         font-weight: bold;
 805 }
 806
 807 div.gallerybox {
 808         margin: 2px;
 809 }
 810
 811 div.gallerybox div.thumb {
 812         text-align: center;
 813         border: 1px solid #ccc;
 814         margin: 2px;
 815 }
 816
 817 div.gallerytext {
 818         overflow: hidden;
 819         font-size: 94%;
 820         padding: 2px 4px;
 821 }
 822
 823 table.mw-enhanced-rc {
 824         background: none;
 825         border:0;
 826         border-spacing:0;
 827 }
 828 td.mw-enhanced-rc {
 829         white-space:nowrap;
 830         padding:0;
 831         vertical-align:top;
 832         font-family:monospace
 833 }
 834
 835 #mw-addcategory-prompt {
 836         display: inline;
 837         margin-left: 1em;
 838 }
 839
 840 #mw-addcategory-prompt input {
 841         margin-left: 0.5em;
 842         margin-right: 0.5em;
 843 }
 844
 845 .mw-remove-category {
 846         padding: 8px;
 847         background-image: url(images/remove.png);
 848         background-position: center center;
 849         background-repeat: no-repeat;
 850 }
 851
 852 .mw-ajax-addcategory {
 853         padding-left: 20px;
 854         background-image: url(images/add.png);
 855         background-position: left center;
 856         background-repeat: no-repeat;
 857 }
 858
 859 .mw-ajax-loader {
 860         background-image: url(images/ajax-loader.gif);
 861         background-position: center center;
 862         background-repeat: no-repeat;
 863         padding: 16px;
 864         position: relative;
 865         top: -16px;
 866 }
 867
 868 .mw-small-spinner {
 869         padding: 10px !important;
 870         margin-right: 0.6em;
 871         background-image: url(images/spinner.gif);
 872         background-position: center center;
 873         background-repeat: no-repeat;
 874 }
 875
 876 /* Sort arrows added by SortableTables */
 877 a.sortheader {
 878         margin: 0 0.3em;
 879 }
 880
 881 .grid-table {
 882         display: table;
 883 }
 884
 885 .grid-row {
 886         display: table-row;
 887 }
 888
 889 .grid-cell {
 890         display: table-cell;
 891         padding: 0.33ex;
 892 }