wp-admin/css/admin-menu-rtl.css

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