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 */
19 -moz-osx-font-smoothing: auto; /* Prevent Firefox from inheriting from themes that use other values */
23 font-family: Tahoma, sans-serif;
26 html:lang(he-il) .rtl #wpadminbar * {
27 font-family: Arial, sans-serif;
30 #wpadminbar a.ab-item,
31 #wpadminbar > #wp-toolbar span.ab-label,
32 #wpadminbar > #wp-toolbar span.noticon {
36 #wpadminbar #wp-admin-bar-site-name a.ab-item,
37 #wpadminbar #wp-admin-bar-my-sites a.ab-item {
40 text-overflow: ellipsis;
43 #wpadminbar ul li:before,
44 #wpadminbar ul li:after {
51 #wpadminbar a img:hover {
54 text-decoration: none;
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"],
69 -webkit-box-shadow: none;
77 font: normal 13px/32px "Open Sans", sans-serif;
83 min-width: 600px; /* match the min-width of the body in wp-admin.css */
88 #wpadminbar .ab-sub-wrapper,
101 #wpadminbar ul#wp-admin-bar-root-default>li {
105 #wpadminbar .quicklinks ul {
113 #wpadminbar .ab-empty-item {
117 #wpadminbar .quicklinks .ab-top-secondary > li {
121 #wpadminbar .quicklinks a,
122 #wpadminbar .quicklinks .ab-empty-item,
123 #wpadminbar .shortlink-input {
130 #wpadminbar .quicklinks > ul > li > a {
131 padding: 0 7px 0 8px;
134 #wpadminbar .menupop .ab-sub-wrapper,
135 #wpadminbar .shortlink-input {
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);
146 #wpadminbar.ie7 .menupop .ab-sub-wrapper,
147 #wpadminbar.ie7 .shortlink-input {
152 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
156 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
161 #wpadminbar .ab-submenu {
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 {
188 #wpadminbar .shortlink-input {
192 #wpadminbar.nojs li:hover > .ab-sub-wrapper,
193 #wpadminbar li.hover > .ab-sub-wrapper {
197 #wpadminbar .menupop li:hover > .ab-sub-wrapper,
198 #wpadminbar .menupop li.hover > .ab-sub-wrapper {
203 #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
204 #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
210 #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
211 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
212 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
213 #wpadminbar .ab-top-menu > li.hover > .ab-item {
218 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
219 #wpadminbar > #wp-toolbar li.hover span.ab-label,
220 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
224 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
225 #wpadminbar .ab-icon,
226 #wpadminbar .ab-item:before {
229 font: normal 20px/1 'dashicons';
232 -webkit-font-smoothing: antialiased;
233 -moz-osx-font-smoothing: grayscale;
234 background-image: none !important;
238 #wpadminbar .ab-icon:before,
239 #wpadminbar .ab-item:before,
240 #wpadminbar #adminbarsearch:before {
242 color: rgba(240,245,250,0.6);
245 #wpadminbar .ab-icon:before,
246 #wpadminbar .ab-item:before,
247 #wpadminbar #adminbarsearch:before {
249 -webkit-transition: all .1s ease-in-out;
250 transition: all .1s ease-in-out;
253 #wpadminbar .ab-label {
254 display: inline-block;
258 #wpadminbar .ab-submenu .ab-item {
260 color: rgba(240,245,250,0.7);
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 {
268 color: rgba(240,245,250,0.7);
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 {
290 #wpadminbar.mobile .quicklinks .ab-icon:before,
291 #wpadminbar.mobile .quicklinks .ab-item:before {
295 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
296 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
300 #wpadminbar .menupop .menupop > .ab-item:before,
301 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
303 font: normal 17px/1 'dashicons';
305 -webkit-font-smoothing: antialiased;
306 -moz-osx-font-smoothing: grayscale;
309 #wpadminbar .menupop .menupop > .ab-item {
314 #wpadminbar .menupop .menupop > .ab-item:before {
321 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
326 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
332 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
337 -webkit-box-shadow: none;
341 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
342 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
346 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
347 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
351 #wpadminbar .quicklinks a span#ab-updates {
358 -webkit-border-radius: 10px;
362 #wpadminbar .quicklinks a:hover span#ab-updates {
367 #wpadminbar .ab-top-secondary {
371 #wpadminbar ul li:last-child,
372 #wpadminbar ul li:last-child .ab-item {
373 -webkit-box-shadow: none;
380 #wp-admin-bar-my-account > ul {
384 #wp-admin-bar-my-account > .ab-item:before {
392 #wp-admin-bar-my-account.with-avatar > .ab-item:before {
397 #wp-admin-bar-my-account.with-avatar > ul {
401 #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar .ab-item {
405 #wpadminbar #wp-admin-bar-user-actions > li {
410 #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
414 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
418 #wpadminbar #wp-admin-bar-user-info {
425 #wp-admin-bar-user-info .avatar {
433 #wpadminbar #wp-admin-bar-user-info a {
438 #wpadminbar #wp-admin-bar-user-info span {
444 #wpadminbar #wp-admin-bar-user-info .display-name,
445 #wpadminbar #wp-admin-bar-user-info .username {
449 #wpadminbar #wp-admin-bar-user-info .username {
454 #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
458 border: 1px solid #82878c;
461 vertical-align: middle;
462 margin: -4px 6px 0 0;
467 #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > a img {
474 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
481 #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
485 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
491 * My Sites & Site Title
493 #wpadminbar .quicklinks li .blavatar {
495 font: normal 16px/1 'dashicons' !important;
497 -webkit-font-smoothing: antialiased;
498 -moz-osx-font-smoothing: grayscale;
502 #wpadminbar .quicklinks li a:hover .blavatar {
506 #wpadminbar .quicklinks li .blavatar:before {
510 display: inline-block;
511 margin: 6px -2px 0 8px;
514 #wpadminbar #wp-admin-bar-appearance {
518 #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
519 #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
524 #wpadminbar #wp-admin-bar-customize > .ab-item:before {
530 #wpadminbar #wp-admin-bar-edit > .ab-item:before {
535 #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
539 .wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
548 #wpadminbar #wp-admin-bar-comments .ab-icon {
552 #wpadminbar #wp-admin-bar-comments .ab-icon:before {
557 #wpadminbar #wp-admin-bar-comments .count-0 {
564 #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
572 #wpadminbar #wp-admin-bar-updates .ab-icon:before {
580 #wpadminbar.ie8 #wp-admin-bar-search {
584 #wpadminbar #wp-admin-bar-search .ab-item {
586 background: transparent;
589 #wpadminbar #adminbarsearch {
596 #wpadminbar #adminbarsearch:before {
601 font: normal 20px/1 'dashicons' !important;
604 -webkit-font-smoothing: antialiased;
605 -moz-osx-font-smoothing: grayscale;
608 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
611 font: 13px/24px "Open Sans", sans-serif;
615 padding: 0 24px 0 3px;
618 background-color: rgba( 255, 255, 255, 0 );
622 -webkit-box-shadow: none;
624 -webkit-box-sizing: border-box;
625 -moz-box-sizing: border-box;
626 box-sizing: border-box;
627 -webkit-transition-duration: 400ms;
628 transition-duration: 400ms;
629 -webkit-transition-property: width, background;
630 transition-property: width, background;
631 -webkit-transition-timing-function: ease;
632 transition-timing-function: ease;
635 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
639 background-color: rgba( 255, 255, 255, 0.9 );
644 #wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
649 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
650 /* IE8 z-index bug with transparent / empty elements - fill in with an encoded transparent GIF */
651 background: transparent 100% 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7");
654 /* IE8 doesn't redraw the pseudo elements unless you make a change to the content */
655 #wpadminbar.ie8 #adminbarsearch.adminbar-focused:before {
656 content: '\f179 '; /* extra space */
659 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
664 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
667 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
670 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
673 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
677 #wpadminbar #adminbarsearch .adminbar-button {
682 * Customize support classes
684 .no-customize-support .hide-if-no-customize,
685 .customize-support .hide-if-customize,
686 .no-customize-support #wpadminbar .hide-if-no-customize,
687 .no-customize-support.wp-core-ui .hide-if-no-customize,
688 .no-customize-support .wp-core-ui .hide-if-no-customize,
689 .customize-support #wpadminbar .hide-if-customize,
690 .customize-support.wp-core-ui .hide-if-customize,
691 .customize-support .wp-core-ui .hide-if-customize {
696 #wpadminbar .screen-reader-text,
697 #wpadminbar .screen-reader-text span {
706 #wpadminbar .screen-reader-shortcut {
711 #wpadminbar .screen-reader-shortcut:focus {
719 padding: 15px 23px 14px;
724 text-decoration: none;
725 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
726 box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
730 * IE 6-targeted rules
737 * html #wpadminbar .quicklinks ul li a {
741 * html #wpadminbar .menupop a span {
742 background-image: none;
745 /* No @font-face support */
746 .no-font-face #wpadminbar ul.ab-top-menu > li > a.ab-item {
754 .no-font-face #wpadminbar #wp-admin-bar-my-sites > .ab-item,
755 .no-font-face #wpadminbar #wp-admin-bar-site-name > .ab-item,
756 .no-font-face #wpadminbar #wp-admin-bar-edit > .ab-item {
760 .no-font-face #wpadminbar .ab-icon,
761 .no-font-face #wpadminbar .ab-icon:before,
762 .no-font-face #wpadminbar a.ab-item:before,
763 .no-font-face #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
764 display: none !important;
767 .no-font-face #wpadminbar ul.ab-top-menu > li > a > span.ab-label {
771 .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon {
772 display: inline !important;
775 .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon:before {
777 font: 14px/45px sans-serif !important;
778 display: inline-block !important;
782 .no-font-face #wpadminbar #wp-admin-bar-site-name a.ab-item {
785 /* End no @font-face */
787 @media screen and ( max-width: 782px ) {
788 /* Toolbar Touchification*/
793 /* These rules break dropdown tappability on Chrome/Android.
794 -webkit-transform: translate3d(0, 0, 0);
795 -webkit-backface-visibility: hidden;
796 -webkit-transition: 0;
797 transform: translate3d(0, 0, 0);
798 backface-visibility: hidden;
804 font: normal 14px/32px "Open Sans", sans-serif;
807 #wpadminbar .quicklinks > ul > li > a,
808 #wpadminbar .quicklinks .ab-empty-item {
815 #wpadminbar .ab-icon {
816 font: 40px/1 dashicons !important;
824 #wpadminbar .ab-icon:before {
828 #wpadminbar .ab-submenu {
832 #wpadminbar #wp-admin-bar-site-name a.ab-item,
833 #wpadminbar #wp-admin-bar-my-sites a.ab-item,
834 #wpadminbar #wp-admin-bar-my-account a.ab-item {
838 #wpadminbar .ab-label {
842 #wpadminbar .menupop li:hover > .ab-sub-wrapper,
843 #wpadminbar .menupop li.hover > .ab-sub-wrapper {
847 #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
851 #wpadminbar .menupop .menupop > .ab-item:before {
856 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
858 padding: 6px 15px 12px;
861 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
866 #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
870 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
878 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
879 font: 28px/1 'dashicons' !important;
883 #wpadminbar .ab-icon,
884 #wpadminbar .ab-item:before {
888 /* My Sites and "Site Title" menu */
889 #wpadminbar #wp-admin-bar-my-sites > .ab-item,
890 #wpadminbar #wp-admin-bar-site-name > .ab-item,
891 #wpadminbar #wp-admin-bar-customize > .ab-item,
892 #wpadminbar #wp-admin-bar-edit > .ab-item,
893 #wpadminbar #wp-admin-bar-my-account > .ab-item {
903 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
904 #wpadminbar .ab-icon,
905 #wpadminbar .ab-item:before {
910 #wpadminbar #wp-admin-bar-edit > .ab-item:before,
911 #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
912 #wpadminbar #wp-admin-bar-site-name > .ab-item:before,
913 #wpadminbar #wp-admin-bar-customize > .ab-item:before,
914 #wpadminbar #wp-admin-bar-my-account > .ab-item:before {
917 font: normal 32px/1 'dashicons';
922 -webkit-font-smoothing: antialiased;
923 -moz-osx-font-smoothing: grayscale;
926 #wpadminbar #wp-admin-bar-appearance {
930 #wpadminbar .quicklinks li .blavatar:before {
935 #wpadminbar #wp-admin-bar-search {
940 #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
943 height: 46px !important;
950 #wpadminbar #wp-admin-bar-updates {
954 #wpadminbar #wp-admin-bar-updates .ab-icon:before {
959 #wpadminbar #wp-admin-bar-comments .ab-icon {
963 #wpadminbar #wp-admin-bar-comments .ab-icon:before {
972 #wpadminbar #wp-admin-bar-my-account > a {
975 text-indent: 150%; /* More than 100% indention is needed since this element has padding */
978 overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
981 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
989 #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
993 #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
997 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
1001 #wpadminbar #wp-admin-bar-user-info .display-name {
1008 #wpadminbar #wp-admin-bar-user-info a {
1012 #wpadminbar #wp-admin-bar-user-info .username {
1013 line-height: 0.8 !important;
1014 margin-bottom: -2px;
1017 /* Show only default top level items */
1018 #wp-toolbar > ul > li {
1022 #wpadminbar li#wp-admin-bar-menu-toggle,
1023 #wpadminbar li#wp-admin-bar-wp-logo,
1024 #wpadminbar li#wp-admin-bar-my-sites,
1025 #wpadminbar li#wp-admin-bar-updates,
1026 #wpadminbar li#wp-admin-bar-site-name,
1027 #wpadminbar li#wp-admin-bar-customize,
1028 #wpadminbar li#wp-admin-bar-new-content,
1029 #wpadminbar li#wp-admin-bar-edit,
1030 #wpadminbar li#wp-admin-bar-comments,
1031 #wpadminbar li#wp-admin-bar-my-account {
1035 /* Allow dropdown list items to appear normally */
1036 #wpadminbar li:hover ul li,
1037 #wpadminbar li.hover ul li,
1038 #wpadminbar li:hover ul li:hover ul li {
1042 /* Override default min-width so dropdown lists aren't stretched
1043 to 100% viewport width at responsive sizes. */
1044 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1045 min-width: -webkit-fit-content;
1046 min-width: -moz-fit-content;
1047 min-width: fit-content;
1050 #wpadminbar ul#wp-admin-bar-root-default > li {
1054 /* Experimental fix for touch toolbar dropdown positioning */
1055 #wpadminbar .ab-top-menu,
1056 #wpadminbar .ab-top-secondary,
1057 #wpadminbar #wp-admin-bar-wp-logo,
1058 #wpadminbar #wp-admin-bar-my-sites,
1059 #wpadminbar #wp-admin-bar-site-name,
1060 #wpadminbar #wp-admin-bar-updates,
1061 #wpadminbar #wp-admin-bar-comments,
1062 #wpadminbar #wp-admin-bar-new-content,
1063 #wpadminbar #wp-admin-bar-edit,
1064 #wpadminbar #wp-admin-bar-my-account {
1068 #wpadminbar #wp-admin-bar-my-account {
1072 .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
1076 /* Realign arrows on taller responsive submenus */
1078 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
1085 @media screen and (max-width: 600px) {
1090 #wp-responsive-overlay {
1099 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1104 #wpadminbar .menupop .menupop > .ab-item:before {
1108 #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
1112 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1120 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
1122 padding: 6px 30px 19px 15px;
1125 #wpadminbar li:hover ul li ul li {
1129 #wpadminbar li#wp-admin-bar-wp-logo,
1130 #wpadminbar li#wp-admin-bar-updates {
1134 /* Make submenus full-width at this size */
1136 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1138 -webkit-box-shadow: none;
1143 /* Very narrow screens */
1144 @media screen and (max-width: 400px) {
1145 #wpadminbar li#wp-admin-bar-comments {