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: none !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-bottom: 1ex;
 279         margin-top: 1ex;
 280         /* Note that this color won't affect the link, as desired. */
 281         color: #c00;
 282 }
 283
 284 div.searchdidyoumean em {
 285         font-weight: bold;
 286 }
 287
 288 .searchmatch {
 289         font-weight: bold;
 290 }
 291
 292
 293 /*
 294  * Advanced PowerSearch box
 295  */
 296
 297 td#mw-search-togglebox {
 298         text-align: right;
 299 }
 300
 301 table#mw-search-powertable {
 302         width:100%;
 303 }
 304
 305 form#powersearch {
 306         clear: both;
 307 }
 308
 309
 310 /*
 311  * UserRights stuff
 312  */
 313 .mw-userrights-disabled {
 314         color: #888;
 315 }
 316
 317 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
 318         padding-right: 1.5em;
 319 }
 320
 321 /*
 322  * OpenSearch ajax suggestions
 323  */
 324 .os-suggest {
 325         overflow: auto;
 326         overflow-x: hidden;
 327         position: absolute;
 328         top: 0px;
 329         left: 0px;
 330         width: 0px;
 331         background-color: white;
 332         background-color: Window;
 333         border-style: solid;
 334         border-color: #AAAAAA;
 335         border-width: 1px;
 336         z-index:99;
 337         visibility:hidden;
 338         font-size:95%;
 339 }
 340
 341 table.os-suggest-results {
 342         font-size: 95%;
 343         cursor: pointer;
 344         border: 0;
 345         border-collapse: collapse;
 346         width: 100%;
 347 }
 348
 349 td.os-suggest-result, td.os-suggest-result-hl {
 350         white-space: nowrap;
 351         background-color: white;
 352         background-color: Window;
 353         color: black;
 354         color: WindowText;
 355         padding: 2px;
 356 }
 357 td.os-suggest-result-hl,
 358 td.os-suggest-result-hl-webkit {
 359         background-color: #4C59A6;
 360         color: white;
 361 }
 362 td.os-suggest-result-hl {
 363         /* System colors are misimplemented in Safari 3.0 and earlier,
 364            making highlighted text illegible... */
 365         background-color: Highlight;
 366         color: HighlightText;
 367 }
 368
 369 .os-suggest-toggle {
 370         position: relative;
 371         left: 1ex;
 372         font-size: 65%;
 373 }
 374 .os-suggest-toggle-def {
 375         position: absolute;
 376         top: 0px;
 377         left: 0px;
 378         font-size: 65%;
 379         visibility: hidden;
 380 }
 381
 382 /* Page history styling */
 383 /* the auto-generated edit comments */
 384 .autocomment { color: gray; }
 385 #pagehistory .history-user {
 386     margin-left: 0.4em;
 387     margin-right: 0.2em;
 388 }
 389 #pagehistory span.minor { font-weight: bold; }
 390 #pagehistory li { border: 1px solid white; }
 391 #pagehistory li.selected {
 392     background-color: #f9f9f9;
 393     border: 1px dashed #aaa;
 394 }
 395
 396 /* Special:Contributions styling */
 397 .mw-uctop {
 398         font-weight: bold;
 399 }
 400
 401 /* Special:ListGroupRights styling */
 402 table.mw-listgrouprights-table tr  {
 403         vertical-align: top;
 404 }
 405
 406 /* Special:Statistics styling */
 407 td.mw-statistics-numbers {
 408         text-align: right;
 409 }
 410
 411 /* Special:SpecialPages styling */
 412 h4.mw-specialpagesgroup {
 413         background-color: #dcdcdc;
 414         padding: 2px;
 415         margin: .3em 0em 0em 0em;
 416 }
 417 .mw-specialpagerestricted {
 418         font-weight: bold;
 419 }
 420
 421 #shared-image-dup, #shared-image-conflict {
 422         font-style: italic;
 423 }
 424
 425 /* Special:EmailUser styling */
 426 table.mw-emailuser-table {
 427         width: 98%;
 428 }
 429 td#mw-emailuser-sender, td#mw-emailuser-recipient {
 430         font-weight: bold;
 431 }
 432
 433 /* Special:Allpages styling */
 434 table.allpageslist {
 435         background-color: transparent;
 436 }
 437 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
 438         background-color: transparent;
 439         width: 100%;
 440 }
 441 td.mw-allpages-alphaindexline {
 442         text-align: right;
 443 }
 444 td.mw-allpages-nav, p.mw-allpages-nav {
 445         text-align: right;
 446         font-size: smaller;
 447         margin-bottom: 1em;
 448 }
 449 table.mw-allpages-table-form tr  {
 450         vertical-align: top;
 451 }
 452
 453 /* Special:Prefixindex styling */
 454 table#mw-prefixindex-list-table,
 455 table#mw-prefixindex-nav-table {
 456         width: 98%;
 457         background-color: transparent;
 458 }
 459 td#mw-prefixindex-nav-form  {
 460         font-size: smaller;
 461         margin-bottom: 1em;
 462         text-align: right;
 463         vertical-align: top;
 464 }
 465
 466 /*
 467  * Recreating deleted page warning
 468  * Reupload file warning
 469  * Page protection warning
 470  * incl. log entries for these warnings
 471  */
 472 div.mw-warning-with-logexcerpt {
 473         padding: 3px;
 474         margin-bottom: 3px;
 475         border: 2px solid #2F6FAB;
 476 }
 477 div.mw-warning-with-logexcerpt ul li {
 478         font-size: 90%;
 479 }
 480
 481 /* (show/hide) revision deletion links */
 482 span.mw-revdelundel-link,
 483 strong.mw-revdelundel-link {
 484         font-size: 90%;
 485 }
 486
 487 /* feed links */
 488 a.feedlink {
 489         background: url("images/feed-icon.png") center left no-repeat;
 490         padding-left: 16px;
 491 }
 492
 493 /* wikitable class for skinning normal tables */
 494 table.wikitable {
 495     margin: 1em 1em 1em 0;
 496     background: #f9f9f9;
 497     border: 1px #aaa solid;
 498     border-collapse: collapse;
 499 }
 500 .wikitable th, .wikitable td {
 501     border: 1px #aaa solid;
 502     padding: 0.2em;
 503 }
 504 .wikitable th {
 505     background: #f2f2f2;
 506     text-align: center;
 507 }
 508 .wikitable caption {
 509     font-weight: bold;
 510 }
 511
 512 /* success and error messages */
 513 .success {
 514         color: green;
 515         font-size: larger;
 516 }
 517 .error {
 518         color: red;
 519         font-size: larger;
 520 }
 521 .errorbox, .successbox {
 522         font-size: larger;
 523         border: 2px solid;
 524         padding: .5em 1em;
 525         float: left;
 526         margin-bottom: 2em;
 527         color: #000;
 528 }
 529 .errorbox {
 530         border-color: red;
 531         background-color: #fff2f2;
 532 }
 533 .successbox {
 534         border-color: green;
 535         background-color: #dfd;
 536 }
 537 .errorbox h2, .successbox h2 {
 538         font-size: 1em;
 539         font-weight: bold;
 540         display: inline;
 541         margin: 0 .5em 0 0;
 542         border: none;
 543 }
 544
 545 .visualClear {
 546         clear: both;
 547 }