[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

title

Body

[close]

/wp-admin/css/ -> admin-menu.css (source)

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


Generated: Sat Nov 23 20:47:33 2019 Cross-referenced by PHPXref 0.7