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

   1 /* User login and signup forms */
   2 .mw-ui-vform .mw-form-related-link-container {
   3         margin-bottom: 0.5em;
   4         text-align: center;
   5 }
   6
   7 .mw-ui-vform .mw-secure {
   8         /* @embed */
   9         background: url( images/icon-lock.png ) no-repeat left center;
  10         margin: 0 0 0 1px;
  11         padding: 0 0 0 11px;
  12 }
  13
  14 /*
  15  * When inside the VForm style, disable the border that Vector and other skins
  16  * put on the div surrounding the login/create account form.
  17  * Also disable the margin and padding that Vector puts around the form.
  18  */
  19 .mw-ui-container #userloginForm,
  20 .mw-ui-container #userlogin {
  21         border: 0;
  22         margin: 0;
  23         padding: 0;
  24 }
  25
  26 /* Reposition and resize language links, which appear on a per-wiki basis */
  27 .mw-ui-container #languagelinks {
  28         margin-bottom: 2em;
  29         font-size: 0.8em;
  30 }
  31
  32 /* Put some space under template's header, which may contain CAPTCHA HTML. */
  33 section.mw-form-header {
  34         margin-bottom: 10px;
  35 }
  36
  37 /* shuffled CAPTCHA */
  38 #wpCaptchaWord {
  39         margin-top: 6px;
  40 }
  41
  42 .fancycaptcha-captcha-container {
  43         background-color: #f8f9fa;
  44         margin-bottom: 15px;
  45         border: 1px solid #c8ccd1;
  46         border-radius: 2px;
  47         padding: 8px;
  48         text-align: center;
  49 }
  50
  51 .mw-createacct-captcha-assisted {
  52         display: block;
  53         margin-top: 0.5em;
  54 }
  55
  56 /* Put a border around the fancycaptcha-image-container. */
  57 .fancycaptcha-captcha-and-reload {
  58         border: 1px solid #c8ccd1;
  59         border-radius: 2px 2px 0 0;
  60         /* Other display formats end up too wide */
  61         display: table-cell;
  62         width: 270px;
  63         background-color: #fff;
  64 }
  65
  66 .fancycaptcha-captcha-container .mw-ui-input {
  67         margin-top: -1px;
  68         border-color: #c8ccd1;
  69         border-radius: 0 0 2px 2px;
  70 }
  71
  72 /* Make the fancycaptcha-image-container full-width within its parent. */
  73 .fancycaptcha-image-container {
  74         width: 100%;
  75 }