[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: #043959;
  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      font-weight: 400;
 206      float: right;
 207      margin-bottom: 0;
 208  }
 209  
 210  .login .button-primary {
 211      float: left;
 212  }
 213  
 214  .login .reset-pass-submit {
 215      display: flex;
 216      flex-flow: row wrap;
 217      justify-content: space-between;
 218  }
 219  
 220  .login .reset-pass-submit .button {
 221      display: inline-block;
 222      float: none;
 223      margin-bottom: 6px;
 224  }
 225  
 226  .login .admin-email-confirm-form .submit {
 227      text-align: center;
 228  }
 229  
 230  .admin-email__later {
 231      text-align: right;
 232  }
 233  
 234  .login form p.admin-email__details {
 235      margin: 1.1em 0;
 236  }
 237  
 238  .login .admin-email__heading {
 239      border-bottom: 1px #f0f0f1 solid;
 240      color: #50575e;
 241      font-weight: normal;
 242      padding-bottom: 0.5em;
 243      text-align: right;
 244  }
 245  
 246  .admin-email__actions div {
 247      padding-top: 1.5em;
 248  }
 249  
 250  .login .admin-email__actions .button-primary {
 251      float: none;
 252      margin-right: 0.25em;
 253      margin-left: 0.25em;
 254  }
 255  
 256  #login form p {
 257      margin-bottom: 0;
 258  }
 259  
 260  #login form .indicator-hint,
 261  #login #reg_passmail {
 262      margin-bottom: 16px;
 263  }
 264  
 265  #login form p.submit {
 266      margin: 0;
 267      padding: 0;
 268  }
 269  
 270  .login label {
 271      font-size: 14px;
 272      line-height: 1.5;
 273      display: inline-block;
 274      margin-bottom: 3px;
 275  }
 276  
 277  .login .forgetmenot label,
 278  .login .pw-weak label {
 279      line-height: 1.5;
 280      vertical-align: baseline;
 281  }
 282  
 283  .login h1 {
 284      text-align: center;
 285  }
 286  
 287  .login h1 a {
 288      background-image: url(../images/w-logo-gray.png?ver=20260303);
 289      background-image: none, url(../images/wordpress-logo-gray.svg?ver=20260303);
 290      background-size: 84px;
 291      background-position: center top;
 292      background-repeat: no-repeat;
 293      color: #3c434a;
 294      height: 84px;
 295      font-size: 20px;
 296      font-weight: 400;
 297      line-height: 1.3;
 298      margin: 0 auto 24px;
 299      padding: 0;
 300      text-decoration: none;
 301      width: 84px;
 302      text-indent: -9999px;
 303      outline: none;
 304      overflow: hidden;
 305      display: block;
 306  }
 307  
 308  #login {
 309      width: 320px;
 310      padding: 5% 0 0;
 311      margin: auto;
 312  }
 313  
 314  .login #nav,
 315  .login #backtoblog {
 316      font-size: 13px;
 317      padding: 0 24px;
 318  }
 319  
 320  .login #nav {
 321      margin: 24px 0 0;
 322  }
 323  
 324  #backtoblog {
 325      margin: 16px 0;
 326      word-wrap: break-word;
 327  }
 328  
 329  .login #nav a,
 330  .login #backtoblog a {
 331      color: #50575e;
 332  }
 333  
 334  .login #nav a:hover,
 335  .login #backtoblog a:hover,
 336  .login h1 a:hover {
 337      color: var(--wp-admin-theme-color-darker-20);
 338  }
 339  
 340  .login #nav a:focus,
 341  .login #backtoblog a:focus,
 342  .login h1 a:focus {
 343      color: #043959;
 344  }
 345  
 346  .login .privacy-policy-page-link {
 347      text-align: center;
 348      width: 100%;
 349      margin: 3em 0 2em;
 350  }
 351  
 352  .login form .input,
 353  .login input[type="text"],
 354  .login input[type="password"] {
 355      font-size: 24px;
 356      line-height: 1.33333333; /* 32px */
 357      width: 100%;
 358      border-width: 0.0625rem;
 359      padding: 0.1875rem 0.3125rem; /* 3px 5px */
 360      margin: 0 0 16px 6px;
 361      min-height: 40px;
 362      max-height: none;
 363  }
 364  
 365  .login input.password-input {
 366      font-family: Consolas, Monaco, monospace;
 367  }
 368  
 369  /* rtl:ignore */
 370  .js.login input.password-input {
 371      padding-right: 2.5rem;
 372  }
 373  
 374  .js.login-action-resetpass input[type="text"],
 375  .js.login-action-resetpass input[type="password"],
 376  .js.login-action-rp input[type="text"],
 377  .js.login-action-rp input[type="password"] {
 378      margin-bottom: 0;
 379  }
 380  
 381  .login #pass-strength-result {
 382      font-weight: 600;
 383      margin: -1px 0 16px 5px;
 384      padding: 6px 5px;
 385      text-align: center;
 386      width: 100%;
 387  }
 388  
 389  body.interim-login {
 390      height: auto;
 391  }
 392  
 393  .interim-login #login {
 394      padding: 0;
 395      margin: 5px auto 20px;
 396  }
 397  
 398  .interim-login.login h1 a {
 399      width: auto;
 400  }
 401  
 402  .interim-login #login_error,
 403  .interim-login.login .message {
 404      margin: 0 0 16px;
 405  }
 406  
 407  .interim-login.login form {
 408      margin: 0;
 409  }
 410  
 411  /* Hide visually but not from screen readers */
 412  .screen-reader-text,
 413  .screen-reader-text span {
 414      border: 0;
 415      clip-path: inset(50%);
 416      height: 1px;
 417      margin: -1px;
 418      overflow: hidden;
 419      padding: 0;
 420      position: absolute;
 421      width: 1px;
 422      /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 423      word-wrap: normal !important;
 424      word-break: normal !important;
 425  }
 426  
 427  /* Hide the Edge "reveal password" native button */
 428  input::-ms-reveal {
 429      display: none;
 430  }
 431  
 432  #language-switcher {
 433      padding: 0;
 434      overflow: visible;
 435      background: none;
 436      border: none;
 437      box-shadow: none;
 438  }
 439  
 440  #language-switcher select {
 441      margin-left: 0.25em;
 442  }
 443  
 444  .language-switcher {
 445      margin: 0 auto;
 446      padding: 0 0 24px;
 447      text-align: center;
 448  }
 449  
 450  .language-switcher label {
 451      margin-left: 0.25em;
 452  }
 453  
 454  .language-switcher label .dashicons {
 455      width: auto;
 456      height: auto;
 457  }
 458  
 459  .login .language-switcher .button {
 460      margin-bottom: 0;
 461  }
 462  
 463  @media screen and (max-height: 550px) {
 464      #login {
 465          padding: 20px 0;
 466      }
 467  
 468      #language-switcher {
 469          margin-top: 0;
 470      }
 471  }
 472  
 473  
 474  @media screen and (max-width: 782px) {
 475      .interim-login input[type=checkbox] {
 476          width: 1rem;
 477          height: 1rem;
 478      }
 479  
 480      .interim-login input[type=checkbox]:checked:before {
 481          width: 1.3125rem;
 482          height: 1.3125rem;
 483          margin: -0.1875rem -0.25rem 0 0;
 484      }
 485  
 486      #language-switcher label,
 487      #language-switcher select {
 488          margin-left: 0;
 489      }
 490  }
 491  
 492  @media screen and (max-width: 400px) {
 493      .login .language-switcher .button {
 494          display: block;
 495          margin: 5px auto 0;
 496      }
 497  }