@media screen and (max-width: 767px) { .admin-menu-in-frontend { display: none !important; } } @media screen and (min-width: 768px) { .admin-menu-in-frontend a, .admin-menu-in-frontend div { outline: 0 !important; } .admin-menu-in-frontend a { color: #0073aa !important; -webkit-transition-property: border,background,color !important; transition-property: border,background,color !important; -webkit-transition-duration: .05s !important; transition-duration: .05s !important; -webkit-transition-timing-function: ease-in-out !important; transition-timing-function: ease-in-out !important; } .admin-menu-in-frontend a:active, .admin-menu-in-frontend a:hover { color: #00a0d2 !important; } .admin-menu-in-frontend button, .admin-menu-in-frontend input, .admin-menu-in-frontend select, .admin-menu-in-frontend textarea { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; text-transform: inherit !important; } .admin-menu-in-frontend ul { margin: 0 !important; list-style: none !important; } .admin-menu-in-frontend .screen-reader-text, .admin-menu-in-frontend .screen-reader-text span, .admin-menu-in-frontend .ui-helper-hidden-accessible { position: absolute !important; margin: -1px !important;; padding: 0 !important;; height: 1px !important;; width: 1px !important;; overflow: hidden !important;; clip: rect(0 0 0 0) !important;; border: 0 !important;; word-wrap: normal!important; } /* Default menu style */ #adminmenuback, #adminmenuwrap, #adminmenu, #adminmenu .wp-submenu { width: 160px !important; background-color: #23282d !important; } #adminmenuback { position: fixed !important; top: 0 !important; bottom: -120px !important; z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */ } #adminmenu { clear: left !important; margin: 12px 0 !important; padding: 0 !important; list-style: none !important; } .amf-rtl #adminmenu { clear: right !important; } .folded #adminmenuback, .folded #adminmenuwrap, .folded #adminmenu, .folded #adminmenu li.menu-top { width: 36px !important; } #adminmenu .icon16 { height: 18px !important; width: 18px !important; padding: 6px 6px !important; margin: -6px 0 0 -8px !important; float: left !important; } .amf-rtl #adminmenu .icon16 { margin: -6px -8px 0 0 !important; float: right !important; } /* New Menu icons */ #adminmenu .icon16:before { color: #82878c !important; /* same as new icons */ font: normal 20px/1 dashicons !important; speak: none !important; padding: 6px 0 !important; height: 34px !important; width: 20px !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; -webkit-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important; } #adminmenu .icon16.icon-dashboard:before { content: "\f226" !important; } #adminmenu .icon16.icon-post:before { content: "\f109" !important; } #adminmenu .icon16.icon-media:before { content: "\f104" !important; } #adminmenu .icon16.icon-links:before { content: "\f103" !important; } #adminmenu .icon16.icon-page:before { content: "\f105" !important; } #adminmenu .icon16.icon-comments:before { content: "\f101" !important; margin-top: 1px !important; } #adminmenu .icon16.icon-appearance:before { content: "\f100" !important; } #adminmenu .icon16.icon-plugins:before { content: "\f106" !important; } #adminmenu .icon16.icon-users:before { content: "\f110" !important; } #adminmenu .icon16.icon-tools:before { content: "\f107" !important; } #adminmenu .icon16.icon-settings:before { content: "\f108" !important; } #adminmenu .icon16.icon-site:before { content: "\f541" !important; } #adminmenu .icon16.icon-generic:before { content: "\f111" !important; } /* hide background-image for icons above */ #adminmenu .icon16.icon-dashboard, #adminmenu .menu-icon-dashboard div.wp-menu-image, #adminmenu .icon16.icon-post, #adminmenu .menu-icon-post div.wp-menu-image, #adminmenu .icon16.icon-media, #adminmenu .menu-icon-media div.wp-menu-image, #adminmenu .icon16.icon-links, #adminmenu .menu-icon-links div.wp-menu-image, #adminmenu .icon16.icon-page, #adminmenu .menu-icon-page div.wp-menu-image, #adminmenu .icon16.icon-comments, #adminmenu .menu-icon-comments div.wp-menu-image, #adminmenu .icon16.icon-appearance, #adminmenu .menu-icon-appearance div.wp-menu-image, #adminmenu .icon16.icon-plugins, #adminmenu .menu-icon-plugins div.wp-menu-image, #adminmenu .icon16.icon-users, #adminmenu .menu-icon-users div.wp-menu-image, #adminmenu .icon16.icon-tools, #adminmenu .menu-icon-tools div.wp-menu-image, #adminmenu .icon16.icon-settings, #adminmenu .menu-icon-settings div.wp-menu-image, #adminmenu .icon16.icon-site, #adminmenu .menu-icon-site div.wp-menu-image, #adminmenu .icon16.icon-generic, #adminmenu .menu-icon-generic div.wp-menu-image { background-image: none !important; } /*------------------------------------------------------------------------------ 7.0 - Main Navigation (Left Menu) ------------------------------------------------------------------------------*/ #adminmenuwrap { position: relative !important; float: left !important; z-index: 9990 !important; } .amf-rtl #adminmenuwrap { float: right !important; } /* side admin menu */ #adminmenu * { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } #adminmenu li { margin: 0 !important; padding: 0 !important; cursor: pointer !important; } #adminmenu a { display: block !important; line-height: 18px !important; padding: 2px 5px !important; color: #eee !important; } #adminmenu .wp-submenu a { color: #b4b9be !important; color: rgba(240,245,250,0.7) !important; } #adminmenu .wp-submenu a:hover, #adminmenu .wp-submenu a:focus { background: none !important; } #adminmenu a:hover, #adminmenu li.menu-top > a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-submenu a:focus { color: #00b9eb !important; } #adminmenu li.menu-top { border: none !important; min-height: 34px !important; position: relative !important; } #adminmenu .wp-submenu { list-style: none !important; position: absolute !important; top: -1000em !important; left: 160px !important; overflow: visible !important; word-wrap: break-word !important; } .amf-rtl #adminmenu .wp-submenu { left: inherit !important; right: 160px !important; } #adminmenu .wp-submenu, .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu { padding: 7px 0 8px !important; z-index: 9999 !important; background-color: #32373c !important; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2) !important; box-shadow: 0 3px 5px rgba(0,0,0,0.2) !important; } #adminmenu .sub-open, #adminmenu .opensub .wp-submenu, #adminmenu a.menu-top:focus + .wp-submenu, li.wp-has-submenu:hover .wp-submenu { top: -1px !important; } #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenuli.wp-has-current-submenu:hover .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, #adminmenu .wp-has-current-submenu.opensub .wp-submenu { position: relative !important; z-index: 3 !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; border: 0 none !important; margin-top: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #32373c !important; } /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */ #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { position: relative !important; background-color: #191e23 !important; color: #00b9eb !important; } .folded #adminmenu li.menu-top:hover, .folded #adminmenu li.opensub > a.menu-top, .folded #adminmenu li > a.menu-top:focus { z-index: 10000 !important; } #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.current a.menu-top, .folded #adminmenu li.wp-has-current-submenu, .folded #adminmenu li.current.menu-top, #adminmenu .wp-menu-arrow, #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow div { background: #0073aa !important; color: #fff !important; } .folded #adminmenu .wp-submenu.sub-open, .folded #adminmenu .opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu a.menu-top:focus + .wp-submenu, .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, .folded #adminmenu .wp-has-submenu:hover .wp-submenu { top: 0 !important; left: 36px !important; } .amf-rtl.folded #adminmenu .wp-submenu.sub-open, .amf-rtl.folded #adminmenu .opensub .wp-submenu, .amf-rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, .amf-rtl.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .amf-rtl.folded #adminmenu a.menu-top:focus + .wp-submenu, .amf-rtl.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, .amf-rtl.folded #adminmenu .wp-has-submenu:hover .wp-submenu { left: inherit !important; right: 36px !important; } .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu { position: absolute !important; top: -1000em !important; } #adminmenu .wp-not-current-submenu .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu { min-width: 160px !important; width: auto !important; } #adminmenu .wp-submenu a { font-size: 13px !important; line-height: 1.2 !important; margin: 0 !important; padding: 6px 0 !important; } #adminmenu .wp-submenu li.current, #adminmenu .wp-submenu li.current a, #adminmenu .opensub .wp-submenu li.current a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus { color: #fff !important; } #adminmenu .wp-not-current-submenu li > a, .folded #adminmenu .wp-has-current-submenu li > a { padding-right: 16px !important; padding-left: 14px !important; -webkit-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important; } .amf-rtl #adminmenu .wp-not-current-submenu li > a, .amf-rtl.folded #adminmenu .wp-has-current-submenu li > a { padding-left: 16px !important; padding-right: 14px !important; } #adminmenu .wp-has-current-submenu ul > li > a, .folded #adminmenu li.menu-top .wp-submenu > li > a { padding: 6px 12px !important; } #adminmenu a.menu-top, #adminmenu .wp-submenu-head { font-size: 14px !important; font-weight: 400 !important; line-height: 18px !important; padding: 0 !important; } #adminmenu .wp-submenu-head { display: none !important; } .folded #adminmenu .wp-menu-name { position: absolute !important; left: -999px !important; } .amf-rtl.folded #adminmenu .wp-menu-name { left: inherit !important; right: -999px !important; } .folded #adminmenu .wp-submenu-head { display: block !important; } #adminmenu .wp-submenu li { padding: 0 !important; margin: 0 !important; overflow: hidden !important; } #adminmenu .wp-menu-image img { padding: 9px 0 0 0 !important; opacity: 0.6 !important; filter: alpha(opacity=60) !important; } #adminmenu div.wp-menu-name { padding: 8px 0 !important; } #adminmenu div.wp-menu-image { float: left !important; width: 36px !important; height: 34px !important; margin: 0 !important; text-align: center !important; } .amf-rtl #adminmenu div.wp-menu-image { float: right !important; } #adminmenu div.wp-menu-image.svg { background-repeat: no-repeat !important; background-position: center !important; -webkit-background-size: 20px auto !important; background-size: 20px auto !important; } #adminmenu div.wp-menu-image:before { color: #a0a5aa !important; color: rgba(240,245,250,0.6) !important; padding: 7px 0 !important; -webkit-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important; } #adminmenu div.wp-menu-image:before { color: #a0a5aa !important; color: rgba(240,245,250,0.6) !important; } #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before, #adminmenu .wp-has-current-submenu div.wp-menu-image:before, #adminmenu .current div.wp-menu-image:before, #adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before, #adminmenu a.current:hover div.wp-menu-image:before, #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before, #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before { color: #fff !important; } #adminmenu li:hover div.wp-menu-image:before, #adminmenu li a:focus div.wp-menu-image:before, #adminmenu li.opensub div.wp-menu-image:before { color: #00b9eb !important; } /* IE8 doesn't redraw the pseudo elements unless you make a change to the content, this restore the initial color after hover */ .ie8 #adminmenu li.opensub div.wp-menu-image:before { color: #a0a5aa !important; } .folded #adminmenu div.wp-menu-image { width: 35px !important; height: 30px !important; position: absolute !important; z-index: 25 !important; } .folded #adminmenu a.menu-top { height: 34px !important; } /* No @font-face support */ .no-font-face #adminmenu .wp-menu-image { display: none !important; } .no-font-face #adminmenu div.wp-menu-name { padding: 8px 12px !important; } .no-font-face.auto-fold #adminmenu .wp-menu-name { margin-left: 0 !important; } .amf-rtl .no-font-face.auto-fold #adminmenu .wp-menu-name { margin-right: 0 !important; } /* End no @font-face support */ /* Sticky admin menu */ .sticky-menu #adminmenuwrap { position: fixed !important; } /* A new arrow */ #adminmenu .wp-menu-arrow { display: none !important; } ul#adminmenu a.wp-has-current-submenu { position: relative !important; } ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { right: 0 !important; border: solid 8px transparent !important; content: " " !important; height: 0 !important; width: 0 !important; position: absolute !important; pointer-events: none !important; border-right-color: #f1f1f1 !important; top: 50% !important; margin-top: -8px !important; } ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { left: 0 !important; } .folded ul#adminmenu li:hover a.wp-has-current-submenu:after { display: none !important; } .folded ul#adminmenu a.wp-has-current-submenu:after, .folded ul#adminmenu > li a.current:after { border-width: 4px !important; margin-top: -4px !important; } /* flyout menu arrow */ #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { right: 0 !important; border: solid transparent !important; content: " " !important; height: 0 !important; width: 0 !important; position: absolute !important; pointer-events: none !important; border-width: 8px !important; top: 10px !important; z-index: 10000 !important; } .amf-rtl #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { left: 0 !important; right: inherit !important; } .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { border-width: 4px !important; margin-top: -4px !important; top: 18px !important; } #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { border-right-color: #32373c !important; } .amf-rtl #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { border-right-color: transparent !important; border-left-color: #32373c !important; } #adminmenu li.menu-top:hover .wp-menu-image img, #adminmenu li.wp-has-current-submenu .wp-menu-image img { opacity: 1 !important; filter: alpha(opacity=100) !important; } #adminmenu li.wp-menu-separator { height: 5px !important; padding: 0 !important; margin: 0 0 6px 0 !important; cursor: inherit !important; } /* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */ #adminmenu div.separator { height: 2px !important; padding: 0 !important; } #adminmenu .wp-submenu .wp-submenu-head { color: #fff !important; font-weight: 400 !important; font-size: 14px !important; padding: 8px 4px 8px 11px !important; margin: -7px 0px 4px !important; } #adminmenu li.current, .folded #adminmenu li.wp-menu-open { border: 0 none !important; } #adminmenu .awaiting-mod, #adminmenu .update-plugins { display: inline-block !important; background-color: #d54e21 !important; color: #fff !important; font-size: 9px !important; line-height: 17px !important; font-weight: 600 !important; margin: 1px 0 0 2px !important; vertical-align: top !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; z-index: 26 !important; } #adminmenu .awaiting-mod *, #adminmenu .update-plugins * { color: #fff !important; } #adminmenu li .awaiting-mod span, #adminmenu li span.update-plugins span { display: block !important; padding: 0 6px !important; } #adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins { background-color: #00b9eb !important; color: #fff !important; } #adminmenu li span.count-0 { display: none !important; } #adminmenu #collapse-button, #adminmenu #fixate-button { display: block !important; width: 100% !important; height: 34px !important; margin: 0 !important; border: none !important; padding: 0 !important; position: relative !important; overflow: visible !important; line-height: 34px !important; background: none !important; color: #aaa !important; cursor: pointer !important; outline: 0 !important; } #adminmenu #collapse-button:hover, .folded #adminmenu #collapse-button, #adminmenu #fixate-button:hover, .fixate-admin-menu #adminmenu #fixate-button { color: #00b9eb !important; } #adminmenu #collapse-button .collapse-button-icon, #adminmenu #collapse-button .collapse-button-label, #adminmenu #fixate-button .fixate-button-icon, #adminmenu #fixate-button .fixate-button-label { /* absolutely positioned to avoid 1px shift in IE when button is pressed */ display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; line-height: 34px !important; } .amf-rtl #adminmenu #collapse-button .collapse-button-icon, .amf-rtl #adminmenu #collapse-button .collapse-button-label, .amf-rtl #adminmenu #fixate-button .fixate-button-icon, .amf-rtl #adminmenu #fixate-button .fixate-button-label { left: inherit !important; right: 0 !important; } #adminmenu #collapse-button .collapse-button-icon, #adminmenu #collapse-button .collapse-button-icon, #adminmenu #fixate-button .fixate-button-icon, #adminmenu #fixate-button .fixate-button-icon { width: 36px !important; height: 34px !important; } #adminmenu #collapse-button .collapse-button-label, #adminmenu #fixate-button .fixate-button-label { padding: 0 0 0 36px !important; } .amf-rtl #adminmenu #collapse-button .collapse-button-label, .amf-rtl #adminmenu #fixate-button .fixate-button-label { padding: 0 36px 0 0 !important; } .folded #adminmenu #collapse-button .collapse-button-label, .folded #adminmenu #fixate-button .fixate-button-label { display: none !important; } #adminmenu #collapse-button .collapse-button-icon:after { content: "\f148" !important; display: block !important; position: relative !important; top: 7px !important; text-align: center !important; font: normal 20px/1 dashicons !important; speak: none !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } #adminmenu #fixate-button .fixate-button-icon:after { content: "\f537" !important; display: block !important; position: relative !important; top: 7px !important; text-align: center !important; font: normal 20px/1 dashicons !important; speak: none !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* rtl:ignore */ .folded #adminmenu #collapse-button .collapse-button-icon:after, .amf-rtl #adminmenu #collapse-button .collapse-button-icon:after { -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } #adminmenu #fixate-button .fixate-button-icon:after { -webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; transform: rotate(90deg) !important; } .amf-rtl #adminmenu #fixate-button .fixate-button-icon:after { -webkit-transform: rotate(270deg) !important; -ms-transform: rotate(270deg) !important; transform: rotate(270deg) !important; } .fixate-admin-menu #adminmenu #fixate-button .fixate-button-icon:after { -webkit-transform: rotate(0deg) !important; -ms-transform: rotate(0deg) !important; transform: rotate(0deg) !important; } .amf-rtl.folded #adminmenu #collapse-button .collapse-button-icon:after { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } #adminmenu #collapse-button .collapse-button-icon:after, #adminmenu #collapse-button .collapse-button-label { -webkit-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important; } /** * Toolbar menu toggle */ #adminmenu li#wp-admin-bar-menu-toggle { display: none !important; } /* Hide-if-customize for items we can't add classes to */ #adminmenu .customize-support #menu-appearance a[href="themes.php?page=custom-header"], #adminmenu .customize-support #menu-appearance a[href="themes.php?page=custom-background"] { display: none !important; } /* Admin Menu in Frontend layout */ html.fixate-admin-menu { position: static !important; margin-left: 160px !important; } html.fixate-admin-menu.amf-rtl { margin-left: inherit !important; margin-right: 160px !important; } html.fixate-admin-menu.folded { margin-left: 36px !important; } html.fixate-admin-menu.folded.amf-rtl { margin-left: inherit !important; margin-right: 36px !important; } .admin-menu-in-frontend { position: absolute !important; left: 0; top: 32px; z-index: 99998 !important; background: #f1f1f1 !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important; font-size: 13px !important; line-height: 1.4em !important; color: #444 !important; -webkit-font-smoothing: subpixel-antialiased !important; } .admin-menu-in-frontend.amf-hidden { opacity: 0; } .fixate-admin-menu .admin-menu-in-frontend { left: 0 !important; opacity: 1 !important; } .amf-rtl.fixate-admin-menu .admin-menu-in-frontend { left: auto !important; right: 0 !important; } html.amf-rtl .admin-menu-in-frontend { left: auto !important; right: 0; } .admin-menu-in-frontend.fixed-bottom, .admin-menu-in-frontend.fixed-top { position: fixed !important; } .admin-menu-in-frontend.fixed-bottom { top: initial !important; bottom: 0 !important; } .admin-menu-in-frontend.fixed-top { top: 32px !important; bottom: initial !important; } }