2 * Button mixin- creates 3d-ish button effect with correct
3 * highlights/shadows, based on a base color.
14 a:hover, a:active, a:focus {
18 #media-upload a.del-link:hover,
19 div.dashboard-widget-submit input:hover,
21 .subsubsub a.current:hover {
26 input[type=checkbox]:checked:before {
30 input[type=radio]:checked:before {
34 .wp-core-ui input[type="reset"]:hover,
35 .wp-core-ui input[type="reset"]:active {
40 .wp-core-ui .button-primary {
42 border-color: #c36922 #ad5d1e #ad5d1e;
44 -webkit-box-shadow: 0 1px 0 #ad5d1e;
45 box-shadow: 0 1px 0 #ad5d1e;
46 text-shadow: 0 -1px 1px #ad5d1e, 1px 0 1px #ad5d1e, 0 1px 1px #ad5d1e, -1px 0 1px #ad5d1e;
49 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
51 border-color: #ad5d1e;
53 -webkit-box-shadow: 0 1px 0 #ad5d1e;
54 box-shadow: 0 1px 0 #ad5d1e;
57 .wp-core-ui .button-primary:focus {
58 -webkit-box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
59 box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
62 .wp-core-ui .button-primary:active {
64 border-color: #ad5d1e;
65 -webkit-box-shadow: inset 0 2px 0 #ad5d1e;
66 box-shadow: inset 0 2px 0 #ad5d1e;
69 .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 {
70 color: #d1cbc7 !important;
71 background: #cc6d23 !important;
72 border-color: #ad5d1e !important;
73 text-shadow: none !important;
76 .wp-core-ui .button-primary.button-hero {
77 -webkit-box-shadow: 0 2px 0 #ad5d1e !important;
78 box-shadow: 0 2px 0 #ad5d1e !important;
81 .wp-core-ui .button-primary.button-hero:active {
82 -webkit-box-shadow: inset 0 3px 0 #ad5d1e !important;
83 box-shadow: inset 0 3px 0 #ad5d1e !important;
86 .wp-core-ui .wp-ui-primary {
88 background-color: #cf4944;
91 .wp-core-ui .wp-ui-text-primary {
95 .wp-core-ui .wp-ui-highlight {
97 background-color: #dd823b;
100 .wp-core-ui .wp-ui-text-highlight {
104 .wp-core-ui .wp-ui-notification {
106 background-color: #ccaf0b;
109 .wp-core-ui .wp-ui-text-notification {
113 .wp-core-ui .wp-ui-text-icon {
118 .wrap .add-new-h2:hover,
119 .wrap .page-title-action:hover,
120 .tablenav .tablenav-pages a:hover,
121 .tablenav .tablenav-pages a:focus {
123 background-color: #cf4944;
126 .view-switch a.current:before {
130 .view-switch a:hover:before {
145 #adminmenu div.wp-menu-image:before {
150 #adminmenu li.menu-top:hover,
151 #adminmenu li.opensub > a.menu-top,
152 #adminmenu li > a.menu-top:focus {
154 background-color: #dd823b;
157 #adminmenu li.menu-top:hover div.wp-menu-image:before,
158 #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
162 /* Active tabs use a bottom border color that matches the page background color. */
163 .about-wrap h2 .nav-tab-active,
165 .nav-tab-active:hover {
166 background-color: #f1f1f1;
167 border-bottom-color: #f1f1f1;
170 /* Admin Menu: submenu */
171 #adminmenu .wp-submenu,
172 #adminmenu .wp-has-current-submenu .wp-submenu,
173 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
174 .folded #adminmenu .wp-has-current-submenu .wp-submenu,
175 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
179 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
180 border-right-color: #be3631;
183 #adminmenu .wp-submenu .wp-submenu-head {
187 #adminmenu .wp-submenu a,
188 #adminmenu .wp-has-current-submenu .wp-submenu a,
189 .folded #adminmenu .wp-has-current-submenu .wp-submenu a,
190 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
191 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
195 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
196 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
197 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
198 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
199 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
200 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
201 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
202 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
203 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
207 /* Admin Menu: current */
208 #adminmenu .wp-submenu li.current a,
209 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
210 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
214 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
215 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
216 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
217 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
218 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
222 ul#adminmenu a.wp-has-current-submenu:after,
223 ul#adminmenu > li.current > a.current:after {
224 border-right-color: #f1f1f1;
227 #adminmenu li.current a.menu-top,
228 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
229 #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
230 .folded #adminmenu li.current.menu-top {
235 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
236 #adminmenu a.current:hover div.wp-menu-image:before,
237 #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
238 #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
239 #adminmenu li:hover div.wp-menu-image:before,
240 #adminmenu li a:focus div.wp-menu-image:before,
241 #adminmenu li.opensub div.wp-menu-image:before,
242 .ie8 #adminmenu li.opensub div.wp-menu-image:before {
246 /* Admin Menu: bubble */
247 #adminmenu .awaiting-mod,
248 #adminmenu .update-plugins {
253 #adminmenu li.current a .awaiting-mod,
254 #adminmenu li a.wp-has-current-submenu .update-plugins,
255 #adminmenu li:hover a .awaiting-mod,
256 #adminmenu li.menu-top:hover > a .update-plugins {
261 /* Admin Menu: collapse button */
266 #collapse-menu:hover {
270 #collapse-button div:after {
274 #collapse-menu:hover #collapse-button div:after {
284 #wpadminbar .ab-item,
285 #wpadminbar a.ab-item,
286 #wpadminbar > #wp-toolbar span.ab-label,
287 #wpadminbar > #wp-toolbar span.noticon {
291 #wpadminbar .ab-icon,
292 #wpadminbar .ab-icon:before,
293 #wpadminbar .ab-item:before,
294 #wpadminbar .ab-item:after {
298 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
299 #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
300 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
301 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
302 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
307 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
308 #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
309 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
313 #wpadminbar:not(.mobile) li:hover .ab-icon:before,
314 #wpadminbar:not(.mobile) li:hover .ab-item:before,
315 #wpadminbar:not(.mobile) li:hover .ab-item:after,
316 #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
320 /* Admin Bar: submenu */
321 #wpadminbar .menupop .ab-sub-wrapper {
325 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
326 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
330 #wpadminbar .ab-submenu .ab-item,
331 #wpadminbar .quicklinks .menupop ul li a,
332 #wpadminbar .quicklinks .menupop.hover ul li a,
333 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
337 #wpadminbar .quicklinks li .blavatar,
338 #wpadminbar .menupop .menupop > .ab-item:before {
342 #wpadminbar .quicklinks .menupop ul li a:hover,
343 #wpadminbar .quicklinks .menupop ul li a:focus,
344 #wpadminbar .quicklinks .menupop ul li a:hover strong,
345 #wpadminbar .quicklinks .menupop ul li a:focus strong,
346 #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
347 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
348 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
349 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
350 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
351 #wpadminbar li:hover .ab-icon:before,
352 #wpadminbar li:hover .ab-item:before,
353 #wpadminbar li a:focus .ab-icon:before,
354 #wpadminbar li .ab-item:focus:before,
355 #wpadminbar li.hover .ab-icon:before,
356 #wpadminbar li.hover .ab-item:before,
357 #wpadminbar li:hover #adminbarsearch:before,
358 #wpadminbar li #adminbarsearch.adminbar-focused:before {
362 #wpadminbar .quicklinks li a:hover .blavatar,
363 #wpadminbar .quicklinks li a:focus .blavatar,
364 #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
365 #wpadminbar .menupop .menupop > .ab-item:hover:before,
366 #wpadminbar.mobile .quicklinks .ab-icon:before,
367 #wpadminbar.mobile .quicklinks .ab-item:before {
371 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
372 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
376 /* Admin Bar: search */
377 #wpadminbar #adminbarsearch:before {
381 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
386 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
391 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
396 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
401 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
406 /* Admin Bar: my account */
407 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
408 border-color: #d66560;
409 background-color: #d66560;
412 #wpadminbar #wp-admin-bar-user-info .display-name {
416 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
420 #wpadminbar #wp-admin-bar-user-info .username {
425 .wp-pointer .wp-pointer-content h3 {
426 background-color: #dd823b;
427 border-color: #d97426;
430 .wp-pointer .wp-pointer-content h3:before {
434 .wp-pointer.wp-pointer-top .wp-pointer-arrow,
435 .wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
436 .wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
437 .wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
438 border-bottom-color: #dd823b;
443 .media-progress-bar div {
444 background-color: #dd823b;
447 .details.attachment {
448 -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
449 box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
452 .attachment.details .check {
453 background-color: #dd823b;
454 -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
455 box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
458 .media-selection .attachment.selection.details .thumbnail {
459 -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b;
460 box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b;
464 .theme-browser .theme.active .theme-name,
465 .theme-browser .theme.add-new-theme a:hover:after,
466 .theme-browser .theme.add-new-theme a:focus:after {
470 .theme-browser .theme.add-new-theme a:hover span:after,
471 .theme-browser .theme.add-new-theme a:focus span:after {
475 .theme-section.current,
476 .theme-filter.current {
477 border-bottom-color: #cf4944;
480 body.more-filters-opened .more-filters {
482 background-color: #cf4944;
485 body.more-filters-opened .more-filters:before {
489 body.more-filters-opened .more-filters:hover,
490 body.more-filters-opened .more-filters:focus {
491 background-color: #dd823b;
495 body.more-filters-opened .more-filters:hover:before,
496 body.more-filters-opened .more-filters:focus:before {
501 .widgets-chooser li.widgets-chooser-selected {
502 background-color: #dd823b;
506 .widgets-chooser li.widgets-chooser-selected:before,
507 .widgets-chooser li.widgets-chooser-selected:focus:before {
512 #customize-theme-controls .widget-area-select .selected {
513 background-color: #dd823b;
517 /* Responsive Component */
518 div#wp-responsive-toggle a:before {
522 .wp-responsive-open div#wp-responsive-toggle a {
523 border-color: transparent;
527 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
531 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
536 .mce-container.mce-menu .mce-menu-item:hover,
537 .mce-container.mce-menu .mce-menu-item.mce-selected,
538 .mce-container.mce-menu .mce-menu-item:focus,
539 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
540 .mce-container.mce-menu .mce-menu-item-preview.mce-active {