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