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