9 letter-spacing: normal;
10 font: normal 13px/32px "Open Sans", sans-serif;
11 -webkit-border-radius: 0;
13 -webkit-box-sizing: content-box;
14 -moz-box-sizing: content-box;
15 box-sizing: content-box;
16 -webkit-transition: none;
18 -webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */
22 font-family: Tahoma, sans-serif;
25 html:lang(he-il) .rtl #wpadminbar * {
26 font-family: Arial, sans-serif;
29 #wpadminbar a.ab-item,
30 #wpadminbar > #wp-toolbar span.ab-label,
31 #wpadminbar > #wp-toolbar span.noticon {
35 #wpadminbar #wp-admin-bar-site-name a.ab-item,
36 #wpadminbar #wp-admin-bar-my-sites a.ab-item {
39 text-overflow: ellipsis;
42 #wpadminbar ul li:before,
43 #wpadminbar ul li:after {
50 #wpadminbar a img:hover {
53 text-decoration: none;
59 #wpadminbar input[type="text"],
60 #wpadminbar input[type="password"],
61 #wpadminbar input[type="number"],
62 #wpadminbar input[type="search"],
63 #wpadminbar input[type="email"],
64 #wpadminbar input[type="url"],
74 font: normal 13px/32px "Open Sans", sans-serif;
80 min-width: 600px; /* match the min-width of the body in wp-admin.css */
85 #wpadminbar .ab-sub-wrapper,
98 #wpadminbar ul#wp-admin-bar-root-default>li {
102 /* Prevent a Chrome bug that inadvertantly activates
103 :hover states on an element that touches the extreme
104 top left corner of the viewport. See #18868 */
105 #wpadminbar .quicklinks {
106 border-left: 1px solid transparent;
109 #wpadminbar .quicklinks ul {
117 #wpadminbar .ab-empty-item {
121 #wpadminbar .quicklinks .ab-top-secondary > li {
125 #wpadminbar .quicklinks a,
126 #wpadminbar .quicklinks .ab-empty-item,
127 #wpadminbar .shortlink-input {
134 #wpadminbar .quicklinks > ul > li > a {
135 padding: 0 8px 0 7px;
138 #wpadminbar .menupop .ab-sub-wrapper,
139 #wpadminbar .shortlink-input {
142 -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
143 box-shadow: 0 3px 5px rgba(0,0,0,0.2);
150 #wpadminbar.ie7 .menupop .ab-sub-wrapper,
151 #wpadminbar.ie7 .shortlink-input {
156 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
160 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
165 #wpadminbar .ab-submenu {
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 {
192 #wpadminbar .shortlink-input {
196 #wpadminbar.nojs li:hover > .ab-sub-wrapper,
197 #wpadminbar li.hover > .ab-sub-wrapper {
201 #wpadminbar .menupop li:hover > .ab-sub-wrapper,
202 #wpadminbar .menupop li.hover > .ab-sub-wrapper {
207 #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
208 #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
214 #wpadminbar .ab-top-menu > li > .ab-item:focus,
215 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
216 #wpadminbar .ab-top-menu > li:hover > .ab-item,
217 #wpadminbar .ab-top-menu > li.hover > .ab-item {
222 #wpadminbar > #wp-toolbar li:hover span.ab-label,
223 #wpadminbar > #wp-toolbar li.hover span.ab-label,
224 #wpadminbar > #wp-toolbar a:focus span.ab-label {
228 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
229 #wpadminbar .ab-icon,
230 #wpadminbar .ab-item:before {
233 font: normal 20px/1 'dashicons';
236 -webkit-font-smoothing: antialiased;
237 -moz-osx-font-smoothing: grayscale;
238 background-image: none !important;
242 #wpadminbar .ab-icon:before,
243 #wpadminbar .ab-item:before,
244 #wpadminbar #adminbarsearch:before {
248 #wpadminbar .ab-icon:before,
249 #wpadminbar .ab-item:before,
250 #wpadminbar #adminbarsearch:before {
252 -webkit-transition: all .1s ease-in-out;
253 transition: all .1s ease-in-out;
256 #wpadminbar .ab-label {
257 display: inline-block;
261 #wpadminbar .ab-submenu .ab-item {
265 #wpadminbar .quicklinks .menupop ul li a,
266 #wpadminbar .quicklinks .menupop ul li a strong,
267 #wpadminbar .quicklinks .menupop.hover ul li a,
268 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
272 #wpadminbar .quicklinks .menupop ul li a:hover,
273 #wpadminbar .quicklinks .menupop ul li a:focus,
274 #wpadminbar .quicklinks .menupop ul li a:hover strong,
275 #wpadminbar .quicklinks .menupop ul li a:focus strong,
276 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
277 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
278 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
279 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
280 #wpadminbar li:hover .ab-icon:before,
281 #wpadminbar li:hover .ab-item:before,
282 #wpadminbar li a:focus .ab-icon:before,
283 #wpadminbar li .ab-item:focus:before,
284 #wpadminbar li.hover .ab-icon:before,
285 #wpadminbar li.hover .ab-item:before,
286 #wpadminbar li:hover #adminbarsearch:before {
290 #wpadminbar .menupop .menupop > .ab-item:before,
291 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
293 font: normal 17px/1 'dashicons';
295 -webkit-font-smoothing: antialiased;
296 -moz-osx-font-smoothing: grayscale;
299 #wpadminbar .menupop .menupop > .ab-item {
304 #wpadminbar .menupop .menupop > .ab-item:before {
311 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
316 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
322 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
327 -webkit-box-shadow: none;
331 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
332 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
336 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
337 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
341 #wpadminbar .quicklinks a span#ab-updates {
348 -webkit-border-radius: 10px;
352 #wpadminbar .quicklinks a:hover span#ab-updates {
357 #wpadminbar .ab-top-secondary {
361 #wpadminbar ul li:last-child,
362 #wpadminbar ul li:last-child .ab-item {
363 -webkit-box-shadow: none;
370 #wp-admin-bar-my-account > ul {
374 #wp-admin-bar-my-account > .ab-item:before {
382 #wp-admin-bar-my-account.with-avatar > .ab-item:before {
387 #wp-admin-bar-my-account.with-avatar > ul {
391 #wpadminbar #wp-admin-bar-user-actions > li {
396 #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
400 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
404 #wpadminbar #wp-admin-bar-user-info {
411 #wp-admin-bar-user-info .avatar {
419 #wpadminbar #wp-admin-bar-user-info a {
424 #wpadminbar #wp-admin-bar-user-info span {
430 #wpadminbar #wp-admin-bar-user-info .display-name,
431 #wpadminbar #wp-admin-bar-user-info .username {
435 #wpadminbar #wp-admin-bar-user-info .username {
440 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
444 border: 1px solid #888;
447 vertical-align: middle;
448 margin: -4px 0 0 6px;
456 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
463 #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
467 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
473 * My Sites & Site Title
475 #wpadminbar .quicklinks li .blavatar {
477 font: normal 16px/1 'dashicons' !important;
479 -webkit-font-smoothing: antialiased;
480 -moz-osx-font-smoothing: grayscale;
484 #wpadminbar .quicklinks li a:hover .blavatar {
488 #wpadminbar .quicklinks li .blavatar:before {
492 display: inline-block;
493 margin: 6px 8px 0 -2px;
496 #wpadminbar #wp-admin-bar-appearance {
500 #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
501 #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
506 #wpadminbar #wp-admin-bar-edit > .ab-item:before {
511 #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
520 #wpadminbar #wp-admin-bar-comments .ab-icon {
524 #wpadminbar #wp-admin-bar-comments .ab-icon:before {
529 #wpadminbar #wp-admin-bar-comments .count-0 {
536 #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
544 #wpadminbar #wp-admin-bar-updates .ab-icon:before {
552 #wpadminbar #wp-admin-bar-search .ab-item {
554 background: transparent;
557 #wpadminbar #adminbarsearch {
563 #wpadminbar #adminbarsearch:before {
568 font: normal 20px/1 'dashicons' !important;
571 -webkit-font-smoothing: antialiased;
572 -moz-osx-font-smoothing: grayscale;
575 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
578 font: 13px/24px "Open Sans", sans-serif;
581 padding: 0 3px 0 24px;
584 background-color: rgba( 255, 255, 255, 0 );
588 -webkit-box-shadow: none;
590 -webkit-box-sizing: border-box;
591 -moz-box-sizing: border-box;
592 box-sizing: border-box;
593 -webkit-transition-duration: 400ms;
594 transition-duration: 400ms;
595 -webkit-transition-property: width, background;
596 transition-property: width, background;
597 -webkit-transition-timing-function: ease;
598 transition-timing-function: ease;
601 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
605 background-color: rgba( 255, 255, 255, 0.9 );
610 #wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
615 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
617 background-color: #464646;
620 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
621 background-color: #fff;
624 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
627 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
630 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
633 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
637 #wpadminbar #adminbarsearch .adminbar-button {
642 * Customize support classes
644 .no-customize-support .hide-if-no-customize,
645 .customize-support .hide-if-customize,
646 .no-customize-support.wp-core-ui .hide-if-no-customize,
647 .no-customize-support .wp-core-ui .hide-if-no-customize,
648 .customize-support.wp-core-ui .hide-if-customize,
649 .customize-support .wp-core-ui .hide-if-customize {
654 #wpadminbar .screen-reader-text,
655 #wpadminbar .screen-reader-text span {
664 #wpadminbar .screen-reader-shortcut {
669 #wpadminbar .screen-reader-shortcut:focus {
677 padding: 15px 23px 14px;
682 text-decoration: none;
683 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
684 box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
688 * IE 6-targeted rules
695 * html #wpadminbar .quicklinks ul li a {
699 * html #wpadminbar .menupop a span {
700 background-image: none;
703 /* No @font-face support */
704 .no-font-face #wpadminbar ul.ab-top-menu > li > a.ab-item {
712 .no-font-face #wpadminbar #wp-admin-bar-my-sites > .ab-item,
713 .no-font-face #wpadminbar #wp-admin-bar-site-name > .ab-item,
714 .no-font-face #wpadminbar #wp-admin-bar-edit > .ab-item {
718 .no-font-face #wpadminbar .ab-icon,
719 .no-font-face #wpadminbar .ab-icon:before,
720 .no-font-face #wpadminbar a.ab-item:before,
721 .no-font-face #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
722 display: none !important;
725 .no-font-face #wpadminbar ul.ab-top-menu > li > a > span.ab-label {
729 .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon {
730 display: inline !important;
733 .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon:before {
735 font: 14px/45px sans-serif !important;
736 display: inline-block !important;
740 .no-font-face #wpadminbar #wp-admin-bar-site-name a.ab-item {
743 /* End no @font-face */
745 @media screen and ( max-width: 782px ) {
746 /* Toolbar Touchification*/
749 z-index: 500 !important;
753 /* These rules break dropdown tappability on Chrome/Android.
754 -webkit-transform: translate3d(0, 0, 0);
755 -webkit-backface-visibility: hidden;
756 -webkit-transition: 0;
757 transform: translate3d(0, 0, 0);
758 backface-visibility: hidden;
764 font: normal 14px/32px "Open Sans", sans-serif;
767 #wpadminbar .quicklinks > ul > li > a,
768 #wpadminbar .quicklinks .ab-empty-item {
775 #wpadminbar .ab-icon {
776 font: 40px/1 dashicons !important;
784 #wpadminbar .ab-icon:before {
788 #wpadminbar .ab-submenu {
792 #wpadminbar #wp-admin-bar-site-name a.ab-item,
793 #wpadminbar #wp-admin-bar-my-sites a.ab-item,
794 #wpadminbar #wp-admin-bar-my-account a.ab-item {
798 #wpadminbar .ab-label {
802 #wpadminbar .menupop li:hover > .ab-sub-wrapper,
803 #wpadminbar .menupop li.hover > .ab-sub-wrapper {
807 #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
811 #wpadminbar .menupop .menupop > .ab-item:before {
816 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
818 padding: 6px 15px 12px;
821 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
826 #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
830 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
838 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
839 font: 28px/1 'dashicons' !important;
843 #wpadminbar .ab-icon,
844 #wpadminbar .ab-item:before {
848 /* My Sites and "Site Title" menu */
849 #wpadminbar #wp-admin-bar-my-sites > .ab-item,
850 #wpadminbar #wp-admin-bar-site-name > .ab-item,
851 #wpadminbar #wp-admin-bar-edit > .ab-item,
852 #wpadminbar #wp-admin-bar-my-account > .ab-item {
862 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
863 #wpadminbar .ab-icon,
864 #wpadminbar .ab-item:before {
869 #wpadminbar #wp-admin-bar-edit > .ab-item:before,
870 #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
871 #wpadminbar #wp-admin-bar-site-name > .ab-item:before,
872 #wpadminbar #wp-admin-bar-my-account > .ab-item:before {
875 font: normal 32px/1 'dashicons';
880 -webkit-font-smoothing: antialiased;
881 -moz-osx-font-smoothing: grayscale;
884 #wpadminbar #wp-admin-bar-appearance {
888 #wpadminbar .quicklinks li .blavatar:before {
893 #wpadminbar #wp-admin-bar-search {
898 #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
901 height: 46px !important;
908 #wpadminbar #wp-admin-bar-updates {
912 #wpadminbar #wp-admin-bar-updates .ab-icon:before {
917 #wpadminbar #wp-admin-bar-comments .ab-icon {
921 #wpadminbar #wp-admin-bar-comments .ab-icon:before {
930 #wpadminbar #wp-admin-bar-my-account > a {
933 text-indent: 150%; /* More than 100% indention is needed since this element has padding */
936 overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
939 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
947 #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
951 #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
955 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
959 #wpadminbar #wp-admin-bar-user-info .display-name {
966 #wpadminbar #wp-admin-bar-user-info a {
970 #wpadminbar #wp-admin-bar-user-info .username {
971 line-height: 0.8 !important;
975 /* Show only default top level items */
976 #wp-toolbar > ul > li {
980 #wpadminbar li#wp-admin-bar-menu-toggle,
981 #wpadminbar li#wp-admin-bar-wp-logo,
982 #wpadminbar li#wp-admin-bar-my-sites,
983 #wpadminbar li#wp-admin-bar-updates,
984 #wpadminbar li#wp-admin-bar-site-name,
985 #wpadminbar li#wp-admin-bar-new-content,
986 #wpadminbar li#wp-admin-bar-edit,
987 #wpadminbar li#wp-admin-bar-comments,
988 #wpadminbar li#wp-admin-bar-new-content,
989 #wpadminbar li#wp-admin-bar-my-account {
993 /* Allow dropdown list items to appear normally */
994 #wpadminbar li:hover ul li,
995 #wpadminbar li.hover ul li,
996 #wpadminbar li:hover ul li:hover ul li {
1000 /* Override default min-width so dropdown lists aren't stretched
1001 to 100% viewport width at responsive sizes. */
1002 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1003 min-width: -webkit-fit-content;
1004 min-width: -moz-fit-content;
1005 min-width: fit-content;
1008 #wpadminbar ul#wp-admin-bar-root-default > li {
1012 /* Experimental fix for touch toolbar dropdown positioning */
1013 #wpadminbar .ab-top-menu,
1014 #wpadminbar .ab-top-secondary,
1015 #wpadminbar #wp-admin-bar-wp-logo,
1016 #wpadminbar #wp-admin-bar-my-sites,
1017 #wpadminbar #wp-admin-bar-site-name,
1018 #wpadminbar #wp-admin-bar-updates,
1019 #wpadminbar #wp-admin-bar-comments,
1020 #wpadminbar #wp-admin-bar-new-content,
1021 #wpadminbar #wp-admin-bar-edit,
1022 #wpadminbar #wp-admin-bar-my-account {
1026 #wpadminbar #wp-admin-bar-my-account {
1030 .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
1034 /* Realign arrows on taller responsive submenus */
1036 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
1043 @media screen and (max-width: 600px) {
1048 #wp-responsive-overlay {
1057 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1063 #wpadminbar .menupop .menupop > .ab-item:before {
1067 #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
1071 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1079 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
1081 padding: 6px 15px 19px 30px;
1084 #wpadminbar li:hover ul li ul li {
1088 #wpadminbar li#wp-admin-bar-wp-logo,
1089 #wpadminbar li#wp-admin-bar-updates {
1093 /* Make submenus full-width at this size */
1095 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1097 -webkit-box-shadow: none;