skins/vector/components/common.less

   1 /*
   2  * Any rules which should not be flipped automatically in right-to-left situations should be
   3  * prepended with @noflip in a comment block.
   4  *
   5  * This stylesheet employs a few CSS trick to accomplish compatibility with a wide range of web
   6  * browsers. The most common trick is to use some styles in IE6 only. This is accomplished by using
   7  * a rule that makes things work in IE6, and then following it with a rule that begins with
   8  * "html > body" or use a child selector ">", which is ignored by IE6 because it does not support
   9  * the child selector. You can spot this by looking for the "OVERRIDDEN BY COMPLIANT BROWSERS" and
  10  * "IGNORED BY IE6" comments.
  11  */
  12 @import "mediawiki.mixins";
  13
  14 /* Framework */
  15 html {
  16         font-size: @html-font-size;
  17 }
  18 html,
  19 body {
  20         height: 100%;
  21         margin: 0;
  22         padding: 0;
  23         font-family: @content-font-family;
  24 }
  25 body {
  26         background-color: @menu-background-color;
  27 }
  28
  29 /* Content */
  30 div#content {
  31         line-height: @content-line-height;
  32         margin-left: 10em;
  33         padding: @content-padding;
  34         /* Border on top, left, and bottom side */
  35         border: 1px solid @content-border-color;
  36         border-right-width: 0;
  37         /* Merge the border with tabs' one (in their background image) */
  38         margin-top: -1px;
  39         background-color: @body-background-color;
  40         color: @content-font-color;
  41         direction: ltr;
  42
  43         .mw-editsection,
  44         .mw-editsection-like {
  45                 font-family: @content-font-family;
  46         }
  47
  48         p {
  49                 line-height: inherit;
  50                 margin: 0.5em 0;
  51         }
  52
  53         h1,
  54         h2,
  55         #firstHeading {
  56                 font-family: @content-heading-font-family;
  57                 line-height: @heading-line-height;
  58                 margin-bottom: 0.25em;
  59                 padding: 0;
  60         }
  61
  62         h1,
  63         #firstHeading {
  64                 font-size: @content-heading-font-size;
  65         }
  66
  67         h2 {
  68                 font-size: 1.5em;
  69                 margin-top: 1em;
  70         }
  71
  72         h3,
  73         h4,
  74         h5,
  75         h6 {
  76                 line-height: @content-line-height;
  77                 margin-top: 0.3em;
  78                 margin-bottom: 0;
  79                 padding-bottom: 0;
  80         }
  81
  82         h3 {
  83                 font-size: 1.17em;
  84         }
  85
  86         h3,
  87         h4 {
  88                 font-weight: bold;
  89         }
  90
  91         h4,
  92         h5,
  93         h6 {
  94                 font-size: 100%; /* (reset) */
  95         }
  96
  97         #toc h2,
  98         .toc h2 {
  99                 font-size: 100%; /* (reset) */
 100                 font-family: @content-font-family;
 101         }
 102 }
 103
 104 /* Hide empty portlets */
 105 div.emptyPortlet {
 106                 display: none;
 107 }
 108
 109 ul {
 110         list-style-type: disc;
 111         .list-style-image('images/bullet-icon.png');
 112 }
 113
 114 pre, .mw-code {
 115         line-height: 1.3em;
 116 }
 117
 118 /* Site Notice (includes notices from CentralNotice extension) */
 119 #siteNotice {
 120         font-size: 0.8em;
 121 }
 122
 123 .redirectText {
 124         font-size: 140%;
 125 }
 126
 127 .redirectMsg img {
 128         vertical-align: text-bottom;
 129 }
 130
 131 #bodyContent {
 132         position: relative;
 133         width: 100%;
 134         line-height: 1.5em;
 135         font-size: @content-font-size;
 136 }
 137
 138 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
 139 // FIXME: Should be part of jquery.tipsy.css
 140 .tipsy {
 141         font-size: 0.8em;
 142 }