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