From e9503f90864b039d900c0b3f38f02015322858fa Mon Sep 17 00:00:00 2001 From: Daryl Koopersmith Date: Mon, 15 Oct 2012 14:55:29 +0000 Subject: [PATCH] Consolidate buttons CSS into a single file. Adds `wp-includes/css/buttons.css` to consolidate buttons files and make them available in a modular fashion. Buttons are included automatically with the `colors` styles, and can be included independently by running: `wp_enqueue_style('buttons');` fixes #22197, see #21598. git-svn-id: http://core.svn.wordpress.org/trunk@22236 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-admin/css/colors-classic.css | 179 ----------------------- wp-admin/css/colors-fresh.css | 179 ----------------------- wp-admin/css/wp-admin.css | 33 ----- wp-includes/css/buttons.css | 249 ++++++++++++++++++++++++++++++++ wp-includes/css/buttons.min.css | 0 wp-includes/script-loader.php | 7 +- 6 files changed, 253 insertions(+), 394 deletions(-) create mode 100644 wp-includes/css/buttons.css create mode 100644 wp-includes/css/buttons.min.css diff --git a/wp-admin/css/colors-classic.css b/wp-admin/css/colors-classic.css index 49e6068755..0db069f214 100644 --- a/wp-admin/css/colors-classic.css +++ b/wp-admin/css/colors-classic.css @@ -378,185 +378,6 @@ td.help { color: #666; } -a.button:active { - outline: none; -} - -.button, -.button-secondary, -.submit input, -input[type=button], -input[type=submit] { - background: #f3f3f3; - background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); - background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); - background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); - background-image: -o-linear-gradient(top, #fefefe, #f4f4f4); - background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); - border-color: #bbb; - color: #333; - text-shadow: 0 1px 0 #fff; -} - -.button.hover, -.button:hover, -.button-secondary.hover, -.button-secondary:hover, -.submit input:hover, -input[type=button]:hover, -input[type=submit]:hover, -.button.focus, -.button:focus, -.button-secondary.focus, -.button-secondary:focus, -.submit input.focus, -.submit input:focus, -input[type=button].focus, -input[type=button]:focus, -input[type=submit]:focus { - background: #f3f3f3; - background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); - background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); - background-image: -moz-linear-gradient(top, #fff, #f3f3f3); - background-image: -o-linear-gradient(top, #fff, #f3f3f3); - background-image: linear-gradient(to bottom, #fff, #f3f3f3); - border-color: #999; - color: #222; -} - -.button.focus, -.button:focus, -.button-secondary.focus, -.button-secondary:focus, -.submit input.focus, -.submit input:focus, -input[type=button].focus, -input[type=button]:focus, -input[type=submit]:focus { - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); - box-shadow: 0 1px 2px rgba(0,0,0,0.1); -} - -.button.active, -.button:active, -.button-secondary.active, -.button-secondary:active, -.submit input:active, -input[type=button].active, -input[type=button]:active, -input[type=submit]:active { - background: #eee; - background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe)); - background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe); - background-image: -moz-linear-gradient(top, #f4f4f4, #fefefe); - background-image: -o-linear-gradient(top, #f4f4f4, #fefefe); - background-image: linear-gradient(to bottom, #f4f4f4, #fefefe); - border-color: #999; - color: #333; - text-shadow: 0 -1px 0 #fff; - -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); - box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); -} - -.button-disabled, -.button[disabled], -.button:disabled, -.button-secondary[disabled], -.button-secondary:disabled, -a.button.disabled { - color: #aaa !important; - border-color: #ddd !important; - background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important; - background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4) !important; - background-image: -moz-linear-gradient(top, #f9f9f9, #f4f4f4) !important; - background-image: -o-linear-gradient(top, #f9f9f9, #f4f4f4) !important; - background-image: linear-gradient(to bottom, #f9f9f9, #f4f4f4) !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - text-shadow: 0 1px 0 #fff !important; -} - -input.button-primary, -button.button-primary, -a.button-primary { - background-color: #21759b; - background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b)); - background-image: -webkit-linear-gradient(top, #2a95c5, #21759b); - background-image: -moz-linear-gradient(top, #2a95c5, #21759b); - background-image: -o-linear-gradient(top, #2a95c5, #21759b); - background-image: linear-gradient(to bottom, #2a95c5, #21759b); - border-color: #21759b; - border-bottom-color: #1e6a8d; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); - color: #fff; - text-decoration: none; - text-shadow: 0 1px 0 rgba(0,0,0,0.1); -} - -input.button-primary.hover, -input.button-primary:hover, -button.button-primary:hover, -a.button-primary:hover, -input.button-primary.focus, -input.button-primary:focus, -button.button-primary:focus, -a.button-primary:focus { - background-color: #278ab7; - background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b)); - background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b); - background-image: -moz-linear-gradient(top, #2e9fd2, #21759b); - background-image: -o-linear-gradient(top, #2e9fd2, #21759b); - background-image: linear-gradient(to bottom, #2e9fd2, #21759b); - border-color: #1b607f; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); - color: #fff; - text-shadow: 0 -1px 0 rgba(0,0,0,0.3); -} - -input.button-primary.focus, -input.button-primary:focus, -button.button-primary:focus, -a.button-primary:focus { - border-color: #0e3950; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1); -} - -input.button-primary.active, -input.button-primary:active, -button.button-primary:active, -a.button-primary:active { - background: #1b607f; - background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7)); - background-image: -webkit-linear-gradient(top, #21759b, #278ab7); - background-image: -moz-linear-gradient(top, #21759b, #278ab7); - background-image: -o-linear-gradient(top, #21759b, #278ab7); - background-image: linear-gradient(to bottom, #21759b, #278ab7); - border-color: #124560 #2382ae #2382ae #2382ae; - color: rgba(255,255,255,0.95); - -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); - box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); - text-shadow: 0 1px 0 rgba(0,0,0,0.1); -} - -.button-primary-disabled, -.button-primary[disabled], -.button-primary:disabled { - color: #94cde7 !important; - background: #298cba !important; - border-color: #1b607f !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important; -} - -.button-primary-disabled:hover, -.button-primary[disabled]:hover { - text-shadow: none; -} - a:hover, a:active { color: #d54e21; diff --git a/wp-admin/css/colors-fresh.css b/wp-admin/css/colors-fresh.css index adf26c4600..8aa05ff32f 100644 --- a/wp-admin/css/colors-fresh.css +++ b/wp-admin/css/colors-fresh.css @@ -369,185 +369,6 @@ td.help { color: #666; } -a.button:active { - outline: none; -} - -.button, -.button-secondary, -.submit input, -input[type=button], -input[type=submit] { - background: #f3f3f3; - background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); - background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); - background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); - background-image: -o-linear-gradient(top, #fefefe, #f4f4f4); - background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); - border-color: #bbb; - color: #333; - text-shadow: 0 1px 0 #fff; -} - -.button.hover, -.button:hover, -.button-secondary.hover, -.button-secondary:hover, -.submit input:hover, -input[type=button]:hover, -input[type=submit]:hover, -.button.focus, -.button:focus, -.button-secondary.focus, -.button-secondary:focus, -.submit input.focus, -.submit input:focus, -input[type=button].focus, -input[type=button]:focus, -input[type=submit]:focus { - background: #f3f3f3; - background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); - background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); - background-image: -moz-linear-gradient(top, #fff, #f3f3f3); - background-image: -o-linear-gradient(top, #fff, #f3f3f3); - background-image: linear-gradient(to bottom, #fff, #f3f3f3); - border-color: #999; - color: #222; -} - -.button.focus, -.button:focus, -.button-secondary.focus, -.button-secondary:focus, -.submit input.focus, -.submit input:focus, -input[type=button].focus, -input[type=button]:focus, -input[type=submit]:focus { - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); - box-shadow: 0 1px 2px rgba(0,0,0,0.1); -} - -.button.active, -.button:active, -.button-secondary.active, -.button-secondary:active, -.submit input:active, -input[type=button].active, -input[type=button]:active, -input[type=submit]:active { - background: #eee; - background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe)); - background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe); - background-image: -moz-linear-gradient(top, #f4f4f4, #fefefe); - background-image: -o-linear-gradient(top, #f4f4f4, #fefefe); - background-image: linear-gradient(to bottom, #f4f4f4, #fefefe); - border-color: #999; - color: #333; - text-shadow: 0 -1px 0 #fff; - -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); - box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); -} - -.button-disabled, -.button[disabled], -.button:disabled, -.button-secondary[disabled], -.button-secondary:disabled, -a.button.disabled { - color: #aaa !important; - border-color: #ddd !important; - background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important; - background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4) !important; - background-image: -moz-linear-gradient(top, #f9f9f9, #f4f4f4) !important; - background-image: -o-linear-gradient(top, #f9f9f9, #f4f4f4) !important; - background-image: linear-gradient(to bottom, #f9f9f9, #f4f4f4) !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - text-shadow: 0 1px 0 #fff !important; -} - -input.button-primary, -button.button-primary, -a.button-primary { - background-color: #21759b; - background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b)); - background-image: -webkit-linear-gradient(top, #2a95c5, #21759b); - background-image: -moz-linear-gradient(top, #2a95c5, #21759b); - background-image: -o-linear-gradient(top, #2a95c5, #21759b); - background-image: linear-gradient(to bottom, #2a95c5, #21759b); - border-color: #21759b; - border-bottom-color: #1e6a8d; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); - color: #fff; - text-decoration: none; - text-shadow: 0 1px 0 rgba(0,0,0,0.1); -} - -input.button-primary.hover, -input.button-primary:hover, -button.button-primary:hover, -a.button-primary:hover, -input.button-primary.focus, -input.button-primary:focus, -button.button-primary:focus, -a.button-primary:focus { - background-color: #278ab7; - background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b)); - background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b); - background-image: -moz-linear-gradient(top, #2e9fd2, #21759b); - background-image: -o-linear-gradient(top, #2e9fd2, #21759b); - background-image: linear-gradient(to bottom, #2e9fd2, #21759b); - border-color: #1b607f; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); - color: #fff; - text-shadow: 0 -1px 0 rgba(0,0,0,0.3); -} - -input.button-primary.focus, -input.button-primary:focus, -button.button-primary:focus, -a.button-primary:focus { - border-color: #0e3950; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1); -} - -input.button-primary.active, -input.button-primary:active, -button.button-primary:active, -a.button-primary:active { - background: #1b607f; - background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7)); - background-image: -webkit-linear-gradient(top, #21759b, #278ab7); - background-image: -moz-linear-gradient(top, #21759b, #278ab7); - background-image: -o-linear-gradient(top, #21759b, #278ab7); - background-image: linear-gradient(to bottom, #21759b, #278ab7); - border-color: #124560 #2382ae #2382ae #2382ae; - color: rgba(255,255,255,0.95); - -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); - box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); - text-shadow: 0 1px 0 rgba(0,0,0,0.1); -} - -.button-primary-disabled, -.button-primary[disabled], -.button-primary:disabled { - color: #94cde7 !important; - background: #298cba !important; - border-color: #1b607f !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important; -} - -.button-primary-disabled:hover, -.button-primary[disabled]:hover { - text-shadow: none; -} - a:hover, a:active { color: #d54e21; diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css index 549d4d76fb..ceebda5a1a 100644 --- a/wp-admin/css/wp-admin.css +++ b/wp-admin/css/wp-admin.css @@ -770,39 +770,6 @@ form p.submit a.cancel:hover { text-decoration: none; } -.submit input, -.button, -input.button, -.button-primary, -input.button-primary, -.button-secondary, -input.button-secondary { - display: inline-block; - text-decoration: none; - font-size: 12px; - line-height: 17px; - height: 15px; - margin: 0; - padding: 0.25em 0.85em 0.35em; - cursor: pointer; - border-width: 1px; - border-style: solid; - -webkit-border-radius: 3px; - border-radius: 3px; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - white-space: nowrap; -} - -.button.button-large { - padding: 0.4em 1.0em 0.5em; -} - -.button.button-small { - padding: 0.15em 0.75em 0.17em; -} - #minor-publishing-actions input, #major-publishing-actions input, #minor-publishing-actions .preview { diff --git a/wp-includes/css/buttons.css b/wp-includes/css/buttons.css new file mode 100644 index 0000000000..9ec72509c0 --- /dev/null +++ b/wp-includes/css/buttons.css @@ -0,0 +1,249 @@ +/* ---------------------------------------------------------------------------- + + +WordPress-style Buttons + + +TABLE OF CONTENTS: +------------------ + 1.0 - Button Layouts + 2.0 - Default Button Style + 3.0 - Primary Button Style + +---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- + 1.0 - Button Layouts +---------------------------------------------------------------------------- */ + +.submit input, +.button, +input.button, +.button-primary, +input.button-primary, +.button-secondary, +input.button-secondary { + display: inline-block; + text-decoration: none; + font-size: 12px; + line-height: 17px; + height: 15px; + margin: 0; + padding: 0.25em 0.85em 0.35em; + cursor: pointer; + border-width: 1px; + border-style: solid; + -webkit-border-radius: 3px; + border-radius: 3px; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + white-space: nowrap; +} + +.button.button-large { + padding: 0.4em 1.0em 0.5em; +} + +.button.button-small { + padding: 0.15em 0.75em 0.17em; +} + +a.button:active { + outline: none; +} + +/* ---------------------------------------------------------------------------- + 2.0 - Default Button Style +---------------------------------------------------------------------------- */ + +.button, +.button-secondary, +.submit input, +input[type=button], +input[type=submit] { + background: #f3f3f3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); + background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); + background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); + background-image: -o-linear-gradient(top, #fefefe, #f4f4f4); + background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); + border-color: #bbb; + color: #333; + text-shadow: 0 1px 0 #fff; +} + +.button.hover, +.button:hover, +.button-secondary.hover, +.button-secondary:hover, +.submit input:hover, +input[type=button]:hover, +input[type=submit]:hover, +.button.focus, +.button:focus, +.button-secondary.focus, +.button-secondary:focus, +.submit input.focus, +.submit input:focus, +input[type=button].focus, +input[type=button]:focus, +input[type=submit]:focus { + background: #f3f3f3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); + background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); + background-image: -moz-linear-gradient(top, #fff, #f3f3f3); + background-image: -o-linear-gradient(top, #fff, #f3f3f3); + background-image: linear-gradient(to bottom, #fff, #f3f3f3); + border-color: #999; + color: #222; +} + +.button.focus, +.button:focus, +.button-secondary.focus, +.button-secondary:focus, +.submit input.focus, +.submit input:focus, +input[type=button].focus, +input[type=button]:focus, +input[type=submit]:focus { + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); + box-shadow: 0 1px 2px rgba(0,0,0,0.1); +} + +.button.active, +.button:active, +.button-secondary.active, +.button-secondary:active, +.submit input:active, +input[type=button].active, +input[type=button]:active, +input[type=submit]:active { + background: #eee; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe)); + background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe); + background-image: -moz-linear-gradient(top, #f4f4f4, #fefefe); + background-image: -o-linear-gradient(top, #f4f4f4, #fefefe); + background-image: linear-gradient(to bottom, #f4f4f4, #fefefe); + border-color: #999; + color: #333; + text-shadow: 0 -1px 0 #fff; + -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); + box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); +} + +.button-disabled, +.button[disabled], +.button:disabled, +.button-secondary[disabled], +.button-secondary:disabled, +a.button.disabled { + color: #aaa !important; + border-color: #ddd !important; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important; + background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4) !important; + background-image: -moz-linear-gradient(top, #f9f9f9, #f4f4f4) !important; + background-image: -o-linear-gradient(top, #f9f9f9, #f4f4f4) !important; + background-image: linear-gradient(to bottom, #f9f9f9, #f4f4f4) !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + text-shadow: 0 1px 0 #fff !important; +} + +/* ---------------------------------------------------------------------------- + 3.0 - Primary Button Style +---------------------------------------------------------------------------- */ + +input.button-primary, +input[type=submit].button-primary, +input[type=button].button-primary, +button.button-primary, +a.button-primary { + background-color: #21759b; + background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b)); + background-image: -webkit-linear-gradient(top, #2a95c5, #21759b); + background-image: -moz-linear-gradient(top, #2a95c5, #21759b); + background-image: -o-linear-gradient(top, #2a95c5, #21759b); + background-image: linear-gradient(to bottom, #2a95c5, #21759b); + border-color: #21759b; + border-bottom-color: #1e6a8d; + -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); + box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); + color: #fff; + text-decoration: none; + text-shadow: 0 1px 0 rgba(0,0,0,0.1); +} + +input.button-primary.hover, +input.button-primary:hover, +input[type=submit].button-primary:hover, +input[type=button].button-primary:hover, +button.button-primary:hover, +a.button-primary:hover, +input.button-primary.focus, +input.button-primary:focus, +input[type=submit].button-primary:focus, +input[type=button].button-primary:focus, +button.button-primary:focus, +a.button-primary:focus { + background-color: #278ab7; + background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b)); + background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b); + background-image: -moz-linear-gradient(top, #2e9fd2, #21759b); + background-image: -ms-linear-gradient(top, #2e9fd2, #21759b); + background-image: -o-linear-gradient(top, #2e9fd2, #21759b); + background-image: linear-gradient(to bottom, #2e9fd2, #21759b); + border-color: #1b607f; + -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); + box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); + color: #fff; + text-shadow: 0 -1px 0 rgba(0,0,0,0.3); +} + +input.button-primary.focus, +input.button-primary:focus, +input[type=submit].button-primary:focus, +input[type=button].button-primary:focus, +button.button-primary:focus, +a.button-primary:focus { + border-color: #0e3950; + -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1); + box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1); +} + +input.button-primary.active, +input[type=submit].button-primary:active, +input[type=button].button-primary:active, +input.button-primary:active, +button.button-primary:active, +a.button-primary:active { + background: #1b607f; + background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7)); + background-image: -webkit-linear-gradient(top, #21759b, #278ab7); + background-image: -moz-linear-gradient(top, #21759b, #278ab7); + background-image: -ms-linear-gradient(top, #21759b, #278ab7); + background-image: -o-linear-gradient(top, #21759b, #278ab7); + background-image: linear-gradient(to bottom, #21759b, #278ab7); + border-color: #124560 #2382ae #2382ae #2382ae; + color: rgba(255,255,255,0.95); + -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); + box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); + text-shadow: 0 1px 0 rgba(0,0,0,0.1); +} + +.button-primary-disabled, +.button-primary[disabled], +.button-primary:disabled { + color: #94cde7 !important; + background: #298cba !important; + border-color: #1b607f !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important; +} + +.button-primary-disabled:hover, +.button-primary[disabled]:hover { + text-shadow: none; +} diff --git a/wp-includes/css/buttons.min.css b/wp-includes/css/buttons.min.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/wp-includes/script-loader.php b/wp-includes/script-loader.php index f01771df49..1010621502 100644 --- a/wp-includes/script-loader.php +++ b/wp-includes/script-loader.php @@ -522,11 +522,11 @@ function wp_default_styles( &$styles ) { $styles->add_data( 'ie', 'conditional', 'lte IE 7' ); // Register "meta" stylesheet for admin colors. All colors-* style sheets should have the same version string. - $styles->add( 'colors', true, array('wp-admin') ); + $styles->add( 'colors', true, array('wp-admin', 'buttons') ); // do not refer to these directly, the right one is queued by the above "meta" colors handle - $styles->add( 'colors-fresh', "/wp-admin/css/colors-fresh$suffix.css", array('wp-admin') ); - $styles->add( 'colors-classic', "/wp-admin/css/colors-classic$suffix.css", array('wp-admin') ); + $styles->add( 'colors-fresh', "/wp-admin/css/colors-fresh$suffix.css", array('wp-admin', 'buttons') ); + $styles->add( 'colors-classic', "/wp-admin/css/colors-classic$suffix.css", array('wp-admin', 'buttons') ); $styles->add( 'media', "/wp-admin/css/media$suffix.css" ); $styles->add( 'install', "/wp-admin/css/install$suffix.css" ); @@ -541,6 +541,7 @@ function wp_default_styles( &$styles ) { $styles->add( 'wp-pointer', "/wp-includes/css/wp-pointer$suffix.css" ); $styles->add( 'customize-controls', "/wp-admin/css/customize-controls$suffix.css", array( 'wp-admin', 'colors', 'ie' ) ); $styles->add( 'media-views', "/wp-includes/css/media-views$suffix.css" ); + $styles->add( 'buttons', "/wp-includes/css/buttons$suffix.css" ); foreach ( $rtl_styles as $rtl_style ) { $styles->add_data( $rtl_style, 'rtl', true );