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