← Back to branch summary

~canonical-sysadmins/wordpress/4.8.3

« back to all changes in this revision

Viewing changes to wp-admin/css/colors/light/colors.css

  • Committer: Ryan Finnie
  • Date: 2015-08-31 16:09:47 UTC
  • mfrom: (1.1.9 upstream)
  • Revision ID: ryan.finnie@canonical.com-20150831160947-1h6rfxby9z1ec62u
Merge WP4.3 from upstream

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-admin/css/colors/light/colors.css
3
3
 * highlights/shadows, based on a base color.
4
4
 */
5
5
html {
6
 
  background: #f5f5f5; }
 
6
  background: #f5f5f5;
 
7
}
7
8
 
8
9
/* Links */
9
10
a {
10
 
  color: #0073aa; }
11
 
  a:hover, a:active, a:focus {
12
 
    color: #0095dd; }
13
 
 
14
 
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover {
15
 
  color: #0095dd; }
 
11
  color: #0073aa;
 
12
}
 
13
 
 
14
a:hover,
 
15
a:active,
 
16
a:focus {
 
17
  color: #0096dd;
 
18
}
 
19
 
 
20
#media-upload a.del-link:hover,
 
21
div.dashboard-widget-submit input:hover,
 
22
.subsubsub a:hover,
 
23
.subsubsub a.current:hover {
 
24
  color: #0096dd;
 
25
}
16
26
 
17
27
/* Forms */
18
28
input[type=checkbox]:checked:before {
19
 
  color: #04a4cc; }
 
29
  color: #04a4cc;
 
30
}
20
31
 
21
32
input[type=radio]:checked:before {
22
 
  background: #04a4cc; }
 
33
  background: #04a4cc;
 
34
}
23
35
 
24
 
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active {
25
 
  color: #0095dd; }
 
36
.wp-core-ui input[type="reset"]:hover,
 
37
.wp-core-ui input[type="reset"]:active {
 
38
  color: #0096dd;
 
39
}
26
40
 
27
41
/* Core UI */
28
42
.wp-core-ui .button-primary {
30
44
  border-color: #037c9a;
31
45
  color: white;
32
46
  -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;
39
 
    box-shadow: inset 0 1px 0 #09cafa; }
40
 
  .wp-core-ui .button-primary:focus {
41
 
    -webkit-box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
42
 
    box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }
43
 
  .wp-core-ui .button-primary:active {
44
 
    background: #037c9a;
45
 
    border-color: #036881;
46
 
    color: white;
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: #c7cfd1 !important;
51
 
    background: #0384a4 !important;
52
 
    border-color: #036881 !important;
53
 
    text-shadow: none !important; }
 
47
  box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
 
48
}
 
49
 
 
50
.wp-core-ui .button-primary:hover,
 
51
.wp-core-ui .button-primary:focus {
 
52
  background: #0490b3;
 
53
  border-color: #036881;
 
54
  color: white;
 
55
  -webkit-box-shadow: inset 0 1px 0 #09cafa;
 
56
  box-shadow: inset 0 1px 0 #09cafa;
 
57
}
 
58
 
 
59
.wp-core-ui .button-primary:focus {
 
60
  -webkit-box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 
61
  box-shadow: inset 0 1px 0 #09cafa, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 
62
}
 
63
 
 
64
.wp-core-ui .button-primary:active {
 
65
  background: #037c9a;
 
66
  border-color: #036881;
 
67
  color: white;
 
68
  -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);
 
69
  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);
 
70
}
 
71
 
 
72
.wp-core-ui .button-primary[disabled],
 
73
.wp-core-ui .button-primary:disabled,
 
74
.wp-core-ui .button-primary.button-primary-disabled,
 
75
.wp-core-ui .button-primary.disabled {
 
76
  color: #c7cfd1 !important;
 
77
  background: #0384a4 !important;
 
78
  border-color: #036881 !important;
 
79
  text-shadow: none !important;
 
80
}
 
81
 
54
82
.wp-core-ui .wp-ui-primary {
55
83
  color: #333;
56
 
  background-color: #e5e5e5; }
 
84
  background-color: #e5e5e5;
 
85
}
 
86
 
57
87
.wp-core-ui .wp-ui-text-primary {
58
 
  color: #e5e5e5; }
 
88
  color: #e5e5e5;
 
89
}
 
90
 
59
91
.wp-core-ui .wp-ui-highlight {
60
92
  color: #fff;
61
 
  background-color: #888; }
 
93
  background-color: #888;
 
94
}
 
95
 
62
96
.wp-core-ui .wp-ui-text-highlight {
63
 
  color: #888; }
 
97
  color: #888;
 
98
}
 
99
 
64
100
.wp-core-ui .wp-ui-notification {
65
101
  color: #fff;
66
 
  background-color: #d64e07; }
 
102
  background-color: #d64e07;
 
103
}
 
104
 
67
105
.wp-core-ui .wp-ui-text-notification {
68
 
  color: #d64e07; }
 
106
  color: #d64e07;
 
107
}
 
108
 
69
109
.wp-core-ui .wp-ui-text-icon {
70
 
  color: #999; }
 
110
  color: #999;
 
111
}
71
112
 
72
113
/* List tables */
73
 
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus {
 
114
.wrap .add-new-h2:hover, .wrap .page-title-action:hover,
 
115
.tablenav .tablenav-pages a:hover,
 
116
.tablenav .tablenav-pages a:focus {
74
117
  color: #333;
75
 
  background-color: #e5e5e5; }
 
118
  background-color: #e5e5e5;
 
119
}
76
120
 
77
121
.view-switch a.current:before {
78
 
  color: #e5e5e5; }
 
122
  color: #e5e5e5;
 
123
}
79
124
 
80
125
.view-switch a:hover:before {
81
 
  color: #d64e07; }
82
 
 
83
 
.post-com-count:hover:after {
84
 
  border-top-color: #e5e5e5; }
85
 
 
86
 
.post-com-count:hover span {
87
 
  color: #333;
88
 
  background-color: #e5e5e5; }
89
 
 
90
 
strong .post-com-count:after {
91
 
  border-top-color: #d64e07; }
92
 
 
93
 
strong .post-com-count span {
94
 
  background-color: #d64e07; }
 
126
  color: #d64e07;
 
127
}
95
128
 
96
129
/* Admin Menu */
97
 
#adminmenuback, #adminmenuwrap, #adminmenu {
98
 
  background: #e5e5e5; }
 
130
#adminmenuback,
 
131
#adminmenuwrap,
 
132
#adminmenu {
 
133
  background: #e5e5e5;
 
134
}
99
135
 
100
136
#adminmenu a {
101
 
  color: #333; }
 
137
  color: #333;
 
138
}
102
139
 
103
140
#adminmenu div.wp-menu-image:before {
104
 
  color: #999; }
 
141
  color: #999;
 
142
}
105
143
 
106
 
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus {
 
144
#adminmenu a:hover,
 
145
#adminmenu li.menu-top:hover,
 
146
#adminmenu li.opensub > a.menu-top,
 
147
#adminmenu li > a.menu-top:focus {
107
148
  color: #fff;
108
 
  background-color: #888; }
 
149
  background-color: #888;
 
150
}
109
151
 
110
 
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
111
 
  color: #ccc; }
 
152
#adminmenu li.menu-top:hover div.wp-menu-image:before,
 
153
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
 
154
  color: #ccc;
 
155
}
112
156
 
113
157
/* 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 {
 
158
.about-wrap h2 .nav-tab-active,
 
159
.nav-tab-active,
 
160
.nav-tab-active:hover {
115
161
  background-color: #f5f5f5;
116
 
  border-bottom-color: #f5f5f5; }
 
162
  border-bottom-color: #f5f5f5;
 
163
}
117
164
 
118
165
/* 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: #fff; }
 
166
#adminmenu .wp-submenu,
 
167
#adminmenu .wp-has-current-submenu .wp-submenu,
 
168
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 
169
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
 
170
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
 
171
  background: #fff;
 
172
}
121
173
 
122
174
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
123
 
  border-right-color: #fff; }
 
175
  border-right-color: #fff;
 
176
}
124
177
 
125
178
#adminmenu .wp-submenu .wp-submenu-head {
126
 
  color: #686868; }
127
 
 
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 {
129
 
  color: #686868; }
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 {
131
 
    color: #04a4cc; }
 
179
  color: #686868;
 
180
}
 
181
 
 
182
#adminmenu .wp-submenu a,
 
183
#adminmenu .wp-has-current-submenu .wp-submenu a,
 
184
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 
185
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 
186
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
 
187
  color: #686868;
 
188
}
 
189
 
 
190
#adminmenu .wp-submenu a:focus,
 
191
#adminmenu .wp-submenu a:hover,
 
192
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 
193
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 
194
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 
195
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 
196
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 
197
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 
198
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
 
199
  color: #04a4cc;
 
200
}
132
201
 
133
202
/* 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 {
135
 
  color: #333; }
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 {
137
 
    color: #04a4cc; }
138
 
 
139
 
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after {
140
 
  border-right-color: #f5f5f5; }
141
 
 
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 {
 
203
#adminmenu .wp-submenu li.current a,
 
204
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
 
205
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
 
206
  color: #333;
 
207
}
 
208
 
 
209
#adminmenu .wp-submenu li.current a:hover,
 
210
#adminmenu .wp-submenu li.current a:focus,
 
211
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 
212
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
 
213
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
 
214
  color: #04a4cc;
 
215
}
 
216
 
 
217
ul#adminmenu a.wp-has-current-submenu:after,
 
218
ul#adminmenu > li.current > a.current:after {
 
219
  border-right-color: #f5f5f5;
 
220
}
 
221
 
 
222
#adminmenu li.current a.menu-top,
 
223
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
 
224
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
 
225
.folded #adminmenu li.current.menu-top {
143
226
  color: #fff;
144
 
  background: #888; }
 
227
  background: #888;
 
228
}
145
229
 
146
 
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before, #adminmenu a.current:hover div.wp-menu-image:before, #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before, #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before, #adminmenu li:hover div.wp-menu-image:before, #adminmenu li a:focus div.wp-menu-image:before, #adminmenu li.opensub div.wp-menu-image:before, .ie8 #adminmenu li.opensub div.wp-menu-image:before {
147
 
  color: #ccc; }
 
230
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
 
231
#adminmenu a.current:hover div.wp-menu-image:before,
 
232
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
 
233
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
 
234
#adminmenu li:hover div.wp-menu-image:before,
 
235
#adminmenu li a:focus div.wp-menu-image:before,
 
236
#adminmenu li.opensub div.wp-menu-image:before,
 
237
.ie8 #adminmenu li.opensub div.wp-menu-image:before {
 
238
  color: #ccc;
 
239
}
148
240
 
149
241
/* Admin Menu: bubble */
150
 
#adminmenu .awaiting-mod, #adminmenu .update-plugins {
 
242
#adminmenu .awaiting-mod,
 
243
#adminmenu .update-plugins {
151
244
  color: #fff;
152
 
  background: #d64e07; }
 
245
  background: #d64e07;
 
246
}
153
247
 
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 {
 
248
#adminmenu li.current a .awaiting-mod,
 
249
#adminmenu li a.wp-has-current-submenu .update-plugins,
 
250
#adminmenu li:hover a .awaiting-mod,
 
251
#adminmenu li.menu-top:hover > a .update-plugins {
155
252
  color: #333;
156
 
  background: #fff; }
 
253
  background: #fff;
 
254
}
157
255
 
158
256
/* Admin Menu: collapse button */
159
257
#collapse-menu {
160
 
  color: #777; }
 
258
  color: #777;
 
259
}
161
260
 
162
261
#collapse-menu:hover {
163
 
  color: #333; }
 
262
  color: #333;
 
263
}
164
264
 
165
265
#collapse-button div:after {
166
 
  color: #999; }
 
266
  color: #999;
 
267
}
167
268
 
168
269
#collapse-menu:hover #collapse-button div:after {
169
 
  color: #555; }
 
270
  color: #555;
 
271
}
170
272
 
171
273
/* Admin Bar */
172
274
#wpadminbar {
173
275
  color: #333;
174
 
  background: #e5e5e5; }
175
 
 
176
 
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
177
 
  color: #333; }
178
 
 
179
 
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after {
180
 
  color: #999; }
181
 
 
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 {
183
 
  color: #04a4cc;
184
 
  background: #fff; }
185
 
 
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 {
187
 
  color: #04a4cc; }
188
 
 
189
 
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
190
 
  color: #ccc; }
 
276
  background: #e5e5e5;
 
277
}
 
278
 
 
279
#wpadminbar .ab-item,
 
280
#wpadminbar a.ab-item,
 
281
#wpadminbar > #wp-toolbar span.ab-label,
 
282
#wpadminbar > #wp-toolbar span.noticon {
 
283
  color: #333;
 
284
}
 
285
 
 
286
#wpadminbar .ab-icon,
 
287
#wpadminbar .ab-icon:before,
 
288
#wpadminbar .ab-item:before,
 
289
#wpadminbar .ab-item:after {
 
290
  color: #999;
 
291
}
 
292
 
 
293
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 
294
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
 
295
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
 
296
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 
297
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
 
298
  color: #04a4cc;
 
299
  background: #fff;
 
300
}
 
301
 
 
302
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
 
303
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
 
304
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
 
305
  color: #04a4cc;
 
306
}
 
307
 
 
308
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
 
309
#wpadminbar:not(.mobile) li:hover .ab-item:before,
 
310
#wpadminbar:not(.mobile) li:hover .ab-item:after,
 
311
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
 
312
  color: #ccc;
 
313
}
191
314
 
192
315
/* Admin Bar: submenu */
193
316
#wpadminbar .menupop .ab-sub-wrapper {
194
 
  background: #fff; }
195
 
 
196
 
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
197
 
  background: #f6f7f7; }
198
 
 
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 {
200
 
  color: #686868; }
201
 
 
202
 
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before {
203
 
  color: #999; }
204
 
 
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 {
206
 
  color: #04a4cc; }
207
 
 
208
 
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before {
209
 
  color: #04a4cc; }
 
317
  background: #fff;
 
318
}
 
319
 
 
320
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 
321
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
 
322
  background: #f7f7f7;
 
323
}
 
324
 
 
325
#wpadminbar .ab-submenu .ab-item,
 
326
#wpadminbar .quicklinks .menupop ul li a,
 
327
#wpadminbar .quicklinks .menupop.hover ul li a,
 
328
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
 
329
  color: #686868;
 
330
}
 
331
 
 
332
#wpadminbar .quicklinks li .blavatar,
 
333
#wpadminbar .menupop .menupop > .ab-item:before {
 
334
  color: #999;
 
335
}
 
336
 
 
337
#wpadminbar .quicklinks .menupop ul li a:hover,
 
338
#wpadminbar .quicklinks .menupop ul li a:focus,
 
339
#wpadminbar .quicklinks .menupop ul li a:hover strong,
 
340
#wpadminbar .quicklinks .menupop ul li a:focus strong,
 
341
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
 
342
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
 
343
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
 
344
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
 
345
#wpadminbar li:hover .ab-icon:before,
 
346
#wpadminbar li:hover .ab-item:before,
 
347
#wpadminbar li a:focus .ab-icon:before,
 
348
#wpadminbar li .ab-item:focus:before,
 
349
#wpadminbar li.hover .ab-icon:before,
 
350
#wpadminbar li.hover .ab-item:before,
 
351
#wpadminbar li:hover #adminbarsearch:before,
 
352
#wpadminbar li #adminbarsearch.adminbar-focused:before {
 
353
  color: #04a4cc;
 
354
}
 
355
 
 
356
#wpadminbar .quicklinks li a:hover .blavatar,
 
357
#wpadminbar .menupop .menupop > .ab-item:hover:before,
 
358
#wpadminbar.mobile .quicklinks .ab-icon:before,
 
359
#wpadminbar.mobile .quicklinks .ab-item:before {
 
360
  color: #04a4cc;
 
361
}
 
362
 
 
363
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 
364
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
 
365
  color: #999;
 
366
}
210
367
 
211
368
/* Admin Bar: search */
212
369
#wpadminbar #adminbarsearch:before {
213
 
  color: #999; }
 
370
  color: #999;
 
371
}
214
372
 
215
373
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
216
374
  color: #333;
217
 
  background: #f7f7f7; }
 
375
  background: #f7f7f7;
 
376
}
218
377
 
219
378
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
220
379
  color: #333;
221
 
  opacity: 0.7; }
 
380
  opacity: 0.7;
 
381
}
222
382
 
223
383
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
224
384
  color: #333;
225
 
  opacity: 0.7; }
 
385
  opacity: 0.7;
 
386
}
226
387
 
227
388
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
228
389
  color: #333;
229
 
  opacity: 0.7; }
 
390
  opacity: 0.7;
 
391
}
230
392
 
231
393
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
232
394
  color: #333;
233
 
  opacity: 0.7; }
 
395
  opacity: 0.7;
 
396
}
234
397
 
235
398
/* Admin Bar: my account */
236
399
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
237
400
  border-color: #f7f7f7;
238
 
  background-color: #f7f7f7; }
 
401
  background-color: #f7f7f7;
 
402
}
239
403
 
240
404
#wpadminbar #wp-admin-bar-user-info .display-name {
241
 
  color: #333; }
 
405
  color: #333;
 
406
}
242
407
 
243
408
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
244
 
  color: #04a4cc; }
 
409
  color: #04a4cc;
 
410
}
245
411
 
246
412
#wpadminbar #wp-admin-bar-user-info .username {
247
 
  color: #686868; }
 
413
  color: #686868;
 
414
}
248
415
 
249
416
/* Pointers */
250
417
.wp-pointer .wp-pointer-content h3 {
251
418
  background-color: #04a4cc;
252
 
  border-color: #0490b3; }
 
419
  border-color: #0490b3;
 
420
}
253
421
 
254
422
.wp-pointer .wp-pointer-content h3:before {
255
 
  color: #04a4cc; }
 
423
  color: #04a4cc;
 
424
}
256
425
 
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: #04a4cc; }
 
426
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
 
427
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
 
428
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
 
429
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
 
430
  border-bottom-color: #04a4cc;
 
431
}
259
432
 
260
433
/* Media */
261
 
.media-item .bar, .media-progress-bar div {
262
 
  background-color: #04a4cc; }
 
434
.media-item .bar,
 
435
.media-progress-bar div {
 
436
  background-color: #04a4cc;
 
437
}
263
438
 
264
439
.details.attachment {
265
440
  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
266
 
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc; }
 
441
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
 
442
}
267
443
 
268
444
.attachment.details .check {
269
445
  background-color: #04a4cc;
270
446
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
271
 
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; }
 
447
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
 
448
}
272
449
 
273
450
.media-selection .attachment.selection.details .thumbnail {
274
451
  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc;
275
 
  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc; }
 
452
  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc;
 
453
}
276
454
 
277
455
/* Themes */
278
 
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
279
 
  background: #04a4cc; }
280
 
 
281
 
.theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
282
 
  color: #04a4cc; }
283
 
 
284
 
.theme-section.current, .theme-filter.current {
285
 
  border-bottom-color: #e5e5e5; }
 
456
.theme-browser .theme.active .theme-name,
 
457
.theme-browser .theme.add-new-theme a:hover:after,
 
458
.theme-browser .theme.add-new-theme a:focus:after {
 
459
  background: #04a4cc;
 
460
}
 
461
 
 
462
.theme-browser .theme.add-new-theme a:hover span:after,
 
463
.theme-browser .theme.add-new-theme a:focus span:after {
 
464
  color: #04a4cc;
 
465
}
 
466
 
 
467
.theme-section.current,
 
468
.theme-filter.current {
 
469
  border-bottom-color: #e5e5e5;
 
470
}
286
471
 
287
472
body.more-filters-opened .more-filters {
288
473
  color: #333;
289
 
  background-color: #e5e5e5; }
 
474
  background-color: #e5e5e5;
 
475
}
290
476
 
291
477
body.more-filters-opened .more-filters:before {
292
 
  color: #333; }
 
478
  color: #333;
 
479
}
293
480
 
294
 
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus {
 
481
body.more-filters-opened .more-filters:hover,
 
482
body.more-filters-opened .more-filters:focus {
295
483
  background-color: #888;
296
 
  color: #fff; }
 
484
  color: #fff;
 
485
}
297
486
 
298
 
body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before {
299
 
  color: #fff; }
 
487
body.more-filters-opened .more-filters:hover:before,
 
488
body.more-filters-opened .more-filters:focus:before {
 
489
  color: #fff;
 
490
}
300
491
 
301
492
/* Widgets */
302
493
.widgets-chooser li.widgets-chooser-selected {
303
494
  background-color: #888;
304
 
  color: #fff; }
 
495
  color: #fff;
 
496
}
305
497
 
306
 
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before {
307
 
  color: #fff; }
 
498
.widgets-chooser li.widgets-chooser-selected:before,
 
499
.widgets-chooser li.widgets-chooser-selected:focus:before {
 
500
  color: #fff;
 
501
}
308
502
 
309
503
/* Customize */
310
504
#customize-theme-controls .widget-area-select .selected {
311
505
  background-color: #888;
312
 
  color: #fff; }
 
506
  color: #fff;
 
507
}
313
508
 
314
509
/* jQuery UI Slider */
315
 
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
 
510
.wp-slider .ui-slider-handle,
 
511
.wp-slider .ui-slider-handle.ui-state-hover,
 
512
.wp-slider .ui-slider-handle.focus {
316
513
  background: #04a4cc;
317
514
  border-color: #037c9a;
318
515
  -webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
319
 
  box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); }
 
516
  box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15);
 
517
}
320
518
 
321
519
/* Responsive Component */
322
520
div#wp-responsive-toggle a:before {
323
 
  color: #999; }
 
521
  color: #999;
 
522
}
324
523
 
325
524
.wp-responsive-open div#wp-responsive-toggle a {
326
525
  border-color: transparent;
327
 
  background: #888; }
 
526
  background: #888;
 
527
}
328
528
 
329
529
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
330
 
  background: #fff; }
 
530
  background: #fff;
 
531
}
 
532
 
 
533
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 
534
  color: #999;
 
535
}
 
536
 
 
537
/* TinyMCE */
 
538
.mce-container.mce-menu .mce-menu-item:hover,
 
539
.mce-container.mce-menu .mce-menu-item.mce-selected,
 
540
.mce-container.mce-menu .mce-menu-item:focus,
 
541
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
 
542
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
 
543
  background: #04a4cc;
 
544
}
331
545
 
332
546
/* temporary fix for admin-bar hover color */
333
 
#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 {
334
 
  color: #333; }
 
547
#wpadminbar .ab-top-menu > li:hover > .ab-item,
 
548
#wpadminbar .ab-top-menu > li.hover > .ab-item,
 
549
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default li:hover span.ab-label,
 
550
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary li.hover span.ab-label,
 
551
#wpadminbar .ab-top-menu > li > .ab-item:focus,
 
552
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
 
553
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 
554
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
 
555
  color: #333;
 
556
}
335
557
 
336
558
/* Override the theme filter highlight color for this scheme */
337
 
.theme-section.current, .theme-filter.current {
338
 
  border-bottom-color: #04a4cc; }
 
559
.theme-section.current,
 
560
.theme-filter.current {
 
561
  border-bottom-color: #04a4cc;
 
562
}