8 letter-spacing: normal;
10 font: normal 13px/28px sans-serif;
12 text-shadow: #444 0px -1px 0px;
13 -webkit-box-sizing: content-box;
14 -moz-box-sizing: content-box;
15 box-sizing: content-box;
16 -webkit-transition: none;
17 -moz-transition: none;
22 #wpadminbar ul li:before,
23 #wpadminbar ul li:after {
30 #wpadminbar a img:hover {
33 text-decoration: none;
39 #wpadminbar input[type="text"],
40 #wpadminbar input[type="password"],
41 #wpadminbar input[type="number"],
42 #wpadminbar input[type="search"],
43 #wpadminbar input[type="email"],
44 #wpadminbar input[type="url"],
54 font: normal 13px/28px sans-serif;
60 min-width: 600px; /* match the min-width of the body in wp-admin.css */
63 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
64 background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
65 background-image: -moz-linear-gradient(bottom, #373737 0, #464646 5px);
66 background-image: -o-linear-gradient(bottom, #373737 0, #464646 5px);
67 background-image: linear-gradient(to top, #373737 0, #464646 5px);
70 #wpadminbar .ab-sub-wrapper,
83 #wpadminbar .quicklinks {
84 border-left: 1px solid transparent;
87 #wpadminbar .quicklinks ul {
95 #wpadminbar .ab-empty-item {
99 #wpadminbar .quicklinks > ul > li {
100 border-right: 1px solid #555;
103 #wpadminbar .quicklinks > ul > li > a,
104 #wpadminbar .quicklinks > ul > li > .ab-empty-item {
105 border-right: 1px solid #333;
108 #wpadminbar .quicklinks .ab-top-secondary > li {
109 border-left: 1px solid #333;
114 #wpadminbar .quicklinks .ab-top-secondary > li > a,
115 #wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item {
116 border-left: 1px solid #555;
120 #wpadminbar .quicklinks a,
121 #wpadminbar .quicklinks .ab-empty-item,
122 #wpadminbar .shortlink-input {
129 #wpadminbar .menupop .ab-sub-wrapper,
130 #wpadminbar .shortlink-input {
133 -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
134 box-shadow: 0 4px 4px rgba(0,0,0,0.2);
139 border-width: 0 1px 1px 1px;
141 border-color: #dfdfdf;
144 #wpadminbar.ie7 .menupop .ab-sub-wrapper,
145 #wpadminbar.ie7 .shortlink-input {
150 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
154 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
160 #wpadminbar .ab-sub-wrapper > .ab-submenu:first-child {
164 #wpadminbar .ab-submenu {
166 border-top: 1px solid #dfdfdf;
169 #wpadminbar .selected .shortlink-input {
173 #wpadminbar .quicklinks .menupop ul li {
177 #wpadminbar .quicklinks .menupop ul li a strong {
181 #wpadminbar .quicklinks .menupop ul li .ab-item,
182 #wpadminbar .quicklinks .menupop ul li a strong,
183 #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
184 #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
185 #wpadminbar .shortlink-input {
193 #wpadminbar .shortlink-input {
197 #wpadminbar.nojs li:hover > .ab-sub-wrapper,
198 #wpadminbar li.hover > .ab-sub-wrapper {
202 #wpadminbar .menupop li:hover > .ab-sub-wrapper,
203 #wpadminbar .menupop li.hover > .ab-sub-wrapper {
209 #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
210 #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
216 #wpadminbar .ab-top-menu > li:hover > .ab-item,
217 #wpadminbar .ab-top-menu > li.hover > .ab-item,
218 #wpadminbar .ab-top-menu > li > .ab-item:focus,
219 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
222 background-image: -webkit-gradient(linear, left bottom, left top, from(#3a3a3a), to(#222));
223 background-image: -webkit-linear-gradient(bottom, #3a3a3a, #222);
224 background-image: -moz-linear-gradient(bottom, #3a3a3a, #222);
225 background-image: -o-linear-gradient(bottom, #3a3a3a, #222);
226 background-image: linear-gradient(to top, #3a3a3a, #222);
229 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
230 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
234 border-right-color: transparent;
235 border-left-color: transparent;
238 #wpadminbar .hover .ab-label,
239 #wpadminbar.nojq .ab-item:focus .ab-label {
243 #wpadminbar .menupop.hover .ab-label {
248 #wpadminbar .menupop li:hover,
249 #wpadminbar .menupop li.hover,
250 #wpadminbar .quicklinks .menupop .ab-item:focus,
251 #wpadminbar .quicklinks .ab-top-menu .menupop .ab-item:focus {
252 background-color: #eaf2fa;
255 #wpadminbar .ab-submenu .ab-item {
260 #wpadminbar .quicklinks .menupop ul li a,
261 #wpadminbar .quicklinks .menupop ul li a strong,
262 #wpadminbar .quicklinks .menupop.hover ul li a,
263 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
267 #wpadminbar .menupop .menupop > .ab-item {
269 background-image: url(../images/admin-bar-sprite.png?d=20120830);
270 background-position: 95% -20px;
271 background-repeat: no-repeat;
275 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
276 background-image: url(../images/admin-bar-sprite.png?d=20120830);
277 background-position: 5% -46px;
278 background-repeat: no-repeat;
283 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
289 -webkit-box-shadow: none;
293 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover,
294 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover,
295 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus {
296 background-color: #dfdfdf;
299 #wpadminbar .quicklinks a span#ab-updates {
307 -webkit-border-radius: 10px;
311 #wpadminbar .quicklinks a:hover span#ab-updates {
316 #wpadminbar .ab-top-secondary {
319 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
320 background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
321 background-image: -moz-linear-gradient(bottom, #373737 0, #464646 5px);
322 background-image: -o-linear-gradient(bottom, #373737 0, #464646 5px);
323 background-image: linear-gradient(to top, #373737 0, #464646 5px);
326 #wpadminbar ul li:last-child,
327 #wpadminbar ul li:last-child .ab-item {
329 -webkit-box-shadow: none;
336 #wp-admin-bar-my-account > ul {
340 #wp-admin-bar-my-account.with-avatar > ul {
344 #wpadminbar #wp-admin-bar-user-actions > li {
349 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
353 #wp-admin-bar-user-actions > li > .ab-item {
357 #wpadminbar #wp-admin-bar-user-info {
364 #wp-admin-bar-user-info .avatar {
372 #wpadminbar #wp-admin-bar-user-info a {
377 #wpadminbar #wp-admin-bar-user-info span {
383 #wpadminbar #wp-admin-bar-user-info .display-name,
384 #wpadminbar #wp-admin-bar-user-info .username {
389 #wpadminbar #wp-admin-bar-user-info .display-name {
393 #wpadminbar #wp-admin-bar-user-info .username {
398 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
401 border: 1px solid #999;
405 vertical-align: middle;
406 margin: -3px 0 0 6px;
414 #wpadminbar .quicklinks li .blavatar {
415 vertical-align: middle;
416 margin: -3px 4px 0 0;
420 #wpadminbar .quicklinks li div.blavatar {
421 background: url('../images/wpmini-blue.png') no-repeat;
424 display: inline-block;
430 #wpadminbar #wp-admin-bar-search .ab-item {
434 #wpadminbar #wp-admin-bar-search .ab-item {
435 /* default background */
436 background: transparent;
439 #wpadminbar #adminbarsearch {
444 #wpadminbar #adminbarsearch .adminbar-input {
445 font: 13px/24px sans-serif;
449 padding: 0 3px 0 23px;
452 text-shadow: #444 0px -1px 0px;
453 background-color: rgba( 255, 255, 255, 0 );
454 background-image: url(../images/admin-bar-sprite.png?d=20120830);
455 background-position: 3px 2px;
456 background-repeat: no-repeat;
460 -webkit-border-radius: 3px;
463 -webkit-box-shadow: none;
466 -moz-box-sizing: border-box;
467 -webkit-box-sizing: border-box;
468 -ms-box-sizing: border-box;
469 box-sizing: border-box;
471 -webkit-transition-duration: 400ms;
472 -webkit-transition-property: width, background;
473 -webkit-transition-timing-function: ease;
474 -moz-transition-duration: 400ms;
475 -moz-transition-property: width, background;
476 -moz-transition-timing-function: ease;
477 -o-transition-duration: 400ms;
478 -o-transition-property: width, background;
479 -o-transition-timing-function: ease;
482 #wpadminbar.ie7 #adminbarsearch .adminbar-input {
487 #wpadminbar #adminbarsearch .adminbar-input:focus {
489 text-shadow: 0 1px 0 #fff;
491 background-color: rgba( 255, 255, 255, 0.9 );
495 #wpadminbar.ie8 #adminbarsearch .adminbar-input {
496 background-color: #464646;
499 #wpadminbar.ie8 #adminbarsearch .adminbar-input:focus {
500 background-color: #fff;
503 /* Two rules to ensure browser recognition */
504 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
508 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
512 #wpadminbar #adminbarsearch .adminbar-button {
519 #wpadminbar #wp-admin-bar-appearance {
527 #wpadminbar #wp-admin-bar-appearance {
535 #wpadminbar .ab-icon {
543 #wpadminbar .ab-label {
550 #wp-admin-bar-wp-logo > .ab-item .ab-icon {
554 background-image: url(../images/admin-bar-sprite.png?d=20120830);
555 background-position: 0 -76px;
556 background-repeat: no-repeat;
559 #wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon,
560 #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
561 background-position: 0 -104px;
567 #wp-admin-bar-updates > .ab-item .ab-icon {
568 background-image: url(../images/admin-bar-sprite.png?d=20120830);
569 background-position: -2px -159px;
570 background-repeat: no-repeat;
576 #wp-admin-bar-comments > .ab-item .ab-icon {
577 background-image: url(../images/admin-bar-sprite.png?d=20120830);
578 background-position: -1px -134px;
579 background-repeat: no-repeat;
582 #wpadminbar span.count-0 {
589 #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
590 background-image: url(../images/admin-bar-sprite.png?d=20120830);
591 background-position: -2px -182px;
592 background-repeat: no-repeat;
598 #wpadminbar.nojs #wp-admin-bar-new-content:hover > .ab-item .ab-icon,
599 #wpadminbar #wp-admin-bar-new-content.hover > .ab-item .ab-icon {
600 background-position: -2px -203px;
604 * Customize support classes
606 .no-customize-support .hide-if-no-customize,
607 .customize-support .hide-if-customize,
608 .no-customize-support.wp-core-ui .hide-if-no-customize,
609 .no-customize-support .wp-core-ui .hide-if-no-customize,
610 .customize-support.wp-core-ui .hide-if-customize,
611 .customize-support .wp-core-ui .hide-if-customize {
616 * Retina display 2x icons
619 (-o-min-device-pixel-ratio: 5/4),
620 (-webkit-min-device-pixel-ratio: 1.25),
621 (min-resolution: 120dpi) {
622 #wpadminbar .menupop .menupop > .ab-item,
623 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item,
624 #wpadminbar #adminbarsearch .adminbar-input,
625 #wp-admin-bar-wp-logo > .ab-item .ab-icon,
626 #wp-admin-bar-updates > .ab-item .ab-icon,
627 #wp-admin-bar-comments > .ab-item .ab-icon,
628 #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
629 background-image: url(../images/admin-bar-sprite-2x.png?d=20120830);
630 background-size: 20px 220px;
633 #wpadminbar .quicklinks li div.blavatar {
634 background: url('../images/wpmini-blue-2x.png') no-repeat;
635 background-size: 16px 16px;
640 #wpadminbar .screen-reader-text,
641 #wpadminbar .screen-reader-text span {
650 #wpadminbar .screen-reader-shortcut {
655 #wpadminbar .screen-reader-shortcut:focus {
663 padding: 15px 23px 14px;
670 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
671 box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
672 text-decoration: none;
676 * IE 6-targeted rules
683 * html #wpadminbar .quicklinks ul li a {
687 * html #wpadminbar .menupop a span {
688 background-image: none;