X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/41578db67d72562346e4dbb2a14889b23d522813..b925718b4bf2dd47a8429f844d0a255ca6e35bd1:/wp-admin/css/color-picker.css diff --git a/wp-admin/css/color-picker.css b/wp-admin/css/color-picker.css index 1d00d96a..50edbdad 100644 --- a/wp-admin/css/color-picker.css +++ b/wp-admin/css/color-picker.css @@ -24,8 +24,8 @@ vertical-align: bottom; display: inline-block; padding-left: 30px; - -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08); - box-shadow: 0 1px 0 rgba(0,0,0,.08); + -webkit-box-shadow: 0 1px 0 #ccc; + box-shadow: 0 1px 0 #ccc; } .wp-color-result:after { @@ -43,19 +43,19 @@ right: 0; text-align: center; top: 0; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; } -.wp-color-result:hover { +.wp-color-result:hover, +.wp-color-result:focus { background: #fafafa; border-color: #999; - color: #222; + color: #23282d; } -.wp-color-result:hover:after { - color: #222; - border-color: #aaa; +.wp-color-result:hover:after, +.wp-color-result:focus:after { + color: #23282d; + border-color: #a0a5aa; border-left: 1px solid #999; } @@ -73,13 +73,9 @@ } .wp-color-result:focus { - border-color: #888; - -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 ); - box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 ); -} - -.wp-color-result:focus:after { - border-color: #888; + border-color: #5b9dd9; + -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); + box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); } .wp-picker-open + .wp-picker-input-wrap { @@ -98,7 +94,7 @@ .wp-picker-container .iris-picker { -webkit-border-radius: 0; border-radius: 0; - border-color: #dfdfdf; + border-color: #ddd; margin-top: 6px; } @@ -106,17 +102,21 @@ width: 65px; font-size: 12px; font-family: monospace; - text-align: center; line-height: 16px; margin: 0; } -.wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder { - color: transparent; +.wp-color-picker::-webkit-input-placeholder { + color: #72777c; +} + +.wp-color-picker::-moz-placeholder { + color: #72777c; + opacity: 1; } -.wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder { - color: #999; +.wp-color-picker:-ms-input-placeholder { + color: #72777c; } .wp-picker-container input[type="text"].iris-error {