2 * Button mixin- creates 3d-ish button effect with correct
3 * highlights/shadows, based on a base color.
11 a:hover, a:active, a:focus {
14 #media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover {
18 input[type=checkbox]:checked:before {
21 input[type=radio]:checked:before {
22 background: #096484; }
24 .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active {
28 .wp-core-ui .button-primary {
30 border-color: #d39323;
32 -webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
33 box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); }
34 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
36 border-color: #bd831f;
38 -webkit-box-shadow: inset 0 1px 0 #e8be74;
39 box-shadow: inset 0 1px 0 #e8be74; }
40 .wp-core-ui .button-primary:focus {
41 -webkit-box-shadow: inset 0 1px 0 #e8be74, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
42 box-shadow: inset 0 1px 0 #e8be74, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }
43 .wp-core-ui .button-primary:active {
45 border-color: #bd831f;
47 -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);
48 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); }
49 .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 {
50 color: #d1cdc7 !important;
51 background: #db9925 !important;
52 border-color: #bd831f !important;
53 text-shadow: none !important; }
54 .wp-core-ui .wp-ui-primary {
56 background-color: #52accc; }
57 .wp-core-ui .wp-ui-text-primary {
59 .wp-core-ui .wp-ui-highlight {
61 background-color: #096484; }
62 .wp-core-ui .wp-ui-text-highlight {
64 .wp-core-ui .wp-ui-notification {
66 background-color: #e1a948; }
67 .wp-core-ui .wp-ui-text-notification {
69 .wp-core-ui .wp-ui-text-icon {
73 .wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus {
75 background-color: #52accc; }
77 .view-switch a.current:before {
80 .view-switch a:hover:before {
83 .post-com-count:hover:after {
84 border-top-color: #52accc; }
86 .post-com-count:hover span {
88 background-color: #52accc; }
90 strong .post-com-count:after {
91 border-top-color: #e1a948; }
93 strong .post-com-count span {
94 background-color: #e1a948; }
97 #adminmenuback, #adminmenuwrap, #adminmenu {
98 background: #52accc; }
103 #adminmenu div.wp-menu-image:before {
106 #adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus {
108 background-color: #096484; }
110 #adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
113 /* Active tabs use a bottom border color that matches the page background color. */
114 .about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover {
115 background-color: #f1f1f1;
116 border-bottom-color: #f1f1f1; }
118 /* Admin Menu: submenu */
119 #adminmenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
120 background: #4796b3; }
122 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
123 border-right-color: #4796b3; }
125 #adminmenu .wp-submenu .wp-submenu-head {
128 #adminmenu .wp-submenu a, #adminmenu .wp-has-current-submenu .wp-submenu a, .folded #adminmenu .wp-has-current-submenu .wp-submenu a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
130 #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 {
133 /* Admin Menu: current */
134 #adminmenu .wp-submenu li.current a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
136 #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 {
139 ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after {
140 border-right-color: #f1f1f1; }
142 #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, .folded #adminmenu li.current.menu-top {
144 background: #096484; }
146 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
149 /* Admin Menu: bubble */
150 #adminmenu .awaiting-mod, #adminmenu .update-plugins {
152 background: #e1a948; }
154 #adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins, #adminmenu li:hover a .awaiting-mod, #adminmenu li.menu-top:hover > a .update-plugins {
156 background: #4796b3; }
158 /* Admin Menu: collapse button */
162 #collapse-menu:hover {
165 #collapse-button div:after {
168 #collapse-menu:hover #collapse-button div:after {
174 background: #52accc; }
176 #wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
179 #wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after {
182 #wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
184 background: #4796b3; }
186 #wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label {
189 #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
192 /* Admin Bar: submenu */
193 #wpadminbar .menupop .ab-sub-wrapper {
194 background: #4796b3; }
196 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
197 background: #74b6ce; }
199 #wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar-nojs .quicklinks .menupop:hover ul li a {
202 #wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before {
205 #wpadminbar .quicklinks .menupop ul li a:hover, #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 .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li .ab-item:focus:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li.hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
208 #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before {
211 /* Admin Bar: search */
212 #wpadminbar #adminbarsearch:before {
215 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
217 background: #6eb9d4; }
219 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
223 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
227 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
231 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
235 /* Admin Bar: my account */
236 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
237 border-color: #6eb9d4;
238 background-color: #6eb9d4; }
240 #wpadminbar #wp-admin-bar-user-info .display-name {
243 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
246 #wpadminbar #wp-admin-bar-user-info .username {
250 .wp-pointer .wp-pointer-content h3 {
251 background-color: #096484;
252 border-color: #07526c; }
254 .wp-pointer .wp-pointer-content h3:before {
257 .wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-top .wp-pointer-arrow-inner, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
258 border-bottom-color: #096484; }
261 .media-item .bar, .media-progress-bar div {
262 background-color: #096484; }
264 .details.attachment {
265 -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
266 box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484; }
268 .attachment.details .check {
269 background-color: #096484;
270 -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
271 box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; }
273 .media-selection .attachment.selection.details .thumbnail {
274 -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #096484;
275 box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #096484; }
278 .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
279 background: #096484; }
281 .theme-browser .theme.add-new-theme:hover span:after {
284 .theme-section.current, .theme-filter.current {
285 border-bottom-color: #52accc; }
287 body.more-filters-opened .more-filters {
289 background-color: #52accc; }
291 body.more-filters-opened .more-filters:before {
294 body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus {
295 background-color: #096484;
298 body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before {
302 .widgets-chooser li.widgets-chooser-selected {
303 background-color: #096484;
306 .widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before {
310 #customize-theme-controls .widget-area-select .selected {
311 background-color: #096484;
314 /* jQuery UI Slider */
315 .wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
317 border-color: #d39323;
318 -webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
319 box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); }
321 /* Thickbox: Plugin information */
322 #sidemenu a.current {
324 border-bottom-color: #f1f1f1; }
326 #plugin-information .action-button {
327 background: #e1a948; }
329 /* Responsive Component */
330 div#wp-responsive-toggle a:before {
333 .wp-responsive-open div#wp-responsive-toggle a {
334 border-color: transparent;
335 background: #096484; }
340 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
341 background: #4796b3; }