Cleanup on inputs:
* Remove the !important from checkbox and radio border color * Remove the redundant #wpbody select rule * Add checkbox and radio inputs to the standard :focus style rules for inputs * Remove custom border and box shadow styles from .login inputs * Don't remove the default outline from select elements since webkit doesn't allow borders on selects Fixes #26120. Built from https://develop.svn.wordpress.org/trunk@26289 git-svn-id: http://core.svn.wordpress.org/trunk@26194 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
b545ee773e
commit
c30631fbcc
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -30,7 +30,7 @@ html {
|
||||||
input[type=checkbox],
|
input[type=checkbox],
|
||||||
input[type=radio] {
|
input[type=radio] {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-color: #bbb !important;
|
border-color: #bbb;
|
||||||
color: #555;
|
color: #555;
|
||||||
|
|
||||||
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
||||||
|
@ -52,10 +52,6 @@ input[type=radio]:checked:before {
|
||||||
background-color: #1e8cbe;
|
background-color: #1e8cbe;
|
||||||
}
|
}
|
||||||
|
|
||||||
#wpbody select {
|
|
||||||
border-color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-core-ui input[type="reset"]:hover,
|
.wp-core-ui input[type="reset"]:hover,
|
||||||
.wp-core-ui input[type="reset"]:active {
|
.wp-core-ui input[type="reset"]:active {
|
||||||
color: #2ea2cc;
|
color: #2ea2cc;
|
||||||
|
@ -299,8 +295,10 @@ input[type="number"]:focus,
|
||||||
input[type="search"]:focus,
|
input[type="search"]:focus,
|
||||||
input[type="tel"]:focus,
|
input[type="tel"]:focus,
|
||||||
input[type="url"]:focus,
|
input[type="url"]:focus,
|
||||||
|
input[type="checkbox"]:focus,
|
||||||
|
input[type="radio"]:focus,
|
||||||
select:focus {
|
select:focus {
|
||||||
border-color: #aaa;
|
border-color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
input:disabled,
|
input:disabled,
|
||||||
|
@ -2016,13 +2014,7 @@ a .mceIcon:hover {
|
||||||
.login form .input,
|
.login form .input,
|
||||||
.login input[type="text"],
|
.login input[type="text"],
|
||||||
.login form input[type="checkbox"] {
|
.login form input[type="checkbox"] {
|
||||||
border-color: #ddd !important; /* Override !important in checkbox style */
|
background: #fbfbfb;
|
||||||
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.08);
|
|
||||||
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.08);
|
|
||||||
}
|
|
||||||
|
|
||||||
.login form input[type="checkbox"] {
|
|
||||||
background-color: #fbfbfb;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.login form {
|
.login form {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -30,7 +30,7 @@ html {
|
||||||
input[type=checkbox],
|
input[type=checkbox],
|
||||||
input[type=radio] {
|
input[type=radio] {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-color: #bbb !important;
|
border-color: #bbb;
|
||||||
color: #555;
|
color: #555;
|
||||||
|
|
||||||
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
||||||
|
@ -52,10 +52,6 @@ input[type=radio]:checked:before {
|
||||||
background-color: #1e8cbe;
|
background-color: #1e8cbe;
|
||||||
}
|
}
|
||||||
|
|
||||||
#wpbody select {
|
|
||||||
border-color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-core-ui input[type="reset"]:hover,
|
.wp-core-ui input[type="reset"]:hover,
|
||||||
.wp-core-ui input[type="reset"]:active {
|
.wp-core-ui input[type="reset"]:active {
|
||||||
color: #2ea2cc;
|
color: #2ea2cc;
|
||||||
|
@ -299,8 +295,10 @@ input[type="number"]:focus,
|
||||||
input[type="search"]:focus,
|
input[type="search"]:focus,
|
||||||
input[type="tel"]:focus,
|
input[type="tel"]:focus,
|
||||||
input[type="url"]:focus,
|
input[type="url"]:focus,
|
||||||
|
input[type="checkbox"]:focus,
|
||||||
|
input[type="radio"]:focus,
|
||||||
select:focus {
|
select:focus {
|
||||||
border-color: #aaa;
|
border-color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
input:disabled,
|
input:disabled,
|
||||||
|
@ -2016,13 +2014,7 @@ a .mceIcon:hover {
|
||||||
.login form .input,
|
.login form .input,
|
||||||
.login input[type="text"],
|
.login input[type="text"],
|
||||||
.login form input[type="checkbox"] {
|
.login form input[type="checkbox"] {
|
||||||
border-color: #ddd !important; /* Override !important in checkbox style */
|
background: #fbfbfb;
|
||||||
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.08);
|
|
||||||
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.08);
|
|
||||||
}
|
|
||||||
|
|
||||||
.login form input[type="checkbox"] {
|
|
||||||
background-color: #fbfbfb;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.login form {
|
.login form {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -413,7 +413,6 @@ input[type="number"],
|
||||||
input[type="search"],
|
input[type="search"],
|
||||||
input[type="email"],
|
input[type="email"],
|
||||||
input[type="url"],
|
input[type="url"],
|
||||||
select,
|
|
||||||
textarea,
|
textarea,
|
||||||
div {
|
div {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
|
@ -883,6 +882,8 @@ input[type="number"]:focus,
|
||||||
input[type="search"]:focus,
|
input[type="search"]:focus,
|
||||||
input[type="tel"]:focus,
|
input[type="tel"]:focus,
|
||||||
input[type="url"]:focus,
|
input[type="url"]:focus,
|
||||||
|
input[type="checkbox"]:focus,
|
||||||
|
input[type="radio"]:focus,
|
||||||
select:focus {
|
select:focus {
|
||||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||||||
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||||||
|
@ -8496,19 +8497,11 @@ a.rsswidget {
|
||||||
|
|
||||||
.login form .input,
|
.login form .input,
|
||||||
.login input[type="text"] {
|
.login input[type="text"] {
|
||||||
color: #555;
|
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
margin-top: 2px;
|
margin: 2px 0 16px 6px;
|
||||||
margin-left: 6px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
border: 1px solid #e5e5e5;
|
|
||||||
background: #fbfbfb;
|
|
||||||
outline: none;
|
|
||||||
-webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
|
|
||||||
box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.login #pass-strength-result {
|
.login #pass-strength-result {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -413,7 +413,6 @@ input[type="number"],
|
||||||
input[type="search"],
|
input[type="search"],
|
||||||
input[type="email"],
|
input[type="email"],
|
||||||
input[type="url"],
|
input[type="url"],
|
||||||
select,
|
|
||||||
textarea,
|
textarea,
|
||||||
div {
|
div {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
|
@ -883,6 +882,8 @@ input[type="number"]:focus,
|
||||||
input[type="search"]:focus,
|
input[type="search"]:focus,
|
||||||
input[type="tel"]:focus,
|
input[type="tel"]:focus,
|
||||||
input[type="url"]:focus,
|
input[type="url"]:focus,
|
||||||
|
input[type="checkbox"]:focus,
|
||||||
|
input[type="radio"]:focus,
|
||||||
select:focus {
|
select:focus {
|
||||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||||||
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||||||
|
@ -8496,19 +8497,11 @@ a.rsswidget {
|
||||||
|
|
||||||
.login form .input,
|
.login form .input,
|
||||||
.login input[type="text"] {
|
.login input[type="text"] {
|
||||||
color: #555;
|
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
margin-top: 2px;
|
margin: 2px 6px 16px 0;
|
||||||
margin-right: 6px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
border: 1px solid #e5e5e5;
|
|
||||||
background: #fbfbfb;
|
|
||||||
outline: none;
|
|
||||||
-webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
|
|
||||||
box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.login #pass-strength-result {
|
.login #pass-strength-result {
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue