ca83d94f93e10cfa55f05418a4ca878b362286ee
[autoinstalls/wordpress.git] / wp-admin / css / colors / light / colors.css
1 /*
2  * Button mixin- creates 3d-ish button effect with correct
3  * highlights/shadows, based on a base color.
4  */
5 html {
6   background: #f5f5f5; }
7
8 /* Links */
9 a {
10   color: #0074a2; }
11   a:hover, a:active, a:focus {
12     color: #0099d5; }
13
14 #media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover {
15   color: #0099d5; }
16
17 /* Forms */
18 input[type=checkbox]:checked:before {
19   color: #04a4cc; }
20
21 input[type=radio]:checked:before {
22   background: #04a4cc; }
23
24 .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active {
25   color: #0099d5; }
26
27 /* Core UI */
28 .wp-core-ui .button-primary {
29   background: #04a4cc;
30   border-color: #037c9a;
31   color: white;
32   -webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
33   box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); }
34   .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
35     background: #0490b3;
36     border-color: #036881;
37     color: white;
38     -webkit-box-shadow: inset 0 1px 0 #09cafa, 0 1px 0 rgba(0, 0, 0, 0.15);
39     box-shadow: inset 0 1px 0 #09cafa, 0 1px 0 rgba(0, 0, 0, 0.15); }
40   .wp-core-ui .button-primary:active {
41     background: #037c9a;
42     border-color: #036881;
43     color: white;
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: #c7cfd1 !important;
48     background: #0384a4 !important;
49     border-color: #036881 !important;
50     text-shadow: none !important; }
51 .wp-core-ui .wp-ui-primary {
52   color: #333;
53   background-color: #e5e5e5; }
54 .wp-core-ui .wp-ui-text-primary {
55   color: #e5e5e5; }
56 .wp-core-ui .wp-ui-highlight {
57   color: #fff;
58   background-color: #888; }
59 .wp-core-ui .wp-ui-text-highlight {
60   color: #888; }
61 .wp-core-ui .wp-ui-notification {
62   color: #fff;
63   background-color: #d64e07; }
64 .wp-core-ui .wp-ui-text-notification {
65   color: #d64e07; }
66 .wp-core-ui .wp-ui-text-icon {
67   color: #999; }
68
69 /* List tables */
70 .wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus {
71   color: #333;
72   background-color: #e5e5e5; }
73
74 .view-switch a.current:before {
75   color: #e5e5e5; }
76
77 .view-switch a:hover:before {
78   color: #d64e07; }
79
80 .post-com-count:hover:after {
81   border-top-color: #e5e5e5; }
82
83 .post-com-count:hover span {
84   color: #333;
85   background-color: #e5e5e5; }
86
87 strong .post-com-count:after {
88   border-top-color: #d64e07; }
89
90 strong .post-com-count span {
91   background-color: #d64e07; }
92
93 /* Admin Menu */
94 #adminmenuback, #adminmenuwrap, #adminmenu {
95   background: #e5e5e5; }
96
97 #adminmenu a {
98   color: #333; }
99
100 #adminmenu div.wp-menu-image:before {
101   color: #999; }
102
103 #adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus {
104   color: #fff;
105   background-color: #888; }
106
107 #adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
108   color: #ccc; }
109
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: #f5f5f5;
113   border-bottom-color: #f5f5f5; }
114
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: #fff; }
118
119 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
120   border-right-color: #fff; }
121
122 #adminmenu .wp-submenu .wp-submenu-head {
123   color: #686868; }
124
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 {
126   color: #686868; }
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 {
128     color: #04a4cc; }
129
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 {
132   color: #333; }
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 {
134     color: #04a4cc; }
135
136 ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after {
137   border-right-color: #f5f5f5; }
138
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 {
140   color: #fff;
141   background: #888; }
142
143 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
144   color: #ccc; }
145
146 /* Admin Menu: bubble */
147 #adminmenu .awaiting-mod, #adminmenu .update-plugins {
148   color: #fff;
149   background: #d64e07; }
150
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 {
152   color: #333;
153   background: #fff; }
154
155 /* Admin Menu: collapse button */
156 #collapse-menu {
157   color: #777; }
158
159 #collapse-menu:hover {
160   color: #333; }
161
162 #collapse-button div:after {
163   color: #999; }
164
165 #collapse-menu:hover #collapse-button div:after {
166   color: #555; }
167
168 /* Admin Bar */
169 #wpadminbar {
170   color: #333;
171   background: #e5e5e5; }
172
173 #wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
174   color: #333; }
175
176 #wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after {
177   color: #999; }
178
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 {
180   color: #04a4cc;
181   background: #fff; }
182
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 {
184   color: #04a4cc; }
185
186 #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
187   color: #ccc; }
188
189 /* Admin Bar: submenu */
190 #wpadminbar .menupop .ab-sub-wrapper {
191   background: #fff; }
192
193 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
194   background: #f6f7f7; }
195
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 {
197   color: #686868; }
198
199 #wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before {
200   color: #999; }
201
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 {
203   color: #04a4cc; }
204
205 #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before {
206   color: #04a4cc; }
207
208 /* Admin Bar: search */
209 #wpadminbar #adminbarsearch:before {
210   color: #999; }
211
212 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
213   color: #333;
214   background: #f7f7f7; }
215
216 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
217   color: #333;
218   opacity: 0.7; }
219
220 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
221   color: #333;
222   opacity: 0.7; }
223
224 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
225   color: #333;
226   opacity: 0.7; }
227
228 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
229   color: #333;
230   opacity: 0.7; }
231
232 /* Admin Bar: my account */
233 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
234   border-color: #f7f7f7;
235   background-color: #f7f7f7; }
236
237 #wpadminbar #wp-admin-bar-user-info .display-name {
238   color: #333; }
239
240 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
241   color: #04a4cc; }
242
243 #wpadminbar #wp-admin-bar-user-info .username {
244   color: #686868; }
245
246 /* Pointers */
247 .wp-pointer .wp-pointer-content h3 {
248   background-color: #04a4cc;
249   border-color: #0490b3; }
250
251 .wp-pointer .wp-pointer-content h3:before {
252   color: #04a4cc; }
253
254 .wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow {
255   border-bottom-color: #04a4cc; }
256
257 /* Media Uploader */
258 .media-item .bar, .media-progress-bar div {
259   background-color: #04a4cc; }
260
261 .details.attachment {
262   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #04a4cc;
263   box-shadow: 0 0 0 1px #fff, 0 0 0 5px #04a4cc; }
264
265 .attachment.details .check {
266   background-color: #04a4cc;
267   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
268   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; }
269
270 /* Themes */
271 .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
272   background: #04a4cc; }
273
274 .theme-browser .theme.add-new-theme:hover span:after {
275   color: #04a4cc; }
276
277 .theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover {
278   background: #04a4cc; }
279
280 .theme-section.current, .theme-filter.current {
281   border-bottom-color: #e5e5e5; }
282
283 body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before {
284   color: #333;
285   background-color: #e5e5e5; }
286
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: #888;
289   color: #fff; }
290
291 /* Widgets */
292 .widgets-chooser li.widgets-chooser-selected {
293   background-color: #888;
294   color: #fff; }
295
296 .widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before {
297   color: #fff; }
298
299 /* Customize */
300 #customize-theme-controls .widget-area-select .selected {
301   background-color: #888;
302   color: #fff; }
303
304 /* jQuery UI Slider */
305 .wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
306   background: #04a4cc;
307   border-color: #037c9a;
308   -webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
309   box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); }
310
311 /* Thickbox: Plugin information */
312 #sidemenu a.current {
313   background: #f5f5f5;
314   border-bottom-color: #f5f5f5; }
315
316 #plugin-information .action-button {
317   background: #04a4cc; }
318
319 /* Responsive Component */
320 div#wp-responsive-toggle a:before {
321   color: #999; }
322
323 .wp-responsive-open div#wp-responsive-toggle a {
324   border-color: transparent;
325   background: #888; }
326
327 .star-rating .star {
328   color: #04a4cc; }
329
330 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
331   background: #fff; }
332
333 /* temporary fix for admin-bar hover color */
334 #wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default li:hover span.ab-label, #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary li.hover span.ab-label, #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 {
335   color: #333; }
336
337 /* Override the theme filter highlight color for this scheme */
338 .theme-section.current, .theme-filter.current {
339   border-bottom-color: #04a4cc; }