[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

title

Body

[close]

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

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


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