resources/mediawiki.special/mediawiki.special.createAccount.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 /**** shuffled CAPTCHA ****/
   8 #wpCaptchaWord {
   9         margin-top: 6px;
  10 }
  11
  12 .mw-createacct-captcha-container {
  13         background-color: #f8f8f8;
  14         border: 1px solid #c9c9c9;
  15         padding: 10px;
  16         text-align: center;
  17 }
  18
  19 .mw-createacct-captcha-assisted {
  20         display: block;
  21         margin-top: 0.5em;
  22 }
  23
  24 /* Put a border around the fancycaptcha-image-container. */
  25 .mw-createacct-captcha-and-reload {
  26         border: 1px solid #c9c9c9;
  27         display: table-cell; /* Other display formats end up too wide */
  28         width: 270px;
  29         background-color: #FFF;
  30 }
  31
  32 /* Make the fancycaptcha-image-container full-width within its parent.  */
  33 .fancycaptcha-image-container
  34 {
  35         width: 100%;
  36 }
  37
  38 /**** Benefits column CSS to the right (if it fits) of the form. ****/
  39 .mw-ui-container #userloginForm {
  40         float: left;
  41 }
  42
  43 div.mw-createacct-benefits-container {
  44         /* Keeps this column compact and close to the form, but tends to squish contents. */
  45         float: left;
  46 }
  47
  48 div.mw-createacct-benefits-container h2 {
  49         margin-bottom: 30px;
  50 }
  51
  52 .mw-number-text.icon-edits {
  53         /* @embed */
  54         background: url(images/icon-edits.png) no-repeat left center;
  55 }
  56
  57 .mw-number-text.icon-pages {
  58         /* @embed */
  59         background: url(images/icon-pages.png) no-repeat left center;
  60 }
  61
  62 .mw-number-text.icon-contributors {
  63         /* @embed */
  64         background: url(images/icon-contributors.png) no-repeat left center;
  65 }
  66
  67 /* Special font for numbers in benefits*/
  68 div.mw-number-text h3 {
  69         top: 0;
  70         margin: 0;
  71         padding: 0;
  72         color: #252525;
  73         font-family: 'Georgia', serif;
  74         font-weight: normal;
  75         font-size: 2.2em;
  76         line-height: 1.2;
  77         text-align: center;
  78 }
  79
  80 /* Contains a number and explanatory text, with space for an icon */
  81 div.mw-number-text {
  82         display: block;
  83         font-size: 1.2em;
  84         color: #444;
  85         margin-top: 1em;
  86         padding: 0 0 0 95px; /* 80px wide icon plus "margin" */
  87         min-height: 75px; /* matches max icon height, ensures icon emblem is visible */
  88         text-align: center;
  89 }