resources/src/mediawiki.special.userlogin.common.styles/userlogin.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 /* FIXME: These should be namespaced to mw-ext-confirmedit-fancycaptcha-, and really shouldn't be in core at all */
  43 /* stylelint-disable-next-line selector-class-pattern */
  44 .fancycaptcha-captcha-container {
  45         background-color: #f8f9fa;
  46         margin-bottom: 15px;
  47         border: 1px solid #c8ccd1;
  48         border-radius: 2px;
  49         padding: 8px;
  50         text-align: center;
  51 }
  52
  53 .mw-createacct-captcha-assisted {
  54         display: block;
  55         margin-top: 0.5em;
  56 }
  57
  58 /* Put a border around the fancycaptcha-image-container. */
  59 /* stylelint-disable-next-line selector-class-pattern */
  60 .fancycaptcha-captcha-and-reload {
  61         border: 1px solid #c8ccd1;
  62         border-radius: 2px 2px 0 0;
  63         /* Other display formats end up too wide */
  64         display: table-cell;
  65         width: 270px;
  66         background-color: #fff;
  67 }
  68
  69 /* stylelint-disable-next-line selector-class-pattern */
  70 .fancycaptcha-captcha-container .mw-ui-input {
  71         margin-top: -1px;
  72         border-color: #c8ccd1;
  73         border-radius: 0 0 2px 2px;
  74 }
  75
  76 /* Make the fancycaptcha-image-container full-width within its parent. */
  77 /* stylelint-disable-next-line selector-class-pattern */
  78 .fancycaptcha-image-container {
  79         width: 100%;
  80 }