[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  div.wp-menu-image::before {
 284      color: #a7aaad;
 285      color: rgba(240, 246, 252, 0.6);
 286      padding: 7px 0;
 287      transition: all 0.1s ease-in-out;
 288  }
 289  
 290  #adminmenu div.wp-menu-image::before {
 291      color: #a7aaad;
 292      color: rgba(240, 246, 252, 0.6);
 293  }
 294  
 295  #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image::before,
 296  #adminmenu .wp-has-current-submenu div.wp-menu-image::before,
 297  #adminmenu .current div.wp-menu-image::before,
 298  #adminmenu a.wp-has-current-submenu:hover div.wp-menu-image::before,
 299  #adminmenu a.current:hover div.wp-menu-image::before,
 300  #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image::before,
 301  #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image::before {
 302      color: #fff;
 303  }
 304  
 305  #adminmenu li:hover div.wp-menu-image::before,
 306  #adminmenu li a:focus div.wp-menu-image::before,
 307  #adminmenu li.opensub div.wp-menu-image::before {
 308      color: #72aee6;
 309  }
 310  
 311  .folded #adminmenu div.wp-menu-image {
 312      width: 35px;
 313      height: 30px;
 314      position: absolute;
 315      z-index: 25;
 316  }
 317  
 318  .folded #adminmenu a.menu-top {
 319      height: 34px;
 320  }
 321  
 322  /* Sticky admin menu */
 323  .sticky-menu #adminmenuwrap {
 324      position: fixed;
 325  }
 326  
 327  ul#adminmenu a.wp-has-current-submenu {
 328      position: relative;
 329  }
 330  
 331  ul#adminmenu a.wp-has-current-submenu::after,
 332  ul#adminmenu > li.current > a.current::after {
 333      right: 0;
 334      border: solid 8px transparent;
 335      content: " ";
 336      height: 0;
 337      width: 0;
 338      position: absolute;
 339      pointer-events: none;
 340      border-right-color: #f0f0f1;
 341      top: 50%;
 342      margin-top: -8px;
 343  }
 344  
 345  .folded ul#adminmenu li:hover a.wp-has-current-submenu::after,
 346  .folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu::after {
 347      display: none;
 348  }
 349  
 350  .folded ul#adminmenu a.wp-has-current-submenu::after,
 351  .folded ul#adminmenu > li a.current::after {
 352      border-width: 4px;
 353      margin-top: -4px;
 354  }
 355  
 356  /* flyout menu arrow */
 357  #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover::after,
 358  #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within::after {
 359      right: 0;
 360      border: 8px solid transparent;
 361      content: " ";
 362      height: 0;
 363      width: 0;
 364      position: absolute;
 365      pointer-events: none;
 366      top: 10px;
 367      z-index: 10000;
 368  }
 369  
 370  .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover::after,
 371  .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within::after {
 372      border-width: 4px;
 373      margin-top: -4px;
 374      top: 18px;
 375  }
 376  
 377  #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover::after,
 378  #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within::after {
 379      border-right-color: #2c3338;
 380  }
 381  
 382  #adminmenu li.menu-top:hover .wp-menu-image img,
 383  #adminmenu li.wp-has-current-submenu .wp-menu-image img {
 384      opacity: 1;
 385      filter: alpha(opacity=100);
 386  }
 387  
 388  #adminmenu li.wp-menu-separator {
 389      height: 5px;
 390      padding: 0;
 391      margin: 0 0 6px;
 392      cursor: inherit;
 393  }
 394  
 395  /* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
 396  #adminmenu div.separator {
 397      height: 2px;
 398      padding: 0;
 399  }
 400  
 401  #adminmenu .wp-submenu .wp-submenu-head {
 402      color: #fff;
 403      font-weight: 400;
 404      font-size: 14px;
 405      padding: 5px 4px 5px 11px;
 406      margin: -8px -1px 4px -5px;
 407      border-width: 3px 1px 3px 5px;
 408      border-style: solid;
 409      border-color: transparent;
 410  }
 411  
 412  .js #adminmenu .wp-submenu .wp-submenu-head {
 413      cursor: pointer;
 414  }
 415  
 416  #adminmenu li.current,
 417  .folded #adminmenu li.wp-menu-open {
 418      border: 0 none;
 419  }
 420  
 421  /* @todo: consider to use a single rule for these counters and the list table comments counters. */
 422  #adminmenu .menu-counter,
 423  #adminmenu .awaiting-mod,
 424  #adminmenu .update-plugins {
 425      display: inline-block;
 426      vertical-align: top;
 427      box-sizing: border-box;
 428      margin: 1px 0 -1px 2px;
 429      padding: 0 5px;
 430      min-width: 18px;
 431      height: 18px;
 432      border-radius: 9px;
 433      background-color: #d63638;
 434      color: #fff;
 435      font-size: 11px;
 436      line-height: 1.6;
 437      text-align: center;
 438      z-index: 26;
 439  }
 440  
 441  #adminmenu li.current a .awaiting-mod,
 442  #adminmenu li a.wp-has-current-submenu .update-plugins {
 443      background-color: #d63638;
 444      color: #fff;
 445  }
 446  
 447  #adminmenu li span.count-0 {
 448      display: none;
 449  }
 450  
 451  #collapse-button {
 452      display: block;
 453      width: 100%;
 454      height: 34px;
 455      margin: 0;
 456      border: none;
 457      padding: 0;
 458      position: relative;
 459      overflow: visible;
 460      background: none;
 461      color: #a7aaad;
 462      cursor: pointer;
 463  }
 464  
 465  #collapse-button:hover,
 466  #collapse-button:focus {
 467      color: #72aee6;
 468      box-shadow: inset 4px 0 0 0 currentColor;
 469      transition: box-shadow 0.1s linear;
 470  }
 471  
 472  #collapse-button:focus {
 473      /* Only visible in Windows High Contrast mode */
 474      outline: 1px solid transparent;
 475      outline-offset: -1px;
 476  }
 477  
 478  #collapse-button .collapse-button-icon,
 479  #collapse-button .collapse-button-label {
 480      /* absolutely positioned to avoid 1px shift in IE when button is pressed */
 481      display: block;
 482      position: absolute;
 483      top: 0;
 484      left: 0;
 485  }
 486  
 487  #collapse-button .collapse-button-label {
 488      top: 8px;
 489      padding: 0 0 0 36px;
 490  }
 491  
 492  #collapse-button .collapse-button-icon {
 493      width: 36px;
 494      height: 34px;
 495  }
 496  
 497  .folded #collapse-button .collapse-button-label {
 498      display: none;
 499  }
 500  
 501  #collapse-button .collapse-button-icon::after {
 502      content: "\f148";
 503      content: "\f148" / "";
 504      display: block;
 505      position: relative;
 506      top: 7px;
 507      text-align: center;
 508      font: 400 20px/1 dashicons !important;
 509      -webkit-font-smoothing: antialiased;
 510      -moz-osx-font-smoothing: grayscale;
 511  }
 512  
 513  /* rtl:ignore */
 514  .folded #collapse-button .collapse-button-icon::after,
 515  .rtl #collapse-button .collapse-button-icon::after {
 516      transform: rotate(180deg);
 517  }
 518  
 519  .rtl.folded #collapse-button .collapse-button-icon::after {
 520      transform: none;
 521  }
 522  
 523  #collapse-button .collapse-button-icon::after,
 524  #collapse-button .collapse-button-label {
 525      transition: all 0.1s ease-in-out;
 526  }
 527  
 528  li#wp-admin-bar-menu-toggle {
 529      display: none;
 530  }
 531  
 532  /* Hide-if-customize for items we can't add classes to */
 533  .customize-support #menu-appearance a[href="themes.php?page=custom-header"],
 534  .customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
 535      display: none;
 536  }
 537  
 538  /* Auto-folding of the admin menu */
 539  @media only screen and (max-width: 960px) {
 540      .auto-fold #wpcontent,
 541      .auto-fold #wpfooter {
 542          margin-left: 36px;
 543      }
 544  
 545      .auto-fold #adminmenuback,
 546      .auto-fold #adminmenuwrap,
 547      .auto-fold #adminmenu,
 548      .auto-fold #adminmenu li.menu-top {
 549          width: 36px;
 550      }
 551  
 552      .auto-fold #adminmenu .wp-submenu.sub-open,
 553      .auto-fold #adminmenu .opensub .wp-submenu,
 554      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 555      .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 556      .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 557      .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
 558          top: 0;
 559          left: 36px;
 560      }
 561  
 562      .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 563      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 564          position: absolute;
 565          top: -1000em;
 566          margin-right: -1px;
 567          padding: 6px 0;
 568          z-index: 9999;
 569      }
 570  
 571      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 572          min-width: 160px;
 573          width: auto;
 574          border: 1px solid transparent;
 575          border-left-width: 5px;
 576      }
 577  
 578      .auto-fold #adminmenu .wp-has-current-submenu li > a {
 579          padding-right: 16px;
 580          padding-left: 14px;
 581      }
 582  
 583      .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
 584          padding-left: 12px;
 585      }
 586  
 587      .auto-fold #adminmenu .wp-menu-name {
 588          position: absolute;
 589          left: -999px;
 590      }
 591  
 592      .auto-fold #adminmenu .wp-submenu-head {
 593          display: block;
 594      }
 595  
 596      .auto-fold #adminmenu div.wp-menu-image {
 597          height: 30px;
 598          width: 34px;
 599          position: absolute;
 600          z-index: 25;
 601      }
 602  
 603      .auto-fold #adminmenu a.menu-top {
 604          min-height: 34px;
 605      }
 606  
 607      .auto-fold #adminmenu li.wp-menu-open {
 608          border: 0 none;
 609      }
 610  
 611      .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
 612          margin-bottom: 0;
 613      }
 614  
 615      .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu::after,
 616      .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu::after {
 617          display: none;
 618      }
 619  
 620      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover::after,
 621      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within::after {
 622          border-width: 4px;
 623          margin-top: -4px;
 624          top: 16px;
 625      }
 626  
 627      .auto-fold ul#adminmenu a.wp-has-current-submenu::after,
 628      .auto-fold ul#adminmenu > li a.current::after {
 629          border-width: 4px;
 630          margin-top: -4px;
 631      }
 632  
 633      .auto-fold #adminmenu li.menu-top:hover,
 634      .auto-fold #adminmenu li.opensub > a.menu-top,
 635      .auto-fold #adminmenu li > a.menu-top:focus {
 636          z-index: 10000;
 637      }
 638  
 639      .auto-fold #collapse-menu .collapse-button-label {
 640          display: none;
 641      }
 642  
 643      /* rtl:ignore */
 644      .auto-fold #collapse-button .collapse-button-icon::after {
 645          transform: rotate(180deg);
 646      }
 647  
 648      .rtl.auto-fold #collapse-button .collapse-button-icon::after {
 649          transform: none;
 650      }
 651  
 652  }
 653  
 654  @media screen and (max-width: 782px) {
 655      .auto-fold #wpcontent {
 656          position: relative;
 657          margin-left: 0;
 658          padding-left: 10px;
 659      }
 660  
 661      .sticky-menu #adminmenuwrap {
 662          position: relative;
 663          z-index: auto;
 664          top: 0;
 665      }
 666  
 667      /* Sidebar Adjustments */
 668      .auto-fold #adminmenu,
 669      .auto-fold #adminmenuback,
 670      .auto-fold #adminmenuwrap {
 671          position: absolute;
 672          width: 190px;
 673          z-index: 100;
 674      }
 675  
 676      .auto-fold #adminmenuback {
 677          position: fixed;
 678      }
 679  
 680      .auto-fold #adminmenuback,
 681      .auto-fold #adminmenuwrap {
 682          display: none;
 683      }
 684  
 685      .auto-fold .wp-responsive-open #adminmenuback,
 686      .auto-fold .wp-responsive-open #adminmenuwrap {
 687          display: block;
 688      }
 689  
 690      .auto-fold #adminmenu li.menu-top {
 691          width: 100%;
 692      }
 693  
 694      /* Resize the admin menu items to a comfortable touch size */
 695      .auto-fold #adminmenu li a {
 696          font-size: 16px;
 697          padding: 5px;
 698      }
 699  
 700      .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
 701          padding: 10px 10px 10px 20px;
 702      }
 703  
 704      /* Restore the menu names */
 705      .auto-fold #adminmenu .wp-menu-name {
 706          position: static;
 707      }
 708  
 709      /* Switch the arrow side */
 710      .auto-fold ul#adminmenu a.wp-has-current-submenu::after,
 711      .auto-fold ul#adminmenu > li.current > a.current::after {
 712          border-width: 8px;
 713          margin-top: -8px;
 714      }
 715  
 716      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover::after,
 717      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within::after {
 718          display: none;
 719      }
 720  
 721      /* Make the submenus appear correctly when tapped. */
 722      #adminmenu .wp-submenu {
 723          position: relative;
 724          display: none;
 725      }
 726  
 727      .auto-fold #adminmenu .selected .wp-submenu,
 728      .auto-fold #adminmenu .wp-menu-open .wp-submenu {
 729          position: relative;
 730          display: block;
 731          top: 0;
 732          left: -1px;
 733          box-shadow: none;
 734      }
 735  
 736      .auto-fold #adminmenu .selected .wp-submenu::after,
 737      .auto-fold #adminmenu .wp-menu-open .wp-submenu::after {
 738          display: none;
 739      }
 740  
 741      .auto-fold #adminmenu .opensub .wp-submenu {
 742          display: none;
 743      }
 744  
 745      .auto-fold #adminmenu .selected .wp-submenu {
 746          display: block;
 747      }
 748  
 749      .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu::after,
 750      .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu::after {
 751          display: block;
 752      }
 753  
 754      .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 755      .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
 756          position: relative;
 757          left: -1px;
 758          right: 0;
 759          top: 0;
 760      }
 761  
 762      #adminmenu .wp-not-current-submenu .wp-submenu,
 763      .folded #adminmenu .wp-has-current-submenu .wp-submenu,
 764      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 765          border: none;
 766      }
 767  
 768      /* Remove submenu headers and adjust sub meu*/
 769      #adminmenu .wp-submenu .wp-submenu-head {
 770          display: none;
 771      }
 772  
 773      /* Toolbar menu toggle */
 774      #wp-responsive-toggle {
 775          position: fixed;
 776          top: 5px;
 777          left: 4px;
 778          padding-right: 10px;
 779          z-index: 99999;
 780          border: none;
 781          box-sizing: border-box;
 782      }
 783  
 784      #wpadminbar #wp-admin-bar-menu-toggle a {
 785          display: block;
 786          padding: 0;
 787          overflow: hidden;
 788          outline: none;
 789          text-decoration: none;
 790          border: 1px solid transparent;
 791          background: none;
 792          height: 44px;
 793          margin-left: -1px;
 794      }
 795  
 796      .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
 797          background: #2c3338;
 798      }
 799  
 800      li#wp-admin-bar-menu-toggle {
 801          display: block;
 802      }
 803  
 804      #wpadminbar #wp-admin-bar-menu-toggle a:hover {
 805          border: 1px solid transparent;
 806      }
 807  
 808      #wpadminbar #wp-admin-bar-menu-toggle .ab-icon::before {
 809          content: "\f228";
 810          display: inline-block;
 811          float: left;
 812          font: 400 40px/45px dashicons;
 813          vertical-align: middle;
 814          outline: none;
 815          margin: 0;
 816          -webkit-font-smoothing: antialiased;
 817          -moz-osx-font-smoothing: grayscale;
 818          height: 44px;
 819          width: 50px;
 820          padding: 0;
 821          border: none;
 822          text-align: center;
 823          text-decoration: none;
 824          box-sizing: border-box;
 825      }
 826  
 827      .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon::before {
 828          color: #72aee6;
 829      }
 830  }
 831  
 832  /* Smartphone */
 833  @media screen and (max-width: 600px) {
 834      #adminmenuwrap,
 835      #adminmenuback {
 836          display: none;
 837      }
 838  
 839      .wp-responsive-open #adminmenuwrap,
 840      .wp-responsive-open #adminmenuback {
 841          display: block;
 842      }
 843  
 844      .auto-fold #adminmenu {
 845          top: 46px;
 846      }
 847  }