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 pre-Monobook users either.
   5  */
   6
   7 /* Default style for semantic tags */
   8 abbr, acronym, .explain {
   9         border-bottom: 1px dotted black;
  10         cursor: help;
  11 }
  12
  13 /* Colored watchlist and recent changes numbers */
  14 .mw-plusminus-pos { color: #006400; } /* dark green */
  15 .mw-plusminus-neg { color: #8b0000; } /* dark red */
  16 .mw-plusminus-null { color: #aaa; } /* gray */
  17
  18 /* Links to redirects appear italicized on [[Special:AllPages]], [[Special:PrefixIndex]],
  19    [[Special:Watchlist/edit]] and in category listings */
  20 .allpagesredirect, .redirect-in-category, .watchlistredir {
  21         font-style: italic;
  22 }
  23
  24 /* Comment and username portions of RC entries */
  25 span.comment {
  26         font-style: italic;
  27 }
  28
  29 span.changedby {
  30         font-size: 95%;
  31 }
  32
  33 /* Math */
  34 .texvc {
  35         direction: ltr;
  36         unicode-bidi: embed;
  37 }
  38 img.tex { vertical-align: middle; }
  39 span.texhtml { font-family: serif; }
  40
  41 /* add a bit of margin space between the preview and the toolbar */
  42 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
  43 #wikiPreview.ontop { margin-bottom: 1em; }
  44
  45 /* Stop floats from intruding into edit area in previews */
  46 #editform, #toolbar, #wpTextbox1 {
  47         clear: both;
  48 }
  49 #toolbar img {
  50         cursor: pointer;
  51 }
  52 div#mw-js-message {
  53         margin: 1em 5%;
  54         padding: 0.5em 2.5%;
  55         border: solid 1px #ddd;
  56         background-color: #fcfcfc;
  57 }
  58
  59 /* Edit section links */
  60 .editsection {
  61         float: right;
  62         margin-left: 5px;
  63 }
  64
  65 /**
  66  * File histories
  67  */
  68 h2#filehistory {
  69         clear: both;
  70 }
  71
  72 table.filehistory th,
  73 table.filehistory td {
  74         vertical-align: top;
  75 }
  76 table.filehistory th {
  77         text-align: left;
  78 }
  79 table.filehistory td.mw-imagepage-filesize,
  80 table.filehistory th.mw-imagepage-filesize {
  81         white-space: nowrap;
  82 }
  83
  84 table.filehistory td.filehistory-selected {
  85         font-weight: bold;
  86 }
  87
  88 /*
  89  * rev_deleted stuff
  90  */
  91 li span.deleted, span.history-deleted {
  92         text-decoration: line-through;
  93         color: #888;
  94         font-style: italic;
  95 }
  96 li span.deleted a, span.history-deleted a {
  97         color: #888;
  98 }
  99
 100 /**
 101  * Patrol stuff
 102  */
 103 .not-patrolled {
 104         background-color: #ffa;
 105 }
 106
 107 .unpatrolled {
 108         font-weight: bold;
 109         color: red;
 110 }
 111
 112 div.patrollink {
 113         font-size: 75%;
 114         text-align: right;
 115 }
 116
 117 /**
 118  * Forms
 119  */
 120 td.mw-label { text-align: right; }
 121 td.mw-input { text-align: left; }
 122 td.mw-submit { text-align: left; }
 123
 124 td.mw-label { vertical-align: top; }
 125 .prefsection td.mw-label { width: 20%; }
 126 .prefsection table { width: 100%; }
 127 td.mw-submit { white-space: nowrap; }
 128
 129 table.mw-htmlform-nolabel td.mw-label {
 130         width: 0 !important;
 131 }
 132
 133 tr.mw-htmlform-vertical-label td.mw-label {
 134         text-align: left !important;
 135 }
 136
 137 .mw-htmlform-invalid-input td.mw-input input {
 138         border-color: red;
 139 }
 140 .mw-htmlform-multiselect-flatlist div.mw-htmlform-multiselect-item {
 141         display: inline;
 142         margin-right: 1em;
 143         white-space: nowrap;
 144 }
 145
 146 input#wpSummary {
 147         width: 80%;
 148 }
 149
 150 /**
 151  * Image captions
 152  */
 153 .thumbcaption { text-align: left; }
 154 .magnify { float: right; }
 155
 156 /**
 157  * Hidden categories
 158  */
 159 .mw-hidden-cats-hidden { display: none; }
 160 .catlinks-allhidden { display: none; }
 161
 162 /* Convenience links to edit block, delete and protect reasons */
 163 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 164 p.mw-filedelete-editreasons, p.mw-delete-editreasons,
 165 p.mw-revdel-editreasons {
 166         font-size: 90%;
 167         float: right;
 168 }
 169
 170 /*
 171  * OpenSearch ajax suggestions
 172  */
 173 .os-suggest {
 174         overflow: auto;
 175         overflow-x: hidden;
 176         position: absolute;
 177         top: 0px;
 178         left: 0px;
 179         width: 0px;
 180         background-color: white;
 181         background-color: Window;
 182         border-style: solid;
 183         border-color: #AAAAAA;
 184         border-width: 1px;
 185         z-index:99;
 186         font-size:95%;
 187 }
 188
 189 table.os-suggest-results {
 190         font-size: 95%;
 191         cursor: pointer;
 192         border: 0;
 193         border-collapse: collapse;
 194         width: 100%;
 195 }
 196
 197 .os-suggest-result, .os-suggest-result-hl {
 198         white-space: nowrap;
 199         background-color: white;
 200         background-color: Window;
 201         color: black;
 202         color: WindowText;
 203         padding: 2px;
 204 }
 205 .os-suggest-result-hl,
 206 .os-suggest-result-hl-webkit {
 207         background-color: #4C59A6;
 208         color: white;
 209 }
 210 .os-suggest-result-hl {
 211         /* System colors are misimplemented in Safari 3.0 and earlier,
 212            making highlighted text illegible... */
 213         background-color: Highlight;
 214         color: HighlightText;
 215 }
 216
 217 .os-suggest-toggle {
 218         position: relative;
 219         left: 1ex;
 220         font-size: 65%;
 221 }
 222 .os-suggest-toggle-def {
 223         position: absolute;
 224         top: 0px;
 225         left: 0px;
 226         font-size: 65%;
 227         visibility: hidden;
 228 }
 229
 230 /* Page history styling */
 231 /* the auto-generated edit comments */
 232 .autocomment { color: gray; }
 233 #pagehistory .history-user {
 234         margin-left: 0.4em;
 235         margin-right: 0.2em;
 236 }
 237 #pagehistory span.minor {
 238         font-weight: bold;
 239 }
 240 #pagehistory li {
 241         border: 1px solid white;
 242 }
 243 #pagehistory li.selected {
 244         background-color: #f9f9f9;
 245         border: 1px dashed #aaa;
 246 }
 247
 248 /** Generic minor/bot/newpage styling */
 249 .newpage, .minor, .bot {
 250         font-weight: bold;
 251 }
 252
 253 #shared-image-dup, #shared-image-conflict {
 254         font-style: italic;
 255 }
 256
 257 /*
 258  * Recreating deleted page warning
 259  * Reupload file warning
 260  * Page protection warning
 261  * incl. log entries for these warnings
 262  */
 263 div.mw-warning-with-logexcerpt {
 264         padding: 3px;
 265         margin-bottom: 3px;
 266         border: 2px solid #2F6FAB;
 267         clear: both;
 268 }
 269 div.mw-warning-with-logexcerpt ul li {
 270         font-size: 90%;
 271 }
 272
 273 /* (show/hide) revision deletion links */
 274 span.mw-revdelundel-link,
 275 strong.mw-revdelundel-link {
 276         font-size: 90%;
 277 }
 278 span.mw-revdelundel-hidden,
 279 input.mw-revdelundel-hidden {
 280         visibility: hidden;
 281 }
 282
 283 td.mw-revdel-checkbox, th.mw-revdel-checkbox {
 284         padding-right: 10px;
 285         text-align: center;
 286 }
 287
 288 /* feed links */
 289 a.feedlink {
 290         /* @embed */
 291         background: url("images/feed-icon.png") center left no-repeat;
 292         padding-left: 16px;
 293 }
 294
 295 /* Plainlinks - this can be used to switch
 296  * off special external link styling */
 297 .plainlinks a {
 298         background: none !important;
 299         padding: 0 !important;
 300 }
 301
 302 /* wikitable class for skinning normal tables
 303  * keep on sync with commonPrint.css
 304  */
 305 table.wikitable {
 306         margin: 1em 1em 1em 0;
 307         background: #f9f9f9;
 308         border: 1px #aaa solid;
 309         border-collapse: collapse;
 310         color: black;
 311 }
 312 .wikitable th, .wikitable td {
 313         border: 1px #aaa solid;
 314         padding: 0.2em;
 315 }
 316 .wikitable th {
 317         background: #f2f2f2;
 318         text-align: center;
 319 }
 320 .wikitable caption {
 321         font-weight: bold;
 322 }
 323
 324 /* hide initially collapsed collapsable tables */
 325 table.collapsed tr.collapsable {
 326         display: none;
 327 }
 328
 329 /* success and error messages */
 330 .success {
 331         color: green;
 332         font-size: larger;
 333 }
 334 .warning {
 335         color: #FFA500; /* orange */
 336         font-size: larger;
 337 }
 338 .error {
 339         color: red;
 340         font-size: larger;
 341 }
 342 .errorbox, .warningbox, .successbox {
 343         font-size: larger;
 344         border: 2px solid;
 345         padding: .5em 1em;
 346         float: left;
 347         margin-bottom: 2em;
 348         color: #000;
 349 }
 350 .errorbox {
 351         border-color: red;
 352         background-color: #fff2f2;
 353 }
 354 .warningbox {
 355         border-color: #FF8C00; /* darkorange */
 356         background-color: #FFFFC0;
 357 }
 358 .successbox {
 359         border-color: green;
 360         background-color: #dfd;
 361 }
 362 .errorbox h2, .warningbox h2, .successbox h2 {
 363         font-size: 1em;
 364         font-weight: bold;
 365         display: inline;
 366         margin: 0 .5em 0 0;
 367         border: none;
 368 }
 369
 370 /* general info/warning box for SP */
 371 .mw-infobox {
 372         border: 2px solid #ff7f00;
 373         margin: 0.4em;
 374         clear: left;
 375 }
 376
 377 .mw-infobox-left {
 378         margin: 7px;
 379         float: left;
 380         width: 35px;
 381 }
 382
 383 .mw-infobox-right {
 384         margin: 0.5em 0.5em 0.5em 49px;
 385 }
 386
 387 /* Note on preview page */
 388 .previewnote {
 389         color: #c00;
 390         margin-bottom: 1em;
 391 }
 392
 393 .previewnote p {
 394         text-indent: 3em;
 395         margin: 0.8em 0;
 396 }
 397
 398 .visualClear {
 399         clear: both;
 400 }
 401
 402 #mw_trackbacks {
 403         border: solid 1px #bbbbff;
 404         background-color: #eeeeff;
 405         padding: 0.2em;
 406 }
 407
 408 /*
 409         Table pager (e.g. Special:ListFiles)
 410         - remove underlines from the navigation link
 411         - collapse borders
 412         - set the borders to outsets (similar to Special:AllMessages)
 413         - remove line wrapping for all td and th, set background color
 414         - restore line wrapping for the last two table cells (description and size)
 415 */
 416 .TablePager {
 417         min-width: 80%;
 418         border-collapse: collapse;
 419         margin: 0 auto;
 420 }
 421 .TablePager_nav {
 422         margin: 0 auto;
 423 }
 424 .TablePager_nav td {
 425         padding: 3px;
 426         text-align: center;
 427 }
 428 .TablePager_nav a {
 429         text-decoration: none;
 430 }
 431 .TablePager, .TablePager td, .TablePager th {
 432         border: 1px solid #aaaaaa;
 433         padding: 0 0.15em 0 0.15em;
 434 }
 435 .TablePager th {
 436         background-color: #eeeeff;
 437 }
 438 .TablePager td {
 439         background-color: #ffffff;
 440 }
 441 .TablePager tr:hover td {
 442         background-color: #eeeeff;
 443 }
 444
 445 .imagelist td, .imagelist th {
 446         white-space: nowrap;
 447 }
 448 .imagelist .TablePager_col_links {
 449         background-color: #eeeeff;
 450 }
 451 .imagelist .TablePager_col_img_description {
 452         white-space: normal;
 453 }
 454 .imagelist th.TablePager_sort {
 455         background-color: #ccccff;
 456 }
 457
 458 /* filetoc */
 459 ul#filetoc {
 460         text-align: center;
 461         border: 1px solid #aaaaaa;
 462         background-color: #f9f9f9;
 463         padding: 5px;
 464         font-size: 95%;
 465         margin-bottom: 0.5em;
 466         margin-left: 0;
 467         margin-right: 0;
 468 }
 469
 470 #filetoc li {
 471         display: inline;
 472         list-style-type: none;
 473         padding-right: 2em;
 474 }
 475
 476 /* Classes for EXIF data display */
 477 table.mw_metadata {
 478         font-size: 0.8em;
 479         margin-left: 0.5em;
 480         margin-bottom: 0.5em;
 481         width: 400px;
 482 }
 483
 484 table.mw_metadata caption {
 485         font-weight: bold;
 486 }
 487
 488 table.mw_metadata th {
 489         font-weight: normal;
 490 }
 491
 492 table.mw_metadata td {
 493         padding: 0.1em;
 494 }
 495
 496 table.mw_metadata {
 497         border: none;
 498         border-collapse: collapse;
 499 }
 500
 501 table.mw_metadata td, table.mw_metadata th {
 502         text-align: center;
 503         border: 1px solid #aaaaaa;
 504         padding-left: 5px;
 505         padding-right: 5px;
 506 }
 507
 508 table.mw_metadata th {
 509         background-color: #f9f9f9;
 510 }
 511
 512 table.mw_metadata td {
 513         background-color: #fcfcfc;
 514 }
 515
 516 table.mw_metadata ul.metadata-langlist {
 517         list-style-type: none;
 518         list-style-image: none;
 519         padding-right: 5px;
 520         padding-left: 5px;
 521         margin: 0;
 522 }
 523
 524 /* Galleries */
 525 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
 526 /* Don't forget to update commonPrint.css */
 527 li.gallerybox {
 528         vertical-align: top;
 529         background-color: #f9f9f9;
 530         border: solid 2px white;
 531         display: -moz-inline-box;
 532         display: inline-block;
 533 }
 534
 535 ul.gallery, li.gallerybox {
 536         zoom: 1;
 537         *display: inline;
 538 }
 539
 540 ul.gallery {
 541         margin: 2px;
 542         padding: 2px;
 543         display: block;
 544 }
 545
 546 li.gallerycaption {
 547         font-weight: bold;
 548         text-align: center;
 549         display: block;
 550         word-wrap: break-word;
 551 }
 552
 553 li.gallerybox div.thumb {
 554         text-align: center;
 555         border: 1px solid #ccc;
 556         margin: 2px;
 557 }
 558
 559 div.gallerytext {
 560         overflow: hidden;
 561         font-size: 94%;
 562         padding: 2px 4px;
 563         word-wrap: break-word;
 564 }
 565
 566 #mw-addcategory-prompt {
 567         display: inline;
 568         margin-left: 1em;
 569 }
 570
 571 #mw-addcategory-prompt input {
 572         margin-left: 0.5em;
 573         margin-right: 0.5em;
 574 }
 575
 576 .mw-remove-category {
 577         padding: 8px;
 578         /* @embed */
 579         background-image: url(images/remove.png);
 580         background-position: center center;
 581         background-repeat: no-repeat;
 582 }
 583
 584 .mw-ajax-addcategory {
 585         padding-left: 20px;
 586         /* @embed */
 587         background-image: url(images/add.png);
 588         background-position: left center;
 589         background-repeat: no-repeat;
 590 }
 591
 592 .mw-ajax-loader {
 593         /* @embed */
 594         background-image: url(images/ajax-loader.gif);
 595         background-position: center center;
 596         background-repeat: no-repeat;
 597         padding: 16px;
 598         position: relative;
 599         top: -16px;
 600 }
 601
 602 .mw-small-spinner {
 603         padding: 10px !important;
 604         margin-right: 0.6em;
 605         /* @embed */
 606         background-image: url(images/spinner.gif);
 607         background-position: center center;
 608         background-repeat: no-repeat;
 609 }
 610
 611 /* Localised ordered list numbering for some languages */
 612 ol:lang(bcc) li,
 613 ol:lang(bqi) li,
 614 ol:lang(fa) li,
 615 ol:lang(glk) li,
 616 ol:lang(kk-arab) li,
 617 ol:lang(mzn) li {
 618         list-style-type: -moz-persian;
 619         list-style-type: persian;
 620 }
 621
 622 ol:lang(ckb) li {
 623         list-style-type: -moz-arabic-indic;
 624         list-style-type: arabic-indic;
 625 }
 626
 627 ol:lang(bn) li {
 628         list-style-type: -moz-bengali;
 629         list-style-type: bengali;
 630 }
 631
 632 ol:lang(or) li {
 633         list-style-type: -moz-oriya;
 634         list-style-type: oriya;
 635 }
 636
 637 /* tooltip styles */
 638 .mw-help-field-hint {
 639         display: none;
 640         padding: 0px;
 641         padding-left: 15px;
 642         margin-left: 2px;
 643         margin-bottom: -8px;
 644         /* @embed */
 645         background-image: url('images/help-question.gif');
 646         background-position: left center;
 647         background-repeat: no-repeat;
 648         color: #0645ad;
 649         text-decoration: underline;
 650         cursor: pointer;
 651         font-size: .8em;
 652 }
 653 .mw-help-field-hint:hover {
 654         /* @embed */
 655         background-image: url('images/help-question-hover.gif');
 656 }
 657 .mw-help-field-data {
 658         display: block;
 659         background-color: #d6f3ff;
 660         padding:5px 8px 4px 8px;
 661         border: 1px solid #5dc9f4;
 662         margin-left: 20px;
 663 }
 664 .tipsy {
 665         padding: 5px 5px 10px;
 666         font-size: 12px;
 667         position: absolute;
 668         z-index: 100000;
 669         overflow: visible;
 670 }
 671 .tipsy-inner {
 672         padding: 5px 8px 4px 8px;
 673         background-color: #d6f3ff;
 674         color: black;
 675         border: 1px solid #5dc9f4;
 676         max-width: 300px;
 677         text-align: left;
 678 }
 679 .tipsy-arrow {
 680         position: absolute;
 681         /* @embed */
 682         background: url(images/tipsy-arrow.gif) no-repeat top left;
 683         width: 13px;
 684         height: 13px;
 685 }
 686 .tipsy-se .tipsy-arrow {
 687         bottom: -2px;
 688         right: 10px;
 689         background-position: 0% 100%;
 690 }
 691 /* Table Sorting */
 692 th.headerSort {
 693         background-image: url(images/sort_both.gif);
 694         cursor: pointer;
 695         background-repeat: no-repeat;
 696         background-position: center right;
 697         padding-right: 21px;
 698 }
 699 th.headerSortUp {
 700         background-image: url(images/sort_up.gif);
 701 }
 702 th.headerSortDown {
 703         background-image: url(images/sort_down.gif);
 704 }
 705
 706 /* Special:Version */
 707 #sv-software td {
 708         /* version numbers are always ltr (and otherwise an RLE can be inserted) */
 709         /* @noflip */
 710         direction: ltr;
 711 }