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: #e14d43; }
24 .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active {
28 .wp-core-ui .button-primary {
30 border-color: #d02a21;
32 -webkit-box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15);
33 box-shadow: inset 0 1px 0 #ec8a85, 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: #ba251e;
38 -webkit-box-shadow: inset 0 1px 0 #e8756f, 0 1px 0 rgba(0, 0, 0, 0.15);
39 box-shadow: inset 0 1px 0 #e8756f, 0 1px 0 rgba(0, 0, 0, 0.15); }
40 .wp-core-ui .button-primary:active {
42 border-color: #ba251e;
44 -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
45 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); }
46 .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 {
47 color: #d1c7c7 !important;
48 background: #d92c23 !important;
49 border-color: #ba251e !important;
50 text-shadow: none !important; }
51 .wp-core-ui .wp-ui-primary {
53 background-color: #363b3f; }
54 .wp-core-ui .wp-ui-text-primary {
56 .wp-core-ui .wp-ui-highlight {
58 background-color: #e14d43; }
59 .wp-core-ui .wp-ui-text-highlight {
61 .wp-core-ui .wp-ui-notification {
63 background-color: #69a8bb; }
64 .wp-core-ui .wp-ui-text-notification {
66 .wp-core-ui .wp-ui-text-icon {
70 .wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus {
72 background-color: #363b3f; }
74 .view-switch a.current:before {
77 .view-switch a:hover:before {
80 .post-com-count:hover:after {
81 border-top-color: #363b3f; }
83 .post-com-count:hover span {
85 background-color: #363b3f; }
87 strong .post-com-count:after {
88 border-top-color: #69a8bb; }
90 strong .post-com-count span {
91 background-color: #69a8bb; }
94 #adminmenuback, #adminmenuwrap, #adminmenu {
95 background: #363b3f; }
100 #adminmenu div.wp-menu-image:before {
103 #adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus {
105 background-color: #e14d43; }
107 #adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
110 /* Active tabs use a bottom border color that matches the page background color. */
111 .about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover {
112 background-color: #f1f1f1;
113 border-bottom-color: #f1f1f1; }
115 /* Admin Menu: submenu */
116 #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 {
117 background: #26292c; }
119 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
120 border-right-color: #26292c; }
122 #adminmenu .wp-submenu .wp-submenu-head {
125 #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 {
127 #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 {
130 /* Admin Menu: current */
131 #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 {
133 #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 {
136 ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after {
137 border-right-color: #f1f1f1; }
139 #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 {
141 background: #e14d43; }
143 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
146 /* Admin Menu: bubble */
147 #adminmenu .awaiting-mod, #adminmenu .update-plugins {
149 background: #69a8bb; }
151 #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 {
153 background: #26292c; }
155 /* Admin Menu: collapse button */
159 #collapse-menu:hover {
162 #collapse-button div:after {
165 #collapse-menu:hover #collapse-button div:after {
171 background: #363b3f; }
173 #wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
176 #wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after {
179 #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 {
181 background: #26292c; }
183 #wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label {
186 #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
189 /* Admin Bar: submenu */
190 #wpadminbar .menupop .ab-sub-wrapper {
191 background: #26292c; }
193 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
194 background: #4c4c4d; }
196 #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 {
199 #wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before {
202 #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 {
205 #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before {
208 /* Admin Bar: search */
209 #wpadminbar #adminbarsearch:before {
212 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
214 background: #464d52; }
216 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
220 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
224 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
228 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
232 /* Admin Bar: my account */
233 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
234 border-color: #464d52;
235 background-color: #464d52; }
237 #wpadminbar #wp-admin-bar-user-info .display-name {
240 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
243 #wpadminbar #wp-admin-bar-user-info .username {
247 .wp-pointer .wp-pointer-content h3 {
248 background-color: #e14d43;
249 border-color: #dd362d; }
251 .wp-pointer .wp-pointer-content h3:before {
254 .wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow {
255 border-bottom-color: #e14d43; }
258 .media-item .bar, .media-progress-bar div {
259 background-color: #e14d43; }
261 .details.attachment {
262 -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #e14d43;
263 box-shadow: 0 0 0 1px #fff, 0 0 0 5px #e14d43; }
265 .attachment.details .check {
266 background-color: #e14d43;
267 -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
268 box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; }
271 .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
272 background: #e14d43; }
274 .theme-browser .theme.add-new-theme:hover span:after {
277 .theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover {
278 background: #e14d43; }
280 .theme-section.current, .theme-filter.current {
281 border-bottom-color: #363b3f; }
283 body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before {
285 background-color: #363b3f; }
287 body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before {
288 background-color: #e14d43;
292 .widgets-chooser li.widgets-chooser-selected {
293 background-color: #e14d43;
296 .widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before {
300 #customize-theme-controls .widget-area-select .selected {
301 background-color: #e14d43;
304 /* jQuery UI Slider */
305 .wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
307 border-color: #d02a21;
308 -webkit-box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15);
309 box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15); }
311 /* Thickbox: Plugin information */
312 #sidemenu a.current {
314 border-bottom-color: #f1f1f1; }
316 #plugin-information .action-button {
317 background: #e14d43; }
319 /* Responsive Component */
320 div#wp-responsive-toggle a:before {
323 .wp-responsive-open div#wp-responsive-toggle a {
324 border-color: transparent;
325 background: #e14d43; }
330 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
331 background: #26292c; }