[Summary view] [Print] [Text view]

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