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