1 #wpadminbar * { |
|
2 height: auto; |
|
3 width: auto; |
|
4 margin: 0; |
|
5 padding: 0; |
|
6 position: static; |
|
7 text-transform: none; |
|
8 letter-spacing: normal; |
|
9 line-height: 1; |
|
10 font: normal 13px/28px sans-serif; |
|
11 color: #ccc; |
|
12 text-shadow: #444 0px -1px 0px; |
|
13 } |
|
14 |
|
15 #wpadminbar ul li:before, |
|
16 #wpadminbar ul li:after { |
|
17 content: normal; |
|
18 } |
|
19 |
|
20 #wpadminbar a, |
|
21 #wpadminbar a:hover, |
|
22 #wpadminbar a img, |
|
23 #wpadminbar a img:hover { |
|
24 outline: none; |
|
25 border: none; |
|
26 text-decoration: none; |
|
27 background: none; |
|
28 } |
|
29 |
|
30 #wpadminbar { |
|
31 direction: ltr; |
|
32 color: #ccc; |
|
33 font: normal 13px/28px sans-serif; |
|
34 height: 28px; |
|
35 position: fixed; |
|
36 top: 0; |
|
37 left: 0; |
|
38 width: 100%; |
|
39 min-width: 600px; /* match the min-width of the body in wp-admin.css */ |
|
40 z-index: 99999; |
|
41 |
|
42 background-color: #464646; /* Fallback */ |
|
43 background-image: -ms-linear-gradient(bottom, #373737, #464646 5px); /* IE10 */ |
|
44 background-image: -moz-linear-gradient(bottom, #373737, #464646 5px); /* Firefox */ |
|
45 background-image: -o-linear-gradient(bottom, #373737, #464646 5px); /* Opera */ |
|
46 background-image: -webkit-gradient(linear, left bottom, left top, from(#373737), to(#464646)); /* old Webkit */ |
|
47 background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */ |
|
48 background-image: linear-gradient(bottom, #373737, #464646 5px); /* proposed W3C Markup */ |
|
49 } |
|
50 |
|
51 #wpadminbar .ab-sub-wrapper, |
|
52 #wpadminbar ul, |
|
53 #wpadminbar ul li { |
|
54 background: none; |
|
55 clear: none; |
|
56 list-style: none; |
|
57 margin: 0; |
|
58 padding: 0; |
|
59 position: relative; |
|
60 z-index: 99999; |
|
61 } |
|
62 |
|
63 #wpadminbar .quicklinks { |
|
64 border-left: 1px solid transparent; |
|
65 } |
|
66 |
|
67 #wpadminbar .quicklinks ul { |
|
68 text-align: left; |
|
69 } |
|
70 |
|
71 #wpadminbar li { |
|
72 float: left; |
|
73 } |
|
74 |
|
75 #wpadminbar .ab-empty-item { |
|
76 outline: none; |
|
77 } |
|
78 |
|
79 #wpadminbar .quicklinks > ul > li { |
|
80 border-right: 1px solid #555; |
|
81 } |
|
82 |
|
83 #wpadminbar .quicklinks > ul > li > a, |
|
84 #wpadminbar .quicklinks > ul > li > .ab-empty-item { |
|
85 border-right: 1px solid #333; |
|
86 } |
|
87 |
|
88 #wpadminbar .quicklinks .ab-top-secondary > li { |
|
89 border-left: 1px solid #333; |
|
90 border-right: 0; |
|
91 float: right; |
|
92 } |
|
93 |
|
94 #wpadminbar .quicklinks .ab-top-secondary > li > a, |
|
95 #wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item { |
|
96 border-left: 1px solid #555; |
|
97 border-right: 0; |
|
98 } |
|
99 |
|
100 #wpadminbar .quicklinks a, |
|
101 #wpadminbar .quicklinks .ab-empty-item, |
|
102 #wpadminbar .shortlink-input { |
|
103 height: 28px; |
|
104 display: block; |
|
105 padding: 0 12px; |
|
106 margin: 0; |
|
107 } |
|
108 |
|
109 #wpadminbar .menupop .ab-sub-wrapper, |
|
110 #wpadminbar .shortlink-input { |
|
111 margin: 0 0 0 -1px; |
|
112 padding: 0; |
|
113 -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.2); |
|
114 -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2); |
|
115 box-shadow: 0 4px 4px rgba(0,0,0,0.2); |
|
116 background: #fff; |
|
117 display: none; |
|
118 position: absolute; |
|
119 float: none; |
|
120 border-width: 0 1px 1px 1px; |
|
121 border-style: solid; |
|
122 border-color: #dfdfdf; |
|
123 } |
|
124 |
|
125 #wpadminbar.ie7 .menupop .ab-sub-wrapper, |
|
126 #wpadminbar.ie7 .shortlink-input { |
|
127 top: 28px; |
|
128 left: 0; |
|
129 } |
|
130 |
|
131 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { |
|
132 min-width: 100%; |
|
133 } |
|
134 |
|
135 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper { |
|
136 right: 0; |
|
137 left: auto; |
|
138 margin: 0 -1px 0 0; |
|
139 } |
|
140 |
|
141 #wpadminbar .ab-sub-wrapper > .ab-submenu:first-child { |
|
142 border-top: none; |
|
143 } |
|
144 |
|
145 #wpadminbar .ab-submenu { |
|
146 padding: 6px 0; |
|
147 border-top: 1px solid #dfdfdf; |
|
148 } |
|
149 |
|
150 #wpadminbar .selected .shortlink-input { |
|
151 display: block; |
|
152 } |
|
153 |
|
154 #wpadminbar .quicklinks .menupop ul li { |
|
155 float: none; |
|
156 } |
|
157 |
|
158 #wpadminbar .quicklinks .menupop ul li a strong { |
|
159 font-weight: bold; |
|
160 } |
|
161 |
|
162 #wpadminbar .quicklinks .menupop ul li .ab-item, |
|
163 #wpadminbar .quicklinks .menupop ul li a strong, |
|
164 #wpadminbar .quicklinks .menupop.hover ul li .ab-item, |
|
165 #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item, |
|
166 #wpadminbar .shortlink-input { |
|
167 line-height: 26px; |
|
168 height: 26px; |
|
169 text-shadow: none; |
|
170 white-space: nowrap; |
|
171 min-width: 140px; |
|
172 } |
|
173 |
|
174 #wpadminbar .shortlink-input { |
|
175 width: 200px; |
|
176 } |
|
177 |
|
178 #wpadminbar.nojs li:hover > .ab-sub-wrapper, |
|
179 #wpadminbar li.hover > .ab-sub-wrapper { |
|
180 display: block; |
|
181 } |
|
182 |
|
183 #wpadminbar .menupop li:hover > .ab-sub-wrapper, |
|
184 #wpadminbar .menupop li.hover > .ab-sub-wrapper { |
|
185 margin-left: 100%; |
|
186 margin-top: -33px; |
|
187 border-width: 1px; |
|
188 } |
|
189 |
|
190 #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper, |
|
191 #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper { |
|
192 margin-left: 0; |
|
193 left: inherit; |
|
194 right: 100%; |
|
195 } |
|
196 |
|
197 #wpadminbar .ab-top-menu > li:hover > .ab-item, |
|
198 #wpadminbar .ab-top-menu > li.hover > .ab-item, |
|
199 #wpadminbar .ab-top-menu > li > .ab-item:focus, |
|
200 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus { |
|
201 color: #fafafa; |
|
202 background-color: #3a3a3a; /* Fallback */ |
|
203 background-image: -ms-linear-gradient(bottom, #3a3a3a, #222); /* IE10 */ |
|
204 background-image: -moz-linear-gradient(bottom, #3a3a3a, #222); /* Firefox */ |
|
205 background-image: -o-linear-gradient(bottom, #3a3a3a, #222); /* Opera */ |
|
206 background-image: -webkit-gradient(linear, left bottom, left top, from(#3a3a3a), to(#222)); /* old Webkit */ |
|
207 background-image: -webkit-linear-gradient(bottom, #3a3a3a, #222); /* new Webkit */ |
|
208 background-image: linear-gradient(bottom, #3a3a3a, #222); /* proposed W3C Markup */ |
|
209 } |
|
210 |
|
211 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item, |
|
212 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item { |
|
213 background: #fff; |
|
214 color: #333; |
|
215 text-shadow: none; |
|
216 border-right-color: transparent; |
|
217 border-left-color: transparent; |
|
218 } |
|
219 |
|
220 #wpadminbar .hover .ab-label, |
|
221 #wpadminbar.nojq .ab-item:focus .ab-label { |
|
222 color: #fafafa; |
|
223 } |
|
224 |
|
225 #wpadminbar .menupop.hover .ab-label { |
|
226 color: #333; |
|
227 text-shadow: none; |
|
228 } |
|
229 |
|
230 #wpadminbar .menupop li:hover, |
|
231 #wpadminbar .menupop li.hover, |
|
232 #wpadminbar .quicklinks .menupop .ab-item:focus, |
|
233 #wpadminbar .quicklinks .ab-top-menu .menupop .ab-item:focus { |
|
234 background-color: #eaf2fa; |
|
235 } |
|
236 |
|
237 #wpadminbar .ab-submenu .ab-item { |
|
238 color: #333; |
|
239 text-shadow: none; |
|
240 } |
|
241 |
|
242 #wpadminbar .quicklinks .menupop ul li a, |
|
243 #wpadminbar .quicklinks .menupop ul li a strong, |
|
244 #wpadminbar .quicklinks .menupop.hover ul li a, |
|
245 #wpadminbar.nojs .quicklinks .menupop:hover ul li a { |
|
246 color: #21759B; |
|
247 } |
|
248 |
|
249 #wpadminbar .menupop .menupop > .ab-item { |
|
250 display: block; |
|
251 background-image: url(../images/admin-bar-sprite.png?d=20111130); |
|
252 background-position: 95% -20px; |
|
253 background-repeat: no-repeat; |
|
254 padding-right: 2em; |
|
255 } |
|
256 |
|
257 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item { |
|
258 background-image: url(../images/admin-bar-sprite.png?d=20111130); |
|
259 background-position: 5% -46px; |
|
260 background-repeat: no-repeat; |
|
261 padding-left: 2em; |
|
262 padding-right: 1em; |
|
263 } |
|
264 |
|
265 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary { |
|
266 display: block; |
|
267 position: relative; |
|
268 right: auto; |
|
269 margin: 0; |
|
270 |
|
271 background: #eee; |
|
272 |
|
273 -moz-box-shadow: none; |
|
274 -webkit-box-shadow: none; |
|
275 box-shadow: none; |
|
276 } |
|
277 |
|
278 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover, |
|
279 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover, |
|
280 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus { |
|
281 background-color: #dfdfdf; |
|
282 } |
|
283 |
|
284 #wpadminbar .quicklinks a span#ab-updates { |
|
285 background: #eee; |
|
286 color: #333; |
|
287 text-shadow: none; |
|
288 display: inline; |
|
289 padding: 2px 5px; |
|
290 font-size: 10px; |
|
291 font-weight: bold; |
|
292 -webkit-border-radius: 10px; |
|
293 border-radius: 10px; |
|
294 } |
|
295 |
|
296 #wpadminbar .quicklinks a:hover span#ab-updates { |
|
297 background: #fff; |
|
298 color: #000; |
|
299 } |
|
300 |
|
301 #wpadminbar .ab-top-secondary { |
|
302 float: right; |
|
303 background-color: #464646; /* Fallback */ |
|
304 background-image: -ms-linear-gradient(bottom, #373737, #464646 5px); /* IE10 */ |
|
305 background-image: -moz-linear-gradient(bottom, #373737, #464646 5px); /* Firefox */ |
|
306 background-image: -o-linear-gradient(bottom, #373737, #464646 5px); /* Opera */ |
|
307 background-image: -webkit-gradient(linear, left bottom, left top, from(#373737), to(#464646)); /* old Webkit */ |
|
308 background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */ |
|
309 background-image: linear-gradient(bottom, #373737, #464646 5px); /* proposed W3C Markup */ |
|
310 } |
|
311 |
|
312 #wpadminbar ul li:last-child, |
|
313 #wpadminbar ul li:last-child .ab-item { |
|
314 border-right: 0; |
|
315 -webkit-box-shadow: none; |
|
316 -moz-box-shadow: none; |
|
317 box-shadow: none; |
|
318 } |
|
319 |
|
320 /** |
|
321 * My Account |
|
322 */ |
|
323 #wp-admin-bar-my-account > ul { |
|
324 min-width: 198px; |
|
325 } |
|
326 |
|
327 #wp-admin-bar-my-account.with-avatar > ul { |
|
328 min-width: 270px; |
|
329 } |
|
330 |
|
331 #wpadminbar #wp-admin-bar-user-actions > li { |
|
332 margin-left: 16px; |
|
333 margin-right: 16px; |
|
334 } |
|
335 |
|
336 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li { |
|
337 margin-left: 88px; |
|
338 } |
|
339 |
|
340 #wp-admin-bar-user-actions > li > .ab-item { |
|
341 padding-left: 8px; |
|
342 } |
|
343 |
|
344 #wpadminbar #wp-admin-bar-user-info { |
|
345 margin-top: 6px; |
|
346 margin-bottom: 15px; |
|
347 height: auto; |
|
348 background: none; |
|
349 } |
|
350 |
|
351 #wp-admin-bar-user-info .avatar { |
|
352 position: absolute; |
|
353 left: -72px; |
|
354 top: 4px; |
|
355 width: 64px; |
|
356 height: 64px; |
|
357 } |
|
358 |
|
359 #wpadminbar #wp-admin-bar-user-info a { |
|
360 background: none; |
|
361 height: auto; |
|
362 } |
|
363 |
|
364 #wpadminbar #wp-admin-bar-user-info span { |
|
365 background: none; |
|
366 padding: 0; |
|
367 height: 18px; |
|
368 } |
|
369 |
|
370 #wpadminbar #wp-admin-bar-user-info .display-name, |
|
371 #wpadminbar #wp-admin-bar-user-info .username { |
|
372 text-shadow: none; |
|
373 display: block; |
|
374 } |
|
375 |
|
376 #wpadminbar #wp-admin-bar-user-info .display-name { |
|
377 color: #333; |
|
378 } |
|
379 |
|
380 #wpadminbar #wp-admin-bar-user-info .username { |
|
381 color: #999; |
|
382 font-size: 11px; |
|
383 } |
|
384 |
|
385 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|
386 width: 16px; |
|
387 height: 16px; |
|
388 border: 1px solid #999; |
|
389 padding: 0; |
|
390 background: #eee; |
|
391 line-height: 24px; |
|
392 vertical-align: middle; |
|
393 margin: -3px 0 0 6px; |
|
394 float: none; |
|
395 display: inline; |
|
396 } |
|
397 |
|
398 /* |
|
399 * My Sites |
|
400 */ |
|
401 #wpadminbar .quicklinks li img.blavatar { |
|
402 vertical-align: middle; |
|
403 margin: -3px 4px 0 0; |
|
404 padding: 0; |
|
405 } |
|
406 |
|
407 /** |
|
408 * Search |
|
409 */ |
|
410 #wpadminbar #wp-admin-bar-search .ab-item { |
|
411 padding: 0; |
|
412 } |
|
413 |
|
414 #wpadminbar #wp-admin-bar-search .ab-item { |
|
415 /* default background */ |
|
416 background: transparent; |
|
417 } |
|
418 |
|
419 #wpadminbar #adminbarsearch { |
|
420 height: 28px; |
|
421 padding: 0 2px; |
|
422 } |
|
423 |
|
424 #wpadminbar #adminbarsearch .adminbar-input { |
|
425 font: 13px/24px sans-serif; |
|
426 height: 24px; |
|
427 width: 24px; |
|
428 border: none; |
|
429 padding: 0 3px 0 23px; |
|
430 margin: 0; |
|
431 color: #ccc; |
|
432 text-shadow: #444 0px -1px 0px; |
|
433 background-color: rgba( 255, 255, 255, 0 ); |
|
434 background-image: url(../images/admin-bar-sprite.png?d=20111130); |
|
435 background-position: 3px 2px; |
|
436 background-repeat: no-repeat; |
|
437 outline: none; |
|
438 cursor: pointer; |
|
439 |
|
440 -webkit-border-radius: 3px; |
|
441 border-radius: 3px; |
|
442 |
|
443 -moz-box-shadow: none; |
|
444 -webkit-box-shadow: none; |
|
445 box-shadow: none; |
|
446 |
|
447 -moz-box-sizing: border-box; |
|
448 -webkit-box-sizing: border-box; |
|
449 -ms-box-sizing: border-box; |
|
450 box-sizing: border-box; |
|
451 |
|
452 -webkit-transition-duration: 400ms; |
|
453 -webkit-transition-property: width, background; |
|
454 -webkit-transition-timing-function: ease; |
|
455 -moz-transition-duration: 400ms; |
|
456 -moz-transition-property: width, background; |
|
457 -moz-transition-timing-function: ease; |
|
458 -o-transition-duration: 400ms; |
|
459 -o-transition-property: width, background; |
|
460 -o-transition-timing-function: ease; |
|
461 } |
|
462 |
|
463 #wpadminbar.ie7 #adminbarsearch .adminbar-input { |
|
464 margin-top: 1px; |
|
465 width: 120px; |
|
466 } |
|
467 |
|
468 #wpadminbar #adminbarsearch .adminbar-input:focus { |
|
469 color: #555; |
|
470 text-shadow: 0 1px 0 #fff; |
|
471 width: 200px; |
|
472 background-color: rgba( 255, 255, 255, 0.9 ); |
|
473 cursor: text; |
|
474 } |
|
475 |
|
476 #wpadminbar.ie8 #adminbarsearch .adminbar-input { |
|
477 background-color: #464646; |
|
478 } |
|
479 |
|
480 #wpadminbar.ie8 #adminbarsearch .adminbar-input:focus { |
|
481 background-color: #fff; |
|
482 } |
|
483 |
|
484 /* Two rules to ensure browser recognition */ |
|
485 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|
486 color: #ddd; |
|
487 } |
|
488 |
|
489 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|
490 color: #ddd; |
|
491 } |
|
492 |
|
493 #wpadminbar #adminbarsearch .adminbar-button { |
|
494 display: none; |
|
495 } |
|
496 |
|
497 /** |
|
498 * Site Menu |
|
499 */ |
|
500 #wpadminbar #wp-admin-bar-appearance { |
|
501 border-top: none; |
|
502 margin-top: -12px; |
|
503 } |
|
504 |
|
505 /** |
|
506 * Site Menu |
|
507 */ |
|
508 #wpadminbar #wp-admin-bar-appearance { |
|
509 border-top: none; |
|
510 margin-top: -12px; |
|
511 } |
|
512 |
|
513 /** |
|
514 * ICONS |
|
515 */ |
|
516 #wpadminbar .ab-icon { |
|
517 position: relative; |
|
518 float: left; |
|
519 width: 16px; |
|
520 height: 16px; |
|
521 margin-top: 6px; |
|
522 } |
|
523 |
|
524 #wpadminbar .ab-label { |
|
525 margin-left: 4px; |
|
526 } |
|
527 |
|
528 /** |
|
529 * WP Logo icon |
|
530 */ |
|
531 #wp-admin-bar-wp-logo > .ab-item .ab-icon { |
|
532 width: 20px; |
|
533 height: 20px; |
|
534 margin-top: 4px; |
|
535 background-image: url(../images/admin-bar-sprite.png?d=20111130); |
|
536 background-position: 0 -76px; |
|
537 background-repeat: no-repeat; |
|
538 } |
|
539 |
|
540 #wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon, |
|
541 #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon { |
|
542 background-position: 0 -104px; |
|
543 } |
|
544 |
|
545 /** |
|
546 * Updates icon |
|
547 */ |
|
548 #wp-admin-bar-updates > .ab-item .ab-icon { |
|
549 background-image: url(../images/admin-bar-sprite.png?d=20111130); |
|
550 background-position: -2px -159px; |
|
551 background-repeat: no-repeat; |
|
552 } |
|
553 |
|
554 /** |
|
555 * Comments icon |
|
556 */ |
|
557 #wp-admin-bar-comments > .ab-item .ab-icon { |
|
558 background-image: url(../images/admin-bar-sprite.png?d=20111130); |
|
559 background-position: -1px -134px; |
|
560 background-repeat: no-repeat; |
|
561 } |
|
562 |
|
563 #wpadminbar span.count-0 { |
|
564 display: none; |
|
565 } |
|
566 |
|
567 /** |
|
568 * Add New icon |
|
569 */ |
|
570 #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon { |
|
571 background-image: url(../images/admin-bar-sprite.png?d=20111130); |
|
572 background-position: -2px -182px; |
|
573 background-repeat: no-repeat; |
|
574 } |
|
575 |
|
576 /** |
|
577 * Add New icon |
|
578 */ |
|
579 #wpadminbar.nojs #wp-admin-bar-new-content:hover > .ab-item .ab-icon, |
|
580 #wpadminbar #wp-admin-bar-new-content.hover > .ab-item .ab-icon { |
|
581 background-position: -2px -203px; |
|
582 } |
|
583 |
|
584 /** |
|
585 * Customize support classes |
|
586 */ |
|
587 .no-customize-support .hide-if-no-customize, |
|
588 .customize-support .hide-if-customize { |
|
589 display: none; |
|
590 } |
|
591 |
|
592 /** |
|
593 * Retina display 2x icons |
|
594 */ |
|
595 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { |
|
596 #wpadminbar .menupop .menupop > .ab-item, |
|
597 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item, |
|
598 #wpadminbar #adminbarsearch .adminbar-input, |
|
599 #wp-admin-bar-wp-logo > .ab-item .ab-icon, |
|
600 #wp-admin-bar-updates > .ab-item .ab-icon, |
|
601 #wp-admin-bar-comments > .ab-item .ab-icon, |
|
602 #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon { |
|
603 background-image: url(../images/admin-bar-sprite-2x.png?d=20120516); |
|
604 background-size: 20px 220px; |
|
605 } |
|
606 } |
|
607 |
|
608 /** |
|
609 * IE 6-targeted rules |
|
610 */ |
|
611 * html #wpadminbar { |
|
612 overflow: hidden; |
|
613 position: absolute; |
|
614 } |
|
615 |
|
616 * html #wpadminbar .quicklinks ul li a { |
|
617 float: left; |
|
618 } |
|
619 |
|
620 * html #wpadminbar .menupop a span { |
|
621 background-image: none; |
|
622 } |
|