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         visibility:hidden;
 380         font-size:95%;
 381 }
 382
 383 table.os-suggest-results {
 384         font-size: 95%;
 385         cursor: pointer;
 386         border: 0;
 387         border-collapse: collapse;
 388         width: 100%;
 389 }
 390
 391 td.os-suggest-result, td.os-suggest-result-hl {
 392         white-space: nowrap;
 393         background-color: white;
 394         background-color: Window;
 395         color: black;
 396         color: WindowText;
 397         padding: 2px;
 398 }
 399 td.os-suggest-result-hl,
 400 td.os-suggest-result-hl-webkit {
 401         background-color: #4C59A6;
 402         color: white;
 403 }
 404 td.os-suggest-result-hl {
 405         /* System colors are misimplemented in Safari 3.0 and earlier,
 406            making highlighted text illegible... */
 407         background-color: Highlight;
 408         color: HighlightText;
 409 }
 410
 411 .os-suggest-toggle {
 412         position: relative;
 413         left: 1ex;
 414         font-size: 65%;
 415 }
 416 .os-suggest-toggle-def {
 417         position: absolute;
 418         top: 0px;
 419         left: 0px;
 420         font-size: 65%;
 421         visibility: hidden;
 422 }
 423
 424 /* Page history styling */
 425 /* the auto-generated edit comments */
 426 .autocomment { color: gray; }
 427 #pagehistory .history-user {
 428     margin-left: 0.4em;
 429     margin-right: 0.2em;
 430 }
 431 #pagehistory span.minor { font-weight: bold; }
 432 #pagehistory li { border: 1px solid white; }
 433 #pagehistory li.selected {
 434     background-color: #f9f9f9;
 435     border: 1px dashed #aaa;
 436 }
 437
 438 /** Generic minor/bot/newpage styling */
 439 .newpage, .minor, .bot {
 440         font-weight: bold;
 441 }
 442
 443 /* Special:Contributions styling */
 444 .mw-uctop {
 445         font-weight: bold;
 446 }
 447
 448 /* Special:ListGroupRights styling */
 449 table.mw-listgrouprights-table tr  {
 450         vertical-align: top;
 451 }
 452 .listgrouprights-revoked { text-decoration: line-through; }
 453
 454 /* Special:Statistics styling */
 455 td.mw-statistics-numbers {
 456         text-align: right;
 457 }
 458
 459 /* Special:SpecialPages styling */
 460 h4.mw-specialpagesgroup {
 461         background-color: #dcdcdc;
 462         padding: 2px;
 463         margin: .3em 0em 0em 0em;
 464 }
 465 .mw-specialpagerestricted {
 466         font-weight: bold;
 467 }
 468
 469 #shared-image-dup, #shared-image-conflict {
 470         font-style: italic;
 471 }
 472
 473 /* Special:EmailUser styling */
 474 table.mw-emailuser-table {
 475         width: 98%;
 476 }
 477 td#mw-emailuser-sender, td#mw-emailuser-recipient {
 478         font-weight: bold;
 479 }
 480
 481 /* Special:Allpages styling */
 482 table.allpageslist {
 483         background-color: transparent;
 484 }
 485 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
 486         background-color: transparent;
 487         width: 100%;
 488 }
 489 td.mw-allpages-alphaindexline {
 490         text-align: right;
 491 }
 492 td.mw-allpages-nav, p.mw-allpages-nav {
 493         text-align: right;
 494         font-size: smaller;
 495         margin-bottom: 1em;
 496 }
 497 table.mw-allpages-table-form tr  {
 498         vertical-align: top;
 499 }
 500
 501 /* Special:Prefixindex styling */
 502 table#mw-prefixindex-list-table,
 503 table#mw-prefixindex-nav-table {
 504         width: 98%;
 505         background-color: transparent;
 506 }
 507 td#mw-prefixindex-nav-form  {
 508         font-size: smaller;
 509         margin-bottom: 1em;
 510         text-align: right;
 511         vertical-align: top;
 512 }
 513
 514 /*
 515  * Recreating deleted page warning
 516  * Reupload file warning
 517  * Page protection warning
 518  * incl. log entries for these warnings
 519  */
 520 div.mw-warning-with-logexcerpt {
 521         padding: 3px;
 522         margin-bottom: 3px;
 523         border: 2px solid #2F6FAB;
 524 }
 525 div.mw-warning-with-logexcerpt ul li {
 526         font-size: 90%;
 527 }
 528
 529 /* (show/hide) revision deletion links */
 530 span.mw-revdelundel-link,
 531 strong.mw-revdelundel-link {
 532         font-size: 90%;
 533 }
 534
 535 /* feed links */
 536 a.feedlink {
 537         background: url("images/feed-icon.png") center left no-repeat;
 538         padding-left: 16px;
 539 }
 540
 541 /* Plainlinks - this can be used to switch
 542  * off special external link styling */
 543 .plainlinks a {
 544                 background: none !important;
 545                 padding: 0 !important;
 546 }
 547
 548 /* wikitable class for skinning normal tables */
 549 table.wikitable {
 550     margin: 1em 1em 1em 0;
 551     background: #f9f9f9;
 552     border: 1px #aaa solid;
 553     border-collapse: collapse;
 554 }
 555 .wikitable th, .wikitable td {
 556     border: 1px #aaa solid;
 557     padding: 0.2em;
 558 }
 559 .wikitable th {
 560     background: #f2f2f2;
 561     text-align: center;
 562 }
 563 .wikitable caption {
 564     font-weight: bold;
 565 }
 566
 567 /* hide initially collapsed collapsable tables */
 568 table.collapsed tr.collapsable {
 569         display: none;
 570 }
 571
 572 /* success and error messages */
 573 .success {
 574         color: green;
 575         font-size: larger;
 576 }
 577 .error {
 578         color: red;
 579         font-size: larger;
 580 }
 581 .errorbox, .successbox {
 582         font-size: larger;
 583         border: 2px solid;
 584         padding: .5em 1em;
 585         float: left;
 586         margin-bottom: 2em;
 587         color: #000;
 588 }
 589 .errorbox {
 590         border-color: red;
 591         background-color: #fff2f2;
 592 }
 593 .successbox {
 594         border-color: green;
 595         background-color: #dfd;
 596 }
 597 .errorbox h2, .successbox h2 {
 598         font-size: 1em;
 599         font-weight: bold;
 600         display: inline;
 601         margin: 0 .5em 0 0;
 602         border: none;
 603 }
 604
 605 .visualClear {
 606         clear: both;
 607 }
 608
 609 #mw_trackbacks {
 610         border: solid 1px #bbbbff;
 611         background-color: #eeeeff;
 612         padding: 0.2em;
 613 }
 614
 615 /*
 616   Table pager (e.g. Special:Imagelist)
 617   - remove underlines from the navigation link
 618   - collapse borders
 619   - set the borders to outsets (similar to Special:Allmessages)
 620   - remove line wrapping for all td and th, set background color
 621   - restore line wrapping for the last two table cells (description and size)
 622 */
 623 .TablePager { min-width: 80%; }
 624 .TablePager_nav a { text-decoration: none; }
 625 .TablePager { border-collapse: collapse; }
 626 .TablePager, .TablePager td, .TablePager th {
 627         border: 1px solid #aaaaaa;
 628         padding: 0 0.15em 0 0.15em;
 629 }
 630 .TablePager th { background-color: #eeeeff }
 631 .TablePager td { background-color: #ffffff }
 632 .TablePager tr:hover td { background-color: #eeeeff }
 633
 634 .imagelist td, .imagelist th { white-space: nowrap }
 635 .imagelist .TablePager_col_links { background-color: #eeeeff }
 636 .imagelist .TablePager_col_img_description { white-space: normal }
 637 .imagelist th.TablePager_sort { background-color: #ccccff }
 638
 639  /* Allmessages table */
 640 #allmessagestable .allmessages-customised td.am_default {
 641         background-color: #fcffc4;
 642 }
 643
 644 #allmessagestable tr.allmessages-customised:hover td.am_default {
 645         background-color: #faff90;
 646 }
 647
 648 #allmessagestable td.am_actual {
 649         background-color: #e2ffe2;
 650 }
 651
 652 #allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual {
 653         background-color: #b1ffb1;
 654 }
 655
 656 /* filetoc */
 657 ul#filetoc {
 658         text-align: center;
 659         border: 1px solid #aaaaaa;
 660         background-color: #f9f9f9;
 661         padding: 5px;
 662         font-size: 95%;
 663         margin-bottom: 0.5em;
 664         margin-left: 0;
 665         margin-right: 0;
 666 }
 667
 668 #filetoc li {
 669         display: inline;
 670         list-style-type: none;
 671         padding-right: 2em;
 672 }
 673
 674 /* Classes for EXIF data display */
 675 table.mw_metadata {
 676         font-size: 0.8em;
 677         margin-left: 0.5em;
 678         margin-bottom: 0.5em;
 679         width: 300px;
 680 }
 681
 682 table.mw_metadata caption {
 683         font-weight: bold;
 684 }
 685
 686 table.mw_metadata th {
 687         font-weight: normal;
 688 }
 689
 690 table.mw_metadata td {
 691         padding: 0.1em;
 692 }
 693
 694 table.mw_metadata {
 695         border: none;
 696         border-collapse: collapse;
 697 }
 698
 699 table.mw_metadata td, table.mw_metadata th {
 700         text-align: center;
 701         border: 1px solid #aaaaaa;
 702         padding-left: 0.1em;
 703         padding-right: 0.1em;
 704 }
 705
 706 table.mw_metadata th {
 707         background-color: #f9f9f9;
 708 }
 709
 710 table.mw_metadata td {
 711         background-color: #fcfcfc;
 712 }
 713
 714 /* Galleries */
 715 table.gallery {
 716         border: 1px solid #ccc;
 717         margin: 2px;
 718         padding: 2px;
 719         background-color: white;
 720 }
 721
 722 table.gallery tr {
 723         vertical-align: top;
 724 }
 725
 726 table.gallery td {
 727         vertical-align: top;
 728         background-color: #f9f9f9;
 729         border: solid 2px white;
 730 }
 731 table.gallery caption {
 732         font-weight: bold;
 733 }
 734
 735 div.gallerybox {
 736         margin: 2px;
 737 }
 738
 739 div.gallerybox div.thumb {
 740         text-align: center;
 741         border: 1px solid #ccc;
 742         margin: 2px;
 743 }
 744
 745 div.gallerytext {
 746         overflow: hidden;
 747         font-size: 94%;
 748         padding: 2px 4px;
 749 }
 750