* Button mixin- creates 3d-ish button effect with correct
* highlights/shadows, based on a base color.
*/
-html {
+body {
background: #f1f1f1;
}
color: #0073aa;
}
-a:hover,
-a:active,
-a:focus {
+a:hover, a:active, a:focus {
color: #0096dd;
}
/* Core UI */
.wp-core-ui .button-primary {
background: #dd823b;
- border-color: #c36922;
- color: white;
- -webkit-box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
- box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
+ border-color: #c36922 #ad5d1e #ad5d1e;
+ color: #fff;
+ -webkit-box-shadow: 0 1px 0 #ad5d1e;
+ box-shadow: 0 1px 0 #ad5d1e;
+ text-shadow: 0 -1px 1px #ad5d1e, -1px 0 1px #ad5d1e, 0 1px 1px #ad5d1e, 1px 0 1px #ad5d1e;
}
-.wp-core-ui .button-primary:hover,
-.wp-core-ui .button-primary:focus {
- background: #d97426;
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+ background: #df8a48;
border-color: #ad5d1e;
- color: white;
- -webkit-box-shadow: inset 0 1px 0 #e59e66;
- box-shadow: inset 0 1px 0 #e59e66;
+ color: #fff;
+ -webkit-box-shadow: 0 1px 0 #ad5d1e;
+ box-shadow: 0 1px 0 #ad5d1e;
}
.wp-core-ui .button-primary:focus {
- -webkit-box-shadow: inset 0 1px 0 #e59e66, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
- box-shadow: inset 0 1px 0 #e59e66, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ -webkit-box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
+ box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
}
.wp-core-ui .button-primary:active {
background: #c36922;
border-color: #ad5d1e;
- 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 #ad5d1e;
+ box-shadow: inset 0 2px 0 #ad5d1e;
}
-.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: #d1cbc7 !important;
background: #cc6d23 !important;
border-color: #ad5d1e !important;
text-shadow: none !important;
}
+.wp-core-ui .button-primary.button-hero {
+ -webkit-box-shadow: 0 2px 0 #ad5d1e !important;
+ box-shadow: 0 2px 0 #ad5d1e !important;
+}
+
+.wp-core-ui .button-primary.button-hero:active {
+ -webkit-box-shadow: inset 0 3px 0 #ad5d1e !important;
+ box-shadow: inset 0 3px 0 #ad5d1e !important;
+}
+
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #cf4944;
}
/* 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: #fff;
color: #f1c8c7;
}
-#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: #f7e3d3;
}
color: #fff;
}
-#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: #f7e3d3;
}
}
/* Admin Menu: collapse button */
-#collapse-menu {
+#collapse-button {
color: #f3f1f1;
}
-#collapse-menu:hover {
- color: #fff;
-}
-
-#collapse-button div:after {
- color: #f3f1f1;
-}
-
-#collapse-menu:hover #collapse-button div:after {
- color: #fff;
+#collapse-button:hover,
+#collapse-button:focus {
+ color: #f7e3d3;
}
/* Admin Bar */
#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,
#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,
}
#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 {
background: #d66560;
}
-#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
- color: #fff;
- opacity: 0.7;
-}
-
-#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
- color: #fff;
- opacity: 0.7;
-}
-
-#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
- color: #fff;
- opacity: 0.7;
-}
-
-#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
- color: #fff;
- opacity: 0.7;
-}
-
/* Admin Bar: my account */
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
border-color: #d66560;
color: #fff;
}
-/* Customize */
-#customize-theme-controls .widget-area-select .selected {
- background-color: #dd823b;
- 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: #dd823b;
- border-color: #c36922;
- -webkit-box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
- box-shadow: inset 0 1px 0 #e8ac7c, 0 1px 0 rgba(0, 0, 0, 0.15);
-}
-
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: #f3f1f1;