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