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;
18 #wpadminbar ul li:before,
19 #wpadminbar ul li:after {
26 #wpadminbar a img:hover {
29 text-decoration: none;
35 #wpadminbar input[type="text"],
36 #wpadminbar input[type="password"],
37 #wpadminbar input[type="number"],
38 #wpadminbar input[type="search"],
39 #wpadminbar input[type="email"],
40 #wpadminbar input[type="url"],
50 font: normal 13px/28px sans-serif;
56 min-width: 600px; /* match the min-width of the body in wp-admin.css */
59 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
60 background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
61 background-image: -moz-linear-gradient(bottom, #373737 0, #464646 5px);
62 background-image: -o-linear-gradient(bottom, #373737 0, #464646 5px);
63 background-image: linear-gradient(to top, #373737 0, #464646 5px);
66 #wpadminbar .ab-sub-wrapper,
79 #wpadminbar .quicklinks {
80 border-left: 1px solid transparent;
83 #wpadminbar .quicklinks ul {
91 #wpadminbar .ab-empty-item {
95 #wpadminbar .quicklinks > ul > li {
96 border-right: 1px solid #555;
99 #wpadminbar .quicklinks > ul > li > a,
100 #wpadminbar .quicklinks > ul > li > .ab-empty-item {
101 border-right: 1px solid #333;
104 #wpadminbar .quicklinks .ab-top-secondary > li {
105 border-left: 1px solid #333;
110 #wpadminbar .quicklinks .ab-top-secondary > li > a,
111 #wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item {
112 border-left: 1px solid #555;
116 #wpadminbar .quicklinks a,
117 #wpadminbar .quicklinks .ab-empty-item,
118 #wpadminbar .shortlink-input {
125 #wpadminbar .menupop .ab-sub-wrapper,
126 #wpadminbar .shortlink-input {
129 -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
130 box-shadow: 0 4px 4px rgba(0,0,0,0.2);
135 border-width: 0 1px 1px 1px;
137 border-color: #dfdfdf;
140 #wpadminbar.ie7 .menupop .ab-sub-wrapper,
141 #wpadminbar.ie7 .shortlink-input {
146 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
150 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
156 #wpadminbar .ab-sub-wrapper > .ab-submenu:first-child {
160 #wpadminbar .ab-submenu {
162 border-top: 1px solid #dfdfdf;
165 #wpadminbar .selected .shortlink-input {
169 #wpadminbar .quicklinks .menupop ul li {
173 #wpadminbar .quicklinks .menupop ul li a strong {
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 {
189 #wpadminbar .shortlink-input {
193 #wpadminbar.nojs li:hover > .ab-sub-wrapper,
194 #wpadminbar li.hover > .ab-sub-wrapper {
198 #wpadminbar .menupop li:hover > .ab-sub-wrapper,
199 #wpadminbar .menupop li.hover > .ab-sub-wrapper {
205 #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
206 #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
212 #wpadminbar .ab-top-menu > li:hover > .ab-item,
213 #wpadminbar .ab-top-menu > li.hover > .ab-item,
214 #wpadminbar .ab-top-menu > li > .ab-item:focus,
215 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
218 background-image: -webkit-gradient(linear, left bottom, left top, from(#3a3a3a), to(#222));
219 background-image: -webkit-linear-gradient(bottom, #3a3a3a, #222);
220 background-image: -moz-linear-gradient(bottom, #3a3a3a, #222);
221 background-image: -o-linear-gradient(bottom, #3a3a3a, #222);
222 background-image: linear-gradient(to top, #3a3a3a, #222);
225 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
226 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
230 border-right-color: transparent;
231 border-left-color: transparent;
234 #wpadminbar .hover .ab-label,
235 #wpadminbar.nojq .ab-item:focus .ab-label {
239 #wpadminbar .menupop.hover .ab-label {
244 #wpadminbar .menupop li:hover,
245 #wpadminbar .menupop li.hover,
246 #wpadminbar .quicklinks .menupop .ab-item:focus,
247 #wpadminbar .quicklinks .ab-top-menu .menupop .ab-item:focus {
248 background-color: #eaf2fa;
251 #wpadminbar .ab-submenu .ab-item {
256 #wpadminbar .quicklinks .menupop ul li a,
257 #wpadminbar .quicklinks .menupop ul li a strong,
258 #wpadminbar .quicklinks .menupop.hover ul li a,
259 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
263 #wpadminbar .menupop .menupop > .ab-item {
265 background-image: url(../images/admin-bar-sprite.png?d=20120830);
266 background-position: 95% -20px;
267 background-repeat: no-repeat;
271 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
272 background-image: url(../images/admin-bar-sprite.png?d=20120830);
273 background-position: 5% -46px;
274 background-repeat: no-repeat;
279 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
285 -webkit-box-shadow: none;
289 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover,
290 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover,
291 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus {
292 background-color: #dfdfdf;
295 #wpadminbar .quicklinks a span#ab-updates {
303 -webkit-border-radius: 10px;
307 #wpadminbar .quicklinks a:hover span#ab-updates {
312 #wpadminbar .ab-top-secondary {
315 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
316 background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
317 background-image: -moz-linear-gradient(bottom, #373737 0, #464646 5px);
318 background-image: -o-linear-gradient(bottom, #373737 0, #464646 5px);
319 background-image: linear-gradient(to top, #373737 0, #464646 5px);
322 #wpadminbar ul li:last-child,
323 #wpadminbar ul li:last-child .ab-item {
325 -webkit-box-shadow: none;
332 #wp-admin-bar-my-account > ul {
336 #wp-admin-bar-my-account.with-avatar > ul {
340 #wpadminbar #wp-admin-bar-user-actions > li {
345 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
349 #wp-admin-bar-user-actions > li > .ab-item {
353 #wpadminbar #wp-admin-bar-user-info {
360 #wp-admin-bar-user-info .avatar {
368 #wpadminbar #wp-admin-bar-user-info a {
373 #wpadminbar #wp-admin-bar-user-info span {
379 #wpadminbar #wp-admin-bar-user-info .display-name,
380 #wpadminbar #wp-admin-bar-user-info .username {
385 #wpadminbar #wp-admin-bar-user-info .display-name {
389 #wpadminbar #wp-admin-bar-user-info .username {
394 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
397 border: 1px solid #999;
401 vertical-align: middle;
402 margin: -3px 0 0 6px;
410 #wpadminbar .quicklinks li .blavatar {
411 vertical-align: middle;
412 margin: -3px 4px 0 0;
416 #wpadminbar .quicklinks li div.blavatar {
417 background: url('../images/wpmini-blue.png') no-repeat;
420 display: inline-block;
426 #wpadminbar #wp-admin-bar-search .ab-item {
430 #wpadminbar #wp-admin-bar-search .ab-item {
431 /* default background */
432 background: transparent;
435 #wpadminbar #adminbarsearch {
440 #wpadminbar #adminbarsearch .adminbar-input {
441 font: 13px/24px sans-serif;
445 padding: 0 3px 0 23px;
448 text-shadow: #444 0px -1px 0px;
449 background-color: rgba( 255, 255, 255, 0 );
450 background-image: url(../images/admin-bar-sprite.png?d=20120830);
451 background-position: 3px 2px;
452 background-repeat: no-repeat;
456 -webkit-border-radius: 3px;
459 -webkit-box-shadow: none;
462 -moz-box-sizing: border-box;
463 -webkit-box-sizing: border-box;
464 -ms-box-sizing: border-box;
465 box-sizing: border-box;
467 -webkit-transition-duration: 400ms;
468 -webkit-transition-property: width, background;
469 -webkit-transition-timing-function: ease;
470 -moz-transition-duration: 400ms;
471 -moz-transition-property: width, background;
472 -moz-transition-timing-function: ease;
473 -o-transition-duration: 400ms;
474 -o-transition-property: width, background;
475 -o-transition-timing-function: ease;
478 #wpadminbar.ie7 #adminbarsearch .adminbar-input {
483 #wpadminbar #adminbarsearch .adminbar-input:focus {
485 text-shadow: 0 1px 0 #fff;
487 background-color: rgba( 255, 255, 255, 0.9 );
491 #wpadminbar.ie8 #adminbarsearch .adminbar-input {
492 background-color: #464646;
495 #wpadminbar.ie8 #adminbarsearch .adminbar-input:focus {
496 background-color: #fff;
499 /* Two rules to ensure browser recognition */
500 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
504 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
508 #wpadminbar #adminbarsearch .adminbar-button {
515 #wpadminbar #wp-admin-bar-appearance {
523 #wpadminbar #wp-admin-bar-appearance {
531 #wpadminbar .ab-icon {
539 #wpadminbar .ab-label {
546 #wp-admin-bar-wp-logo > .ab-item .ab-icon {
550 background-image: url(../images/admin-bar-sprite.png?d=20120830);
551 background-position: 0 -76px;
552 background-repeat: no-repeat;
555 #wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon,
556 #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
557 background-position: 0 -104px;
563 #wp-admin-bar-updates > .ab-item .ab-icon {
564 background-image: url(../images/admin-bar-sprite.png?d=20120830);
565 background-position: -2px -159px;
566 background-repeat: no-repeat;
572 #wp-admin-bar-comments > .ab-item .ab-icon {
573 background-image: url(../images/admin-bar-sprite.png?d=20120830);
574 background-position: -1px -134px;
575 background-repeat: no-repeat;
578 #wpadminbar span.count-0 {
585 #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
586 background-image: url(../images/admin-bar-sprite.png?d=20120830);
587 background-position: -2px -182px;
588 background-repeat: no-repeat;
594 #wpadminbar.nojs #wp-admin-bar-new-content:hover > .ab-item .ab-icon,
595 #wpadminbar #wp-admin-bar-new-content.hover > .ab-item .ab-icon {
596 background-position: -2px -203px;
600 * Customize support classes
602 .no-customize-support .hide-if-no-customize,
603 .customize-support .hide-if-customize,
604 .no-customize-support.wp-core-ui .hide-if-no-customize,
605 .no-customize-support .wp-core-ui .hide-if-no-customize,
606 .customize-support.wp-core-ui .hide-if-customize,
607 .customize-support .wp-core-ui .hide-if-customize {
612 * Retina display 2x icons
615 (-o-min-device-pixel-ratio: 5/4),
616 (-webkit-min-device-pixel-ratio: 1.25),
617 (min-resolution: 120dpi) {
618 #wpadminbar .menupop .menupop > .ab-item,
619 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item,
620 #wpadminbar #adminbarsearch .adminbar-input,
621 #wp-admin-bar-wp-logo > .ab-item .ab-icon,
622 #wp-admin-bar-updates > .ab-item .ab-icon,
623 #wp-admin-bar-comments > .ab-item .ab-icon,
624 #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
625 background-image: url(../images/admin-bar-sprite-2x.png?d=20120830);
626 background-size: 20px 220px;
629 #wpadminbar .quicklinks li div.blavatar {
630 background: url('../images/wpmini-blue-2x.png') no-repeat;
631 background-size: 16px 16px;
636 #wpadminbar .screen-reader-text,
637 #wpadminbar .screen-reader-text span {
646 #wpadminbar .screen-reader-shortcut {
651 #wpadminbar .screen-reader-shortcut:focus {
659 padding: 15px 23px 14px;
666 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
667 box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
668 text-decoration: none;
672 * IE 6-targeted rules
679 * html #wpadminbar .quicklinks ul li a {
683 * html #wpadminbar .menupop a span {
684 background-image: none;