[Summary view] [Print] [Text view]

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