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 /* Stop floats from intruding into edit area in previews */
  13 #toolbar, #wpTextbox1 { clear: both; }
  14
  15 div#mw-js-message {
  16         margin: 1em 5%;
  17         padding: 0.5em 2.5%;
  18         border: solid 1px #ddd;
  19         background-color: #fcfcfc;
  20 }
  21
  22 /* Display headings on the same line as edit link */
  23 h1, h2, h3, h4, h5, h6 { display: inline; margin: 0; }
  24 /* But then we have to reintroduce the margin.  We use the W3 recommended mar-
  25  * gins <http://www.w3.org/TR/CSS21/sample.html>, multiplying by the recom-
  26  * mended font-size. */
  27 .mw-h1 { margin: 1.34em 0; }
  28 .mw-h2 { margin: 1.13em 0; }
  29 .mw-h3 { margin: 0.97em 0; }
  30 .mw-h4 { margin: 1.12em 0; }
  31 .mw-h5 { margin: 1.25em 0; }
  32 .mw-h6 { margin: 1.25em 0; }
  33
  34 /**
  35  * File histories
  36  */
  37 table.filehistory {
  38         border:1px solid #ccc;
  39         border-collapse:collapse;
  40 }
  41
  42 table.filehistory th,
  43 table.filehistory td {
  44         padding: 0 0.2em 0 0.2em;
  45         vertical-align:top;
  46         border:1px solid #ccc;
  47 }
  48 table.filehistory th {
  49         text-align: left;
  50 }
  51 table.filehistory td.mw-imagepage-filesize,
  52 table.filehistory th.mw-imagepage-filesize {
  53         white-space:nowrap;
  54 }
  55
  56 /**
  57  * Forms
  58  */
  59 body.ltr td.mw-label { text-align: right; }
  60 body.ltr td.mw-input { text-align: left; }
  61 body.ltr td.mw-submit { text-align: left; }
  62 body.rtl td.mw-label { text-align: left; }
  63 body.rtl td.mw-input { text-align: right; }
  64 body.rtl td.mw-submit { text-align: right; }
  65
  66 td.mw-label { vertical-align: top; }
  67 td.mw-submit { white-space: nowrap; }