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