[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: 6px 0;
 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: #f0f0f1;
 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      -webkit-font-smoothing: antialiased;
 514      -moz-osx-font-smoothing: grayscale;
 515  }
 516  
 517  /* rtl:ignore */
 518  .folded #collapse-button .collapse-button-icon:after,
 519  .rtl #collapse-button .collapse-button-icon:after {
 520      transform: rotate(180deg);
 521  }
 522  
 523  .rtl.folded #collapse-button .collapse-button-icon:after {
 524      transform: none;
 525  }
 526  
 527  #collapse-button .collapse-button-icon:after,
 528  #collapse-button .collapse-button-label {
 529      transition: all .1s ease-in-out;
 530  }
 531  
 532  /**
 533   * Toolbar menu toggle
 534   */
 535  li#wp-admin-bar-menu-toggle {
 536      display: none;
 537  }
 538  
 539  /* Hide-if-customize for items we can't add classes to */
 540  .customize-support #menu-appearance a[href="themes.php?page=custom-header"],
 541  .customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
 542      display: none;
 543  }
 544  
 545  /* Auto-folding of the admin menu */
 546  @media only screen and (max-width: 960px) {
 547      .auto-fold #wpcontent,
 548      .auto-fold #wpfooter {
 549          margin-right: 36px;
 550      }
 551  
 552      .auto-fold #adminmenuback,
 553      .auto-fold #adminmenuwrap,
 554      .auto-fold #adminmenu,
 555      .auto-fold #adminmenu li.menu-top {
 556          width: 36px;
 557      }
 558  
 559      .auto-fold #adminmenu .wp-submenu.sub-open,
 560      .auto-fold #adminmenu .opensub .wp-submenu,
 561      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 562      .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 563      .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 564      .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
 565          top: 0;
 566          right: 36px;
 567      }
 568  
 569      .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 570      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 571          position: absolute;
 572          top: -1000em;
 573          margin-left: -1px;
 574          padding: 6px 0;
 575          z-index: 9999;
 576      }
 577  
 578      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 579          min-width: 160px;
 580          width: auto;
 581          border: 1px solid transparent;
 582          border-right-width: 5px;
 583      }
 584  
 585      .auto-fold #adminmenu .wp-has-current-submenu li > a {
 586          padding-left: 16px;
 587          padding-right: 14px;
 588      }
 589  
 590  
 591      .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
 592          padding-right: 12px;
 593      }
 594  
 595      .auto-fold #adminmenu .wp-menu-name {
 596          position: absolute;
 597          right: -999px;
 598      }
 599  
 600      .auto-fold #adminmenu .wp-submenu-head {
 601          display: block;
 602      }
 603  
 604      .auto-fold #adminmenu div.wp-menu-image {
 605          height: 30px;
 606          width: 34px;
 607          position: absolute;
 608          z-index: 25;
 609      }
 610  
 611      .auto-fold #adminmenu a.menu-top {
 612          min-height: 34px;
 613      }
 614  
 615      .auto-fold #adminmenu li.wp-menu-open {
 616          border: 0 none;
 617      }
 618  
 619      .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
 620          margin-bottom: 0;
 621      }
 622  
 623      .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
 624      .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
 625          display: none;
 626      }
 627  
 628      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
 629      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
 630          border-width: 4px;
 631          margin-top: -4px;
 632          top: 16px;
 633      }
 634  
 635      .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
 636      .auto-fold ul#adminmenu > li a.current:after {
 637          border-width: 4px;
 638          margin-top: -4px;
 639      }
 640  
 641      .auto-fold #adminmenu li.menu-top:hover,
 642      .auto-fold #adminmenu li.opensub > a.menu-top,
 643      .auto-fold #adminmenu li > a.menu-top:focus {
 644          z-index: 10000;
 645      }
 646  
 647      .auto-fold #collapse-menu .collapse-button-label {
 648          display: none;
 649      }
 650  
 651      /* rtl:ignore */
 652      .auto-fold #collapse-button .collapse-button-icon:after {
 653          transform: rotate(180deg);
 654      }
 655  
 656      .rtl.auto-fold #collapse-button .collapse-button-icon:after {
 657          transform: none;
 658      }
 659  
 660  }
 661  
 662  @media screen and (max-width: 782px) {
 663      .auto-fold #wpcontent {
 664          position: relative;
 665          margin-right: 0;
 666          padding-right: 10px;
 667      }
 668  
 669      .sticky-menu #adminmenuwrap {
 670          position: relative;
 671          z-index: auto;
 672          top: 0;
 673      }
 674  
 675      /* Sidebar Adjustments */
 676      .auto-fold #adminmenu,
 677      .auto-fold #adminmenuback,
 678      .auto-fold #adminmenuwrap {
 679          position: absolute;
 680          width: 190px;
 681          z-index: 100;
 682      }
 683  
 684      .auto-fold #adminmenuback {
 685          position: fixed;
 686      }
 687  
 688      .auto-fold #adminmenuback,
 689      .auto-fold #adminmenuwrap {
 690          display: none;
 691      }
 692  
 693      .auto-fold .wp-responsive-open #adminmenuback,
 694      .auto-fold .wp-responsive-open #adminmenuwrap {
 695          display: block;
 696      }
 697  
 698      .auto-fold #adminmenu li.menu-top {
 699          width: 100%;
 700      }
 701  
 702      /* Resize the admin menu items to a comfortable touch size */
 703      .auto-fold #adminmenu li a {
 704          font-size: 16px;
 705          padding: 5px;
 706      }
 707  
 708      .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
 709          padding: 10px 20px 10px 10px;
 710      }
 711  
 712      /* Restore the menu names */
 713      .auto-fold #adminmenu .wp-menu-name {
 714          position: static;
 715      }
 716  
 717      /* Switch the arrow side */
 718      .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
 719      .auto-fold ul#adminmenu > li.current > a.current:after {
 720          border-width: 8px;
 721          margin-top: -8px;
 722      }
 723  
 724      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
 725      .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
 726          display: none;
 727      }
 728  
 729      /* Make the submenus appear correctly when tapped. */
 730      #adminmenu .wp-submenu {
 731          position: relative;
 732          display: none;
 733      }
 734  
 735      .auto-fold #adminmenu .selected .wp-submenu,
 736      .auto-fold #adminmenu .wp-menu-open .wp-submenu {
 737          position: relative;
 738          display: block;
 739          top: 0;
 740          right: -1px;
 741          box-shadow: none;
 742      }
 743  
 744      .auto-fold #adminmenu .selected .wp-submenu:after,
 745      .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
 746          display: none;
 747      }
 748  
 749      .auto-fold #adminmenu .opensub .wp-submenu {
 750          display: none;
 751      }
 752  
 753      .auto-fold #adminmenu .selected .wp-submenu {
 754          display: block;
 755      }
 756  
 757      .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
 758      .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
 759          display: block;
 760      }
 761  
 762      .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 763      .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
 764          position: relative;
 765          right: -1px;
 766          left: 0;
 767          top: 0;
 768      }
 769  
 770      #adminmenu .wp-not-current-submenu .wp-submenu,
 771      .folded #adminmenu .wp-has-current-submenu .wp-submenu,
 772      .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 773          border: none;
 774      }
 775  
 776      /* Remove submenu headers and adjust sub meu*/
 777      #adminmenu .wp-submenu .wp-submenu-head {
 778          display: none;
 779      }
 780  
 781      /* Toolbar menu toggle */
 782      #wp-responsive-toggle {
 783          position: fixed;
 784          top: 5px;
 785          right: 4px;
 786          padding-left: 10px;
 787          z-index: 99999;
 788          border: none;
 789          box-sizing: border-box;
 790      }
 791  
 792      #wpadminbar #wp-admin-bar-menu-toggle a {
 793          display: block;
 794          padding: 0;
 795          overflow: hidden;
 796          outline: none;
 797          text-decoration: none;
 798          border: 1px solid transparent;
 799          background: none;
 800          height: 44px;
 801          margin-right: -1px;
 802      }
 803  
 804      .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
 805          background: #2c3338;
 806      }
 807  
 808      li#wp-admin-bar-menu-toggle {
 809          display: block;
 810      }
 811  
 812      #wpadminbar #wp-admin-bar-menu-toggle a:hover {
 813          border: 1px solid transparent;
 814      }
 815  
 816      #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 817          content: "\f228";
 818          display: inline-block;
 819          float: right;
 820          font: normal 40px/45px dashicons;
 821          vertical-align: middle;
 822          outline: none;
 823          margin: 0;
 824          -webkit-font-smoothing: antialiased;
 825          -moz-osx-font-smoothing: grayscale;
 826          height: 44px;
 827          width: 50px;
 828          padding: 0;
 829          border: none;
 830          text-align: center;
 831          text-decoration: none;
 832          box-sizing: border-box;
 833      }
 834  
 835      .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 836          color: #72aee6;
 837      }
 838  }
 839  
 840  /* Smartphone */
 841  @media screen and (max-width: 600px) {
 842      #adminmenuwrap,
 843      #adminmenuback {
 844          display: none;
 845      }
 846  
 847      .wp-responsive-open #adminmenuwrap,
 848      .wp-responsive-open #adminmenuback {
 849          display: block;
 850      }
 851  
 852      .auto-fold #adminmenu {
 853          top: 46px;
 854      }
 855  }