resources/src/mediawiki.special.userlogin.signup.styles/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         /* Override `.mw-body-content` to ensure useful, readable paragraphs */
  14         line-height: 1.4;
  15 }
  16
  17 .mw-createacct-benefits-container {
  18         /* Keeps this column compact and close to the form, but tends to squish contents. */
  19         float: left;
  20 }
  21
  22 .mw-createacct-benefits-container h2 {
  23         margin-bottom: 30px;
  24 }
  25
  26 /* stylelint-disable-next-line selector-class-pattern */
  27 .mw-number-text.icon-edits {
  28         /* @embed */
  29         background: url( images/icon-edits.png ) no-repeat left center;
  30 }
  31
  32 /* stylelint-disable-next-line selector-class-pattern */
  33 .mw-number-text.icon-pages {
  34         /* @embed */
  35         background: url( images/icon-pages.png ) no-repeat left center;
  36 }
  37
  38 /* stylelint-disable-next-line selector-class-pattern */
  39 .mw-number-text.icon-contributors {
  40         /* @embed */
  41         background: url( images/icon-contributors.png ) no-repeat left center;
  42 }
  43
  44 /*
  45  * Special font for numbers in benefits, same as Vector's `@content-heading-font-family`.
  46  * Needs to be more specific than Vector's `.mw-body-content h3`.
  47  */
  48 .mw-body-content .mw-number-text h3 {
  49         color: #222;
  50         margin: 0;
  51         padding: 0;
  52         font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
  53         font-weight: normal;
  54         font-size: 2.2em;
  55         line-height: 1.2;
  56         text-align: center;
  57 }
  58
  59 /* Contains a “headlined” number and explanatory text, with space for an icon */
  60 .mw-number-text {
  61         display: block;
  62         font-size: 1.2em;
  63         color: #444;
  64         margin-top: 1em;
  65         /* 80px wide icon plus "margin" */
  66         padding: 0 0 0 95px;
  67         /* Matches max icon height, ensures icon emblem is visible */
  68         min-height: 75px;
  69         text-align: center;
  70 }