X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/256a3b381f63716209b3527d0a14442ae570c283..b925718b4bf2dd47a8429f844d0a255ca6e35bd1:/wp-admin/css/color-picker.css diff --git a/wp-admin/css/color-picker.css b/wp-admin/css/color-picker.css index 320d1266..50edbdad 100644 --- a/wp-admin/css/color-picker.css +++ b/wp-admin/css/color-picker.css @@ -9,6 +9,7 @@ .wp-color-result { background-color: #f7f7f7; border: 1px solid #ccc; + -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; display: inline-block; @@ -16,20 +17,20 @@ margin: 0 6px 6px 0px; position: relative; top: 1px; - user-select: none; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; - -webkit-user-select: none; + user-select: none; 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 { background: #f7f7f7; + -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; border-left: 1px solid #ccc; color: #555; @@ -42,20 +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 { @@ -96,8 +92,9 @@ } .wp-picker-container .iris-picker { + -webkit-border-radius: 0; border-radius: 0; - border-color: #dfdfdf; + border-color: #ddd; margin-top: 6px; } @@ -105,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 {