[Summary view] [Print] [Text view]

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