1/*! This file is auto-generated */
2html {
3 --wp-admin--admin-bar--height: 32px;
4 scroll-padding-top: var(--wp-admin--admin-bar--height);
5}
6
7#wpadminbar * {
8 height: auto;
9 width: auto;
10 margin: 0;
11 padding: 0;
12 position: static;
13 text-shadow: none;
14 text-transform: none;
15 letter-spacing: normal;
16 font-size: 13px;
17 font-weight: 400;
18 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
19 font-style: normal;
20 line-height: 2.46153846;
21 border-radius: 0;
22 box-sizing: content-box;
23 transition: none;
24 -webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */
25 -moz-osx-font-smoothing: auto; /* Prevent Firefox from inheriting from themes that use other values */
26}
27
28.rtl #wpadminbar * {
29 font-family: Tahoma, sans-serif;
30}
31
32html:lang(he-il) .rtl #wpadminbar * {
33 font-family: Arial, sans-serif;
34}
35
36#wpadminbar .ab-empty-item {
37 cursor: default;
38}
39
40#wpadminbar .ab-empty-item,
41#wpadminbar a.ab-item,
42#wpadminbar > #wp-toolbar span.ab-label,
43#wpadminbar > #wp-toolbar span.noticon {
44 color: #f0f0f1;
45}
46
47#wpadminbar #wp-admin-bar-site-name a.ab-item,
48#wpadminbar #wp-admin-bar-my-sites a.ab-item {
49 white-space: nowrap;
50}
51
52#wpadminbar ul li:before,
53#wpadminbar ul li:after {
54 content: normal;
55}
56
57#wpadminbar a,
58#wpadminbar a:hover,
59#wpadminbar a img,
60#wpadminbar a img:hover {
61 border: none;
62 text-decoration: none;
63 background: none;
64 box-shadow: none;
65}
66
67#wpadminbar a:focus,
68#wpadminbar a:active,
69#wpadminbar input[type="text"],
70#wpadminbar input[type="password"],
71#wpadminbar input[type="number"],
72#wpadminbar input[type="search"],
73#wpadminbar input[type="email"],
74#wpadminbar input[type="url"],
75#wpadminbar select,
76#wpadminbar textarea,
77#wpadminbar div {
78 box-shadow: none;
79}
80
81#wpadminbar a:focus {
82 /* Inherits transparent outline only visible in Windows High Contrast mode */
83 outline-offset: -1px;
84}
85
86#wpadminbar {
87 direction: rtl;
88 color: #c3c4c7;
89 font-size: 13px;
90 font-weight: 400;
91 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
92 line-height: 2.46153846;
93 height: 32px;
94 position: fixed;
95 top: 0;
96 right: 0;
97 width: 100%;
98 min-width: 600px; /* match the min-width of the body in wp-admin/css/common.css */
99 z-index: 99999;
100 background: #1d2327;
101 /* Only visible in Windows High Contrast mode */
102 outline: 1px solid transparent;
103}
104
105#wpadminbar .ab-sub-wrapper,
106#wpadminbar ul,
107#wpadminbar ul li {
108 background: none;
109 clear: none;
110 list-style: none;
111 margin: 0;
112 padding: 0;
113 position: relative;
114 text-indent: 0;
115 z-index: 99999;
116}
117
118#wpadminbar ul#wp-admin-bar-root-default>li {
119 margin-left: 0;
120}
121
122#wpadminbar .quicklinks ul {
123 text-align: right;
124}
125
126#wpadminbar li {
127 float: right;
128}
129
130#wpadminbar .ab-empty-item {
131 outline: none;
132}
133
134#wpadminbar .quicklinks a,
135#wpadminbar .quicklinks .ab-empty-item,
136#wpadminbar .shortlink-input {
137 height: 32px;
138 display: block;
139 padding: 0 10px;
140 margin: 0;
141}
142
143#wpadminbar .quicklinks > ul > li > a {
144 padding: 0 7px 0 8px;
145}
146
147#wpadminbar .menupop .ab-sub-wrapper,
148#wpadminbar .shortlink-input {
149 margin: 0;
150 padding: 0;
151 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
152 background: #2c3338;
153 display: none;
154 position: absolute;
155 float: none;
156}
157
158#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
159 min-width: 100%;
160}
161
162#wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
163 left: 0;
164 right: auto;
165}
166
167#wpadminbar .ab-submenu {
168 padding: 6px 0;
169}
170
171#wpadminbar .selected .shortlink-input {
172 display: block;
173}
174
175#wpadminbar .quicklinks .menupop ul li {
176 float: none;
177}
178
179#wpadminbar .quicklinks .menupop ul li a strong {
180 font-weight: 600;
181}
182
183#wpadminbar .quicklinks .menupop ul li .ab-item,
184#wpadminbar .quicklinks .menupop ul li a strong,
185#wpadminbar .quicklinks .menupop.hover ul li .ab-item,
186#wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
187#wpadminbar .shortlink-input {
188 line-height: 2;
189 height: 26px;
190 white-space: nowrap;
191 min-width: 140px;
192}
193
194#wpadminbar .shortlink-input {
195 width: 200px;
196}
197
198#wpadminbar.nojs li:hover > .ab-sub-wrapper,
199#wpadminbar li.hover > .ab-sub-wrapper {
200 display: block;
201 /* Only visible in Windows High Contrast mode */
202 outline: 1px solid transparent;
203}
204
205#wpadminbar .menupop li:hover > .ab-sub-wrapper,
206#wpadminbar .menupop li.hover > .ab-sub-wrapper {
207 margin-right: 100%;
208 margin-top: -32px;
209}
210
211#wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
212#wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
213 margin-right: 0;
214 right: inherit;
215 left: 100%;
216}
217
218#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
219#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
220#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
221#wpadminbar .ab-top-menu > li.hover > .ab-item {
222 background: #2c3338;
223 color: #72aee6;
224}
225
226#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
227#wpadminbar > #wp-toolbar li.hover span.ab-label,
228#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
229 color: #72aee6;
230}
231
232#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
233#wpadminbar .ab-icon,
234#wpadminbar .ab-item:before,
235.wp-admin-bar-arrow {
236 position: relative;
237 float: right;
238 font: normal 20px/1 dashicons;
239 padding: 4px 0;
240 -webkit-font-smoothing: antialiased;
241 -moz-osx-font-smoothing: grayscale;
242 background-image: none !important;
243 margin-left: 6px;
244}
245
246#wpadminbar .ab-icon:before,
247#wpadminbar .ab-item:before,
248#wpadminbar #adminbarsearch:before {
249 color: #a7aaad;
250 color: rgba(240, 246, 252, 0.6);
251}
252
253#wpadminbar .ab-icon:before,
254#wpadminbar .ab-item:before,
255#wpadminbar #adminbarsearch:before {
256 position: relative;
257 transition: color .1s ease-in-out;
258}
259
260#wpadminbar .ab-label {
261 display: inline-block;
262 height: 32px;
263}
264
265#wpadminbar .ab-submenu .ab-item {
266 color: #c3c4c7;
267 color: rgba(240, 246, 252, 0.7);
268}
269
270#wpadminbar .quicklinks .menupop ul li a,
271#wpadminbar .quicklinks .menupop ul li a strong,
272#wpadminbar .quicklinks .menupop.hover ul li a,
273#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
274 color: #c3c4c7;
275 color: rgba(240, 246, 252, 0.7);
276}
277
278#wpadminbar .quicklinks .menupop ul li a:hover,
279#wpadminbar .quicklinks .menupop ul li a:focus,
280#wpadminbar .quicklinks .menupop ul li a:hover strong,
281#wpadminbar .quicklinks .menupop ul li a:focus strong,
282#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
283#wpadminbar .quicklinks .menupop.hover ul li a:hover,
284#wpadminbar .quicklinks .menupop.hover ul li a:focus,
285#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover,
286#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus,
287#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
288#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
289#wpadminbar li:hover .ab-icon:before,
290#wpadminbar li:hover .ab-item:before,
291#wpadminbar li a:focus .ab-icon:before,
292#wpadminbar li .ab-item:focus:before,
293#wpadminbar li .ab-item:focus .ab-icon:before,
294#wpadminbar li.hover .ab-icon:before,
295#wpadminbar li.hover .ab-item:before,
296#wpadminbar li:hover #adminbarsearch:before,
297#wpadminbar li #adminbarsearch.adminbar-focused:before {
298 color: #72aee6;
299}
300
301#wpadminbar.mobile .quicklinks .ab-icon:before,
302#wpadminbar.mobile .quicklinks .ab-item:before {
303 color: #c3c4c7;
304}
305
306#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
307#wpadminbar.mobile .quicklinks .hover .ab-item:before {
308 color: #72aee6;
309}
310
311#wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before,
312#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
313 position: absolute;
314 font: normal 17px/1 dashicons;
315 -webkit-font-smoothing: antialiased;
316 -moz-osx-font-smoothing: grayscale;
317}
318
319#wpadminbar .menupop .menupop > .ab-item {
320 display: block;
321 padding-left: 2em;
322}
323
324#wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
325 top: 1px;
326 left: 10px;
327 padding: 4px 0;
328 content: "\f141";
329 content: "\f139" / '';
330 color: inherit;
331}
332
333#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
334 padding-right: 2em;
335 padding-left: 1em;
336}
337
338#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
339 top: 1px;
340 right: 6px;
341 content: "\f139";
342 content: "\f141" / '';
343}
344
345#wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
346 display: block;
347 position: relative;
348 left: auto;
349 margin: 0;
350 box-shadow: none;
351}
352
353#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
354#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
355 background: #3c434a;
356}
357
358#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
359#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
360 color: #72aee6;
361}
362
363#wpadminbar .quicklinks a span#ab-updates {
364 background: #f0f0f1;
365 color: #2c3338;
366 display: inline;
367 padding: 2px 5px;
368 font-size: 10px;
369 font-weight: 600;
370 border-radius: 10px;
371}
372
373#wpadminbar .quicklinks a:hover span#ab-updates {
374 background: #fff;
375 color: #000;
376}
377
378#wpadminbar .ab-top-secondary {
379 float: left;
380}
381
382#wpadminbar ul li:last-child,
383#wpadminbar ul li:last-child .ab-item {
384 box-shadow: none;
385}
386
387/**
388 * Recovery Mode
389 */
390#wpadminbar #wp-admin-bar-recovery-mode {
391 color: #fff;
392 background-color: #d63638;
393}
394
395#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
396#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
397#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
398#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
399 color: #fff;
400 background-color: #d63638;
401}
402
403/**
404 * My Account
405 */
406#wp-admin-bar-my-account > ul {
407 min-width: 198px;
408}
409
410#wp-admin-bar-my-account:not(.with-avatar) > .ab-item {
411 display: inline-block;
412}
413
414#wp-admin-bar-my-account > .ab-item:before {
415 content: "\f110";
416 content: "\f110" / '';
417 top: 2px;
418 float: left;
419 margin-right: 6px;
420 margin-left: 0;
421}
422
423#wp-admin-bar-my-account.with-avatar > .ab-item:before {
424 display: none;
425 content: none;
426}
427
428#wp-admin-bar-my-account.with-avatar > ul {
429 min-width: 270px;
430}
431
432#wpadminbar #wp-admin-bar-user-actions > li {
433 margin-right: 16px;
434 margin-left: 16px;
435}
436
437#wpadminbar #wp-admin-bar-user-actions.ab-submenu {
438 padding: 6px 0 12px;
439}
440
441#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
442 margin-right: 88px;
443}
444
445#wpadminbar #wp-admin-bar-user-info {
446 margin-top: 6px;
447 margin-bottom: 15px;
448 height: auto;
449 background: none;
450}
451
452#wp-admin-bar-user-info .avatar {
453 position: absolute;
454 right: -72px;
455 top: 4px;
456 width: 64px;
457 height: 64px;
458}
459
460#wpadminbar #wp-admin-bar-user-info a {
461 background: none;
462 height: auto;
463}
464
465#wpadminbar #wp-admin-bar-user-info span {
466 background: none;
467 padding: 0;
468 height: 18px;
469}
470
471#wpadminbar #wp-admin-bar-user-info .display-name,
472#wpadminbar #wp-admin-bar-user-info .username {
473 display: block;
474}
475
476#wpadminbar #wp-admin-bar-user-info .username {
477 color: #a7aaad;
478 font-size: 11px;
479}
480
481#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
482#wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
483 width: auto;
484 height: 16px;
485 padding: 0;
486 border: 1px solid #8c8f94;
487 background: #f0f0f1;
488 line-height: 1.84615384;
489 vertical-align: middle;
490 margin: -4px 6px 0 0;
491 float: none;
492 display: inline;
493}
494
495/**
496 * WP Logo
497 */
498#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
499 width: 15px;
500 height: 20px;
501 margin-left: 0;
502 padding: 6px 0 5px;
503}
504
505#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
506 padding: 0 7px;
507}
508
509#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
510 content: "\f120";
511 content: "\f120" / '';
512 top: 2px;
513}
514
515/*
516 * My Sites & Site Title
517 */
518#wpadminbar .quicklinks li .blavatar {
519 display: inline-block;
520 vertical-align: middle;
521 font: normal 16px/1 dashicons !important;
522 -webkit-font-smoothing: antialiased;
523 -moz-osx-font-smoothing: grayscale;
524 color: #f0f0f1;
525}
526
527#wpadminbar .quicklinks li a:hover .blavatar,
528#wpadminbar .quicklinks li a:focus .blavatar,
529#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar {
530 color: #72aee6;
531}
532
533#wpadminbar .quicklinks li img.blavatar,
534#wpadminbar .quicklinks li div.blavatar:before {
535 height: 16px;
536 width: 16px;
537 margin: 0 -2px 2px 8px;
538}
539
540#wpadminbar .quicklinks li div.blavatar:before {
541 content: "\f120";
542 content: "\f120" / '';
543 display: inline-block;
544}
545
546#wpadminbar #wp-admin-bar-appearance {
547 margin-top: -12px;
548}
549
550#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
551#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
552 content: "\f541";
553 content: "\f541" / '';
554 top: 2px;
555}
556
557#wpadminbar #wp-admin-bar-site-editor > .ab-item:before {
558 content: "\f100";
559 content: "\f100" / '';
560 top: 2px;
561}
562
563#wpadminbar #wp-admin-bar-customize > .ab-item:before {
564 content: "\f540";
565 content: "\f540" / '';
566 top: 2px;
567}
568
569#wpadminbar #wp-admin-bar-edit > .ab-item:before {
570 content: "\f464";
571 content: "\f464" / '';
572 top: 2px;
573}
574
575#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
576 content: "\f226";
577 content: "\f226" / '';
578}
579
580.wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
581 content: "\f102";
582 content: "\f102" / '';
583}
584
585
586
587/**
588 * Comments
589 */
590#wpadminbar #wp-admin-bar-comments .ab-icon {
591 margin-left: 6px;
592}
593
594#wpadminbar #wp-admin-bar-comments .ab-icon:before {
595 content: "\f101";
596 content: "\f101" / '';
597 top: 3px;
598}
599
600#wpadminbar #wp-admin-bar-comments .count-0 {
601 opacity: .5;
602}
603
604/**
605 * New Content
606 */
607#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
608 content: "\f132";
609 content: "\f132" / '';
610 top: 4px;
611}
612
613/**
614 * Updates
615 */
616#wpadminbar #wp-admin-bar-updates .ab-icon:before {
617 content: "\f463";
618 content: "\f463" / '';
619 top: 2px;
620}
621
622#wpadminbar #wp-admin-bar-updates.spin .ab-icon:before {
623 display: inline-block;
624 animation: rotation 2s infinite linear;
625}
626
627@media (prefers-reduced-motion: reduce) {
628 #wpadminbar #wp-admin-bar-updates.spin .ab-icon:before {
629 animation: none;
630 }
631}
632
633/**
634 * Search
635 */
636
637#wpadminbar #wp-admin-bar-search .ab-item {
638 padding: 0;
639 background: transparent;
640}
641
642#wpadminbar #adminbarsearch {
643 position: relative;
644 height: 32px;
645 padding: 0 2px;
646 z-index: 1;
647}
648
649#wpadminbar #adminbarsearch:before {
650 position: absolute;
651 top: 6px;
652 right: 5px;
653 z-index: 20;
654 font: normal 20px/1 dashicons !important;
655 content: "\f179";
656 content: "\f179" / '';
657 speak: never;
658 -webkit-font-smoothing: antialiased;
659 -moz-osx-font-smoothing: grayscale;
660}
661
662/* The admin bar search field needs to reset many styles that might be inherited from the active Theme CSS. See ticket #40313. */
663#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
664 display: inline-block;
665 float: none;
666 position: relative;
667 z-index: 30;
668 font-size: 13px;
669 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
670 line-height: 1.84615384;
671 text-indent: 0;
672 height: 24px;
673 width: 24px;
674 max-width: none;
675 padding: 0 24px 0 3px;
676 margin: 0;
677 color: #c3c4c7;
678 background-color: rgba(255, 255, 255, 0);
679 border: none;
680 outline: none;
681 cursor: pointer;
682 box-shadow: none;
683 box-sizing: border-box;
684 transition-duration: 400ms;
685 transition-property: width, background;
686 transition-timing-function: ease;
687}
688
689#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
690 z-index: 10;
691 color: #000;
692 width: 200px;
693 background-color: rgba(255, 255, 255, 0.9);
694 cursor: text;
695 border: 0;
696}
697
698#wpadminbar #adminbarsearch .adminbar-button {
699 display: none;
700}
701
702/**
703 * Customize support classes
704 */
705.no-customize-support .hide-if-no-customize,
706.customize-support .hide-if-customize,
707.no-customize-support #wpadminbar .hide-if-no-customize,
708.no-customize-support.wp-core-ui .hide-if-no-customize,
709.no-customize-support .wp-core-ui .hide-if-no-customize,
710.customize-support #wpadminbar .hide-if-customize,
711.customize-support.wp-core-ui .hide-if-customize,
712.customize-support .wp-core-ui .hide-if-customize {
713 display: none;
714}
715
716/* Skip link */
717#wpadminbar .screen-reader-text,
718#wpadminbar .screen-reader-text span {
719 border: 0;
720 clip-path: inset(50%);
721 height: 1px;
722 margin: -1px;
723 overflow: hidden;
724 padding: 0;
725 position: absolute;
726 width: 1px;
727 word-wrap: normal !important;
728}
729
730#wpadminbar .screen-reader-shortcut {
731 position: absolute;
732 top: -1000em;
733 right: 6px;
734 height: auto;
735 width: auto;
736 display: block;
737 font-size: 14px;
738 font-weight: 600;
739 padding: 15px 23px 14px;
740 background: #f0f0f1;
741 color: #2271b1;
742 z-index: 100000;
743 line-height: normal;
744 text-decoration: none;
745}
746
747#wpadminbar .screen-reader-shortcut:focus {
748 top: 7px;
749 background: #f0f0f1;
750 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
751}
752
753@media screen and (max-width: 782px) {
754 html {
755 --wp-admin--admin-bar--height: 46px;
756 }
757
758 /* Toolbar Touchification*/
759 html #wpadminbar {
760 height: 46px;
761 min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
762 }
763
764 #wpadminbar * {
765 font-size: 14px;
766 font-weight: 400;
767 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
768 line-height: 2.28571428;
769 }
770
771 #wpadminbar .quicklinks > ul > li > a,
772 #wpadminbar .quicklinks .ab-empty-item {
773 padding: 0;
774 height: 46px;
775 line-height: 3.28571428;
776 width: auto;
777 }
778
779 #wpadminbar .ab-icon {
780 font: 40px/1 dashicons !important;
781 margin: 0;
782 padding: 0;
783 width: 52px;
784 height: 46px;
785 text-align: center;
786 }
787
788 #wpadminbar .ab-icon:before {
789 text-align: center;
790 }
791
792 #wpadminbar .ab-submenu {
793 padding: 0;
794 }
795
796 #wpadminbar #wp-admin-bar-site-name a.ab-item,
797 #wpadminbar #wp-admin-bar-my-sites a.ab-item,
798 #wpadminbar #wp-admin-bar-my-account a.ab-item {
799 text-overflow: clip;
800 }
801
802 #wpadminbar .quicklinks .menupop ul li .ab-item,
803 #wpadminbar .quicklinks .menupop ul li a strong,
804 #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
805 #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
806 #wpadminbar .shortlink-input {
807 line-height: 1.6;
808 }
809
810 #wpadminbar .ab-label {
811 border: 0;
812 clip-path: inset(50%);
813 height: 1px;
814 margin: -1px;
815 overflow: hidden;
816 padding: 0;
817 position: absolute;
818 width: 1px;
819 word-wrap: normal !important;
820 }
821
822 #wpadminbar .menupop li:hover > .ab-sub-wrapper,
823 #wpadminbar .menupop li.hover > .ab-sub-wrapper {
824 margin-top: -46px;
825 }
826
827 #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
828 padding-left: 30px;
829 }
830
831 #wpadminbar .menupop .menupop > .ab-item:before {
832 top: 10px;
833 left: 6px;
834 }
835
836 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
837 font-size: 16px;
838 padding: 8px 16px;
839 }
840
841 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
842 display: none;
843 }
844
845 /* WP logo */
846 #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
847 padding: 0;
848 }
849
850 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
851 padding: 0;
852 width: 52px;
853 height: 46px;
854 text-align: center;
855 vertical-align: top;
856 }
857
858 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
859 font: 28px/1 dashicons !important;
860 top: -3px;
861 }
862
863 #wpadminbar .ab-icon,
864 #wpadminbar .ab-item:before {
865 padding: 0;
866 }
867
868 /* My Sites and "Site Title" menu */
869 #wpadminbar #wp-admin-bar-my-sites > .ab-item,
870 #wpadminbar #wp-admin-bar-site-name > .ab-item,
871 #wpadminbar #wp-admin-bar-site-editor > .ab-item,
872 #wpadminbar #wp-admin-bar-customize > .ab-item,
873 #wpadminbar #wp-admin-bar-edit > .ab-item,
874 #wpadminbar #wp-admin-bar-my-account > .ab-item {
875 text-indent: 100%;
876 white-space: nowrap;
877 overflow: hidden;
878 width: 52px;
879 padding: 0;
880 color: #a7aaad; /* @todo not needed? this text is hidden */
881 position: relative;
882 }
883
884 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
885 #wpadminbar .ab-icon,
886 #wpadminbar .ab-item:before {
887 padding: 0;
888 margin-left: 0;
889 }
890
891 #wpadminbar #wp-admin-bar-edit > .ab-item:before,
892 #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
893 #wpadminbar #wp-admin-bar-site-name > .ab-item:before,
894 #wpadminbar #wp-admin-bar-site-editor > .ab-item:before,
895 #wpadminbar #wp-admin-bar-customize > .ab-item:before,
896 #wpadminbar #wp-admin-bar-my-account > .ab-item:before {
897 display: block;
898 text-indent: 0;
899 font: normal 32px/1 dashicons;
900 top: 7px;
901 width: 52px;
902 text-align: center;
903 -webkit-font-smoothing: antialiased;
904 -moz-osx-font-smoothing: grayscale;
905 }
906
907 #wpadminbar #wp-admin-bar-appearance {
908 margin-top: 0;
909 }
910
911 #wpadminbar .quicklinks li .blavatar:before {
912 display: none;
913 }
914
915 /* Search */
916 #wpadminbar #wp-admin-bar-search {
917 display: none;
918 }
919
920 /* New Content */
921 #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
922 top: 0;
923 line-height: 1.26;
924 height: 46px !important;
925 text-align: center;
926 width: 52px;
927 display: block;
928 }
929
930 /* Updates */
931 #wpadminbar #wp-admin-bar-updates {
932 text-align: center;
933 }
934
935 #wpadminbar #wp-admin-bar-updates .ab-icon:before {
936 top: 3px;
937 }
938
939 /* Comments */
940 #wpadminbar #wp-admin-bar-comments .ab-icon {
941 margin: 0;
942 }
943
944 #wpadminbar #wp-admin-bar-comments .ab-icon:before {
945 display: block;
946 font-size: 34px;
947 height: 46px;
948 line-height: 1.38235294;
949 top: 0;
950 }
951
952 /* My Account */
953 #wpadminbar #wp-admin-bar-my-account > a {
954 position: relative;
955 white-space: nowrap;
956 text-indent: 150%; /* More than 100% indention is needed since this element has padding */
957 width: 28px;
958 padding: 0 10px;
959 overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
960 }
961
962 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
963 position: absolute;
964 top: 13px;
965 left: 10px;
966 width: 26px;
967 height: 26px;
968 }
969
970 #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
971 padding: 0;
972 }
973
974 #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
975 display: none;
976 }
977
978 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
979 margin: 0;
980 }
981
982 #wpadminbar #wp-admin-bar-user-info .display-name {
983 height: auto;
984 font-size: 16px;
985 line-height: 1.5;
986 color: #f0f0f1;
987 }
988
989 #wpadminbar #wp-admin-bar-user-info a {
990 padding-top: 4px;
991 }
992
993 #wpadminbar #wp-admin-bar-user-info .username {
994 line-height: 0.8 !important;
995 margin-bottom: -2px;
996 }
997
998 /* Show only default top level items */
999 #wp-toolbar > ul > li {
1000 display: none;
1001 }
1002
1003 #wpadminbar li#wp-admin-bar-menu-toggle,
1004 #wpadminbar li#wp-admin-bar-wp-logo,
1005 #wpadminbar li#wp-admin-bar-my-sites,
1006 #wpadminbar li#wp-admin-bar-updates,
1007 #wpadminbar li#wp-admin-bar-site-name,
1008 #wpadminbar li#wp-admin-bar-site-editor,
1009 #wpadminbar li#wp-admin-bar-customize,
1010 #wpadminbar li#wp-admin-bar-new-content,
1011 #wpadminbar li#wp-admin-bar-edit,
1012 #wpadminbar li#wp-admin-bar-comments,
1013 #wpadminbar li#wp-admin-bar-my-account {
1014 display: block;
1015 }
1016
1017 /* Allow dropdown list items to appear normally */
1018 #wpadminbar li:hover ul li,
1019 #wpadminbar li.hover ul li,
1020 #wpadminbar li:hover ul li:hover ul li {
1021 display: list-item;
1022 }
1023
1024 /* Override default min-width so dropdown lists aren't stretched
1025 to 100% viewport width at responsive sizes. */
1026 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1027 min-width: fit-content;
1028 }
1029
1030 #wpadminbar ul#wp-admin-bar-root-default > li {
1031 margin-left: 0;
1032 }
1033
1034 /* Experimental fix for touch toolbar dropdown positioning */
1035 #wpadminbar .ab-top-menu,
1036 #wpadminbar .ab-top-secondary,
1037 #wpadminbar #wp-admin-bar-wp-logo,
1038 #wpadminbar #wp-admin-bar-my-sites,
1039 #wpadminbar #wp-admin-bar-site-name,
1040 #wpadminbar #wp-admin-bar-updates,
1041 #wpadminbar #wp-admin-bar-comments,
1042 #wpadminbar #wp-admin-bar-new-content,
1043 #wpadminbar #wp-admin-bar-edit,
1044 #wpadminbar #wp-admin-bar-my-account {
1045 position: static;
1046 }
1047
1048 .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
1049 margin-left: 0;
1050 }
1051
1052 /* Realign arrows on taller responsive submenus */
1053
1054 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
1055 top: 10px;
1056 right: 0;
1057 }
1058}
1059
1060/* Smartphone */
1061@media screen and (max-width: 600px) {
1062 #wpadminbar {
1063 position: absolute;
1064 }
1065
1066 #wp-responsive-overlay {
1067 position: fixed;
1068 top: 0;
1069 right: 0;
1070 width: 100%;
1071 height: 100%;
1072 z-index: 400;
1073 }
1074
1075 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1076 width: 100%;
1077 right: 0;
1078 }
1079
1080 #wpadminbar .menupop .menupop > .ab-item:before {
1081 display: none;
1082 }
1083
1084 #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
1085 margin-right: 0;
1086 }
1087
1088 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1089 margin: 0;
1090 width: 100%;
1091 top: auto;
1092 right: auto;
1093 position: relative;
1094 }
1095
1096 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
1097 font-size: 16px;
1098 padding: 6px 30px 19px 15px;
1099 }
1100
1101 #wpadminbar li:hover ul li ul li {
1102 display: list-item;
1103 }
1104
1105 #wpadminbar li#wp-admin-bar-wp-logo,
1106 #wpadminbar li#wp-admin-bar-updates {
1107 display: none;
1108 }
1109
1110 /* Make submenus full-width at this size */
1111
1112 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1113 position: static;
1114 box-shadow: none;
1115 }
1116}
1117
1118/* Very narrow screens */
1119@media screen and (max-width: 400px) {
1120 #wpadminbar li#wp-admin-bar-comments {
1121 display: none;
1122 }
1123}
1124