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