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: 20%; }
  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 }
 127 .mw-search-results li a {
 128         font-size: 108%;
 129 }
 130
 131 .mw-search-result-data {
 132         color: green;
 133         font-size: 97%;
 134 }
 135
 136 .mw-search-formheader {
 137         background-color:#ECECEC;
 138         margin:1em 0pt;
 139         padding:0.02em ;
 140         border-top:1px solid #BBBBBB;
 141 }
 142
 143 .mw-search-formheader div {
 144         float:left;
 145         padding:4px 0.5em 0px 4px;
 146 }
 147
 148 .mw-search-formheader p {
 149         margin:0.1em 0pt;
 150         padding:0.2em 0.4em 0.2em 0.2em;
 151         text-align:right;
 152 }
 153
 154 td#mw-search-menu {
 155         padding-left:6em;
 156         font-size:85%;
 157 }
 158
 159 div#mw-search-interwiki {
 160         float: right;
 161         width: 18em;
 162         border-style: solid;
 163         border-color: #AAAAAA;
 164         border-width: 1px;
 165         margin-top: 2ex;
 166 }
 167
 168 div#mw-search-interwiki li {
 169         font-size: 95%;
 170 }
 171
 172 .mw-search-interwiki-more {
 173         float: right;
 174         font-size: 90%;
 175 }
 176
 177 div#mw-search-interwiki-caption {
 178         text-align: center;
 179         font-weight: bold;
 180         font-size: 95%;
 181 }
 182
 183 .mw-search-interwiki-project {
 184         font-size: 97%;
 185         text-align: left;
 186         padding-left: 0.2em;
 187         padding-right: 0.15em;
 188         padding-bottom: 0.2em;
 189         padding-top: 0.15em;
 190         background-color:#ececec;
 191         border-top:1px solid #BBBBBB;
 192 }
 193
 194
 195 span.searchalttitle {
 196         font-size: 95%;
 197 }
 198
 199 div.searchdidyoumean {
 200         font-size: 127%;
 201         margin-bottom: 1ex;
 202         margin-top: 1ex;
 203         /* Note that this color won't affect the link, as desired. */
 204         color: #c00;
 205 }
 206
 207 div.searchdidyoumean em {
 208         font-weight: bold;
 209 }
 210
 211 .searchmatch {
 212         font-weight: bold;
 213 }
 214
 215
 216 /*
 217  * UserRights stuff
 218  */
 219 .mw-userrights-disabled {
 220         color: #888;
 221 }
 222
 223 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
 224         padding-right: 1.5em;
 225 }
 226
 227 /*
 228  * OpenSearch ajax suggestions
 229  */
 230 .os-suggest {
 231         overflow: auto;
 232         overflow-x: hidden;
 233         position: absolute;
 234         top: 0px;
 235         left: 0px;
 236         width: 0px;
 237         background-color: white;
 238         background-color: Window;
 239         border-style: solid;
 240         border-color: #AAAAAA;
 241         border-width: 1px;
 242         z-index:99;
 243         visibility:hidden;
 244         font-size:95%;
 245 }
 246
 247 table.os-suggest-results {
 248         font-size: 95%;
 249         cursor: pointer;
 250         border: 0;
 251         border-collapse: collapse;
 252         width: 100%;
 253 }
 254
 255 td.os-suggest-result, td.os-suggest-result-hl {
 256         white-space: nowrap;
 257         background-color: white;
 258         background-color: Window;
 259         color: black;
 260         color: WindowText;
 261         padding: 2px;
 262 }
 263 td.os-suggest-result-hl,
 264 td.os-suggest-result-hl-webkit {
 265         background-color: #4C59A6;
 266         color: white;
 267 }
 268 td.os-suggest-result-hl {
 269         /* System colors are misimplemented in Safari 3.0 and earlier,
 270            making highlighted text illegible... */
 271         background-color: Highlight;
 272         color: HighlightText;
 273 }
 274
 275 .os-suggest-toggle {
 276         position: relative;
 277         left: 1ex;
 278         font-size: 65%;
 279 }
 280 .os-suggest-toggle-def {
 281         position: absolute;
 282         top: 0px;
 283         left: 0px;
 284         font-size: 65%;
 285         visibility: hidden;
 286 }
 287
 288 /* Page history styling */
 289 /* the auto-generated edit comments */
 290 .autocomment { color: gray; }
 291 #pagehistory .history-user {
 292     margin-left: 0.4em;
 293     margin-right: 0.2em;
 294 }
 295 #pagehistory span.minor { font-weight: bold; }
 296 #pagehistory li { border: 1px solid white; }
 297 #pagehistory li.selected {
 298     background-color: #f9f9f9;
 299     border: 1px dashed #aaa;
 300 }
 301
 302 /*
 303  * Special:ListGroupRights styling
 304  * Special:Statistics styling
 305  * Special:Tags styling
 306 */
 307
 308 table.mw-listgrouprights-table,
 309 table.mw-statistics-table,
 310 table.mw-tags-table {
 311         border: 1px solid #ccc;
 312         border-collapse: collapse;
 313 }
 314
 315 table.mw-listgrouprights-table tr  {
 316         vertical-align: top;
 317 }
 318
 319 table.mw-listgrouprights-table td, table.mw-listgrouprights-table th,
 320 table.mw-statistics-table td, table.mw-statistics-table th,
 321 table.mw-tags-table td, table.mw-tags-table th {
 322         padding: 0.5em 0.2em 0.5em 0.2em;
 323         border: 1px solid #ccc;
 324 }
 325
 326 td.mw-statistics-numbers {
 327         text-align: right;
 328 }
 329
 330 /* Special:SpecialPages styling */
 331 h4.mw-specialpagesgroup {
 332         background-color: #dcdcdc;
 333         padding: 2px;
 334         margin: .3em 0em 0em 0em;
 335 }
 336 .mw-specialpagerestricted {
 337         font-weight: bold;
 338 }
 339
 340 #shared-image-dup, #shared-image-conflict {
 341         font-style: italic;
 342 }
 343
 344 /* Special:EmailUser styling */
 345 table.mw-emailuser-table {
 346         width: 98%;
 347 }
 348 td#mw-emailuser-sender, td#mw-emailuser-recipient {
 349         font-weight: bold;
 350 }
 351
 352 /* Special:Allpages styling */
 353 table.allpageslist {
 354         background-color: transparent;
 355 }
 356 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
 357         background-color: transparent;
 358         width: 100%;
 359 }
 360 td.mw-allpages-alphaindexline {
 361         text-align: right;
 362 }
 363 td.mw-allpages-nav, p.mw-allpages-nav {
 364         text-align: right;
 365         font-size: smaller;
 366         margin-bottom: 1em;
 367 }
 368 table.mw-allpages-table-form tr  {
 369         vertical-align: top;
 370 }
 371
 372 /* Special:Prefixindex styling */
 373 table#mw-prefixindex-list-table,
 374 table#mw-prefixindex-nav-table {
 375         width: 98%;
 376         background-color: transparent;
 377 }
 378 td#mw-prefixindex-nav-form  {
 379         font-size: smaller;
 380         margin-bottom: 1em;
 381         text-align: right;
 382         vertical-align: top;
 383 }
 384
 385 /*
 386  * Recreating deleted page warning
 387  * Reupload file warning
 388  * Page protection warning
 389  * incl. log entries for these warnings
 390  */
 391 div.mw-warning-with-logexcerpt {
 392         padding: 3px;
 393         margin-bottom: 3px;
 394         border: 2px solid #2F6FAB;
 395 }
 396 div.mw-warning-with-logexcerpt ul li {
 397         font-size: 90%;
 398 }
 399
 400 /* (show/hide) revision deletion links */
 401 span.mw-revdelundel-link,
 402 strong.mw-revdelundel-link {
 403         font-size: 90%;
 404 }
 405
 406 /* feed links */
 407 a.feedlink {
 408         background: url("images/feed-icon.png") center left no-repeat;
 409         padding-left: 16px;
 410 }
 411
 412 /* wikitable class for skinning normal tables */
 413 table.wikitable {
 414     margin: 1em 1em 1em 0;
 415     background: #f9f9f9;
 416     border: 1px #aaa solid;
 417     border-collapse: collapse;
 418 }
 419 .wikitable th, .wikitable td {
 420     border: 1px #aaa solid;
 421     padding: 0.2em;
 422 }
 423 .wikitable th {
 424     background: #f2f2f2;
 425     text-align: center;
 426 }
 427 .wikitable caption {
 428     font-weight: bold;
 429 }
 430
 431 /* success and error messages */
 432 .success {
 433         color: green;
 434         font-size: larger;
 435 }
 436 .error {
 437         color: red;
 438         font-size: larger;
 439 }
 440 .errorbox, .successbox {
 441         font-size: larger;
 442         border: 2px solid;
 443         padding: .5em 1em;
 444         float: left;
 445         margin-bottom: 2em;
 446         color: #000;
 447 }
 448 .errorbox {
 449         border-color: red;
 450         background-color: #fff2f2;
 451 }
 452 .successbox {
 453         border-color: green;
 454         background-color: #dfd;
 455 }
 456 .errorbox h2, .successbox h2 {
 457         font-size: 1em;
 458         font-weight: bold;
 459         display: inline;
 460         margin: 0 .5em 0 0;
 461         border: none;
 462 }