[ Index ]

WordPress 5.4.1

[ Index ]     [ Classes ]     [ Functions ]     [ Variables ]     [ Constants ]     [ Statistics ]    

title

Body

[close]

/wp-admin/css/ -> login.css (source)

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


Generated: Tue May 19 15:51:04 2020 Cross-referenced by PHPXref 0.7.1