You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

858 lines
18 KiB

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