[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  #collapse-button:focus {
 475      color: #72aee6;
 476      box-shadow: inset 4px 0 0 0 currentColor;
 477      transition: box-shadow .1s linear;
 478  }
 479  
 480  #collapse-button:focus {
 481      /* Only visible in Windows High Contrast mode */
 482      outline: 1px solid transparent;
 483      outline-offset: -1px;
 484  }
 485  
 486  #collapse-button .collapse-button-icon,
 487  #collapse-button .collapse-button-label {
 488      /* absolutely positioned to avoid 1px shift in IE when button is pressed */
 489      display: block;
 490      position: absolute;
 491      top: 0;
 492      left: 0;
 493  }
 494  
 495  #collapse-button .collapse-button-label {
 496      top: 8px;
 497  }
 498  
 499  #collapse-button .collapse-button-icon {
 500      width: 36px;
 501      height: 34px;
 502  }
 503  
 504  #collapse-button .collapse-button-label {
 505      padding: 0 0 0 36px;
 506  }
 507  
 508  .folded #collapse-button .collapse-button-label {
 509      display: none;
 510  }
 511  
 512  #collapse-button .collapse-button-icon:after {
 513      content: "\f148";
 514      content: "\f148" / '';
 515      display: block;
 516      position: relative;
 517      top: 7px;
 518      text-align: center;
 519      font: normal 20px/1 dashicons !important;
 520      -webkit-font-smoothing: antialiased;
 521      -moz-osx-font-smoothing: grayscale;
 522  }
 523  
 524  /* rtl:ignore */
 525  .folded #collapse-button .collapse-button-icon:after,
 526  .rtl #collapse-button .collapse-button-icon:after {
 527      transform: rotate(180deg);
 528  }
 529  
 530  .rtl.folded #collapse-button .collapse-button-icon:after {
 531      transform: none;
 532  }
 533  
 534  #collapse-button .collapse-button-icon:after,
 535  #collapse-button .collapse-button-label {
 536      transition: all .1s ease-in-out;
 537  }
 538  
 539  /**
 540   * Toolbar menu toggle
 541   */
 542  li#wp-admin-bar-menu-toggle {
 543      display: none;
 544  }
 545  
 546  /* Hide-if-customize for items we can't add classes to */
 547  .customize-support #menu-appearance a[href="themes.php?page=custom-header"],
 548  .customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
 549      display: none;
 550  }
 551  
 552  /* Auto-folding of the admin menu */
 553  @media only screen and (max-width: 960px) {
 554      .auto-fold #wpcontent,
 555      .auto-fold #wpfooter {
 556          margin-left: 36px;
 557      }
 558  
 559      .auto-fold #adminmenuback,
 560      .auto-fold #adminmenuwrap,
 561      .auto-fold #adminmenu,
 562      .auto-fold #adminmenu li.menu-top {
 563          width: 36px;
 564      }
 565  
 566      .auto-fold #adminmenu .wp-submenu.sub-open,
 567      .auto-fold #adminmenu .opensub .wp-submenu,
 568      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 569      .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 570      .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 571      .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
 572          top: 0;
 573          left: 36px;
 574      }
 575  
 576      .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 577      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 578          position: absolute;
 579          top: -1000em;
 580          margin-right: -1px;
 581          padding: 6px 0;
 582          z-index: 9999;
 583      }
 584  
 585      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 586          min-width: 160px;
 587          width: auto;
 588          border: 1px solid transparent;
 589          border-left-width: 5px;
 590      }
 591  
 592      .auto-fold #adminmenu .wp-has-current-submenu li > a {
 593          padding-right: 16px;
 594          padding-left: 14px;
 595      }
 596  
 597  
 598      .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
 599          padding-left: 12px;
 600      }
 601  
 602      .auto-fold #adminmenu .wp-menu-name {
 603          position: absolute;
 604          left: -999px;
 605      }
 606  
 607      .auto-fold #adminmenu .wp-submenu-head {
 608          display: block;
 609      }
 610  
 611      .auto-fold #adminmenu div.wp-menu-image {
 612          height: 30px;
 613          width: 34px;
 614          position: absolute;
 615          z-index: 25;
 616      }
 617  
 618      .auto-fold #adminmenu a.menu-top {
 619          min-height: 34px;
 620      }
 621  
 622      .auto-fold #adminmenu li.wp-menu-open {
 623          border: 0 none;
 624      }
 625  
 626      .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
 627          margin-bottom: 0;
 628      }
 629  
 630      .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
 631      .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
 632          display: none;
 633      }
 634  
 635      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
 636      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
 637          border-width: 4px;
 638          margin-top: -4px;
 639          top: 16px;
 640      }
 641  
 642      .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
 643      .auto-fold ul#adminmenu > li a.current:after {
 644          border-width: 4px;
 645          margin-top: -4px;
 646      }
 647  
 648      .auto-fold #adminmenu li.menu-top:hover,
 649      .auto-fold #adminmenu li.opensub > a.menu-top,
 650      .auto-fold #adminmenu li > a.menu-top:focus {
 651          z-index: 10000;
 652      }
 653  
 654      .auto-fold #collapse-menu .collapse-button-label {
 655          display: none;
 656      }
 657  
 658      /* rtl:ignore */
 659      .auto-fold #collapse-button .collapse-button-icon:after {
 660          transform: rotate(180deg);
 661      }
 662  
 663      .rtl.auto-fold #collapse-button .collapse-button-icon:after {
 664          transform: none;
 665      }
 666  
 667  }
 668  
 669  @media screen and (max-width: 782px) {
 670      .auto-fold #wpcontent {
 671          position: relative;
 672          margin-left: 0;
 673          padding-left: 10px;
 674      }
 675  
 676      .sticky-menu #adminmenuwrap {
 677          position: relative;
 678          z-index: auto;
 679          top: 0;
 680      }
 681  
 682      /* Sidebar Adjustments */
 683      .auto-fold #adminmenu,
 684      .auto-fold #adminmenuback,
 685      .auto-fold #adminmenuwrap {
 686          position: absolute;
 687          width: 190px;
 688          z-index: 100;
 689      }
 690  
 691      .auto-fold #adminmenuback {
 692          position: fixed;
 693      }
 694  
 695      .auto-fold #adminmenuback,
 696      .auto-fold #adminmenuwrap {
 697          display: none;
 698      }
 699  
 700      .auto-fold .wp-responsive-open #adminmenuback,
 701      .auto-fold .wp-responsive-open #adminmenuwrap {
 702          display: block;
 703      }
 704  
 705      .auto-fold #adminmenu li.menu-top {
 706          width: 100%;
 707      }
 708  
 709      /* Resize the admin menu items to a comfortable touch size */
 710      .auto-fold #adminmenu li a {
 711          font-size: 16px;
 712          padding: 5px;
 713      }
 714  
 715      .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
 716          padding: 10px 10px 10px 20px;
 717      }
 718  
 719      /* Restore the menu names */
 720      .auto-fold #adminmenu .wp-menu-name {
 721          position: static;
 722      }
 723  
 724      /* Switch the arrow side */
 725      .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
 726      .auto-fold ul#adminmenu > li.current > a.current:after {
 727          border-width: 8px;
 728          margin-top: -8px;
 729      }
 730  
 731      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
 732      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
 733          display: none;
 734      }
 735  
 736      /* Make the submenus appear correctly when tapped. */
 737      #adminmenu .wp-submenu {
 738          position: relative;
 739          display: none;
 740      }
 741  
 742      .auto-fold #adminmenu .selected .wp-submenu,
 743      .auto-fold #adminmenu .wp-menu-open .wp-submenu {
 744          position: relative;
 745          display: block;
 746          top: 0;
 747          left: -1px;
 748          box-shadow: none;
 749      }
 750  
 751      .auto-fold #adminmenu .selected .wp-submenu:after,
 752      .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
 753          display: none;
 754      }
 755  
 756      .auto-fold #adminmenu .opensub .wp-submenu {
 757          display: none;
 758      }
 759  
 760      .auto-fold #adminmenu .selected .wp-submenu {
 761          display: block;
 762      }
 763  
 764      .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
 765      .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
 766          display: block;
 767      }
 768  
 769      .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 770      .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
 771          position: relative;
 772          left: -1px;
 773          right: 0;
 774          top: 0;
 775      }
 776  
 777      #adminmenu .wp-not-current-submenu .wp-submenu,
 778      .folded #adminmenu .wp-has-current-submenu .wp-submenu,
 779      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 780          border: none;
 781      }
 782  
 783      /* Remove submenu headers and adjust sub meu*/
 784      #adminmenu .wp-submenu .wp-submenu-head {
 785          display: none;
 786      }
 787  
 788      /* Toolbar menu toggle */
 789      #wp-responsive-toggle {
 790          position: fixed;
 791          top: 5px;
 792          left: 4px;
 793          padding-right: 10px;
 794          z-index: 99999;
 795          border: none;
 796          box-sizing: border-box;
 797      }
 798  
 799      #wpadminbar #wp-admin-bar-menu-toggle a {
 800          display: block;
 801          padding: 0;
 802          overflow: hidden;
 803          text-decoration: none;
 804          background: none;
 805          height: 46px;
 806          box-sizing: border-box;
 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 .ab-icon:before {
 818          content: "\f228";
 819          display: inline-block;
 820          float: left;
 821          font: normal 40px/46px dashicons;
 822          vertical-align: middle;
 823          margin: 0;
 824          -webkit-font-smoothing: antialiased;
 825          -moz-osx-font-smoothing: grayscale;
 826          height: 46px;
 827          width: 52px;
 828          padding: 0;
 829          border: none;
 830          text-align: center;
 831          text-decoration: none;
 832          box-sizing: border-box;
 833      }
 834  
 835      .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 836          color: #72aee6;
 837      }
 838  }
 839  
 840  /* Smartphone */
 841  @media screen and (max-width: 600px) {
 842      #adminmenuwrap,
 843      #adminmenuback {
 844          display: none;
 845      }
 846  
 847      .wp-responsive-open #adminmenuwrap,
 848      .wp-responsive-open #adminmenuback {
 849          display: block;
 850      }
 851  
 852      .auto-fold #adminmenu {
 853          top: 46px;
 854      }
 855  }