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