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