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