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