[Summary view] [Print] [Text view]

   1  /*! This file is auto-generated */
   2  html,
   3  body {
   4      height: 100%;
   5      margin: 0;
   6      padding: 0;
   7  }
   8  
   9  body {
  10      background: #f0f0f1;
  11      min-width: 0;
  12      color: #3c434a;
  13      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  14      font-size: 13px;
  15      line-height: 1.4;
  16  }
  17  
  18  a {
  19      color: #2271b1;
  20      transition-property: border, background, color;
  21      transition-duration: .05s;
  22      transition-timing-function: ease-in-out;
  23  }
  24  
  25  a {
  26      outline: 0;
  27  }
  28  
  29  a:hover,
  30  a:active {
  31      color: #135e96;
  32  }
  33  
  34  a:focus {
  35      color: #043959;
  36      box-shadow: 0 0 0 2px #2271b1;
  37      /* Only visible in Windows High Contrast mode */
  38      outline: 2px solid transparent;
  39  }
  40  
  41  p {
  42      line-height: 1.5;
  43  }
  44  
  45  .login .message,
  46  .login .notice,
  47  .login .success {
  48      border-right: 4px solid #72aee6;
  49      padding: 12px;
  50      margin-right: 0;
  51      margin-bottom: 20px;
  52      background-color: #fff;
  53      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  54      word-wrap: break-word;
  55  }
  56  
  57  .login .success {
  58      border-right-color: #00a32a;
  59  }
  60  
  61  /* Match border color from common.css */
  62  .login .notice-error {
  63      border-right-color: #d63638;
  64  }
  65  
  66  .login .login-error-list {
  67      list-style: none;
  68  }
  69  
  70  .login .login-error-list li + li {
  71      margin-top: 4px;
  72  }
  73  
  74  #loginform p.submit,
  75  .login-action-lostpassword p.submit {
  76      border: none;
  77      margin: -10px 0 20px; /* May want to revisit this */
  78  }
  79  
  80  .login * {
  81      margin: 0;
  82      padding: 0;
  83  }
  84  
  85  .login .input::-ms-clear {
  86      display: none;
  87  }
  88  
  89  .login .pw-weak {
  90      margin-bottom: 15px;
  91  }
  92  
  93  .login .button.wp-hide-pw {
  94      background: transparent;
  95      border: 1px solid transparent;
  96      box-shadow: none;
  97      font-size: 14px;
  98      line-height: 2;
  99      width: 2.5rem;
 100      height: 2.5rem;
 101      min-width: 40px;
 102      min-height: 40px;
 103      margin: 0;
 104      padding: 5px 9px;
 105      position: absolute;
 106      left: 0;
 107      top: 0;
 108  }
 109  
 110  .login .button.wp-hide-pw:hover {
 111      background: transparent;
 112  }
 113  
 114  .login .button.wp-hide-pw:focus {
 115      background: transparent;
 116      border-color: #3582c4;
 117      box-shadow: 0 0 0 1px #3582c4;
 118      /* Only visible in Windows High Contrast mode */
 119      outline: 2px solid transparent;
 120  }
 121  
 122  .login .button.wp-hide-pw:active {
 123      background: transparent;
 124      box-shadow: none;
 125      transform: none;
 126  }
 127  
 128  .login .button.wp-hide-pw .dashicons {
 129      width: 1.25rem;
 130      height: 1.25rem;
 131      top: 0.25rem;
 132  }
 133  
 134  .login .wp-pwd {
 135      position: relative;
 136  }
 137  
 138  .no-js .hide-if-no-js {
 139      display: none;
 140  }
 141  
 142  .login form {
 143      margin-top: 20px;
 144      margin-right: 0;
 145      padding: 26px 24px 34px;
 146      font-weight: 400;
 147      overflow: hidden;
 148      background: #fff;
 149      border: 1px solid #c3c4c7;
 150      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
 151  }
 152  
 153  .login form.shake {
 154      animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both;
 155      animation-iteration-count: 3;
 156      transform: translateX(0);
 157  }
 158  
 159  @keyframes shake {
 160      25% {
 161          transform: translateX(20px);
 162      }
 163      75% {
 164          transform: translateX(-20px);
 165      }
 166      100% {
 167          transform: translateX(0);
 168      }
 169  }
 170  
 171  @media (prefers-reduced-motion: reduce) {
 172      .login form.shake {
 173          animation: none;
 174          transform: none;
 175      }
 176  }
 177  
 178  .login-action-confirm_admin_email #login {
 179      width: 60vw;
 180      max-width: 650px;
 181      margin-top: -2vh;
 182  }
 183  
 184  @media screen and (max-width: 782px) {
 185      .login-action-confirm_admin_email #login {
 186          box-sizing: border-box;
 187          margin-top: 0;
 188          padding-right: 4vw;
 189          padding-left: 4vw;
 190          width: 100vw;
 191      }
 192  }
 193  
 194  .login form .forgetmenot {
 195      font-weight: 400;
 196      float: right;
 197      margin-bottom: 0;
 198  }
 199  
 200  .login .button-primary {
 201      float: left;
 202  }
 203  
 204  .login .reset-pass-submit {
 205      display: flex;
 206      flex-flow: row wrap;
 207      justify-content: space-between;
 208  }
 209  
 210  .login .reset-pass-submit .button {
 211      display: inline-block;
 212      float: none;
 213      margin-bottom: 6px;
 214  }
 215  
 216  .login .admin-email-confirm-form .submit {
 217      text-align: center;
 218  }
 219  
 220  .admin-email__later {
 221      text-align: right;
 222  }
 223  
 224  .login form p.admin-email__details {
 225      margin: 1.1em 0;
 226  }
 227  
 228  .login h1.admin-email__heading {
 229      border-bottom: 1px #f0f0f1 solid;
 230      color: #50575e;
 231      font-weight: normal;
 232      padding-bottom: 0.5em;
 233      text-align: right;
 234  }
 235  
 236  .admin-email__actions div {
 237      padding-top: 1.5em;
 238  }
 239  
 240  .login .admin-email__actions .button-primary {
 241      float: none;
 242      margin-right: 0.25em;
 243      margin-left: 0.25em;
 244  }
 245  
 246  #login form p {
 247      margin-bottom: 0;
 248  }
 249  
 250  #login form .indicator-hint,
 251  #login #reg_passmail {
 252      margin-bottom: 16px;
 253  }
 254  
 255  #login form p.submit {
 256      margin: 0;
 257      padding: 0;
 258  }
 259  
 260  .login label {
 261      font-size: 14px;
 262      line-height: 1.5;
 263      display: inline-block;
 264      margin-bottom: 3px;
 265  }
 266  
 267  .login .forgetmenot label,
 268  .login .pw-weak label {
 269      line-height: 1.5;
 270      vertical-align: baseline;
 271  }
 272  
 273  .login h1 {
 274      text-align: center;
 275  }
 276  
 277  .login h1 a {
 278      background-image: url(../images/w-logo-blue.png?ver=20131202);
 279      background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
 280      background-size: 84px;
 281      background-position: center top;
 282      background-repeat: no-repeat;
 283      color: #3c434a;
 284      height: 84px;
 285      font-size: 20px;
 286      font-weight: 400;
 287      line-height: 1.3;
 288      margin: 0 auto 25px;
 289      padding: 0;
 290      text-decoration: none;
 291      width: 84px;
 292      text-indent: -9999px;
 293      outline: none;
 294      overflow: hidden;
 295      display: block;
 296  }
 297  
 298  #login {
 299      width: 320px;
 300      padding: 5% 0 0;
 301      margin: auto;
 302  }
 303  
 304  .login #nav,
 305  .login #backtoblog {
 306      font-size: 13px;
 307      padding: 0 24px;
 308  }
 309  
 310  .login #nav {
 311      margin: 24px 0 0;
 312  }
 313  
 314  #backtoblog {
 315      margin: 16px 0;
 316      word-wrap: break-word;
 317  }
 318  
 319  .login #nav a,
 320  .login #backtoblog a {
 321      text-decoration: none;
 322      color: #50575e;
 323  }
 324  
 325  .login #nav a:hover,
 326  .login #backtoblog a:hover,
 327  .login h1 a:hover {
 328      color: #135e96;
 329  }
 330  
 331  .login #nav a:focus,
 332  .login #backtoblog a:focus,
 333  .login h1 a:focus {
 334      color: #043959;
 335  }
 336  
 337  .login .privacy-policy-page-link {
 338      text-align: center;
 339      width: 100%;
 340      margin: 3em 0 2em;
 341  }
 342  
 343  .login form .input,
 344  .login input[type="text"],
 345  .login input[type="password"] {
 346      font-size: 24px;
 347      line-height: 1.33333333; /* 32px */
 348      width: 100%;
 349      border-width: 0.0625rem;
 350      padding: 0.1875rem 0.3125rem; /* 3px 5px */
 351      margin: 0 0 16px 6px;
 352      min-height: 40px;
 353      max-height: none;
 354  }
 355  
 356  .login input.password-input {
 357      font-family: Consolas, Monaco, monospace;
 358  }
 359  
 360  .js.login input.password-input {
 361      padding-left: 2.5rem;
 362  }
 363  
 364  .login form .input,
 365  .login input[type="text"],
 366  .login form input[type="checkbox"] {
 367      background: #fff;
 368  }
 369  
 370  .js.login-action-resetpass input[type="text"],
 371  .js.login-action-resetpass input[type="password"],
 372  .js.login-action-rp input[type="text"],
 373  .js.login-action-rp input[type="password"] {
 374      margin-bottom: 0;
 375  }
 376  
 377  .login #pass-strength-result {
 378      font-weight: 600;
 379      margin: -1px 0 16px 5px;
 380      padding: 6px 5px;
 381      text-align: center;
 382      width: 100%;
 383  }
 384  
 385  body.interim-login {
 386      height: auto;
 387  }
 388  
 389  .interim-login #login {
 390      padding: 0;
 391      margin: 5px auto 20px;
 392  }
 393  
 394  .interim-login.login h1 a {
 395      width: auto;
 396  }
 397  
 398  .interim-login #login_error,
 399  .interim-login.login .message {
 400      margin: 0 0 16px;
 401  }
 402  
 403  .interim-login.login form {
 404      margin: 0;
 405  }
 406  
 407  /* Hide visually but not from screen readers */
 408  .screen-reader-text,
 409  .screen-reader-text span {
 410      border: 0;
 411      clip: rect(1px, 1px, 1px, 1px);
 412      -webkit-clip-path: inset(50%);
 413      clip-path: inset(50%);
 414      height: 1px;
 415      margin: -1px;
 416      overflow: hidden;
 417      padding: 0;
 418      position: absolute;
 419      width: 1px;
 420      word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
 421  }
 422  
 423  /* Hide the Edge "reveal password" native button */
 424  input::-ms-reveal {
 425      display: none;
 426  }
 427  
 428  #language-switcher {
 429      padding: 0;
 430      overflow: visible;
 431      background: none;
 432      border: none;
 433      box-shadow: none;
 434  }
 435  
 436  #language-switcher select {
 437      margin-left: 0.25em;
 438  }
 439  
 440  .language-switcher {
 441      margin: 0 auto;
 442      padding: 0 0 24px;
 443      text-align: center;
 444  }
 445  
 446  .language-switcher label {
 447      margin-left: 0.25em;
 448  }
 449  
 450  .language-switcher label .dashicons {
 451      width: auto;
 452      height: auto;
 453  }
 454  
 455  .login .language-switcher .button {
 456      margin-bottom: 0;
 457  }
 458  
 459  @media screen and (max-height: 550px) {
 460      #login {
 461          padding: 20px 0;
 462      }
 463  
 464      #language-switcher {
 465          margin-top: 0;
 466      }
 467  }
 468  
 469  
 470  @media screen and (max-width: 782px) {
 471      .interim-login input[type=checkbox] {
 472          width: 1rem;
 473          height: 1rem;
 474      }
 475  
 476      .interim-login input[type=checkbox]:checked:before {
 477          width: 1.3125rem;
 478          height: 1.3125rem;
 479          margin: -0.1875rem -0.25rem 0 0;
 480      }
 481  
 482      #language-switcher label,
 483      #language-switcher select {
 484          margin-left: 0;
 485      }
 486  }
 487  
 488  @media screen and (max-width: 400px) {
 489      .login .language-switcher .button {
 490          display: block;
 491          margin: 5px auto 0;
 492      }
 493  }