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