[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

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


Generated : Thu Nov 21 08:20:01 2024 Cross-referenced by PHPXref