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:
Matt Thomas 2013-11-20 16:54:10 +00:00
parent b545ee773e
commit c30631fbcc
11 changed files with 23 additions and 53 deletions

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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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