1 #wpadminbar * { |
1 #wpadminbar * { |
2 font-family: Tahoma, Arial, Helvetica, sans-serif; |
2 height: auto; |
|
3 width: auto; |
|
4 margin: 0; |
|
5 padding: 0; |
|
6 position: static; |
|
7 text-shadow: none; |
|
8 text-transform: none; |
|
9 letter-spacing: normal; |
|
10 font: normal 13px/32px "Open Sans", sans-serif; |
|
11 -webkit-border-radius: 0; |
|
12 border-radius: 0; |
|
13 -webkit-box-sizing: content-box; |
|
14 -moz-box-sizing: content-box; |
|
15 box-sizing: content-box; |
|
16 -webkit-transition: none; |
|
17 transition: none; |
|
18 -webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */ |
|
19 -moz-osx-font-smoothing: auto; /* Prevent Firefox from inheriting from themes that use other values */ |
|
20 } |
|
21 |
|
22 .rtl #wpadminbar * { |
|
23 font-family: Tahoma, sans-serif; |
|
24 } |
|
25 |
|
26 html:lang(he-il) .rtl #wpadminbar * { |
|
27 font-family: Arial, sans-serif; |
|
28 } |
|
29 |
|
30 #wpadminbar a.ab-item, |
|
31 #wpadminbar > #wp-toolbar span.ab-label, |
|
32 #wpadminbar > #wp-toolbar span.noticon { |
|
33 color: #eee; |
|
34 } |
|
35 |
|
36 #wpadminbar #wp-admin-bar-site-name a.ab-item, |
|
37 #wpadminbar #wp-admin-bar-my-sites a.ab-item { |
|
38 white-space: nowrap; |
|
39 overflow: hidden; |
|
40 text-overflow: ellipsis; |
|
41 } |
|
42 |
|
43 #wpadminbar ul li:before, |
|
44 #wpadminbar ul li:after { |
|
45 content: normal; |
|
46 } |
|
47 |
|
48 #wpadminbar a, |
|
49 #wpadminbar a:hover, |
|
50 #wpadminbar a img, |
|
51 #wpadminbar a img:hover { |
|
52 outline: none; |
|
53 border: none; |
|
54 text-decoration: none; |
|
55 background: none; |
|
56 } |
|
57 |
|
58 #wpadminbar a:focus, |
|
59 #wpadminbar a:active, |
|
60 #wpadminbar input[type="text"], |
|
61 #wpadminbar input[type="password"], |
|
62 #wpadminbar input[type="number"], |
|
63 #wpadminbar input[type="search"], |
|
64 #wpadminbar input[type="email"], |
|
65 #wpadminbar input[type="url"], |
|
66 #wpadminbar select, |
|
67 #wpadminbar textarea, |
|
68 #wpadminbar div { |
|
69 -webkit-box-shadow: none; |
|
70 box-shadow: none; |
|
71 outline: none; |
3 } |
72 } |
4 |
73 |
5 #wpadminbar { |
74 #wpadminbar { |
6 direction: rtl; |
75 direction: rtl; |
7 font-family: Tahoma, Arial, Helvetica, sans-serif; |
76 color: #ccc; |
8 left: auto; |
77 font: normal 13px/32px "Open Sans", sans-serif; |
|
78 height: 32px; |
|
79 position: fixed; |
|
80 top: 0; |
9 right: 0; |
81 right: 0; |
|
82 width: 100%; |
|
83 min-width: 600px; /* match the min-width of the body in wp-admin.css */ |
|
84 z-index: 99999; |
|
85 background: #23282d; |
|
86 } |
|
87 |
|
88 #wpadminbar .ab-sub-wrapper, |
|
89 #wpadminbar ul, |
|
90 #wpadminbar ul li { |
|
91 background: none; |
|
92 clear: none; |
|
93 list-style: none; |
|
94 margin: 0; |
|
95 padding: 0; |
|
96 position: relative; |
|
97 text-indent: 0; |
|
98 z-index: 99999; |
|
99 } |
|
100 |
|
101 #wpadminbar ul#wp-admin-bar-root-default>li { |
|
102 margin-left: 0; |
10 } |
103 } |
11 |
104 |
12 #wpadminbar .quicklinks ul { |
105 #wpadminbar .quicklinks ul { |
13 text-align: right; |
106 text-align: right; |
14 } |
107 } |
15 |
108 |
16 #wpadminbar li { |
109 #wpadminbar li { |
17 float: right; |
110 float: right; |
18 } |
111 } |
19 |
112 |
20 #wpadminbar .quicklinks > ul > li { |
113 #wpadminbar .ab-empty-item { |
21 border-right: 0; |
114 outline: none; |
22 border-left: 1px solid #555; |
|
23 } |
|
24 |
|
25 #wpadminbar .quicklinks > ul > li > a, |
|
26 #wpadminbar .quicklinks > ul > li > .ab-empty-item { |
|
27 border-right: 0; |
|
28 border-left: 1px solid #333; |
|
29 } |
115 } |
30 |
116 |
31 #wpadminbar .quicklinks .ab-top-secondary > li { |
117 #wpadminbar .quicklinks .ab-top-secondary > li { |
32 border-left: 0; |
|
33 border-right: 1px solid #333; |
|
34 float: left; |
118 float: left; |
35 } |
119 } |
36 |
120 |
37 #wpadminbar .quicklinks .ab-top-secondary > li > a, |
121 #wpadminbar .quicklinks a, |
38 #wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item { |
122 #wpadminbar .quicklinks .ab-empty-item, |
39 border-right: 1px solid #555; |
123 #wpadminbar .shortlink-input { |
40 border-left: 0; |
124 height: 32px; |
|
125 display: block; |
|
126 padding: 0 10px; |
|
127 margin: 0; |
|
128 } |
|
129 |
|
130 #wpadminbar .quicklinks > ul > li > a { |
|
131 padding: 0 7px 0 8px; |
41 } |
132 } |
42 |
133 |
43 #wpadminbar .menupop .ab-sub-wrapper, |
134 #wpadminbar .menupop .ab-sub-wrapper, |
44 #wpadminbar .shortlink-input { |
135 #wpadminbar .shortlink-input { |
45 margin: 0 -1px 0 0; |
136 margin: 0; |
|
137 padding: 0; |
|
138 -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); |
|
139 box-shadow: 0 3px 5px rgba(0,0,0,0.2); |
|
140 background: #32373c; |
|
141 display: none; |
|
142 position: absolute; |
|
143 float: none; |
46 } |
144 } |
47 |
145 |
48 #wpadminbar.ie7 .menupop .ab-sub-wrapper, |
146 #wpadminbar.ie7 .menupop .ab-sub-wrapper, |
49 #wpadminbar.ie7 .shortlink-input { |
147 #wpadminbar.ie7 .shortlink-input { |
50 left: auto; |
148 top: 32px; |
51 right: 0; |
149 right: 0; |
52 } |
150 } |
53 |
151 |
|
152 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { |
|
153 min-width: 100%; |
|
154 } |
|
155 |
54 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper { |
156 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper { |
|
157 left: 0; |
55 right: auto; |
158 right: auto; |
56 left: 0; |
159 } |
57 margin: 0 0 0 -1px; |
160 |
|
161 #wpadminbar .ab-submenu { |
|
162 padding: 6px 0; |
|
163 } |
|
164 |
|
165 #wpadminbar .selected .shortlink-input { |
|
166 display: block; |
|
167 } |
|
168 |
|
169 #wpadminbar .quicklinks .menupop ul li { |
|
170 float: none; |
|
171 } |
|
172 |
|
173 #wpadminbar .quicklinks .menupop ul li a strong { |
|
174 font-weight: bold; |
|
175 } |
|
176 |
|
177 #wpadminbar .quicklinks .menupop ul li .ab-item, |
|
178 #wpadminbar .quicklinks .menupop ul li a strong, |
|
179 #wpadminbar .quicklinks .menupop.hover ul li .ab-item, |
|
180 #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item, |
|
181 #wpadminbar .shortlink-input { |
|
182 line-height: 26px; |
|
183 height: 26px; |
|
184 white-space: nowrap; |
|
185 min-width: 140px; |
|
186 } |
|
187 |
|
188 #wpadminbar .shortlink-input { |
|
189 width: 200px; |
|
190 } |
|
191 |
|
192 #wpadminbar.nojs li:hover > .ab-sub-wrapper, |
|
193 #wpadminbar li.hover > .ab-sub-wrapper { |
|
194 display: block; |
58 } |
195 } |
59 |
196 |
60 #wpadminbar .menupop li:hover > .ab-sub-wrapper, |
197 #wpadminbar .menupop li:hover > .ab-sub-wrapper, |
61 #wpadminbar .menupop li.hover > .ab-sub-wrapper { |
198 #wpadminbar .menupop li.hover > .ab-sub-wrapper { |
62 margin-left: 0px; |
|
63 margin-right: 100%; |
199 margin-right: 100%; |
|
200 margin-top: -32px; |
64 } |
201 } |
65 |
202 |
66 #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper, |
203 #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper, |
67 #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper { |
204 #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper { |
68 margin-left: inherit; |
|
69 margin-right: 0; |
205 margin-right: 0; |
|
206 right: inherit; |
70 left: 100%; |
207 left: 100%; |
71 right: inherit; |
208 } |
|
209 |
|
210 #wpadminbar .ab-top-menu > li > .ab-item:focus, |
|
211 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, |
|
212 #wpadminbar .ab-top-menu > li:hover > .ab-item, |
|
213 #wpadminbar .ab-top-menu > li.hover > .ab-item { |
|
214 background: #32373c; |
|
215 color: #00b9eb; |
|
216 } |
|
217 |
|
218 #wpadminbar > #wp-toolbar li:hover span.ab-label, |
|
219 #wpadminbar > #wp-toolbar li.hover span.ab-label, |
|
220 #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|
221 color: #00b9eb; |
|
222 } |
|
223 |
|
224 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon, |
|
225 #wpadminbar .ab-icon, |
|
226 #wpadminbar .ab-item:before { |
|
227 position: relative; |
|
228 float: right; |
|
229 font: normal 20px/1 'dashicons'; |
|
230 speak: none; |
|
231 padding: 4px 0; |
|
232 -webkit-font-smoothing: antialiased; |
|
233 -moz-osx-font-smoothing: grayscale; |
|
234 background-image: none !important; |
|
235 margin-left: 6px; |
|
236 } |
|
237 |
|
238 #wpadminbar .ab-icon:before, |
|
239 #wpadminbar .ab-item:before, |
|
240 #wpadminbar #adminbarsearch:before { |
|
241 color: #a0a5aa; |
|
242 color: rgba(240,245,250,0.6); |
|
243 } |
|
244 |
|
245 #wpadminbar .ab-icon:before, |
|
246 #wpadminbar .ab-item:before, |
|
247 #wpadminbar #adminbarsearch:before { |
|
248 position: relative; |
|
249 -webkit-transition: all .1s ease-in-out; |
|
250 transition: all .1s ease-in-out; |
|
251 } |
|
252 |
|
253 #wpadminbar .ab-label { |
|
254 display: inline-block; |
|
255 height: 32px; |
|
256 } |
|
257 |
|
258 #wpadminbar .ab-submenu .ab-item { |
|
259 color: #b4b9be; |
|
260 color: rgba(240,245,250,0.7); |
|
261 } |
|
262 |
|
263 #wpadminbar .quicklinks .menupop ul li a, |
|
264 #wpadminbar .quicklinks .menupop ul li a strong, |
|
265 #wpadminbar .quicklinks .menupop.hover ul li a, |
|
266 #wpadminbar.nojs .quicklinks .menupop:hover ul li a { |
|
267 color: #b4b9be; |
|
268 color: rgba(240,245,250,0.7); |
|
269 } |
|
270 |
|
271 #wpadminbar .quicklinks .menupop ul li a:hover, |
|
272 #wpadminbar .quicklinks .menupop ul li a:focus, |
|
273 #wpadminbar .quicklinks .menupop ul li a:hover strong, |
|
274 #wpadminbar .quicklinks .menupop ul li a:focus strong, |
|
275 #wpadminbar .quicklinks .menupop.hover ul li a:hover, |
|
276 #wpadminbar .quicklinks .menupop.hover ul li a:focus, |
|
277 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, |
|
278 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, |
|
279 #wpadminbar li:hover .ab-icon:before, |
|
280 #wpadminbar li:hover .ab-item:before, |
|
281 #wpadminbar li a:focus .ab-icon:before, |
|
282 #wpadminbar li .ab-item:focus:before, |
|
283 #wpadminbar li.hover .ab-icon:before, |
|
284 #wpadminbar li.hover .ab-item:before, |
|
285 #wpadminbar li:hover #adminbarsearch:before, |
|
286 #wpadminbar li #adminbarsearch.adminbar-focused:before { |
|
287 color: #00b9eb; |
|
288 } |
|
289 |
|
290 #wpadminbar .menupop .menupop > .ab-item:before, |
|
291 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before { |
|
292 position: absolute; |
|
293 font: normal 17px/1 'dashicons'; |
|
294 speak: none; |
|
295 -webkit-font-smoothing: antialiased; |
|
296 -moz-osx-font-smoothing: grayscale; |
72 } |
297 } |
73 |
298 |
74 #wpadminbar .menupop .menupop > .ab-item { |
299 #wpadminbar .menupop .menupop > .ab-item { |
75 background-position: 5% -46px; |
300 display: block; |
76 padding-left: 2em; |
301 padding-left: 2em; |
77 padding-right: 1em; |
302 } |
|
303 |
|
304 #wpadminbar .menupop .menupop > .ab-item:before { |
|
305 top: 1px; |
|
306 left: 4px; |
|
307 content: '\f139'; |
|
308 color: inherit; |
78 } |
309 } |
79 |
310 |
80 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item { |
311 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item { |
81 background-position: 95% -20px; |
312 padding-right: 2em; |
82 padding-left: 1em; |
313 padding-left: 1em; |
83 padding-right: 2em; |
314 } |
|
315 |
|
316 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before { |
|
317 top: 5px; |
|
318 right: 3px; |
|
319 content: '\f141'; |
84 } |
320 } |
85 |
321 |
86 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary { |
322 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary { |
87 right: 0; |
323 display: block; |
|
324 position: relative; |
88 left: auto; |
325 left: auto; |
|
326 margin: 0; |
|
327 -webkit-box-shadow: none; |
|
328 box-shadow: none; |
|
329 } |
|
330 |
|
331 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, |
|
332 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|
333 background: #464b50; |
|
334 } |
|
335 |
|
336 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, |
|
337 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a { |
|
338 color: #00b9eb; |
|
339 } |
|
340 |
|
341 #wpadminbar .quicklinks a span#ab-updates { |
|
342 background: #eee; |
|
343 color: #32373c; |
|
344 display: inline; |
|
345 padding: 2px 5px; |
|
346 font-size: 10px; |
|
347 font-weight: bold; |
|
348 -webkit-border-radius: 10px; |
|
349 border-radius: 10px; |
|
350 } |
|
351 |
|
352 #wpadminbar .quicklinks a:hover span#ab-updates { |
|
353 background: #fff; |
|
354 color: #000; |
89 } |
355 } |
90 |
356 |
91 #wpadminbar .ab-top-secondary { |
357 #wpadminbar .ab-top-secondary { |
92 float: left; |
358 float: left; |
93 right: auto; |
|
94 left: 0; |
|
95 } |
359 } |
96 |
360 |
97 #wpadminbar ul li:last-child, |
361 #wpadminbar ul li:last-child, |
98 #wpadminbar ul li:last-child .ab-item { |
362 #wpadminbar ul li:last-child .ab-item { |
99 border-left: 0; |
363 -webkit-box-shadow: none; |
100 } |
364 box-shadow: none; |
101 |
|
102 #wpadminbar .screen-reader-shortcut:focus { |
|
103 left: auto; |
|
104 right: 6px; |
|
105 } |
365 } |
106 |
366 |
107 /** |
367 /** |
108 * My Account |
368 * My Account |
109 */ |
369 */ |
|
370 #wp-admin-bar-my-account > ul { |
|
371 min-width: 198px; |
|
372 } |
|
373 |
|
374 #wp-admin-bar-my-account > .ab-item:before { |
|
375 content: "\f110"; |
|
376 top: 2px; |
|
377 float: left; |
|
378 margin-right: 6px; |
|
379 margin-left: 0; |
|
380 } |
|
381 |
|
382 #wp-admin-bar-my-account.with-avatar > .ab-item:before { |
|
383 display: none; |
|
384 content: none; |
|
385 } |
|
386 |
|
387 #wp-admin-bar-my-account.with-avatar > ul { |
|
388 min-width: 270px; |
|
389 } |
|
390 |
|
391 #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar .ab-item { |
|
392 white-space: nowrap; |
|
393 } |
|
394 |
|
395 #wpadminbar #wp-admin-bar-user-actions > li { |
|
396 margin-right: 16px; |
|
397 margin-left: 16px; |
|
398 } |
|
399 |
|
400 #wpadminbar #wp-admin-bar-user-actions.ab-submenu { |
|
401 padding: 6px 0 12px; |
|
402 } |
|
403 |
110 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li { |
404 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li { |
111 margin-right: 88px; |
405 margin-right: 88px; |
112 margin-left: 16px; |
406 } |
113 } |
407 |
114 |
408 #wpadminbar #wp-admin-bar-user-info { |
115 #wp-admin-bar-user-actions > li > .ab-item { |
409 margin-top: 6px; |
116 padding-left: 0; |
410 margin-bottom: 15px; |
117 padding-right: 8px; |
411 height: auto; |
|
412 background: none; |
118 } |
413 } |
119 |
414 |
120 #wp-admin-bar-user-info .avatar { |
415 #wp-admin-bar-user-info .avatar { |
121 left: auto; |
416 position: absolute; |
122 right: -72px; |
417 right: -72px; |
123 } |
418 top: 4px; |
124 |
419 width: 64px; |
125 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
420 height: 64px; |
126 margin-left: -1px; |
421 } |
127 margin-right: 4px |
422 |
|
423 #wpadminbar #wp-admin-bar-user-info a { |
|
424 background: none; |
|
425 height: auto; |
|
426 } |
|
427 |
|
428 #wpadminbar #wp-admin-bar-user-info span { |
|
429 background: none; |
|
430 padding: 0; |
|
431 height: 18px; |
|
432 } |
|
433 |
|
434 #wpadminbar #wp-admin-bar-user-info .display-name, |
|
435 #wpadminbar #wp-admin-bar-user-info .username { |
|
436 display: block; |
|
437 } |
|
438 |
|
439 #wpadminbar #wp-admin-bar-user-info .username { |
|
440 color: #999; |
|
441 font-size: 11px; |
|
442 } |
|
443 |
|
444 #wpadminbar #wp-admin-bar-my-account.with-avatar > a img { |
|
445 width: auto; |
|
446 height: 16px; |
|
447 padding: 0; |
|
448 border: 1px solid #82878c; |
|
449 background: #eee; |
|
450 line-height: 24px; |
|
451 vertical-align: middle; |
|
452 margin: -4px 6px 0 0; |
|
453 float: none; |
|
454 display: inline; |
|
455 } |
|
456 |
|
457 #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > a img { |
|
458 width: auto; |
|
459 } |
|
460 |
|
461 /** |
|
462 * WP Logo |
|
463 */ |
|
464 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon { |
|
465 width: 15px; |
|
466 height: 20px; |
|
467 margin-left: 0; |
|
468 padding: 6px 0 5px; |
|
469 } |
|
470 |
|
471 #wpadminbar #wp-admin-bar-wp-logo > .ab-item { |
|
472 padding: 0 7px; |
|
473 } |
|
474 |
|
475 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { |
|
476 content: '\f120'; |
|
477 top: 2px; |
128 } |
478 } |
129 |
479 |
130 /* |
480 /* |
131 * My Sites |
481 * My Sites & Site Title |
132 */ |
482 */ |
133 #wpadminbar .quicklinks li .blavatar { |
483 #wpadminbar .quicklinks li .blavatar { |
134 margin-right: 0px; |
484 float: right; |
135 margin-left: 4px; |
485 font: normal 16px/1 'dashicons' !important; |
136 } |
486 speak: none; |
137 |
487 -webkit-font-smoothing: antialiased; |
138 /* |
488 -moz-osx-font-smoothing: grayscale; |
|
489 color: #eee; |
|
490 } |
|
491 |
|
492 #wpadminbar .quicklinks li a:hover .blavatar { |
|
493 color: #00b9eb; |
|
494 } |
|
495 |
|
496 #wpadminbar .quicklinks li .blavatar:before { |
|
497 content: '\f120'; |
|
498 height: 16px; |
|
499 width: 16px; |
|
500 display: inline-block; |
|
501 margin: 6px -2px 0 8px; |
|
502 } |
|
503 |
|
504 #wpadminbar #wp-admin-bar-appearance { |
|
505 margin-top: -12px; |
|
506 } |
|
507 |
|
508 #wpadminbar #wp-admin-bar-my-sites > .ab-item:before, |
|
509 #wpadminbar #wp-admin-bar-site-name > .ab-item:before { |
|
510 content: '\f112'; |
|
511 top: 2px; |
|
512 } |
|
513 |
|
514 #wpadminbar #wp-admin-bar-edit > .ab-item:before { |
|
515 content: '\f464'; |
|
516 top: 2px; |
|
517 } |
|
518 |
|
519 #wpadminbar #wp-admin-bar-site-name > .ab-item:before { |
|
520 content: "\f226"; |
|
521 } |
|
522 |
|
523 .wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item:before { |
|
524 content: "\f102"; |
|
525 } |
|
526 |
|
527 |
|
528 |
|
529 /** |
|
530 * Comments |
|
531 */ |
|
532 #wpadminbar #wp-admin-bar-comments .ab-icon { |
|
533 margin-left: 6px; |
|
534 } |
|
535 |
|
536 #wpadminbar #wp-admin-bar-comments .ab-icon:before { |
|
537 content: '\f101'; |
|
538 top: 3px; |
|
539 } |
|
540 |
|
541 #wpadminbar #wp-admin-bar-comments .count-0 { |
|
542 opacity: .5; |
|
543 } |
|
544 |
|
545 /** |
|
546 * New Content |
|
547 */ |
|
548 #wpadminbar #wp-admin-bar-new-content .ab-icon:before { |
|
549 content: '\f132'; |
|
550 top: 4px; |
|
551 } |
|
552 |
|
553 /** |
|
554 * Updates |
|
555 */ |
|
556 #wpadminbar #wp-admin-bar-updates .ab-icon:before { |
|
557 content: '\f463'; |
|
558 top: 2px; |
|
559 } |
|
560 |
|
561 /** |
139 * Search |
562 * Search |
140 */ |
563 */ |
141 #wpadminbar #adminbarsearch .adminbar-input { |
564 #wpadminbar.ie8 #wp-admin-bar-search { |
142 font-family: Tahoma, Arial, Helvetica, sans-serif; |
565 display: block; |
|
566 min-width: 32px; |
|
567 } |
|
568 #wpadminbar #wp-admin-bar-search .ab-item { |
|
569 padding: 0; |
|
570 background: transparent; |
|
571 } |
|
572 |
|
573 #wpadminbar #adminbarsearch { |
|
574 position: relative; |
|
575 height: 32px; |
|
576 padding: 0 2px; |
|
577 z-index: 1; |
|
578 } |
|
579 |
|
580 #wpadminbar #adminbarsearch:before { |
|
581 position: absolute; |
|
582 top: 6px; |
|
583 right: 5px; |
|
584 z-index: 20; |
|
585 font: normal 20px/1 'dashicons' !important; |
|
586 content: '\f179'; |
|
587 speak: none; |
|
588 -webkit-font-smoothing: antialiased; |
|
589 -moz-osx-font-smoothing: grayscale; |
|
590 } |
|
591 |
|
592 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input { |
|
593 position: relative; |
|
594 z-index: 30; |
|
595 font: 13px/24px "Open Sans", sans-serif; |
|
596 height: 24px; |
|
597 width: 24px; |
|
598 max-width: none; |
143 padding: 0 24px 0 3px; |
599 padding: 0 24px 0 3px; |
144 margin: 0; |
600 margin: 0; |
145 background-position: 50% 2px; |
601 color: #ccc; |
146 } |
602 background-color: rgba( 255, 255, 255, 0 ); |
147 |
603 border: none; |
148 #wpadminbar #adminbarsearch .adminbar-input:focus, |
604 outline: none; |
149 #wpadminbar.ie7 #adminbarsearch .adminbar-input { |
605 cursor: pointer; |
150 background-position: 99% 2px; |
606 -webkit-box-shadow: none; |
|
607 box-shadow: none; |
|
608 -webkit-box-sizing: border-box; |
|
609 -moz-box-sizing: border-box; |
|
610 box-sizing: border-box; |
|
611 -webkit-transition-duration: 400ms; |
|
612 transition-duration: 400ms; |
|
613 -webkit-transition-property: width, background; |
|
614 transition-property: width, background; |
|
615 -webkit-transition-timing-function: ease; |
|
616 transition-timing-function: ease; |
|
617 } |
|
618 |
|
619 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|
620 z-index: 10; |
|
621 color: #000; |
|
622 width: 200px; |
|
623 background-color: rgba( 255, 255, 255, 0.9 ); |
|
624 cursor: text; |
|
625 border: 0; |
|
626 } |
|
627 |
|
628 #wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input { |
|
629 margin-top: 3px; |
|
630 width: 120px; |
|
631 } |
|
632 |
|
633 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input { |
|
634 /* IE8 z-index bug with transparent / empty elements - fill in with an encoded transparent GIF */ |
|
635 background: transparent 100% 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7"); |
|
636 } |
|
637 |
|
638 /* IE8 doesn't redraw the pseudo elements unless you make a change to the content */ |
|
639 #wpadminbar.ie8 #adminbarsearch.adminbar-focused:before { |
|
640 content: '\f179 '; /* extra space */ |
|
641 } |
|
642 |
|
643 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|
644 background: #fff; |
|
645 z-index: -1; |
|
646 } |
|
647 |
|
648 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|
649 color: #999; |
|
650 } |
|
651 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|
652 color: #999; |
|
653 } |
|
654 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|
655 color: #999; |
|
656 } |
|
657 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|
658 color: #999; |
|
659 } |
|
660 |
|
661 #wpadminbar #adminbarsearch .adminbar-button { |
|
662 display: none; |
151 } |
663 } |
152 |
664 |
153 /** |
665 /** |
154 * Comments icon |
666 * Customize support classes |
155 */ |
667 */ |
156 #wpadminbar .ab-icon { |
668 .no-customize-support .hide-if-no-customize, |
157 float: right; |
669 .customize-support .hide-if-customize, |
158 } |
670 .no-customize-support #wpadminbar .hide-if-no-customize, |
159 |
671 .no-customize-support.wp-core-ui .hide-if-no-customize, |
160 .ie7 #wp-admin-bar-wp-logo > .ab-item .ab-icon { |
672 .no-customize-support .wp-core-ui .hide-if-no-customize, |
161 position: static; |
673 .customize-support #wpadminbar .hide-if-customize, |
162 } |
674 .customize-support.wp-core-ui .hide-if-customize, |
163 |
675 .customize-support .wp-core-ui .hide-if-customize { |
164 #wpadminbar.ie7 .ab-icon { |
676 display: none; |
165 float: left; |
677 } |
166 left: 12px; |
678 |
167 } |
679 /* Skip link */ |
168 |
680 #wpadminbar .screen-reader-text, |
169 #wpadminbar .ab-label { |
681 #wpadminbar .screen-reader-text span { |
170 margin-left: 0px; |
682 position: absolute; |
171 margin-right: 4px; |
683 right: -1000em; |
172 float: left; |
684 top: -1000em; |
173 } |
685 height: 1px; |
174 |
686 width: 1px; |
175 #wpadminbar.ie7 .ab-label { |
687 overflow: hidden; |
176 margin-right: 0; |
688 } |
177 } |
689 |
178 |
690 #wpadminbar .screen-reader-shortcut { |
179 #wpadminbar.ie7 #wp-admin-bar-comments > a { |
691 position: absolute; |
180 min-width: 25px; |
692 top: -1000em; |
181 } |
693 } |
182 |
694 |
183 #wpadminbar a:hover .ab-comments-icon-arrow { |
695 #wpadminbar .screen-reader-shortcut:focus { |
184 border-right-color: #bbb; |
696 right: 6px; |
185 } |
697 top: 7px; |
186 |
698 height: auto; |
187 #wpadminbar .menupop .ab-sub-wrapper, |
699 width: auto; |
188 #wpadminbar .shortlink-input { |
700 display: block; |
189 right: 0; |
701 font-size: 14px; |
190 } |
702 font-weight: bold; |
191 |
703 padding: 15px 23px 14px; |
192 #wpadminbar .quicklinks .menupop ul li a { |
704 background: #f1f1f1; |
193 position: relative; |
705 color: #21759b; |
|
706 z-index: 100000; |
|
707 line-height: normal; |
|
708 text-decoration: none; |
|
709 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); |
|
710 box-shadow: 0 0 2px 2px rgba(0,0,0,.6); |
194 } |
711 } |
195 |
712 |
196 /** |
713 /** |
197 * IE 6-targeted rules |
714 * IE 6-targeted rules |
198 */ |
715 */ |
|
716 * html #wpadminbar { |
|
717 overflow: hidden; |
|
718 position: absolute; |
|
719 } |
|
720 |
199 * html #wpadminbar .quicklinks ul li a { |
721 * html #wpadminbar .quicklinks ul li a { |
200 float: right; |
722 float: right; |
201 } |
723 } |
|
724 |
|
725 * html #wpadminbar .menupop a span { |
|
726 background-image: none; |
|
727 } |
|
728 |
|
729 /* No @font-face support */ |
|
730 .no-font-face #wpadminbar ul.ab-top-menu > li > a.ab-item { |
|
731 display: block; |
|
732 width: 45px; |
|
733 text-align: center; |
|
734 overflow: hidden; |
|
735 margin: 0 3px; |
|
736 } |
|
737 |
|
738 .no-font-face #wpadminbar #wp-admin-bar-my-sites > .ab-item, |
|
739 .no-font-face #wpadminbar #wp-admin-bar-site-name > .ab-item, |
|
740 .no-font-face #wpadminbar #wp-admin-bar-edit > .ab-item { |
|
741 text-indent: 0; |
|
742 } |
|
743 |
|
744 .no-font-face #wpadminbar .ab-icon, |
|
745 .no-font-face #wpadminbar .ab-icon:before, |
|
746 .no-font-face #wpadminbar a.ab-item:before, |
|
747 .no-font-face #wpadminbar #wp-admin-bar-wp-logo > .ab-item { |
|
748 display: none !important; |
|
749 } |
|
750 |
|
751 .no-font-face #wpadminbar ul.ab-top-menu > li > a > span.ab-label { |
|
752 display: inline; |
|
753 } |
|
754 |
|
755 .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon { |
|
756 display: inline !important; |
|
757 } |
|
758 |
|
759 .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon:before { |
|
760 content: "Menu"; |
|
761 font: 14px/45px sans-serif !important; |
|
762 display: inline-block !important; |
|
763 color: #fff; |
|
764 } |
|
765 |
|
766 .no-font-face #wpadminbar #wp-admin-bar-site-name a.ab-item { |
|
767 color: #fff; |
|
768 } |
|
769 /* End no @font-face */ |
|
770 |
|
771 @media screen and ( max-width: 782px ) { |
|
772 /* Toolbar Touchification*/ |
|
773 html #wpadminbar { |
|
774 height: 46px; |
|
775 min-width: 300px; |
|
776 |
|
777 /* These rules break dropdown tappability on Chrome/Android. |
|
778 -webkit-transform: translate3d(0, 0, 0); |
|
779 -webkit-backface-visibility: hidden; |
|
780 -webkit-transition: 0; |
|
781 transform: translate3d(0, 0, 0); |
|
782 backface-visibility: hidden; |
|
783 transition: 0; |
|
784 */ |
|
785 } |
|
786 |
|
787 #wpadminbar * { |
|
788 font: normal 14px/32px "Open Sans", sans-serif; |
|
789 } |
|
790 |
|
791 #wpadminbar .quicklinks > ul > li > a, |
|
792 #wpadminbar .quicklinks .ab-empty-item { |
|
793 padding: 0; |
|
794 height: 46px; |
|
795 line-height: 46px; |
|
796 width: auto; |
|
797 } |
|
798 |
|
799 #wpadminbar .ab-icon { |
|
800 font: 40px/1 dashicons !important; |
|
801 margin: 0; |
|
802 padding: 0; |
|
803 width: 52px; |
|
804 height: 46px; |
|
805 text-align: center; |
|
806 } |
|
807 |
|
808 #wpadminbar .ab-icon:before { |
|
809 text-align: center; |
|
810 } |
|
811 |
|
812 #wpadminbar .ab-submenu { |
|
813 padding: 0; |
|
814 } |
|
815 |
|
816 #wpadminbar #wp-admin-bar-site-name a.ab-item, |
|
817 #wpadminbar #wp-admin-bar-my-sites a.ab-item, |
|
818 #wpadminbar #wp-admin-bar-my-account a.ab-item { |
|
819 text-overflow: clip; |
|
820 } |
|
821 |
|
822 #wpadminbar .ab-label { |
|
823 display: none; |
|
824 } |
|
825 |
|
826 #wpadminbar .menupop li:hover > .ab-sub-wrapper, |
|
827 #wpadminbar .menupop li.hover > .ab-sub-wrapper { |
|
828 margin-top: -46px; |
|
829 } |
|
830 |
|
831 #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item { |
|
832 padding-left: 30px; |
|
833 } |
|
834 |
|
835 #wpadminbar .menupop .menupop > .ab-item:before { |
|
836 top: 10px; |
|
837 left: 6px; |
|
838 } |
|
839 |
|
840 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item { |
|
841 font-size: 16px; |
|
842 padding: 6px 15px 12px; |
|
843 } |
|
844 |
|
845 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty { |
|
846 display: none; |
|
847 } |
|
848 |
|
849 /* WP logo */ |
|
850 #wpadminbar #wp-admin-bar-wp-logo > .ab-item { |
|
851 padding: 0; |
|
852 } |
|
853 |
|
854 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon { |
|
855 padding: 0; |
|
856 width: 52px; |
|
857 height: 46px; |
|
858 text-align: center; |
|
859 vertical-align: top; |
|
860 } |
|
861 |
|
862 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { |
|
863 font: 28px/1 'dashicons' !important; |
|
864 top: -3px; |
|
865 } |
|
866 |
|
867 #wpadminbar .ab-icon, |
|
868 #wpadminbar .ab-item:before { |
|
869 padding: 0; |
|
870 } |
|
871 |
|
872 /* My Sites and "Site Title" menu */ |
|
873 #wpadminbar #wp-admin-bar-my-sites > .ab-item, |
|
874 #wpadminbar #wp-admin-bar-site-name > .ab-item, |
|
875 #wpadminbar #wp-admin-bar-edit > .ab-item, |
|
876 #wpadminbar #wp-admin-bar-my-account > .ab-item { |
|
877 text-indent: 100%; |
|
878 white-space: nowrap; |
|
879 overflow: hidden; |
|
880 width: 52px; |
|
881 padding: 0; |
|
882 color: #999; |
|
883 position: relative; |
|
884 } |
|
885 |
|
886 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon, |
|
887 #wpadminbar .ab-icon, |
|
888 #wpadminbar .ab-item:before { |
|
889 padding: 0; |
|
890 margin-left: 0; |
|
891 } |
|
892 |
|
893 #wpadminbar #wp-admin-bar-edit > .ab-item:before, |
|
894 #wpadminbar #wp-admin-bar-my-sites > .ab-item:before, |
|
895 #wpadminbar #wp-admin-bar-site-name > .ab-item:before, |
|
896 #wpadminbar #wp-admin-bar-my-account > .ab-item:before { |
|
897 display: block; |
|
898 text-indent: 0; |
|
899 font: normal 32px/1 'dashicons'; |
|
900 speak: none; |
|
901 top: 7px; |
|
902 width: 52px; |
|
903 text-align: center; |
|
904 -webkit-font-smoothing: antialiased; |
|
905 -moz-osx-font-smoothing: grayscale; |
|
906 } |
|
907 |
|
908 #wpadminbar #wp-admin-bar-appearance { |
|
909 margin-top: 0; |
|
910 } |
|
911 |
|
912 #wpadminbar .quicklinks li .blavatar:before { |
|
913 display: none; |
|
914 } |
|
915 |
|
916 /* Search */ |
|
917 #wpadminbar #wp-admin-bar-search { |
|
918 display: none; |
|
919 } |
|
920 |
|
921 /* New Content */ |
|
922 #wpadminbar #wp-admin-bar-new-content .ab-icon:before { |
|
923 top: 0; |
|
924 line-height: 53px; |
|
925 height: 46px !important; |
|
926 text-align: center; |
|
927 width: 52px; |
|
928 display: block; |
|
929 } |
|
930 |
|
931 /* Updates */ |
|
932 #wpadminbar #wp-admin-bar-updates { |
|
933 text-align: center; |
|
934 } |
|
935 |
|
936 #wpadminbar #wp-admin-bar-updates .ab-icon:before { |
|
937 top: 3px; |
|
938 } |
|
939 |
|
940 /* Comments */ |
|
941 #wpadminbar #wp-admin-bar-comments .ab-icon { |
|
942 margin: 0; |
|
943 } |
|
944 |
|
945 #wpadminbar #wp-admin-bar-comments .ab-icon:before { |
|
946 display: block; |
|
947 font-size: 34px; |
|
948 height: 46px; |
|
949 line-height: 47px; |
|
950 top: 0; |
|
951 } |
|
952 |
|
953 /* My Account */ |
|
954 #wpadminbar #wp-admin-bar-my-account > a { |
|
955 position: relative; |
|
956 white-space: nowrap; |
|
957 text-indent: 150%; /* More than 100% indention is needed since this element has padding */ |
|
958 width: 28px; |
|
959 padding: 0 10px; |
|
960 overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */ |
|
961 } |
|
962 |
|
963 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|
964 position: absolute; |
|
965 top: 13px; |
|
966 left: 10px; |
|
967 width: 26px; |
|
968 height: 26px; |
|
969 } |
|
970 |
|
971 #wpadminbar #wp-admin-bar-user-actions.ab-submenu { |
|
972 padding: 0; |
|
973 } |
|
974 |
|
975 #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar { |
|
976 display: none; |
|
977 } |
|
978 |
|
979 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li { |
|
980 margin: 0; |
|
981 } |
|
982 |
|
983 #wpadminbar #wp-admin-bar-user-info .display-name { |
|
984 height: auto; |
|
985 font-size: 16px; |
|
986 line-height: 24px; |
|
987 color: #eee; |
|
988 } |
|
989 |
|
990 #wpadminbar #wp-admin-bar-user-info a { |
|
991 padding-top: 4px; |
|
992 } |
|
993 |
|
994 #wpadminbar #wp-admin-bar-user-info .username { |
|
995 line-height: 0.8 !important; |
|
996 margin-bottom: -2px; |
|
997 } |
|
998 |
|
999 /* Show only default top level items */ |
|
1000 #wp-toolbar > ul > li { |
|
1001 display: none; |
|
1002 } |
|
1003 |
|
1004 #wpadminbar li#wp-admin-bar-menu-toggle, |
|
1005 #wpadminbar li#wp-admin-bar-wp-logo, |
|
1006 #wpadminbar li#wp-admin-bar-my-sites, |
|
1007 #wpadminbar li#wp-admin-bar-updates, |
|
1008 #wpadminbar li#wp-admin-bar-site-name, |
|
1009 #wpadminbar li#wp-admin-bar-new-content, |
|
1010 #wpadminbar li#wp-admin-bar-edit, |
|
1011 #wpadminbar li#wp-admin-bar-comments, |
|
1012 #wpadminbar li#wp-admin-bar-new-content, |
|
1013 #wpadminbar li#wp-admin-bar-my-account { |
|
1014 display: block; |
|
1015 } |
|
1016 |
|
1017 /* Allow dropdown list items to appear normally */ |
|
1018 #wpadminbar li:hover ul li, |
|
1019 #wpadminbar li.hover ul li, |
|
1020 #wpadminbar li:hover ul li:hover ul li { |
|
1021 display: list-item; |
|
1022 } |
|
1023 |
|
1024 /* Override default min-width so dropdown lists aren't stretched |
|
1025 to 100% viewport width at responsive sizes. */ |
|
1026 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { |
|
1027 min-width: -webkit-fit-content; |
|
1028 min-width: -moz-fit-content; |
|
1029 min-width: fit-content; |
|
1030 } |
|
1031 |
|
1032 #wpadminbar ul#wp-admin-bar-root-default > li { |
|
1033 margin-left: 0; |
|
1034 } |
|
1035 |
|
1036 /* Experimental fix for touch toolbar dropdown positioning */ |
|
1037 #wpadminbar .ab-top-menu, |
|
1038 #wpadminbar .ab-top-secondary, |
|
1039 #wpadminbar #wp-admin-bar-wp-logo, |
|
1040 #wpadminbar #wp-admin-bar-my-sites, |
|
1041 #wpadminbar #wp-admin-bar-site-name, |
|
1042 #wpadminbar #wp-admin-bar-updates, |
|
1043 #wpadminbar #wp-admin-bar-comments, |
|
1044 #wpadminbar #wp-admin-bar-new-content, |
|
1045 #wpadminbar #wp-admin-bar-edit, |
|
1046 #wpadminbar #wp-admin-bar-my-account { |
|
1047 position: static; |
|
1048 } |
|
1049 |
|
1050 #wpadminbar #wp-admin-bar-my-account { |
|
1051 float: left; |
|
1052 } |
|
1053 |
|
1054 .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account { |
|
1055 margin-left: 0; |
|
1056 } |
|
1057 |
|
1058 /* Realign arrows on taller responsive submenus */ |
|
1059 |
|
1060 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before { |
|
1061 top: 10px; |
|
1062 right: 0; |
|
1063 } |
|
1064 } |
|
1065 |
|
1066 /* Smartphone */ |
|
1067 @media screen and (max-width: 600px) { |
|
1068 #wpadminbar { |
|
1069 position: absolute; |
|
1070 } |
|
1071 |
|
1072 #wp-responsive-overlay { |
|
1073 position: fixed; |
|
1074 top: 0; |
|
1075 right: 0; |
|
1076 width: 100%; |
|
1077 height: 100%; |
|
1078 z-index: 400; |
|
1079 } |
|
1080 |
|
1081 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { |
|
1082 width: 100%; |
|
1083 right: 0; |
|
1084 } |
|
1085 |
|
1086 #wpadminbar .menupop .menupop > .ab-item:before { |
|
1087 display: none; |
|
1088 } |
|
1089 |
|
1090 #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper { |
|
1091 margin-right: 0; |
|
1092 } |
|
1093 |
|
1094 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper { |
|
1095 margin: 0; |
|
1096 width: 100%; |
|
1097 top: auto; |
|
1098 right: auto; |
|
1099 position: relative; |
|
1100 } |
|
1101 |
|
1102 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item { |
|
1103 font-size: 16px; |
|
1104 padding: 6px 30px 19px 15px; |
|
1105 } |
|
1106 |
|
1107 #wpadminbar li:hover ul li ul li { |
|
1108 display: list-item; |
|
1109 } |
|
1110 |
|
1111 #wpadminbar li#wp-admin-bar-wp-logo, |
|
1112 #wpadminbar li#wp-admin-bar-updates { |
|
1113 display: none; |
|
1114 } |
|
1115 |
|
1116 /* Make submenus full-width at this size */ |
|
1117 |
|
1118 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper { |
|
1119 position: static; |
|
1120 -webkit-box-shadow: none; |
|
1121 box-shadow: none; |
|
1122 } |
|
1123 } |