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;
  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         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: #bbb;
 170 }
 171
 172 #adminmenu .wp-submenu a:hover,
 173 #adminmenu .wp-submenu a:focus {
 174         background: none;
 175 }
 176
 177 #adminmenu a:hover,
 178 #adminmenu li.menu-top > a:focus,
 179 #adminmenu .wp-submenu a:hover,
 180 #adminmenu .wp-submenu a:focus {
 181         color: #45bbe6;
 182 }
 183
 184 #adminmenu li.menu-top {
 185         border: none;
 186         min-height: 34px;
 187         position: relative;
 188 }
 189
 190 #adminmenu .wp-submenu {
 191         list-style: none;
 192         position: absolute;
 193         top: -1000em;
 194         right: 160px;
 195         overflow: visible;
 196         word-wrap: break-word;
 197 }
 198
 199 #adminmenu .wp-submenu,
 200 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 201 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
 202         padding: 7px 0 8px;
 203         z-index: 9999;
 204         background-color: #333;
 205         -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
 206         box-shadow: 0 3px 5px rgba(0,0,0,0.2);
 207 }
 208
 209 .js #adminmenu .sub-open,
 210 .js #adminmenu .opensub .wp-submenu,
 211 #adminmenu a.menu-top:focus + .wp-submenu,
 212 .no-js li.wp-has-submenu:hover .wp-submenu {
 213         top: -1px;
 214 }
 215
 216 #adminmenu .wp-has-current-submenu .wp-submenu,
 217 .no-js li.wp-has-current-submenu:hover .wp-submenu,
 218 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 219 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 220 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
 221         position: relative;
 222         z-index: 3;
 223         top: auto;
 224         right: auto;
 225         left: auto;
 226         bottom: auto;
 227         border: 0 none;
 228         margin-top: 0;
 229         -webkit-box-shadow: none;
 230         box-shadow: none;
 231         background-color: #333;
 232 }
 233
 234 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
 235 #adminmenu li.menu-top:hover,
 236 #adminmenu li.opensub > a.menu-top,
 237 #adminmenu li > a.menu-top:focus {
 238         position: relative;
 239         background-color: #111;
 240 }
 241
 242 .folded #adminmenu li.menu-top:hover,
 243 .folded #adminmenu li.opensub > a.menu-top,
 244 .folded #adminmenu li > a.menu-top:focus {
 245         z-index: 10000;
 246 }
 247
 248 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
 249 #adminmenu li.current a.menu-top,
 250 .folded #adminmenu li.wp-has-current-submenu,
 251 .folded #adminmenu li.current.menu-top,
 252 #adminmenu .wp-menu-arrow,
 253 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
 254 #adminmenu .wp-menu-arrow div {
 255         background: #0074a2;
 256         color: #fff;
 257 }
 258
 259 .folded #adminmenu .wp-submenu.sub-open,
 260 .folded #adminmenu .opensub .wp-submenu,
 261 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 262 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 263 .folded #adminmenu a.menu-top:focus + .wp-submenu,
 264 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
 265 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
 266         top: 0;
 267         right: 36px;
 268 }
 269
 270 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 271 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
 272         position: absolute;
 273         top: -1000em;
 274 }
 275
 276 #adminmenu .wp-not-current-submenu .wp-submenu,
 277 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
 278         min-width: 160px;
 279         width: auto;
 280 }
 281
 282 #adminmenu .wp-submenu a {
 283         font-size: 13px;
 284         line-height: 1.2;
 285         margin: 0;
 286         padding: 6px 0;
 287 }
 288
 289 #adminmenu .wp-submenu li.current,
 290 #adminmenu .wp-submenu li.current a,
 291 #adminmenu .opensub .wp-submenu li.current a,
 292 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
 293 #adminmenu .wp-submenu li.current a:hover,
 294 #adminmenu .wp-submenu li.current a:focus {
 295         color: #fff;
 296 }
 297
 298 #adminmenu .wp-not-current-submenu li > a,
 299 .folded #adminmenu .wp-has-current-submenu li > a {
 300         padding-left: 16px;
 301         padding-right: 14px;
 302         -webkit-transition: all .1s ease-in-out;
 303         transition: all .1s ease-in-out;
 304 }
 305
 306 #adminmenu .wp-has-current-submenu ul > li > a,
 307 .folded #adminmenu li.menu-top .wp-submenu > li > a {
 308         padding: 6px 12px;
 309 }
 310
 311 #adminmenu a.menu-top,
 312 #adminmenu .wp-submenu-head {
 313         font-size: 14px;
 314         font-weight: 400;
 315         line-height: 18px;
 316         padding: 0;
 317 }
 318
 319 #adminmenu .wp-submenu-head,
 320 .folded #adminmenu .wp-menu-name {
 321         display: none;
 322 }
 323
 324 .folded #adminmenu .wp-submenu-head {
 325         display: block;
 326 }
 327
 328 #adminmenu .wp-submenu li {
 329         padding: 0;
 330         margin: 0;
 331         overflow: hidden;
 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         -webkit-background-size: 20px auto;
 356         background-size: 20px auto;
 357 }
 358
 359 div.wp-menu-image:before {
 360         color: #999;
 361         padding: 7px 0;
 362         -webkit-transition: all .1s ease-in-out;
 363         transition: all .1s ease-in-out;
 364 }
 365
 366 #adminmenu div.wp-menu-image:before {
 367         color: #999;
 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         color: #fff;
 376 }
 377
 378 #adminmenu li:hover div.wp-menu-image:before {
 379         color: #45bbe6;
 380 }
 381
 382 .folded #adminmenu div.wp-menu-image {
 383         width: 35px;
 384         height: 30px;
 385         position: absolute;
 386         z-index: 25;
 387 }
 388
 389 .folded #adminmenu a.menu-top {
 390         height: 34px;
 391 }
 392
 393 /* No @font-face support */
 394 .no-font-face #adminmenu .wp-menu-image {
 395         display: none;
 396 }
 397
 398 .no-font-face #adminmenu div.wp-menu-name {
 399         padding: 8px 12px;
 400 }
 401
 402 .no-font-face.auto-fold #adminmenu .wp-menu-name {
 403         margin-right: 0;
 404 }
 405 /* End no @font-face support */
 406
 407 /* Sticky admin menu */
 408 .sticky-menu #adminmenuwrap {
 409         position: fixed;
 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: #45bbe6;
 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: #45bbe6;
 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 /* Hide-if-customize for items we can't add classes to */
 614 .customize-support #menu-appearance a[href="themes.php?page=custom-header"],
 615 .customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
 616         display: none;
 617 }
 618
 619 /* Auto-folding of the admin menu */
 620 @media only screen and (max-width: 960px) {
 621         .auto-fold #wpcontent,
 622         .auto-fold #wpfooter {
 623                 margin-right: 36px;
 624         }
 625
 626         .auto-fold #adminmenuback,
 627         .auto-fold #adminmenuwrap,
 628         .auto-fold #adminmenu,
 629         .auto-fold #adminmenu li.menu-top {
 630                 width: 36px;
 631         }
 632
 633         .auto-fold #adminmenu .wp-submenu.sub-open,
 634         .auto-fold #adminmenu .opensub .wp-submenu,
 635         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 636         .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 637         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 638         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
 639                 top: 0px;
 640                 right: 36px;
 641         }
 642
 643         .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 644         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 645                 position: absolute;
 646                 top: -1000em;
 647                 margin-left: -1px;
 648                 padding: 7px 0 8px;
 649                 z-index: 9999;
 650         }
 651
 652         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 653                 min-width: 150px;
 654                 width: auto;
 655         }
 656
 657         .auto-fold #adminmenu .wp-has-current-submenu li > a {
 658                 padding-left: 16px;
 659                 padding-right: 14px;
 660         }
 661
 662
 663         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
 664                 padding-right: 12px;
 665         }
 666
 667         .auto-fold #adminmenu .wp-menu-name {
 668                 display: none;
 669         }
 670
 671         .auto-fold #adminmenu .wp-submenu-head {
 672                 display: block;
 673         }
 674
 675         .auto-fold #adminmenu div.wp-menu-image {
 676                 height: 30px;
 677                 width: 34px;
 678                 position: absolute;
 679                 z-index: 25;
 680         }
 681
 682         .auto-fold #adminmenu a.menu-top {
 683                 height: 34px;
 684         }
 685
 686         .auto-fold #adminmenu li.wp-menu-open {
 687                 border: 0 none;
 688         }
 689
 690         .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
 691                 margin-bottom: 0;
 692         }
 693
 694         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
 695                 display: none;
 696         }
 697
 698         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 699                 border-width: 4px;
 700                 margin-top: -4px;
 701                 top: 16px;
 702         }
 703
 704         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
 705         .auto-fold ul#adminmenu > li a.current:after {
 706                 border-width: 4px;
 707                 margin-top: -4px;
 708         }
 709
 710         .auto-fold #adminmenu li.menu-top:hover,
 711         .auto-fold #adminmenu li.opensub > a.menu-top,
 712         .auto-fold #adminmenu li > a.menu-top:focus {
 713                 z-index: 10000;
 714         }
 715
 716         .auto-fold #collapse-menu span {
 717                 display: none;
 718         }
 719
 720         .auto-fold #collapse-button div {
 721                 background: none;
 722         }
 723
 724         .auto-fold #collapse-button div:after {
 725                 -webkit-transform: rotate(180deg);
 726                 -ms-transform: rotate(180deg);
 727                 transform: rotate(180deg);
 728         }
 729
 730         .rtl.auto-fold #collapse-button div:after {
 731                 -webkit-transform: none;
 732                 -ms-transform: none;
 733                 transform: none;
 734         }
 735
 736 }
 737
 738 @media screen and ( max-width: 782px ) {
 739         .auto-fold #wpcontent {
 740                 position: relative;
 741                 margin-right: 0;
 742                 padding-right: 10px;
 743         }
 744
 745         .sticky-menu #adminmenuwrap {
 746                 position: relative;
 747                 z-index: auto;
 748                 top: 0;
 749         }
 750
 751         /* Sidebar Adjustments */
 752         .auto-fold #adminmenu,
 753         .auto-fold #adminmenuback,
 754         .auto-fold #adminmenuwrap {
 755                 position: absolute;
 756                 width: 190px;
 757                 z-index: 100;
 758         }
 759
 760         .auto-fold #adminmenuback,
 761         .auto-fold #adminmenuwrap {
 762                 display: none;
 763         }
 764
 765         .auto-fold .wp-responsive-open #adminmenuback,
 766         .auto-fold .wp-responsive-open #adminmenuwrap {
 767                 display: block;
 768         }
 769
 770         .auto-fold #adminmenu li.menu-top {
 771                 width: 100%;
 772         }
 773
 774         /* Resize the admin menu items to a comfortable touch size */
 775         .auto-fold #adminmenu li a {
 776                 font-size: 16px;
 777                 padding: 5px;
 778         }
 779
 780         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
 781                 padding: 10px 20px 10px 10px;
 782         }
 783
 784         /* Restore the menu names */
 785         .auto-fold #adminmenu .wp-menu-name {
 786                 display: block;
 787                 margin-right: 35px;
 788         }
 789
 790         /* Switch the arrow side */
 791         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
 792         .auto-fold ul#adminmenu > li.current > a.current:after {
 793                 border-width: 8px;
 794                 margin-top: -8px;
 795         }
 796
 797         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 798                 display: none;
 799         }
 800
 801         /* Make the submenus appear correctly when tapped. */
 802         #adminmenu .wp-submenu {
 803                 position: relative;
 804                 display: none;
 805         }
 806
 807         .auto-fold #adminmenu .selected .wp-submenu,
 808         .auto-fold #adminmenu .wp-menu-open .wp-submenu {
 809                 position: relative;
 810                 display: block;
 811                 top: 0;
 812                 right: -1px;
 813                 -webkit-box-shadow: none;
 814                 box-shadow: none;
 815         }
 816
 817         .auto-fold #adminmenu .selected .wp-submenu:after,
 818         .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
 819                 display: none;
 820         }
 821
 822         .auto-fold #adminmenu .opensub .wp-submenu {
 823                 display: none;
 824         }
 825
 826         .auto-fold #adminmenu .selected .wp-submenu {
 827                 display: block;
 828         }
 829
 830         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
 831                 display: block;
 832         }
 833
 834         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 835         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
 836                 position: relative;
 837                 right: -1px;
 838                 left: 0;
 839                 top: 0;
 840         }
 841
 842         /* Remove submenu headers and adjust sub meu*/
 843         #adminmenu .wp-submenu .wp-submenu-head {
 844                 display: none;
 845         }
 846
 847         /* Toolbar menu toggle */
 848         #wp-responsive-toggle {
 849                 position: fixed;
 850                 top: 5px;
 851                 right: 4px;
 852                 padding-left: 10px;
 853                 z-index: 99999;
 854                 border: none;
 855                 -webkit-box-sizing: border-box;
 856                 -moz-box-sizing: border-box;
 857                 box-sizing: border-box;
 858         }
 859
 860         #wpadminbar #wp-admin-bar-menu-toggle a {
 861                 display: block;
 862                 padding: 0;
 863                 overflow: hidden;
 864                 outline: none;
 865                 text-decoration: none;
 866                 border: 1px solid transparent;
 867                 background: none;
 868                 height: 44px;
 869                 margin-right: -1px;
 870         }
 871
 872         .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
 873                 background: #333;
 874         }
 875
 876         li#wp-admin-bar-menu-toggle {
 877                 display: block;
 878         }
 879
 880         #wpadminbar #wp-admin-bar-menu-toggle a:hover {
 881                 border: 1px solid transparent;
 882         }
 883
 884         #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 885                 content: '\f228';
 886                 display: inline-block;
 887                 float: right;
 888                 font: normal 40px/45px 'Dashicons';
 889                 vertical-align: middle;
 890                 outline: none;
 891                 margin: 0;
 892                 -webkit-font-smoothing: antialiased;
 893                 -moz-osx-font-smoothing: grayscale;
 894                 height: 44px;
 895                 width: 50px;
 896                 padding: 0;
 897                 border: none;
 898                 text-align: center;
 899                 text-decoration: none;
 900                 -webkit-box-sizing: border-box;
 901                 -moz-box-sizing: border-box;
 902                 box-sizing: border-box;
 903         }
 904 }
 905
 906 /* Smartphone */
 907 @media screen and (max-width: 600px) {
 908         #adminmenuwrap,
 909         #adminmenuback {
 910                 display: none;
 911         }
 912
 913         .wp-responsive-open #adminmenuwrap,
 914         .wp-responsive-open #adminmenuback {
 915                 display: block;
 916         }
 917
 918         .auto-fold #adminmenu {
 919                 top: 46px;
 920         }
 921 }
 922