mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-16 15:46:04 +01:00
50cb2c5e28
WordPress no longer supports many old old browsers: https://make.wordpress.org/core/2017/04/23/target-browser-coverage/ This also removes alot of no longer necessary CSS. It served us well, but we are never getting back together with IE8,9,10. So, in the (paraphrased) words of Taylor Swift: I remember when we dropped support the first time Saying, "This is it, I've had enough, " 'cause like We hadn't seen many users in a month When you said you needed flexbox. (What?) Then you postMessage again and say "IE8, I miss you and I swear I'm gonna change, trust me." Remember how that lasted for a day? I say, "I hate the box model, " we break up, you call me, "I love css-grids." Ooh, we called it off again last night But ooh, this time I'm telling you, I'm telling you We are never ever ever supporting IE 8,9,10, We are never ever ever supporting IE 8,9,10, You go talk to EDGE, talk to my FIREFOX, talk to CHROME But we are never ever ever ever getting back together Like, ever... Fixes #37651. Props stunnedbeast, netweb, jorbin. Built from https://develop.svn.wordpress.org/trunk@41062 git-svn-id: http://core.svn.wordpress.org/trunk@40912 1a063a9b-81f0-0310-95a4-ce76da25c4cd
254 lines
3.7 KiB
CSS
254 lines
3.7 KiB
CSS
@import url(forms.css);
|
|
@import url(l10n.css);
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
background: #f1f1f1;
|
|
min-width: 0;
|
|
color: #444;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
font-size: 13px;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
a {
|
|
color: #0073aa;
|
|
transition-property: border, background, color;
|
|
transition-duration: .05s;
|
|
transition-timing-function: ease-in-out;
|
|
}
|
|
|
|
a {
|
|
outline: 0;
|
|
}
|
|
|
|
a:hover,
|
|
a:active {
|
|
color: #00a0d2;
|
|
}
|
|
|
|
a:focus {
|
|
color: #124964;
|
|
box-shadow:
|
|
0 0 0 1px #5b9dd9,
|
|
0 0 2px 1px rgba(30, 140, 190, .8);
|
|
}
|
|
|
|
.ie8 a:focus {
|
|
outline: #5b9dd9 solid 1px;
|
|
}
|
|
|
|
p {
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.login .message,
|
|
.login #login_error {
|
|
border-left: 4px solid #00a0d2;
|
|
padding: 12px;
|
|
margin-left: 0;
|
|
margin-bottom: 20px;
|
|
background-color: #fff;
|
|
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.login #login_error {
|
|
border-left-color: #dc3232;
|
|
}
|
|
|
|
#loginform p.submit,
|
|
.login-action-lostpassword p.submit {
|
|
border: none;
|
|
margin: -10px 0 20px; /* May want to revisit this */
|
|
}
|
|
|
|
.login * {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.login form {
|
|
margin-top: 20px;
|
|
margin-left: 0;
|
|
padding: 26px 24px 46px;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.13);
|
|
}
|
|
|
|
.login form .forgetmenot {
|
|
font-weight: 400;
|
|
float: left;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.login .button-primary {
|
|
float: right;
|
|
}
|
|
|
|
#login form p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#login form p.submit {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.login label {
|
|
color: #72777c;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.login form .forgetmenot label {
|
|
font-size: 12px;
|
|
line-height: 19px;
|
|
}
|
|
|
|
.login h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
.login h1 a {
|
|
background-image: url(../images/w-logo-blue.png?ver=20131202);
|
|
background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
|
|
background-size: 84px;
|
|
background-position: center top;
|
|
background-repeat: no-repeat;
|
|
color: #444;
|
|
height: 84px;
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.3em;
|
|
margin: 0 auto 25px;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
width: 84px;
|
|
text-indent: -9999px;
|
|
outline: none;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
#login {
|
|
width: 320px;
|
|
padding: 8% 0 0;
|
|
margin: auto;
|
|
}
|
|
|
|
.login #nav,
|
|
.login #backtoblog {
|
|
font-size: 13px;
|
|
padding: 0 24px 0;
|
|
}
|
|
|
|
.login #nav {
|
|
margin: 24px 0 0 0;
|
|
}
|
|
|
|
#backtoblog {
|
|
margin: 16px 0;
|
|
}
|
|
|
|
.login #nav a,
|
|
.login #backtoblog a {
|
|
text-decoration: none;
|
|
color: #555d66;
|
|
}
|
|
|
|
.login #nav a:hover,
|
|
.login #backtoblog a:hover,
|
|
.login h1 a:hover {
|
|
color: #00a0d2;
|
|
}
|
|
|
|
.login #nav a:focus,
|
|
.login #backtoblog a:focus,
|
|
.login h1 a:focus {
|
|
color: #124964;
|
|
}
|
|
|
|
.login form .input,
|
|
.login input[type="text"] {
|
|
font-size: 24px;
|
|
width: 100%;
|
|
padding: 3px;
|
|
margin: 2px 6px 16px 0;
|
|
}
|
|
|
|
.login form .input,
|
|
.login input[type="text"],
|
|
.login form input[type="checkbox"] {
|
|
background: #fbfbfb;
|
|
}
|
|
|
|
.ie7 .login form .input,
|
|
.ie8 .login form .input {
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.login-action-rp input[type="text"] {
|
|
box-shadow: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.login #pass-strength-result {
|
|
font-weight: 600;
|
|
margin: -1px 5px 16px 0;
|
|
padding: 6px 5px;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
body.interim-login {
|
|
height: auto;
|
|
}
|
|
|
|
.interim-login #login {
|
|
padding: 0;
|
|
margin: 5px auto 20px;
|
|
}
|
|
|
|
.interim-login.login h1 a {
|
|
width: auto;
|
|
}
|
|
|
|
.interim-login #login_error,
|
|
.interim-login.login .message {
|
|
margin: 0 0 16px;
|
|
}
|
|
|
|
.interim-login.login form {
|
|
margin: 0;
|
|
}
|
|
|
|
@-ms-viewport {
|
|
width: device-width;
|
|
}
|
|
|
|
@media screen and ( max-height: 550px ) {
|
|
#login {
|
|
padding: 20px 0;
|
|
}
|
|
}
|
|
|
|
@media screen and ( max-width: 782px ) {
|
|
.interim-login input[type=checkbox] {
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
|
|
.interim-login input[type=checkbox]:checked:before {
|
|
width: 16px;
|
|
font: normal 21px/1 dashicons;
|
|
margin: -3px 0 0 -4px;
|
|
}
|
|
}
|