[Summary view] [Print] [Text view]

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