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