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