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