[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 html { 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 31 html: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 color: inherit; 329 } 330 331 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item { 332 padding-left: 2em; 333 padding-right: 1em; 334 } 335 336 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item .wp-admin-bar-arrow:before { 337 top: 1px; 338 left: 6px; 339 content: "\f141" / ''; 340 } 341 342 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary { 343 display: block; 344 position: relative; 345 right: auto; 346 margin: 0; 347 box-shadow: none; 348 } 349 350 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, 351 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { 352 background: #3c434a; 353 } 354 355 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, 356 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a { 357 color: #72aee6; 358 } 359 360 #wpadminbar .quicklinks a span#ab-updates { 361 background: #f0f0f1; 362 color: #2c3338; 363 display: inline; 364 padding: 2px 5px; 365 font-size: 10px; 366 font-weight: 600; 367 border-radius: 10px; 368 } 369 370 #wpadminbar .quicklinks a:hover span#ab-updates { 371 background: #fff; 372 color: #000; 373 } 374 375 #wpadminbar .ab-top-secondary { 376 float: right; 377 } 378 379 #wpadminbar ul li:last-child, 380 #wpadminbar ul li:last-child .ab-item { 381 box-shadow: none; 382 } 383 384 /** 385 * Recovery Mode 386 */ 387 #wpadminbar #wp-admin-bar-recovery-mode { 388 color: #fff; 389 background-color: #d63638; 390 } 391 392 #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item, 393 #wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus, 394 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item, 395 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus { 396 color: #fff; 397 background-color: #d63638; 398 } 399 400 /** 401 * My Account 402 */ 403 #wp-admin-bar-my-account > ul { 404 min-width: 198px; 405 } 406 407 #wp-admin-bar-my-account:not(.with-avatar) > .ab-item { 408 display: inline-block; 409 } 410 411 #wp-admin-bar-my-account > .ab-item:before { 412 content: "\f110" / ''; 413 top: 2px; 414 float: right; 415 margin-left: 6px; 416 margin-right: 0; 417 } 418 419 #wp-admin-bar-my-account.with-avatar > .ab-item:before { 420 display: none; 421 content: none; 422 } 423 424 #wp-admin-bar-my-account.with-avatar > ul { 425 min-width: 270px; 426 } 427 428 #wpadminbar #wp-admin-bar-user-actions > li { 429 margin-left: 16px; 430 margin-right: 16px; 431 } 432 433 #wpadminbar #wp-admin-bar-user-actions.ab-submenu { 434 padding: 6px 0 12px; 435 } 436 437 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li { 438 margin-left: 88px; 439 } 440 441 #wpadminbar #wp-admin-bar-user-info { 442 margin-top: 6px; 443 margin-bottom: 15px; 444 height: auto; 445 background: none; 446 } 447 448 #wp-admin-bar-user-info .avatar { 449 position: absolute; 450 left: -72px; 451 top: 4px; 452 width: 64px; 453 height: 64px; 454 } 455 456 #wpadminbar #wp-admin-bar-user-info a { 457 background: none; 458 height: auto; 459 } 460 461 #wpadminbar #wp-admin-bar-user-info span { 462 background: none; 463 padding: 0; 464 height: 18px; 465 } 466 467 #wpadminbar #wp-admin-bar-user-info .display-name, 468 #wpadminbar #wp-admin-bar-user-info .username { 469 display: block; 470 } 471 472 #wpadminbar #wp-admin-bar-user-info .username { 473 color: #a7aaad; 474 font-size: 11px; 475 } 476 477 #wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, 478 #wpadminbar #wp-admin-bar-my-account.with-avatar > a img { 479 width: auto; 480 height: 16px; 481 padding: 0; 482 border: 1px solid #8c8f94; 483 background: #f0f0f1; 484 line-height: 1.84615384; 485 vertical-align: middle; 486 margin: -4px 0 0 6px; 487 float: none; 488 display: inline; 489 } 490 491 /** 492 * WP Logo 493 */ 494 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon { 495 width: 15px; 496 height: 20px; 497 margin-right: 0; 498 padding: 6px 0 5px; 499 } 500 501 #wpadminbar #wp-admin-bar-wp-logo > .ab-item { 502 padding: 0 7px; 503 } 504 505 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { 506 content: "\f120" / ''; 507 top: 2px; 508 } 509 510 /* 511 * My Sites & Site Title 512 */ 513 #wpadminbar .quicklinks li .blavatar { 514 display: inline-block; 515 vertical-align: middle; 516 font: normal 16px/1 dashicons !important; 517 -webkit-font-smoothing: antialiased; 518 -moz-osx-font-smoothing: grayscale; 519 color: #f0f0f1; 520 } 521 522 #wpadminbar .quicklinks li a:hover .blavatar, 523 #wpadminbar .quicklinks li a:focus .blavatar, 524 #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar { 525 color: #72aee6; 526 } 527 528 #wpadminbar .quicklinks li img.blavatar, 529 #wpadminbar .quicklinks li div.blavatar:before { 530 height: 16px; 531 width: 16px; 532 margin: 0 8px 2px -2px; 533 } 534 535 #wpadminbar .quicklinks li div.blavatar:before { 536 content: "\f120" / ''; 537 display: inline-block; 538 } 539 540 #wpadminbar #wp-admin-bar-appearance { 541 margin-top: -12px; 542 } 543 544 #wpadminbar #wp-admin-bar-my-sites > .ab-item:before, 545 #wpadminbar #wp-admin-bar-site-name > .ab-item:before { 546 content: "\f541" / ''; 547 top: 2px; 548 } 549 550 #wpadminbar #wp-admin-bar-site-editor > .ab-item:before { 551 content: "\f100" / ''; 552 top: 2px; 553 } 554 555 #wpadminbar #wp-admin-bar-customize > .ab-item:before { 556 content: "\f540" / ''; 557 top: 2px; 558 } 559 560 #wpadminbar #wp-admin-bar-edit > .ab-item:before { 561 content: "\f464" / ''; 562 top: 2px; 563 } 564 565 #wpadminbar #wp-admin-bar-site-name > .ab-item:before { 566 content: "\f226" / ''; 567 } 568 569 .wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item:before { 570 content: "\f102" / ''; 571 } 572 573 574 575 /** 576 * Comments 577 */ 578 #wpadminbar #wp-admin-bar-comments .ab-icon { 579 margin-right: 6px; 580 } 581 582 #wpadminbar #wp-admin-bar-comments .ab-icon:before { 583 content: "\f101" / ''; 584 top: 3px; 585 } 586 587 #wpadminbar #wp-admin-bar-comments .count-0 { 588 opacity: .5; 589 } 590 591 /** 592 * New Content 593 */ 594 #wpadminbar #wp-admin-bar-new-content .ab-icon:before { 595 content: "\f132" / ''; 596 top: 4px; 597 } 598 599 /** 600 * Updates 601 */ 602 #wpadminbar #wp-admin-bar-updates .ab-icon:before { 603 content: "\f463" / ''; 604 top: 2px; 605 } 606 607 #wpadminbar #wp-admin-bar-updates.spin .ab-icon:before { 608 display: inline-block; 609 animation: rotation 2s infinite linear; 610 } 611 612 @media (prefers-reduced-motion: reduce) { 613 #wpadminbar #wp-admin-bar-updates.spin .ab-icon:before { 614 animation: none; 615 } 616 } 617 618 /** 619 * Search 620 */ 621 622 #wpadminbar #wp-admin-bar-search .ab-item { 623 padding: 0; 624 background: transparent; 625 } 626 627 #wpadminbar #adminbarsearch { 628 position: relative; 629 height: 32px; 630 padding: 0 2px; 631 z-index: 1; 632 } 633 634 #wpadminbar #adminbarsearch:before { 635 position: absolute; 636 top: 6px; 637 left: 5px; 638 z-index: 20; 639 font: normal 20px/1 dashicons !important; 640 content: "\f179" / ''; 641 speak: never; 642 -webkit-font-smoothing: antialiased; 643 -moz-osx-font-smoothing: grayscale; 644 } 645 646 /* The admin bar search field needs to reset many styles that might be inherited from the active Theme CSS. See ticket #40313. */ 647 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input { 648 display: inline-block; 649 float: none; 650 position: relative; 651 z-index: 30; 652 font-size: 13px; 653 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 654 line-height: 1.84615384; 655 text-indent: 0; 656 height: 24px; 657 width: 24px; 658 max-width: none; 659 padding: 0 3px 0 24px; 660 margin: 0; 661 color: #c3c4c7; 662 background-color: rgba(255, 255, 255, 0); 663 border: none; 664 outline: none; 665 cursor: pointer; 666 box-shadow: none; 667 box-sizing: border-box; 668 transition-duration: 400ms; 669 transition-property: width, background; 670 transition-timing-function: ease; 671 } 672 673 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { 674 z-index: 10; 675 color: #000; 676 width: 200px; 677 background-color: rgba(255, 255, 255, 0.9); 678 cursor: text; 679 border: 0; 680 } 681 682 #wpadminbar #adminbarsearch .adminbar-button { 683 display: none; 684 } 685 686 /** 687 * Customize support classes 688 */ 689 .no-customize-support .hide-if-no-customize, 690 .customize-support .hide-if-customize, 691 .no-customize-support #wpadminbar .hide-if-no-customize, 692 .no-customize-support.wp-core-ui .hide-if-no-customize, 693 .no-customize-support .wp-core-ui .hide-if-no-customize, 694 .customize-support #wpadminbar .hide-if-customize, 695 .customize-support.wp-core-ui .hide-if-customize, 696 .customize-support .wp-core-ui .hide-if-customize { 697 display: none; 698 } 699 700 /* Skip link */ 701 #wpadminbar .screen-reader-text, 702 #wpadminbar .screen-reader-text span { 703 border: 0; 704 clip-path: inset(50%); 705 height: 1px; 706 margin: -1px; 707 overflow: hidden; 708 padding: 0; 709 position: absolute; 710 width: 1px; 711 word-wrap: normal !important; 712 } 713 714 #wpadminbar .screen-reader-shortcut { 715 position: absolute; 716 top: -1000em; 717 left: 6px; 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 } 730 731 #wpadminbar .screen-reader-shortcut:focus { 732 top: 7px; 733 background: #f0f0f1; 734 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 735 } 736 737 @media screen and (max-width: 782px) { 738 html { 739 --wp-admin--admin-bar--height: 46px; 740 } 741 742 /* Toolbar Touchification*/ 743 html #wpadminbar { 744 height: 46px; 745 min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */ 746 } 747 748 #wpadminbar * { 749 font-size: 14px; 750 font-weight: 400; 751 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 752 line-height: 2.28571428; 753 } 754 755 #wpadminbar .quicklinks > ul > li > a, 756 #wpadminbar .quicklinks .ab-empty-item { 757 padding: 0; 758 height: 46px; 759 line-height: 3.28571428; 760 width: auto; 761 } 762 763 #wpadminbar .ab-icon { 764 font: 40px/1 dashicons !important; 765 margin: 0; 766 padding: 0; 767 width: 52px; 768 height: 46px; 769 text-align: center; 770 } 771 772 #wpadminbar .ab-icon:before { 773 text-align: center; 774 } 775 776 #wpadminbar .ab-submenu { 777 padding: 0; 778 } 779 780 #wpadminbar #wp-admin-bar-site-name a.ab-item, 781 #wpadminbar #wp-admin-bar-my-sites a.ab-item, 782 #wpadminbar #wp-admin-bar-my-account a.ab-item { 783 text-overflow: clip; 784 } 785 786 #wpadminbar .quicklinks .menupop ul li .ab-item, 787 #wpadminbar .quicklinks .menupop ul li a strong, 788 #wpadminbar .quicklinks .menupop.hover ul li .ab-item, 789 #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item, 790 #wpadminbar .shortlink-input { 791 line-height: 1.6; 792 } 793 794 #wpadminbar .ab-label { 795 border: 0; 796 clip-path: inset(50%); 797 height: 1px; 798 margin: -1px; 799 overflow: hidden; 800 padding: 0; 801 position: absolute; 802 width: 1px; 803 word-wrap: normal !important; 804 } 805 806 #wpadminbar .menupop li:hover > .ab-sub-wrapper, 807 #wpadminbar .menupop li.hover > .ab-sub-wrapper { 808 margin-top: -46px; 809 } 810 811 #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item { 812 padding-right: 30px; 813 } 814 815 #wpadminbar .menupop .menupop > .ab-item:before { 816 top: 10px; 817 right: 6px; 818 } 819 820 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item { 821 font-size: 16px; 822 padding: 8px 16px; 823 } 824 825 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty { 826 display: none; 827 } 828 829 /* WP logo */ 830 #wpadminbar #wp-admin-bar-wp-logo > .ab-item { 831 padding: 0; 832 } 833 834 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon { 835 padding: 0; 836 width: 52px; 837 height: 46px; 838 text-align: center; 839 vertical-align: top; 840 } 841 842 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { 843 font: 28px/1 dashicons !important; 844 top: -3px; 845 } 846 847 #wpadminbar .ab-icon, 848 #wpadminbar .ab-item:before { 849 padding: 0; 850 } 851 852 /* My Sites and "Site Title" menu */ 853 #wpadminbar #wp-admin-bar-my-sites > .ab-item, 854 #wpadminbar #wp-admin-bar-site-name > .ab-item, 855 #wpadminbar #wp-admin-bar-site-editor > .ab-item, 856 #wpadminbar #wp-admin-bar-customize > .ab-item, 857 #wpadminbar #wp-admin-bar-edit > .ab-item, 858 #wpadminbar #wp-admin-bar-my-account > .ab-item { 859 text-indent: 100%; 860 white-space: nowrap; 861 overflow: hidden; 862 width: 52px; 863 padding: 0; 864 color: #a7aaad; /* @todo not needed? this text is hidden */ 865 position: relative; 866 } 867 868 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon, 869 #wpadminbar .ab-icon, 870 #wpadminbar .ab-item:before { 871 padding: 0; 872 margin-right: 0; 873 } 874 875 #wpadminbar #wp-admin-bar-edit > .ab-item:before, 876 #wpadminbar #wp-admin-bar-my-sites > .ab-item:before, 877 #wpadminbar #wp-admin-bar-site-name > .ab-item:before, 878 #wpadminbar #wp-admin-bar-site-editor > .ab-item:before, 879 #wpadminbar #wp-admin-bar-customize > .ab-item:before, 880 #wpadminbar #wp-admin-bar-my-account > .ab-item:before { 881 display: block; 882 text-indent: 0; 883 font: normal 32px/1 dashicons; 884 top: 7px; 885 width: 52px; 886 text-align: center; 887 -webkit-font-smoothing: antialiased; 888 -moz-osx-font-smoothing: grayscale; 889 } 890 891 #wpadminbar #wp-admin-bar-appearance { 892 margin-top: 0; 893 } 894 895 #wpadminbar .quicklinks li .blavatar:before { 896 display: none; 897 } 898 899 /* Search */ 900 #wpadminbar #wp-admin-bar-search { 901 display: none; 902 } 903 904 /* New Content */ 905 #wpadminbar #wp-admin-bar-new-content .ab-icon:before { 906 top: 0; 907 line-height: 1.26; 908 height: 46px !important; 909 text-align: center; 910 width: 52px; 911 display: block; 912 } 913 914 /* Updates */ 915 #wpadminbar #wp-admin-bar-updates { 916 text-align: center; 917 } 918 919 #wpadminbar #wp-admin-bar-updates .ab-icon:before { 920 top: 3px; 921 } 922 923 /* Comments */ 924 #wpadminbar #wp-admin-bar-comments .ab-icon { 925 margin: 0; 926 } 927 928 #wpadminbar #wp-admin-bar-comments .ab-icon:before { 929 display: block; 930 font-size: 34px; 931 height: 46px; 932 line-height: 1.38235294; 933 top: 0; 934 } 935 936 /* My Account */ 937 #wpadminbar #wp-admin-bar-my-account > a { 938 position: relative; 939 white-space: nowrap; 940 text-indent: 150%; /* More than 100% indention is needed since this element has padding */ 941 width: 28px; 942 padding: 0 10px; 943 overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */ 944 } 945 946 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { 947 position: absolute; 948 top: 13px; 949 right: 10px; 950 width: 26px; 951 height: 26px; 952 } 953 954 #wpadminbar #wp-admin-bar-user-actions.ab-submenu { 955 padding: 0; 956 } 957 958 #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar { 959 display: none; 960 } 961 962 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li { 963 margin: 0; 964 } 965 966 #wpadminbar #wp-admin-bar-user-info .display-name { 967 height: auto; 968 font-size: 16px; 969 line-height: 1.5; 970 color: #f0f0f1; 971 } 972 973 #wpadminbar #wp-admin-bar-user-info a { 974 padding-top: 4px; 975 } 976 977 #wpadminbar #wp-admin-bar-user-info .username { 978 line-height: 0.8 !important; 979 margin-bottom: -2px; 980 } 981 982 /* Show only default top level items */ 983 #wp-toolbar > ul > li { 984 display: none; 985 } 986 987 #wpadminbar li#wp-admin-bar-menu-toggle, 988 #wpadminbar li#wp-admin-bar-wp-logo, 989 #wpadminbar li#wp-admin-bar-my-sites, 990 #wpadminbar li#wp-admin-bar-updates, 991 #wpadminbar li#wp-admin-bar-site-name, 992 #wpadminbar li#wp-admin-bar-site-editor, 993 #wpadminbar li#wp-admin-bar-customize, 994 #wpadminbar li#wp-admin-bar-new-content, 995 #wpadminbar li#wp-admin-bar-edit, 996 #wpadminbar li#wp-admin-bar-comments, 997 #wpadminbar li#wp-admin-bar-my-account { 998 display: block; 999 } 1000 1001 /* Allow dropdown list items to appear normally */ 1002 #wpadminbar li:hover ul li, 1003 #wpadminbar li.hover ul li, 1004 #wpadminbar li:hover ul li:hover ul li { 1005 display: list-item; 1006 } 1007 1008 /* Override default min-width so dropdown lists aren't stretched 1009 to 100% viewport width at responsive sizes. */ 1010 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { 1011 min-width: fit-content; 1012 } 1013 1014 #wpadminbar ul#wp-admin-bar-root-default > li { 1015 margin-right: 0; 1016 } 1017 1018 /* Experimental fix for touch toolbar dropdown positioning */ 1019 #wpadminbar .ab-top-menu, 1020 #wpadminbar .ab-top-secondary, 1021 #wpadminbar #wp-admin-bar-wp-logo, 1022 #wpadminbar #wp-admin-bar-my-sites, 1023 #wpadminbar #wp-admin-bar-site-name, 1024 #wpadminbar #wp-admin-bar-updates, 1025 #wpadminbar #wp-admin-bar-comments, 1026 #wpadminbar #wp-admin-bar-new-content, 1027 #wpadminbar #wp-admin-bar-edit, 1028 #wpadminbar #wp-admin-bar-my-account { 1029 position: static; 1030 } 1031 1032 .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account { 1033 margin-right: 0; 1034 } 1035 1036 /* Realign arrows on taller responsive submenus */ 1037 1038 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before { 1039 top: 10px; 1040 left: 0; 1041 } 1042 } 1043 1044 /* Smartphone */ 1045 @media screen and (max-width: 600px) { 1046 #wpadminbar { 1047 position: absolute; 1048 } 1049 1050 #wp-responsive-overlay { 1051 position: fixed; 1052 top: 0; 1053 left: 0; 1054 width: 100%; 1055 height: 100%; 1056 z-index: 400; 1057 } 1058 1059 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { 1060 width: 100%; 1061 left: 0; 1062 } 1063 1064 #wpadminbar .menupop .menupop > .ab-item:before { 1065 display: none; 1066 } 1067 1068 #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper { 1069 margin-left: 0; 1070 } 1071 1072 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper { 1073 margin: 0; 1074 width: 100%; 1075 top: auto; 1076 left: auto; 1077 position: relative; 1078 } 1079 1080 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item { 1081 font-size: 16px; 1082 padding: 6px 15px 19px 30px; 1083 } 1084 1085 #wpadminbar li:hover ul li ul li { 1086 display: list-item; 1087 } 1088 1089 #wpadminbar li#wp-admin-bar-wp-logo, 1090 #wpadminbar li#wp-admin-bar-updates { 1091 display: none; 1092 } 1093 1094 /* Make submenus full-width at this size */ 1095 1096 #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper { 1097 position: static; 1098 box-shadow: none; 1099 } 1100 } 1101 1102 /* Very narrow screens */ 1103 @media screen and (max-width: 400px) { 1104 #wpadminbar li#wp-admin-bar-comments { 1105 display: none; 1106 } 1107 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Fri Oct 10 08:20:03 2025 | Cross-referenced by PHPXref |