admin-menu.css (19925B)
1 #adminmenuback, 2 #adminmenuwrap, 3 #adminmenu, 4 #adminmenu .wp-submenu { 5 width: 160px; 6 background-color: #1d2327; 7 } 8 9 #adminmenuback { 10 position: fixed; 11 top: 0; 12 bottom: -120px; 13 z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */ 14 } 15 16 .php-error #adminmenuback { 17 position: absolute; 18 } 19 20 .php-error #adminmenuback, 21 .php-error #adminmenuwrap { 22 margin-top: 2em; 23 } 24 25 #adminmenu { 26 clear: left; 27 margin: 12px 0; 28 padding: 0; 29 list-style: none; 30 } 31 32 .folded #adminmenuback, 33 .folded #adminmenuwrap, 34 .folded #adminmenu, 35 .folded #adminmenu li.menu-top { 36 width: 36px; 37 } 38 39 .icon16 { 40 height: 18px; 41 width: 18px; 42 padding: 6px 6px; 43 margin: -6px 0 0 -8px; 44 float: left; 45 } 46 47 /* New Menu icons */ 48 49 .icon16:before { 50 color: #8c8f94; /* same as new icons */ 51 font: normal 20px/1 dashicons; 52 speak: never; 53 padding: 6px 0; 54 height: 34px; 55 width: 20px; 56 display: inline-block; 57 -webkit-font-smoothing: antialiased; 58 -moz-osx-font-smoothing: grayscale; 59 transition: all .1s ease-in-out; 60 } 61 62 .icon16.icon-dashboard:before { 63 content: "\f226"; 64 } 65 66 .icon16.icon-post:before { 67 content: "\f109"; 68 } 69 70 .icon16.icon-media:before { 71 content: "\f104"; 72 } 73 74 .icon16.icon-links:before { 75 content: "\f103"; 76 } 77 78 .icon16.icon-page:before { 79 content: "\f105"; 80 } 81 82 .icon16.icon-comments:before { 83 content: "\f101"; 84 margin-top: 1px; 85 } 86 87 .icon16.icon-appearance:before { 88 content: "\f100"; 89 } 90 91 .icon16.icon-plugins:before { 92 content: "\f106"; 93 } 94 95 .icon16.icon-users:before { 96 content: "\f110"; 97 } 98 99 .icon16.icon-tools:before { 100 content: "\f107"; 101 } 102 103 .icon16.icon-settings:before { 104 content: "\f108"; 105 } 106 107 .icon16.icon-site:before { 108 content: "\f541"; 109 } 110 111 .icon16.icon-generic:before { 112 content: "\f111"; 113 } 114 115 /* hide background-image for icons above */ 116 .icon16.icon-dashboard, 117 .menu-icon-dashboard div.wp-menu-image, 118 .icon16.icon-post, 119 .menu-icon-post div.wp-menu-image, 120 .icon16.icon-media, 121 .menu-icon-media div.wp-menu-image, 122 .icon16.icon-links, 123 .menu-icon-links div.wp-menu-image, 124 .icon16.icon-page, 125 .menu-icon-page div.wp-menu-image, 126 .icon16.icon-comments, 127 .menu-icon-comments div.wp-menu-image, 128 .icon16.icon-appearance, 129 .menu-icon-appearance div.wp-menu-image, 130 .icon16.icon-plugins, 131 .menu-icon-plugins div.wp-menu-image, 132 .icon16.icon-users, 133 .menu-icon-users div.wp-menu-image, 134 .icon16.icon-tools, 135 .menu-icon-tools div.wp-menu-image, 136 .icon16.icon-settings, 137 .menu-icon-settings div.wp-menu-image, 138 .icon16.icon-site, 139 .menu-icon-site div.wp-menu-image, 140 .icon16.icon-generic, 141 .menu-icon-generic div.wp-menu-image { 142 background-image: none !important; 143 } 144 145 /*------------------------------------------------------------------------------ 146 7.0 - Main Navigation (Left Menu) 147 ------------------------------------------------------------------------------*/ 148 149 #adminmenuwrap { 150 position: relative; 151 float: left; 152 z-index: 9990; 153 } 154 155 /* side admin menu */ 156 #adminmenu * { 157 -webkit-user-select: none; 158 user-select: none; 159 } 160 161 #adminmenu li { 162 margin: 0; 163 padding: 0; 164 cursor: pointer; 165 } 166 167 #adminmenu a { 168 display: block; 169 line-height: 1.3; 170 padding: 2px 5px; 171 color: #f0f0f1; 172 } 173 174 #adminmenu .wp-submenu a { 175 color: #c3c4c7; 176 color: rgba(240, 246, 252, 0.7); 177 font-size: 13px; 178 line-height: 1.4; 179 margin: 0; 180 padding: 5px 0; 181 } 182 183 #adminmenu .wp-submenu a:hover, 184 #adminmenu .wp-submenu a:focus { 185 background: none; 186 } 187 188 #adminmenu a:hover, 189 #adminmenu li.menu-top > a:focus, 190 #adminmenu .wp-submenu a:hover, 191 #adminmenu .wp-submenu a:focus { 192 color: #72aee6; 193 } 194 195 #adminmenu a:hover, 196 #adminmenu a:focus, 197 .folded #adminmenu .wp-submenu-head:hover { 198 box-shadow: inset 4px 0 0 0 currentColor; 199 transition: box-shadow .1s linear; 200 } 201 202 #adminmenu li.menu-top { 203 border: none; 204 min-height: 34px; 205 position: relative; 206 } 207 208 #adminmenu .wp-submenu { 209 list-style: none; 210 position: absolute; 211 top: -1000em; 212 left: 160px; 213 overflow: visible; 214 word-wrap: break-word; 215 padding: 7px 0 8px; 216 z-index: 9999; 217 background-color: #2c3338; 218 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); 219 } 220 221 .js #adminmenu .sub-open, 222 .js #adminmenu .opensub .wp-submenu, 223 #adminmenu a.menu-top:focus + .wp-submenu, 224 .no-js li.wp-has-submenu:hover .wp-submenu { 225 top: -1px; 226 } 227 228 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu { 229 top: 0; 230 } 231 232 #adminmenu .wp-has-current-submenu .wp-submenu, 233 .no-js li.wp-has-current-submenu:hover .wp-submenu, 234 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, 235 #adminmenu .wp-has-current-submenu.opensub .wp-submenu { 236 position: relative; 237 z-index: 3; 238 top: auto; 239 left: auto; 240 right: auto; 241 bottom: auto; 242 border: 0 none; 243 margin-top: 0; 244 box-shadow: none; 245 } 246 247 .folded #adminmenu .wp-has-current-submenu .wp-submenu { 248 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); 249 } 250 251 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */ 252 #adminmenu li.menu-top:hover, 253 #adminmenu li.opensub > a.menu-top, 254 #adminmenu li > a.menu-top:focus { 255 position: relative; 256 background-color: #1d2327; 257 color: #72aee6; 258 } 259 260 .folded #adminmenu li.menu-top:hover, 261 .folded #adminmenu li.opensub > a.menu-top, 262 .folded #adminmenu li > a.menu-top:focus { 263 z-index: 10000; 264 } 265 266 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, 267 #adminmenu li.current a.menu-top, 268 #adminmenu .wp-menu-arrow, 269 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, 270 #adminmenu .wp-menu-arrow div { 271 background: #2271b1; 272 color: #fff; 273 } 274 275 .folded #adminmenu .wp-submenu.sub-open, 276 .folded #adminmenu .opensub .wp-submenu, 277 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, 278 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu, 279 .folded #adminmenu a.menu-top:focus + .wp-submenu, 280 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, 281 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu { 282 top: 0; 283 left: 36px; 284 } 285 286 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, 287 .folded #adminmenu .wp-has-current-submenu .wp-submenu { 288 position: absolute; 289 top: -1000em; 290 } 291 292 #adminmenu .wp-not-current-submenu .wp-submenu, 293 .folded #adminmenu .wp-has-current-submenu .wp-submenu { 294 min-width: 160px; 295 width: auto; 296 border-left: 5px solid transparent; 297 } 298 299 #adminmenu .wp-submenu li.current, 300 #adminmenu .wp-submenu li.current a, 301 #adminmenu .opensub .wp-submenu li.current a, 302 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, 303 #adminmenu .wp-submenu li.current a:hover, 304 #adminmenu .wp-submenu li.current a:focus { 305 color: #fff; 306 } 307 308 #adminmenu .wp-not-current-submenu li > a, 309 .folded #adminmenu .wp-has-current-submenu li > a { 310 padding-right: 16px; 311 padding-left: 14px; 312 /* Exclude from the transition the outline for Windows High Contrast mode */ 313 transition: all .1s ease-in-out, outline 0s; 314 } 315 316 #adminmenu .wp-has-current-submenu ul > li > a, 317 .folded #adminmenu li.menu-top .wp-submenu > li > a { 318 padding: 5px 12px; 319 } 320 321 #adminmenu a.menu-top, 322 #adminmenu .wp-submenu-head { 323 font-size: 14px; 324 font-weight: 400; 325 line-height: 1.3; 326 padding: 0; 327 } 328 329 #adminmenu .wp-submenu-head { 330 display: none; 331 } 332 333 .folded #adminmenu .wp-menu-name { 334 position: absolute; 335 left: -999px; 336 } 337 338 .folded #adminmenu .wp-submenu-head { 339 display: block; 340 } 341 342 #adminmenu .wp-submenu li { 343 padding: 0; 344 margin: 0; 345 } 346 347 #adminmenu .wp-menu-image img { 348 padding: 9px 0 0 0; 349 opacity: 0.6; 350 filter: alpha(opacity=60); 351 } 352 353 #adminmenu div.wp-menu-name { 354 padding: 8px 8px 8px 36px; 355 overflow-wrap: break-word; 356 word-wrap: break-word; 357 -ms-word-break: break-all; 358 word-break: break-word; 359 -webkit-hyphens: auto; 360 hyphens: auto; 361 } 362 363 #adminmenu div.wp-menu-image { 364 float: left; 365 width: 36px; 366 height: 34px; 367 margin: 0; 368 text-align: center; 369 } 370 371 #adminmenu div.wp-menu-image.svg { 372 background-repeat: no-repeat; 373 background-position: center; 374 background-size: 20px auto; 375 } 376 377 div.wp-menu-image:before { 378 color: #a7aaad; 379 color: rgba(240, 246, 252, 0.6); 380 padding: 7px 0; 381 transition: all .1s ease-in-out; 382 } 383 384 #adminmenu div.wp-menu-image:before { 385 color: #a7aaad; 386 color: rgba(240, 246, 252, 0.6); 387 } 388 389 #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before, 390 #adminmenu .wp-has-current-submenu div.wp-menu-image:before, 391 #adminmenu .current div.wp-menu-image:before, 392 #adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before, 393 #adminmenu a.current:hover div.wp-menu-image:before, 394 #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before, 395 #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before { 396 color: #fff; 397 } 398 399 #adminmenu li:hover div.wp-menu-image:before, 400 #adminmenu li a:focus div.wp-menu-image:before, 401 #adminmenu li.opensub div.wp-menu-image:before { 402 color: #72aee6; 403 } 404 405 .folded #adminmenu div.wp-menu-image { 406 width: 35px; 407 height: 30px; 408 position: absolute; 409 z-index: 25; 410 } 411 412 .folded #adminmenu a.menu-top { 413 height: 34px; 414 } 415 416 /* Sticky admin menu */ 417 .sticky-menu #adminmenuwrap { 418 position: fixed; 419 } 420 421 /* A new arrow */ 422 423 .wp-menu-arrow { 424 display: none !important; 425 } 426 427 ul#adminmenu a.wp-has-current-submenu { 428 position: relative; 429 } 430 431 ul#adminmenu a.wp-has-current-submenu:after, 432 ul#adminmenu > li.current > a.current:after { 433 right: 0; 434 border: solid 8px transparent; 435 content: " "; 436 height: 0; 437 width: 0; 438 position: absolute; 439 pointer-events: none; 440 border-right-color: #f0f0f1; 441 top: 50%; 442 margin-top: -8px; 443 } 444 445 .folded ul#adminmenu li:hover a.wp-has-current-submenu:after, 446 .folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after { 447 display: none; 448 } 449 450 .folded ul#adminmenu a.wp-has-current-submenu:after, 451 .folded ul#adminmenu > li a.current:after { 452 border-width: 4px; 453 margin-top: -4px; 454 } 455 456 /* flyout menu arrow */ 457 #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after, 458 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { 459 right: 0; 460 border: 8px solid transparent; 461 content: " "; 462 height: 0; 463 width: 0; 464 position: absolute; 465 pointer-events: none; 466 top: 10px; 467 z-index: 10000; 468 } 469 470 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after, 471 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { 472 border-width: 4px; 473 margin-top: -4px; 474 top: 18px; 475 } 476 477 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after, 478 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { 479 border-right-color: #2c3338; 480 } 481 482 #adminmenu li.menu-top:hover .wp-menu-image img, 483 #adminmenu li.wp-has-current-submenu .wp-menu-image img { 484 opacity: 1; 485 filter: alpha(opacity=100); 486 } 487 488 #adminmenu li.wp-menu-separator { 489 height: 5px; 490 padding: 0; 491 margin: 0 0 6px 0; 492 cursor: inherit; 493 } 494 495 /* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */ 496 #adminmenu div.separator { 497 height: 2px; 498 padding: 0; 499 } 500 501 #adminmenu .wp-submenu .wp-submenu-head { 502 color: #fff; 503 font-weight: 400; 504 font-size: 14px; 505 padding: 5px 4px 5px 11px; 506 margin: -7px 0px 4px -5px; 507 border-width: 3px 0 3px 5px; 508 border-style: solid; 509 border-color: transparent; 510 } 511 512 #adminmenu li.current, 513 .folded #adminmenu li.wp-menu-open { 514 border: 0 none; 515 } 516 517 /* @todo: consider to use a single rule for these counters and the list table comments counters. */ 518 #adminmenu .awaiting-mod, 519 #adminmenu .update-plugins { 520 display: inline-block; 521 vertical-align: top; 522 box-sizing: border-box; 523 margin: 1px 0 -1px 2px; 524 padding: 0 5px; 525 min-width: 18px; 526 height: 18px; 527 border-radius: 9px; 528 background-color: #d63638; 529 color: #fff; 530 font-size: 11px; 531 line-height: 1.6; 532 text-align: center; 533 z-index: 26; 534 } 535 536 #adminmenu li.current a .awaiting-mod, 537 #adminmenu li a.wp-has-current-submenu .update-plugins { 538 background-color: #d63638; 539 color: #fff; 540 } 541 542 #adminmenu li span.count-0 { 543 display: none; 544 } 545 546 #collapse-button { 547 display: block; 548 width: 100%; 549 height: 34px; 550 margin: 0; 551 border: none; 552 padding: 0; 553 position: relative; 554 overflow: visible; 555 background: none; 556 color: #a7aaad; 557 cursor: pointer; 558 } 559 560 #collapse-button:hover { 561 color: #72aee6; 562 } 563 564 #collapse-button:focus { 565 color: #72aee6; 566 /* Only visible in Windows High Contrast mode */ 567 outline: 1px solid transparent; 568 outline-offset: -1px; 569 } 570 571 #collapse-button .collapse-button-icon, 572 #collapse-button .collapse-button-label { 573 /* absolutely positioned to avoid 1px shift in IE when button is pressed */ 574 display: block; 575 position: absolute; 576 top: 0; 577 left: 0; 578 } 579 580 #collapse-button .collapse-button-label { 581 top: 8px; 582 } 583 584 #collapse-button .collapse-button-icon { 585 width: 36px; 586 height: 34px; 587 } 588 589 #collapse-button .collapse-button-label { 590 padding: 0 0 0 36px; 591 } 592 593 .folded #collapse-button .collapse-button-label { 594 display: none; 595 } 596 597 #collapse-button .collapse-button-icon:after { 598 content: "\f148"; 599 display: block; 600 position: relative; 601 top: 7px; 602 text-align: center; 603 font: normal 20px/1 dashicons !important; 604 speak: never; 605 -webkit-font-smoothing: antialiased; 606 -moz-osx-font-smoothing: grayscale; 607 } 608 609 /* rtl:ignore */ 610 .folded #collapse-button .collapse-button-icon:after, 611 .rtl #collapse-button .collapse-button-icon:after { 612 transform: rotate(180deg); 613 } 614 615 .rtl.folded #collapse-button .collapse-button-icon:after { 616 transform: none; 617 } 618 619 #collapse-button .collapse-button-icon:after, 620 #collapse-button .collapse-button-label { 621 transition: all .1s ease-in-out; 622 } 623 624 /** 625 * Toolbar menu toggle 626 */ 627 li#wp-admin-bar-menu-toggle { 628 display: none; 629 } 630 631 /* Hide-if-customize for items we can't add classes to */ 632 .customize-support #menu-appearance a[href="themes.php?page=custom-header"], 633 .customize-support #menu-appearance a[href="themes.php?page=custom-background"] { 634 display: none; 635 } 636 637 /* Auto-folding of the admin menu */ 638 @media only screen and (max-width: 960px) { 639 .auto-fold #wpcontent, 640 .auto-fold #wpfooter { 641 margin-left: 36px; 642 } 643 644 .auto-fold #adminmenuback, 645 .auto-fold #adminmenuwrap, 646 .auto-fold #adminmenu, 647 .auto-fold #adminmenu li.menu-top { 648 width: 36px; 649 } 650 651 .auto-fold #adminmenu .wp-submenu.sub-open, 652 .auto-fold #adminmenu .opensub .wp-submenu, 653 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, 654 .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu, 655 .auto-fold #adminmenu a.menu-top:focus + .wp-submenu, 656 .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu { 657 top: 0px; 658 left: 36px; 659 } 660 661 .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, 662 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { 663 position: absolute; 664 top: -1000em; 665 margin-right: -1px; 666 padding: 7px 0 8px; 667 z-index: 9999; 668 } 669 670 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { 671 min-width: 150px; 672 width: auto; 673 } 674 675 .auto-fold #adminmenu .wp-has-current-submenu li > a { 676 padding-right: 16px; 677 padding-left: 14px; 678 } 679 680 681 .auto-fold #adminmenu li.menu-top .wp-submenu > li > a { 682 padding-left: 12px; 683 } 684 685 .auto-fold #adminmenu .wp-menu-name { 686 position: absolute; 687 left: -999px; 688 } 689 690 .auto-fold #adminmenu .wp-submenu-head { 691 display: block; 692 } 693 694 .auto-fold #adminmenu div.wp-menu-image { 695 height: 30px; 696 width: 34px; 697 position: absolute; 698 z-index: 25; 699 } 700 701 .auto-fold #adminmenu a.menu-top { 702 min-height: 34px; 703 } 704 705 .auto-fold #adminmenu li.wp-menu-open { 706 border: 0 none; 707 } 708 709 .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last { 710 margin-bottom: 0; 711 } 712 713 .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after, 714 .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after { 715 display: none; 716 } 717 718 .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after, 719 .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { 720 border-width: 4px; 721 margin-top: -4px; 722 top: 16px; 723 } 724 725 .auto-fold ul#adminmenu a.wp-has-current-submenu:after, 726 .auto-fold ul#adminmenu > li a.current:after { 727 border-width: 4px; 728 margin-top: -4px; 729 } 730 731 .auto-fold #adminmenu li.menu-top:hover, 732 .auto-fold #adminmenu li.opensub > a.menu-top, 733 .auto-fold #adminmenu li > a.menu-top:focus { 734 z-index: 10000; 735 } 736 737 .auto-fold #collapse-menu .collapse-button-label { 738 display: none; 739 } 740 741 /* rtl:ignore */ 742 .auto-fold #collapse-button .collapse-button-icon:after { 743 transform: rotate(180deg); 744 } 745 746 .rtl.auto-fold #collapse-button .collapse-button-icon:after { 747 transform: none; 748 } 749 750 } 751 752 @media screen and (max-width: 782px) { 753 .auto-fold #wpcontent { 754 position: relative; 755 margin-left: 0; 756 padding-left: 10px; 757 } 758 759 .sticky-menu #adminmenuwrap { 760 position: relative; 761 z-index: auto; 762 top: 0; 763 } 764 765 /* Sidebar Adjustments */ 766 .auto-fold #adminmenu, 767 .auto-fold #adminmenuback, 768 .auto-fold #adminmenuwrap { 769 position: absolute; 770 width: 190px; 771 z-index: 100; 772 } 773 774 .auto-fold #adminmenuback { 775 position: fixed; 776 } 777 778 .auto-fold #adminmenuback, 779 .auto-fold #adminmenuwrap { 780 display: none; 781 } 782 783 .auto-fold .wp-responsive-open #adminmenuback, 784 .auto-fold .wp-responsive-open #adminmenuwrap { 785 display: block; 786 } 787 788 .auto-fold #adminmenu li.menu-top { 789 width: 100%; 790 } 791 792 /* Resize the admin menu items to a comfortable touch size */ 793 .auto-fold #adminmenu li a { 794 font-size: 16px; 795 padding: 5px; 796 } 797 798 .auto-fold #adminmenu li.menu-top .wp-submenu > li > a { 799 padding: 10px 10px 10px 20px; 800 } 801 802 /* Restore the menu names */ 803 .auto-fold #adminmenu .wp-menu-name { 804 position: static; 805 } 806 807 /* Switch the arrow side */ 808 .auto-fold ul#adminmenu a.wp-has-current-submenu:after, 809 .auto-fold ul#adminmenu > li.current > a.current:after { 810 border-width: 8px; 811 margin-top: -8px; 812 } 813 814 .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after, 815 .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { 816 display: none; 817 } 818 819 /* Make the submenus appear correctly when tapped. */ 820 #adminmenu .wp-submenu { 821 position: relative; 822 display: none; 823 } 824 825 .auto-fold #adminmenu .selected .wp-submenu, 826 .auto-fold #adminmenu .wp-menu-open .wp-submenu { 827 position: relative; 828 display: block; 829 top: 0; 830 left: -1px; 831 box-shadow: none; 832 } 833 834 .auto-fold #adminmenu .selected .wp-submenu:after, 835 .auto-fold #adminmenu .wp-menu-open .wp-submenu:after { 836 display: none; 837 } 838 839 .auto-fold #adminmenu .opensub .wp-submenu { 840 display: none; 841 } 842 843 .auto-fold #adminmenu .selected .wp-submenu { 844 display: block; 845 } 846 847 .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after, 848 .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after { 849 display: block; 850 } 851 852 .auto-fold #adminmenu a.menu-top:focus + .wp-submenu, 853 .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu { 854 position: relative; 855 left: -1px; 856 right: 0; 857 top: 0; 858 } 859 860 #adminmenu .wp-not-current-submenu .wp-submenu, 861 .folded #adminmenu .wp-has-current-submenu .wp-submenu { 862 border-left: none; 863 } 864 865 /* Remove submenu headers and adjust sub meu*/ 866 #adminmenu .wp-submenu .wp-submenu-head { 867 display: none; 868 } 869 870 /* Toolbar menu toggle */ 871 #wp-responsive-toggle { 872 position: fixed; 873 top: 5px; 874 left: 4px; 875 padding-right: 10px; 876 z-index: 99999; 877 border: none; 878 box-sizing: border-box; 879 } 880 881 #wpadminbar #wp-admin-bar-menu-toggle a { 882 display: block; 883 padding: 0; 884 overflow: hidden; 885 outline: none; 886 text-decoration: none; 887 border: 1px solid transparent; 888 background: none; 889 height: 44px; 890 margin-left: -1px; 891 } 892 893 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { 894 background: #2c3338; 895 } 896 897 li#wp-admin-bar-menu-toggle { 898 display: block; 899 } 900 901 #wpadminbar #wp-admin-bar-menu-toggle a:hover { 902 border: 1px solid transparent; 903 } 904 905 #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { 906 content: "\f228"; 907 display: inline-block; 908 float: left; 909 font: normal 40px/45px dashicons; 910 vertical-align: middle; 911 outline: none; 912 margin: 0; 913 -webkit-font-smoothing: antialiased; 914 -moz-osx-font-smoothing: grayscale; 915 height: 44px; 916 width: 50px; 917 padding: 0; 918 border: none; 919 text-align: center; 920 text-decoration: none; 921 box-sizing: border-box; 922 } 923 924 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { 925 color: #72aee6; 926 } 927 } 928 929 /* Smartphone */ 930 @media screen and (max-width: 600px) { 931 #adminmenuwrap, 932 #adminmenuback { 933 display: none; 934 } 935 936 .wp-responsive-open #adminmenuwrap, 937 .wp-responsive-open #adminmenuback { 938 display: block; 939 } 940 941 .auto-fold #adminmenu { 942 top: 46px; 943 } 944 }