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