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 .error {
 329         color: red;
 330         font-size: larger;
 331 }
 332 .errorbox, .successbox {
 333         font-size: larger;
 334         border: 2px solid;
 335         padding: .5em 1em;
 336         float: left;
 337         margin-bottom: 2em;
 338         color: #000;
 339 }
 340 .errorbox {
 341         border-color: red;
 342         background-color: #fff2f2;
 343 }
 344 .successbox {
 345         border-color: green;
 346         background-color: #dfd;
 347 }
 348 .errorbox h2, .successbox h2 {
 349         font-size: 1em;
 350         font-weight: bold;
 351         display: inline;
 352         margin: 0 .5em 0 0;
 353         border: none;
 354 }
 355
 356 /* Note on preview page */
 357 .previewnote {
 358         color: #c00;
 359         margin-bottom: 1em;
 360 }
 361
 362 .previewnote p {
 363         text-indent: 3em;
 364         margin: 0.8em 0;
 365 }
 366
 367 .visualClear {
 368         clear: both;
 369 }
 370
 371 #mw_trackbacks {
 372         border: solid 1px #bbbbff;
 373         background-color: #eeeeff;
 374         padding: 0.2em;
 375 }
 376
 377 /*
 378         Table pager (e.g. Special:ListFiles)
 379         - remove underlines from the navigation link
 380         - collapse borders
 381         - set the borders to outsets (similar to Special:AllMessages)
 382         - remove line wrapping for all td and th, set background color
 383         - restore line wrapping for the last two table cells (description and size)
 384 */
 385 .TablePager {
 386         min-width: 80%;
 387         border-collapse: collapse;
 388         margin: 0 auto;
 389 }
 390 .TablePager_nav {
 391         margin: 0 auto;
 392 }
 393 .TablePager_nav td {
 394         padding: 3px;
 395         text-align: center;
 396 }
 397 .TablePager_nav a {
 398         text-decoration: none;
 399 }
 400 .TablePager, .TablePager td, .TablePager th {
 401         border: 1px solid #aaaaaa;
 402         padding: 0 0.15em 0 0.15em;
 403 }
 404 .TablePager th {
 405         background-color: #eeeeff;
 406 }
 407 .TablePager td {
 408         background-color: #ffffff;
 409 }
 410 .TablePager tr:hover td {
 411         background-color: #eeeeff;
 412 }
 413
 414 .imagelist td, .imagelist th {
 415         white-space: nowrap;
 416 }
 417 .imagelist .TablePager_col_links {
 418         background-color: #eeeeff;
 419 }
 420 .imagelist .TablePager_col_img_description {
 421         white-space: normal;
 422 }
 423 .imagelist th.TablePager_sort {
 424         background-color: #ccccff;
 425 }
 426
 427 /* filetoc */
 428 ul#filetoc {
 429         text-align: center;
 430         border: 1px solid #aaaaaa;
 431         background-color: #f9f9f9;
 432         padding: 5px;
 433         font-size: 95%;
 434         margin-bottom: 0.5em;
 435         margin-left: 0;
 436         margin-right: 0;
 437 }
 438
 439 #filetoc li {
 440         display: inline;
 441         list-style-type: none;
 442         padding-right: 2em;
 443 }
 444
 445 /* Classes for EXIF data display */
 446 table.mw_metadata {
 447         font-size: 0.8em;
 448         margin-left: 0.5em;
 449         margin-bottom: 0.5em;
 450         width: 400px;
 451 }
 452
 453 table.mw_metadata caption {
 454         font-weight: bold;
 455 }
 456
 457 table.mw_metadata th {
 458         font-weight: normal;
 459 }
 460
 461 table.mw_metadata td {
 462         padding: 0.1em;
 463 }
 464
 465 table.mw_metadata {
 466         border: none;
 467         border-collapse: collapse;
 468 }
 469
 470 table.mw_metadata td, table.mw_metadata th {
 471         text-align: center;
 472         border: 1px solid #aaaaaa;
 473         padding-left: 5px;
 474         padding-right: 5px;
 475 }
 476
 477 table.mw_metadata th {
 478         background-color: #f9f9f9;
 479 }
 480
 481 table.mw_metadata td {
 482         background-color: #fcfcfc;
 483 }
 484
 485 table.mw_metadata ul.metadata-langlist {
 486         list-style-type: none;
 487         list-style-image: none;
 488         padding-right: 5px;
 489         padding-left: 5px;
 490         margin: 0;
 491 }
 492
 493 /* Galleries */
 494 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
 495 /* Don't forget to update commonPrint.css */
 496 li.gallerybox {
 497         vertical-align: top;
 498         background-color: #f9f9f9;
 499         border: solid 2px white;
 500         display: -moz-inline-box;
 501         display: inline-block;
 502 }
 503
 504 ul.gallery, li.gallerybox {
 505         zoom: 1;
 506         *display: inline;
 507 }
 508
 509 ul.gallery {
 510         margin: 2px;
 511         padding: 2px;
 512         display: block;
 513 }
 514
 515 li.gallerycaption {
 516         font-weight: bold;
 517         text-align: center;
 518         display: block;
 519         word-wrap: break-word;
 520 }
 521
 522 li.gallerybox div.thumb {
 523         text-align: center;
 524         border: 1px solid #ccc;
 525         margin: 2px;
 526 }
 527
 528 div.gallerytext {
 529         overflow: hidden;
 530         font-size: 94%;
 531         padding: 2px 4px;
 532         word-wrap: break-word;
 533 }
 534
 535 #mw-addcategory-prompt {
 536         display: inline;
 537         margin-left: 1em;
 538 }
 539
 540 #mw-addcategory-prompt input {
 541         margin-left: 0.5em;
 542         margin-right: 0.5em;
 543 }
 544
 545 .mw-remove-category {
 546         padding: 8px;
 547         /* @embed */
 548         background-image: url(images/remove.png);
 549         background-position: center center;
 550         background-repeat: no-repeat;
 551 }
 552
 553 .mw-ajax-addcategory {
 554         padding-left: 20px;
 555         /* @embed */
 556         background-image: url(images/add.png);
 557         background-position: left center;
 558         background-repeat: no-repeat;
 559 }
 560
 561 .mw-ajax-loader {
 562         /* @embed */
 563         background-image: url(images/ajax-loader.gif);
 564         background-position: center center;
 565         background-repeat: no-repeat;
 566         padding: 16px;
 567         position: relative;
 568         top: -16px;
 569 }
 570
 571 .mw-small-spinner {
 572         padding: 10px !important;
 573         margin-right: 0.6em;
 574         /* @embed */
 575         background-image: url(images/spinner.gif);
 576         background-position: center center;
 577         background-repeat: no-repeat;
 578 }
 579
 580 /* Localised ordered list numbering for some languages */
 581 ol:lang(bcc) li,
 582 ol:lang(bqi) li,
 583 ol:lang(fa) li,
 584 ol:lang(glk) li,
 585 ol:lang(kk-arab) li,
 586 ol:lang(mzn) li {
 587         list-style-type: -moz-persian;
 588         list-style-type: persian;
 589 }
 590
 591 ol:lang(ckb) li {
 592         list-style-type: -moz-arabic-indic;
 593         list-style-type: arabic-indic;
 594 }
 595
 596 ol:lang(bn) li {
 597         list-style-type: -moz-bengali;
 598         list-style-type: bengali;
 599 }
 600
 601 ol:lang(or) li {
 602         list-style-type: -moz-oriya;
 603         list-style-type: oriya;
 604 }
 605
 606 /* tooltip styles */
 607 .mw-help-field-hint {
 608         display: none;
 609         padding: 0px;
 610         padding-left: 15px;
 611         margin-left: 2px;
 612         margin-bottom: -8px;
 613         /* @embed */
 614         background-image: url('images/help-question.gif');
 615         background-position: left center;
 616         background-repeat: no-repeat;
 617         color: #0645ad;
 618         text-decoration: underline;
 619         cursor: pointer;
 620         font-size: .8em;
 621 }
 622 .mw-help-field-hint:hover {
 623         /* @embed */
 624         background-image: url('images/help-question-hover.gif');
 625 }
 626 .mw-help-field-data {
 627         display: block;
 628         background-color: #d6f3ff;
 629         padding:5px 8px 4px 8px;
 630         border: 1px solid #5dc9f4;
 631         margin-left: 20px;
 632 }
 633 .tipsy {
 634         padding: 5px 5px 10px;
 635         font-size: 12px;
 636         position: absolute;
 637         z-index: 100000;
 638         overflow: visible;
 639 }
 640 .tipsy-inner {
 641         padding: 5px 8px 4px 8px;
 642         background-color: #d6f3ff;
 643         color: black;
 644         border: 1px solid #5dc9f4;
 645         max-width: 300px;
 646         text-align: left;
 647 }
 648 .tipsy-arrow {
 649         position: absolute;
 650         /* @embed */
 651         background: url(images/tipsy-arrow.gif) no-repeat top left;
 652         width: 13px;
 653         height: 13px;
 654 }
 655 .tipsy-se .tipsy-arrow {
 656         bottom: -2px;
 657         right: 10px;
 658         background-position: 0% 100%;
 659 }
 660 /* Table Sorting */
 661 th.headerSort {
 662         background-image: url(images/sort_both.gif);
 663         cursor: pointer;
 664         background-repeat: no-repeat;
 665         background-position: center right;
 666         padding-right: 21px;
 667 }
 668 th.headerSortUp {
 669         background-image: url(images/sort_up.gif);
 670 }
 671 th.headerSortDown {
 672         background-image: url(images/sort_down.gif);
 673 }
 674
 675 /* Special:Version */
 676 #sv-software td {
 677         /* version numbers are always ltr (and otherwise an RLE can be inserted) */
 678         /* @noflip */
 679         direction: ltr;
 680 }