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

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