X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/e0feb3b2e5b436a06bbb04fbc838d1cd6ec95399..HEAD:/wp-admin/css/colors/light/colors.css?ds=sidebyside diff --git a/wp-admin/css/colors/light/colors.css b/wp-admin/css/colors/light/colors.css index 335e3f90..c27ae3cb 100644 --- a/wp-admin/css/colors/light/colors.css +++ b/wp-admin/css/colors/light/colors.css @@ -2,7 +2,7 @@ * Button mixin- creates 3d-ish button effect with correct * highlights/shadows, based on a base color. */ -html { +body { background: #f5f5f5; } @@ -11,9 +11,7 @@ a { color: #0073aa; } -a:hover, -a:active, -a:focus { +a:hover, a:active, a:focus { color: #0096dd; } @@ -41,44 +39,50 @@ input[type=radio]:checked:before { /* Core UI */ .wp-core-ui .button-primary { background: #04a4cc; - border-color: #037c9a; - color: white; - -webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); + border-color: #037c9a #036881 #036881; + color: #fff; + -webkit-box-shadow: 0 1px 0 #036881; + box-shadow: 0 1px 0 #036881; + text-shadow: 0 -1px 1px #036881, 1px 0 1px #036881, 0 1px 1px #036881, -1px 0 1px #036881; } -.wp-core-ui .button-primary:hover, -.wp-core-ui .button-primary:focus { - background: #0490b3; +.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { + background: #04b0db; border-color: #036881; - color: white; - -webkit-box-shadow: inset 0 1px 0 #09cafa; - box-shadow: inset 0 1px 0 #09cafa; + color: #fff; + -webkit-box-shadow: 0 1px 0 #036881; + box-shadow: 0 1px 0 #036881; } .wp-core-ui .button-primary:focus { - -webkit-box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); - box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); + -webkit-box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db; + box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db; } .wp-core-ui .button-primary:active { background: #037c9a; border-color: #036881; - color: white; - -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); - box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); + -webkit-box-shadow: inset 0 2px 0 #036881; + box-shadow: inset 0 2px 0 #036881; } -.wp-core-ui .button-primary[disabled], -.wp-core-ui .button-primary:disabled, -.wp-core-ui .button-primary.button-primary-disabled, -.wp-core-ui .button-primary.disabled { +.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled { color: #c7cfd1 !important; background: #0384a4 !important; border-color: #036881 !important; text-shadow: none !important; } +.wp-core-ui .button-primary.button-hero { + -webkit-box-shadow: 0 2px 0 #036881 !important; + box-shadow: 0 2px 0 #036881 !important; +} + +.wp-core-ui .button-primary.button-hero:active { + -webkit-box-shadow: inset 0 3px 0 #036881 !important; + box-shadow: inset 0 3px 0 #036881 !important; +} + .wp-core-ui .wp-ui-primary { color: #333; background-color: #e5e5e5; @@ -111,7 +115,8 @@ input[type=radio]:checked:before { } /* List tables */ -.wrap .add-new-h2:hover, .wrap .page-title-action:hover, +.wrap .add-new-h2:hover, +.wrap .page-title-action:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { color: #333; @@ -187,15 +192,15 @@ input[type=radio]:checked:before { color: #686868; } -#adminmenu .wp-submenu a:focus, -#adminmenu .wp-submenu a:hover, +#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-has-current-submenu .wp-submenu a:focus, #adminmenu .wp-has-current-submenu .wp-submenu a:hover, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover, -#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover { +#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, +#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover { color: #04a4cc; } @@ -206,11 +211,11 @@ input[type=radio]:checked:before { color: #333; } -#adminmenu .wp-submenu li.current a:hover, -#adminmenu .wp-submenu li.current a:focus, +#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus, -#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus { +#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, +#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus { color: #04a4cc; } @@ -254,20 +259,13 @@ ul#adminmenu > li.current > a.current:after { } /* Admin Menu: collapse button */ -#collapse-menu { +#collapse-button { color: #777; } -#collapse-menu:hover { - color: #333; -} - -#collapse-button div:after { - color: #999; -} - -#collapse-menu:hover #collapse-button div:after { - color: #555; +#collapse-button:hover, +#collapse-button:focus { + color: #04a4cc; } /* Admin Bar */ @@ -338,6 +336,7 @@ ul#adminmenu > li.current > a.current:after { #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, @@ -346,6 +345,7 @@ ul#adminmenu > li.current > a.current:after { #wpadminbar li:hover .ab-item:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li .ab-item:focus:before, +#wpadminbar li .ab-item:focus .ab-icon:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover #adminbarsearch:before, @@ -354,6 +354,8 @@ ul#adminmenu > li.current > a.current:after { } #wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before, #wpadminbar.mobile .quicklinks .ab-icon:before, #wpadminbar.mobile .quicklinks .ab-item:before { @@ -375,26 +377,6 @@ ul#adminmenu > li.current > a.current:after { background: #f7f7f7; } -#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { - color: #333; - opacity: 0.7; -} - -#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { - color: #333; - opacity: 0.7; -} - -#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { - color: #333; - opacity: 0.7; -} - -#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { - color: #333; - opacity: 0.7; -} - /* Admin Bar: my account */ #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { border-color: #f7f7f7; @@ -500,22 +482,6 @@ body.more-filters-opened .more-filters:focus:before { color: #fff; } -/* Customize */ -#customize-theme-controls .widget-area-select .selected { - background-color: #888; - color: #fff; -} - -/* jQuery UI Slider */ -.wp-slider .ui-slider-handle, -.wp-slider .ui-slider-handle.ui-state-hover, -.wp-slider .ui-slider-handle.focus { - background: #04a4cc; - border-color: #037c9a; - -webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); -} - /* Responsive Component */ div#wp-responsive-toggle a:before { color: #999;