/* Rudimentary mega menu CSS for demonstration */ /* mega menu list */ .nav-menu { /*changed/new for GA72*/ display: block; position: relative; list-style: none; margin: 0; padding: 0; z-index: 15; background-color: #4d4d4d /*#333333*/; } /* a top level navigation item in the mega menu */ ul#site-main-menu .nav-item {/*changed/new for GA72*/ list-style: none; display: inline-block; padding: 0; background-color: #4d4d4d; border-right: 1px solid #fff /*#999999*/; /*width: 12.5% !important;*/ } ul#site-main-menu li:last-child { border-right: none; } #site-main-menu .nav-item a:hover, #site-main-menu .nav-item a:focus {/*changed/new for GA72*/ color: #000 !important; background-color: #f2f2f2 /*#000000*/; } /* first descendant link within a top level navigation item */ #site-main-menu .nav-item > a {/*changed/new for GA72*/ position: relative; display: inline-block; padding: 0.5em /*1em*/; text-decoration: none; color: #fff; width: 100%; text-align: center; } .fa { float: right; padding-right: 5px; } /* focus/open states of first descendant link within a top-level navigation item */ #site-main-menu .nav-item > a:focus, #site-main-menu .nav-item > a.open {/*changed/new for GA72*/ color: #000 !important; background-color: #f2f2f2; } /* open state of first descendant link within a top-level navigation item */ #site-main-menu .nav-item > a.open {/*changed/new for GA72*/ color: #000; background-color: #f2f2f2; z-index: 1; } /* sub-navigation panel */ .sub-nav {/*changed/new for GA72*/ position: absolute; display: none; padding: 0.5em /*1em*/; background-color: #f2f2f2; } /*.sub-nav li a::before { content: "- "; }*/ /* sub-navigation panel open state */ .sub-nav.open { display: block; width: 100%; } /* list of items within sub-navigation panel */ .sub-nav ul { display: inline-block; vertical-align: top; margin: 0 1em 0 0; padding: 0; width: 100%; } /* list item within sub-navigation panel */ .sub-nav li { /*changed/new for GA72*/ display: block; list-style-type: none; margin: 0; padding: 0; margin: 10px 0px; color: #000; } .sub-nav li a {/*changed/new for GA72*/ color: #000 !important /*white*/; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sub-nav li a:hover, .sub-nav li a:focus {/*changed/new for GA72*/ text-decoration: underline; color: #000 !important /*#fff*/; } nav[role=navigation] { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } button.menu-link { display: block; position: relative; margin: 5px 15px; z-index: 999; float: right; background: transparent; border: none; } .pattern {/*changed/new for GA72*/ background: #4d4d4d; } .navbar { min-height: 0px; } .icon-bar { display: block; width: 22px; height: 2px; /* border-radius: 1px;*/ background-color: #fff; margin: 4px 0px; } .menu-active { display: block; } .site-sidemenu { background-color: #eae8e5; padding: 3%; margin-top: 10px; } .site-sidemenu ul { list-style: none; } .site-sidemenu a { color: #000; } /*******************************************/ /*# sourceMappingURL=nav.css.map */ /*# sourceMappingURL=nav.css.map */
Лучший частный хостинг