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

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