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