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