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 .mw-plusminus-null { color: #aaa; }
   7
   8 .texvc { direction: ltr; unicode-bidi: embed; }
   9 img.tex { vertical-align: middle; }
  10 span.texhtml { font-family: serif; }
  11
  12 /* add a bit of margin space between the preview and the toolbar */
  13 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
  14 #wikiPreview.ontop { margin-bottom: 1em; }
  15
  16 /* Stop floats from intruding into edit area in previews */
  17 #editform, #toolbar, #wpTextbox1 { clear: both; }
  18
  19 div#mw-js-message {
  20         margin: 1em 5%;
  21         padding: 0.5em 2.5%;
  22         border: solid 1px #ddd;
  23         background-color: #fcfcfc;
  24 }
  25
  26 /* Edit section links */
  27 .editsection {
  28         float: right;
  29         margin-left: 5px;
  30 }
  31
  32 /**
  33  * File histories
  34  */
  35 table.filehistory th,
  36 table.filehistory td {
  37         vertical-align:top;
  38 }
  39 table.filehistory th {
  40         text-align: left;
  41 }
  42 table.filehistory td.mw-imagepage-filesize,
  43 table.filehistory th.mw-imagepage-filesize {
  44         white-space:nowrap;
  45 }
  46
  47 table.filehistory td.filehistory-selected {
  48         font-weight: bold;
  49 }
  50
  51 /*
  52  * rev_deleted stuff
  53  */
  54 li span.deleted, span.history-deleted {
  55         text-decoration: line-through;
  56         color: #888;
  57         font-style: italic;
  58 }
  59
  60 /**
  61  * Patrol stuff
  62  */
  63 .not-patrolled {
  64         background-color: #ffa;
  65 }
  66
  67 span.unpatrolled {
  68         font-weight: bold;
  69         color: red;
  70 }
  71
  72 div.patrollink {
  73         font-size: 75%;
  74         text-align: right;
  75 }
  76
  77 /**
  78  * Forms
  79  */
  80 body.ltr td.mw-label { text-align: right; }
  81 body.ltr td.mw-input { text-align: left; }
  82 body.ltr td.mw-submit { text-align: left; }
  83 body.rtl td.mw-label { text-align: left; }
  84 body.rtl td.mw-input { text-align: right; }
  85 body.rtl td.mw-submit { text-align: right; }
  86
  87 td.mw-label { vertical-align: top; }
  88 .prefsection td.mw-label { width: 20%; }
  89 .prefsection table { width: 100%; }
  90 td.mw-submit { white-space: nowrap; }
  91
  92 table.mw-htmlform-nolabel td.mw-label { width: 0 !important; }
  93
  94 /**
  95  * Image captions
  96  */
  97 body.rtl .thumbcaption { text-align:right; }
  98 body.rtl .magnify { float:left; }
  99
 100 body.ltr .thumbcaption { text-align:left; }
 101 body.ltr .magnify { float:right; }
 102
 103 /**
 104  * Hidden categories
 105  */
 106 .mw-hidden-cats-hidden { display: none; }
 107 .catlinks-allhidden { display: none; }
 108
 109 /* Convenience links to edit block, delete and protect reasons */
 110 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 111 p.mw-filedelete-editreasons, p.mw-delete-editreasons {
 112         font-size: 90%;
 113         float: right;
 114 }
 115
 116 /* Search results */
 117 .searchresults {
 118 }
 119
 120 .searchresults p {
 121         margin-left: 0.4em;
 122         margin-top: 1em;
 123         margin-bottom: 1.2em;
 124 }
 125
 126 div.searchresult {
 127         font-size: 95%;
 128         width:38em;
 129 }
 130
 131 .mw-search-results {
 132         margin-left: 0.4em;
 133 }
 134
 135 .mw-search-results li {
 136         padding-bottom: 1em;
 137         list-style:none;
 138         list-style-image:none;
 139 }
 140 .mw-search-results li a {
 141         font-size: 108%;
 142 }
 143
 144 .mw-search-result-data {
 145         color: green;
 146         font-size: 97%;
 147 }
 148
 149 .mw-search-formheader {
 150         background-color: #f3f3f3;
 151         margin-top: 1em;
 152         border: 1px solid silver;
 153 }
 154 .mw-search-formheader div.search-types {
 155         float:left;
 156         padding-left: 0.25em;
 157 }
 158 .mw-search-formheader div.search-types ul {
 159         margin: 0 !important;
 160         padding: 0 !important;
 161         list-style: none !important;
 162 }
 163 .mw-search-formheader div.search-types ul li {
 164         float: left;
 165         margin: 0;
 166         padding: 0;
 167 }
 168 .mw-search-formheader div.search-types ul li a {
 169         display: block;
 170         padding: 0.5em;
 171 }
 172 .mw-search-formheader div.search-types ul li.current a {
 173         color: #333333;
 174         cursor: default;
 175 }
 176 .mw-search-formheader div.search-types ul li.current a:hover {
 177         text-decoration: none;
 178 }
 179 .mw-search-formheader div.results-info {
 180         float: right;
 181         padding: 0.5em;
 182         padding-right: 0.75em;
 183 }
 184 .mw-search-formheader div.results-info ul {
 185         margin: 0 !important;
 186         padding: 0 !important;
 187         list-style: none !important;
 188 }
 189 .mw-search-formheader div.results-info ul li {
 190         float: right;
 191         margin: 0;
 192         padding: 0;
 193 }
 194 fieldset#mw-searchoptions {
 195         margin: 0;
 196         padding-left: 0.75em !important;
 197         padding-right: 0.75em !important;
 198         padding-bottom: 0.5em !important;
 199         padding-top: 0.5em !important;
 200         border: none;
 201         background-color: #f9f9f9;
 202         border: 1px solid silver !important;
 203         border-top-width: 0 !important;
 204 }
 205 fieldset#mw-searchoptions legend {
 206         display: none;
 207 }
 208 fieldset#mw-searchoptions h4 {
 209         padding: 0;
 210         margin: 0;
 211         float: left;
 212 }
 213 fieldset#mw-searchoptions div#mw-search-togglebox {
 214         float: right;
 215 }
 216 fieldset#mw-searchoptions div#mw-search-togglebox label {
 217         margin-right: 0.25em;
 218 }
 219 fieldset#mw-searchoptions div#mw-search-togglebox input {
 220         margin-left: 0.25em;
 221 }
 222 fieldset#mw-searchoptions table {
 223         float: left;
 224         margin-right: 3em;
 225 }
 226 fieldset#mw-searchoptions table td {
 227         padding-right: 1em;
 228 }
 229 body.rtl fieldset#mw-searchoptions table {
 230         float: right;
 231 }
 232 fieldset#mw-searchoptions div.divider {
 233         clear: both;
 234         border-bottom: 1px solid #DDDDDD;
 235         padding-top: 0.5em;
 236         margin-bottom: 0.5em;
 237 }
 238
 239 td#mw-search-menu {
 240         padding-left:6em;
 241         font-size:85%;
 242 }
 243
 244 div#mw-search-interwiki {
 245         float: right;
 246         width: 18em;
 247         border-style: solid;
 248         border-color: #AAAAAA;
 249         border-width: 1px;
 250         margin-top: 2ex;
 251 }
 252
 253 .rtl div#mw-search-interwiki {
 254         float: left;
 255 }
 256
 257 div#mw-search-interwiki li {
 258         font-size: 95%;
 259 }
 260
 261 .mw-search-interwiki-more {
 262         float: right;
 263         font-size: 90%;
 264 }
 265
 266 .rtl .mw-search-interwiki-more {
 267         float: left;
 268 }
 269
 270 div#mw-search-interwiki-caption {
 271         text-align: center;
 272         font-weight: bold;
 273         font-size: 95%;
 274 }
 275
 276 .mw-search-interwiki-project {
 277         font-size: 97%;
 278         text-align: left;
 279         padding-left: 0.2em;
 280         padding-right: 0.15em;
 281         padding-bottom: 0.2em;
 282         padding-top: 0.15em;
 283         background-color:#ececec;
 284         border-top:1px solid #BBBBBB;
 285 }
 286
 287 .rtl .mw-search-interwiki-project {
 288         text-align: right;
 289 }
 290
 291 span.searchalttitle {
 292         font-size: 95%;
 293 }
 294
 295 div.searchdidyoumean {
 296         font-size: 127%;
 297         margin-top: 0.8em;
 298         /* Note that this color won't affect the link, as desired. */
 299         color: #c00;
 300 }
 301
 302 div.searchdidyoumean em {
 303         font-weight: bold;
 304 }
 305
 306 .searchmatch {
 307         font-weight: bold;
 308 }
 309
 310 table#mw-search-top-table {
 311         background-color:inherit;
 312 }
 313
 314
 315 /*
 316  * Advanced PowerSearch box
 317  */
 318
 319 td#mw-search-togglebox {
 320         text-align: right;
 321 }
 322
 323 table#mw-search-powertable {
 324         width:100%;
 325 }
 326
 327 form#powersearch {
 328         clear: both;
 329 }
 330
 331
 332 /*
 333  * UserRights stuff
 334  */
 335 .mw-userrights-disabled {
 336         color: #888;
 337 }
 338
 339 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
 340         padding-right: 1.5em;
 341 }
 342
 343 /*
 344  * OpenSearch ajax suggestions
 345  */
 346 .os-suggest {
 347         overflow: auto;
 348         overflow-x: hidden;
 349         position: absolute;
 350         top: 0px;
 351         left: 0px;
 352         width: 0px;
 353         background-color: white;
 354         background-color: Window;
 355         border-style: solid;
 356         border-color: #AAAAAA;
 357         border-width: 1px;
 358         z-index:99;
 359         visibility:hidden;
 360         font-size:95%;
 361 }
 362
 363 table.os-suggest-results {
 364         font-size: 95%;
 365         cursor: pointer;
 366         border: 0;
 367         border-collapse: collapse;
 368         width: 100%;
 369 }
 370
 371 td.os-suggest-result, td.os-suggest-result-hl {
 372         white-space: nowrap;
 373         background-color: white;
 374         background-color: Window;
 375         color: black;
 376         color: WindowText;
 377         padding: 2px;
 378 }
 379 td.os-suggest-result-hl,
 380 td.os-suggest-result-hl-webkit {
 381         background-color: #4C59A6;
 382         color: white;
 383 }
 384 td.os-suggest-result-hl {
 385         /* System colors are misimplemented in Safari 3.0 and earlier,
 386            making highlighted text illegible... */
 387         background-color: Highlight;
 388         color: HighlightText;
 389 }
 390
 391 .os-suggest-toggle {
 392         position: relative;
 393         left: 1ex;
 394         font-size: 65%;
 395 }
 396 .os-suggest-toggle-def {
 397         position: absolute;
 398         top: 0px;
 399         left: 0px;
 400         font-size: 65%;
 401         visibility: hidden;
 402 }
 403
 404 /* Page history styling */
 405 /* the auto-generated edit comments */
 406 .autocomment { color: gray; }
 407 #pagehistory .history-user {
 408     margin-left: 0.4em;
 409     margin-right: 0.2em;
 410 }
 411 #pagehistory span.minor { font-weight: bold; }
 412 #pagehistory li { border: 1px solid white; }
 413 #pagehistory li.selected {
 414     background-color: #f9f9f9;
 415     border: 1px dashed #aaa;
 416 }
 417
 418 /* Special:Contributions styling */
 419 .mw-uctop {
 420         font-weight: bold;
 421 }
 422
 423 /* Special:ListGroupRights styling */
 424 table.mw-listgrouprights-table tr  {
 425         vertical-align: top;
 426 }
 427 .listgrouprights-revoked { text-decoration: line-through; }
 428
 429 /* Special:Statistics styling */
 430 td.mw-statistics-numbers {
 431         text-align: right;
 432 }
 433
 434 /* Special:SpecialPages styling */
 435 h4.mw-specialpagesgroup {
 436         background-color: #dcdcdc;
 437         padding: 2px;
 438         margin: .3em 0em 0em 0em;
 439 }
 440 .mw-specialpagerestricted {
 441         font-weight: bold;
 442 }
 443
 444 #shared-image-dup, #shared-image-conflict {
 445         font-style: italic;
 446 }
 447
 448 /* Special:EmailUser styling */
 449 table.mw-emailuser-table {
 450         width: 98%;
 451 }
 452 td#mw-emailuser-sender, td#mw-emailuser-recipient {
 453         font-weight: bold;
 454 }
 455
 456 /* Special:Allpages styling */
 457 table.allpageslist {
 458         background-color: transparent;
 459 }
 460 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
 461         background-color: transparent;
 462         width: 100%;
 463 }
 464 td.mw-allpages-alphaindexline {
 465         text-align: right;
 466 }
 467 td.mw-allpages-nav, p.mw-allpages-nav {
 468         text-align: right;
 469         font-size: smaller;
 470         margin-bottom: 1em;
 471 }
 472 table.mw-allpages-table-form tr  {
 473         vertical-align: top;
 474 }
 475
 476 /* Special:Prefixindex styling */
 477 table#mw-prefixindex-list-table,
 478 table#mw-prefixindex-nav-table {
 479         width: 98%;
 480         background-color: transparent;
 481 }
 482 td#mw-prefixindex-nav-form  {
 483         font-size: smaller;
 484         margin-bottom: 1em;
 485         text-align: right;
 486         vertical-align: top;
 487 }
 488
 489 /*
 490  * Recreating deleted page warning
 491  * Reupload file warning
 492  * Page protection warning
 493  * incl. log entries for these warnings
 494  */
 495 div.mw-warning-with-logexcerpt {
 496         padding: 3px;
 497         margin-bottom: 3px;
 498         border: 2px solid #2F6FAB;
 499 }
 500 div.mw-warning-with-logexcerpt ul li {
 501         font-size: 90%;
 502 }
 503
 504 /* (show/hide) revision deletion links */
 505 span.mw-revdelundel-link,
 506 strong.mw-revdelundel-link {
 507         font-size: 90%;
 508 }
 509
 510 /* feed links */
 511 a.feedlink {
 512         background: url("images/feed-icon.png") center left no-repeat;
 513         padding-left: 16px;
 514 }
 515
 516 /* wikitable class for skinning normal tables */
 517 table.wikitable {
 518     margin: 1em 1em 1em 0;
 519     background: #f9f9f9;
 520     border: 1px #aaa solid;
 521     border-collapse: collapse;
 522 }
 523 .wikitable th, .wikitable td {
 524     border: 1px #aaa solid;
 525     padding: 0.2em;
 526 }
 527 .wikitable th {
 528     background: #f2f2f2;
 529     text-align: center;
 530 }
 531 .wikitable caption {
 532     font-weight: bold;
 533 }
 534
 535 /* hide initially collapsed collapsable tables */
 536 table.collapsed tr.collapsable {
 537         display: none;
 538 }
 539
 540 /* success and error messages */
 541 .success {
 542         color: green;
 543         font-size: larger;
 544 }
 545 .error {
 546         color: red;
 547         font-size: larger;
 548 }
 549 .errorbox, .successbox {
 550         font-size: larger;
 551         border: 2px solid;
 552         padding: .5em 1em;
 553         float: left;
 554         margin-bottom: 2em;
 555         color: #000;
 556 }
 557 .errorbox {
 558         border-color: red;
 559         background-color: #fff2f2;
 560 }
 561 .successbox {
 562         border-color: green;
 563         background-color: #dfd;
 564 }
 565 .errorbox h2, .successbox h2 {
 566         font-size: 1em;
 567         font-weight: bold;
 568         display: inline;
 569         margin: 0 .5em 0 0;
 570         border: none;
 571 }
 572
 573 .visualClear {
 574         clear: both;
 575 }
 576
 577 /*
 578   Table pager (e.g. Special:Imagelist)
 579   - remove underlines from the navigation link
 580   - collapse borders
 581   - set the borders to outsets (similar to Special:Allmessages)
 582   - remove line wrapping for all td and th, set background color
 583   - restore line wrapping for the last two table cells (description and size)
 584 */
 585 .TablePager { min-width: 80%; }
 586 .TablePager_nav a { text-decoration: none; }
 587 .TablePager { border-collapse: collapse; }
 588 .TablePager, .TablePager td, .TablePager th {
 589         border: 1px solid #aaaaaa;
 590         padding: 0 0.15em 0 0.15em;
 591 }
 592 .TablePager th { background-color: #eeeeff }
 593 .TablePager td { background-color: #ffffff }
 594 .TablePager tr:hover td { background-color: #eeeeff }
 595
 596 .imagelist td, .imagelist th { white-space: nowrap }
 597 .imagelist .TablePager_col_links { background-color: #eeeeff }
 598 .imagelist .TablePager_col_img_description { white-space: normal }
 599 .imagelist th.TablePager_sort { background-color: #ccccff }
 600
 601 /* filetoc */
 602 ul#filetoc {
 603         text-align: center;
 604         border: 1px solid #aaaaaa;
 605         background-color: #f9f9f9;
 606         padding: 5px;
 607         font-size: 95%;
 608         margin-bottom: 0.5em;
 609         margin-left: 0;
 610         margin-right: 0;
 611 }
 612
 613 #filetoc li {
 614         display: inline;
 615         list-style-type: none;
 616         padding-right: 2em;
 617 }
 618
 619 /* Classes for EXIF data display */
 620 table.mw_metadata {
 621         font-size: 0.8em;
 622         margin-left: 0.5em;
 623         margin-bottom: 0.5em;
 624         width: 300px;
 625 }
 626
 627 table.mw_metadata caption {
 628         font-weight: bold;
 629 }
 630
 631 table.mw_metadata th {
 632         font-weight: normal;
 633 }
 634
 635 table.mw_metadata td {
 636         padding: 0.1em;
 637 }
 638
 639 table.mw_metadata {
 640         border: none;
 641         border-collapse: collapse;
 642 }
 643
 644 table.mw_metadata td, table.mw_metadata th {
 645         text-align: center;
 646         border: 1px solid #aaaaaa;
 647         padding-left: 0.1em;
 648         padding-right: 0.1em;
 649 }
 650
 651 table.mw_metadata th {
 652         background-color: #f9f9f9;
 653 }
 654
 655 table.mw_metadata td {
 656         background-color: #fcfcfc;
 657 }