resources/src/mediawiki.special.userlogin.common.styles/userlogin.less

   1 /* User login and signup forms */
   2 @import 'mediawiki.skin.variables.less';
   3 @import 'mediawiki.mixins.less';
   4
   5 @defaultFormWidth: 290px;
   6
   7 .mw-htmlform {
   8         box-sizing: border-box;
   9
  10         @media ( min-width: @min-width-breakpoint-tablet ) {
  11                 width: @defaultFormWidth;
  12         }
  13 }
  14
  15 #mw-createaccount-join,
  16 .mw-htmlform-submit {
  17         width: 100%;
  18         justify-content: center;
  19 }
  20
  21 .mw-htmlform .mw-secure {
  22         padding: 0 0 0 11px;
  23         display: flex;
  24         align-items: center;
  25
  26         &--icon {
  27                 padding-left: 4px;
  28                 .cdx-mixin-css-icon( @cdx-icon-lock, @color-subtle, @size-icon-x-small );
  29         }
  30 }
  31
  32 #languagelinks {
  33         font-size: 0.8em;
  34 }
  35
  36 /* shuffled CAPTCHA */
  37 #mw-input-captchaWord {
  38         margin-top: 0.5em;
  39 }
  40
  41 /* FIXME: These should be namespaced to mw-ext-confirmedit-fancycaptcha-, and really shouldn't be in core at all */
  42 /* stylelint-disable-next-line selector-class-pattern */
  43 .fancycaptcha-captcha-container {
  44         background-color: @background-color-neutral-subtle;
  45         margin-bottom: 15px;
  46         border: @border-subtle;
  47         border-radius: @border-radius-base;
  48         padding: 8px;
  49         text-align: center;
  50 }
  51
  52 .mw-createacct-captcha-assisted {
  53         display: block;
  54         margin-top: 0.5em;
  55 }
  56
  57 /* Put a border around the fancycaptcha-image-container. */
  58 /* stylelint-disable-next-line selector-class-pattern */
  59 .fancycaptcha-captcha-and-reload {
  60         border: @border-subtle;
  61         border-radius: @border-radius-base @border-radius-base 0 0;
  62         width: 100%;
  63         box-sizing: border-box;
  64         background-color: @background-color-base;
  65 }
  66
  67 /* stylelint-disable-next-line selector-class-pattern */
  68 .fancycaptcha-captcha-container .mw-ui-input {
  69         margin-top: @position-offset-border-width-base;
  70         border-color: @border-color-subtle;
  71         border-radius: 0 0 @border-radius-base @border-radius-base;
  72 }
  73
  74 /* Make the fancycaptcha-image-container full-width within its parent. */
  75 /* stylelint-disable-next-line selector-class-pattern */
  76 .fancycaptcha-image-container {
  77         width: 100%;
  78 }
  79
  80 .mw-createaccount-temp-warning {
  81         margin-bottom: @spacing-50;
  82
  83         .mw-userLogin-icon {
  84                 &--user-temporary {
  85                         .cdx-mixin-css-icon(@cdx-icon-user-temporary);
  86                 }
  87         }
  88 }
  89
  90 .mw-login-flush-right {
  91         float: right;
  92         text-align: right;
  93         padding-right: 0;
  94         margin-right: 0;
  95 }