From a63545e92b0fbd7d6d821de9f38f4cfe27545f24 Mon Sep 17 00:00:00 2001 From: Matt Thomas Date: Wed, 20 Nov 2013 16:53:05 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@26289 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/colors-fresh.css | 18 +++++------------- src/wp-admin/css/wp-admin.css | 13 +++---------- 2 files changed, 8 insertions(+), 23 deletions(-) diff --git a/src/wp-admin/css/colors-fresh.css b/src/wp-admin/css/colors-fresh.css index 6038e91e9a..861f6d0812 100644 --- a/src/wp-admin/css/colors-fresh.css +++ b/src/wp-admin/css/colors-fresh.css @@ -30,7 +30,7 @@ html { input[type=checkbox], input[type=radio] { background: #fff; - border-color: #bbb !important; + border-color: #bbb; color: #555; -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; } -#wpbody select { - border-color: #bbb; -} - .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { color: #2ea2cc; @@ -299,8 +295,10 @@ input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, +input[type="checkbox"]:focus, +input[type="radio"]:focus, select:focus { - border-color: #aaa; + border-color: #999; } input:disabled, @@ -2016,13 +2014,7 @@ a .mceIcon:hover { .login form .input, .login input[type="text"], .login form input[type="checkbox"] { - border-color: #ddd !important; /* Override !important in checkbox style */ - -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; + background: #fbfbfb; } .login form { diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index fa94992043..d1b72b6d95 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -413,7 +413,6 @@ input[type="number"], input[type="search"], input[type="email"], input[type="url"], -select, textarea, div { outline: 0; @@ -883,6 +882,8 @@ input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, +input[type="checkbox"]:focus, +input[type="radio"]:focus, select:focus { -webkit-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 input[type="text"] { - color: #555; font-size: 24px; line-height: 1; width: 100%; padding: 3px; - margin-top: 2px; - 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); + margin: 2px 6px 16px 0; } .login #pass-strength-result {