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