resources/src/mediawiki.special/mediawiki.special.userlogin.signup.css

   1 /* Disable the underline that Vector puts on h2 headings, and bold them. */
   2 .mw-ui-container h2 {
   3         border: 0;
   4         font-weight: bold;
   5 }
   6
   7 /* Benefits column CSS to the right (if it fits) of the form. */
   8 .mw-ui-container #userloginForm {
   9         float: left;
  10         /* Override the right margin of the form to give space in case a benefits
  11          * column appears to the side. */
  12         margin-right: 100px;
  13 }
  14
  15 div.mw-createacct-benefits-container {
  16         /* Keeps this column compact and close to the form, but tends to squish contents. */
  17         float: left;
  18 }
  19
  20 div.mw-createacct-benefits-container h2 {
  21         margin-bottom: 30px;
  22 }
  23
  24 .mw-number-text.icon-edits {
  25         /* @embed */
  26         background: url( images/icon-edits.png ) no-repeat left center;
  27 }
  28
  29 .mw-number-text.icon-pages {
  30         /* @embed */
  31         background: url( images/icon-pages.png ) no-repeat left center;
  32 }
  33
  34 .mw-number-text.icon-contributors {
  35         /* @embed */
  36         background: url( images/icon-contributors.png ) no-repeat left center;
  37 }
  38
  39 /*
  40  * Special font for numbers in benefits, same as Vector's @content-heading-font-family.
  41  * Needs an ID so that it's more specific than Vector's div#content h3.
  42  */
  43 #bodyContent div.mw-number-text h3 {
  44         color: #222;
  45         margin: 0;
  46         padding: 0;
  47         font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
  48         font-weight: normal;
  49         font-size: 2.2em;
  50         line-height: 1.2;
  51         text-align: center;
  52 }
  53
  54 /* Contains a “headlined” number and explanatory text, with space for an icon */
  55 div.mw-number-text {
  56         display: block;
  57         font-size: 1.2em;
  58         color: #444;
  59         margin-top: 1em;
  60         /* 80px wide icon plus "margin" */
  61         padding: 0 0 0 95px;
  62         /* Matches max icon height, ensures icon emblem is visible */
  63         min-height: 75px;
  64         text-align: center;
  65 }