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         font-size: @body-font-size;
  28 }
  29
  30 /* Content */
  31 div#content {
  32         line-height: @content-line-height;
  33         margin-left: 10em;
  34         padding: @content-padding;
  35         /* Border on top, left, and bottom side */
  36         border: 1px solid @content-border-color;
  37         border-right-width: 0;
  38         /* Merge the border with tabs' one (in their background image) */
  39         margin-top: -1px;
  40         background-color: @body-background-color;
  41         color: @content-font-color;
  42         direction: ltr;
  43 }
  44
  45 /* Hide empty portlets */
  46 div.emptyPortlet {
  47                 display: none;
  48 }
  49
  50 ul {
  51         list-style-type: disc;
  52         .list-style-image('images/bullet-icon.png');
  53 }
  54
  55 pre, .mw-code {
  56         line-height: 1.3em;
  57 }
  58
  59 /* Site Notice (includes notices from CentralNotice extension) */
  60 #siteNotice {
  61         font-size: 0.8em;
  62 }
  63
  64 #firstHeading {
  65         padding-top: 0;
  66         margin-top: 0;
  67         font-size: @content-heading-font-size;
  68 }
  69
  70 .redirectText {
  71         font-size: 140%;
  72 }
  73
  74 .redirectMsg img {
  75         vertical-align: text-bottom;
  76 }
  77
  78 #bodyContent {
  79         position: relative;
  80         width: 100%;
  81         line-height: 1.5em;
  82         font-size: @content-font-size;
  83 }
  84
  85 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
  86 // FIXME: Should be part of jquery.tipsy.css
  87 .tipsy {
  88         font-size: 0.8em;
  89 }