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