/* Rudimentary mega menu CSS for demonstration */ /* mega menu list */ .nav-menu { display: block; position: relative; list-style: none; margin: 0; padding: 0; z-index: 15; background-color: #333333; } /* a top level navigation item in the mega menu */ ul#site-main-menu .nav-item { list-style: none; display: inline-block; padding: 0; background-color: #4d4d4d; border-right: 1px solid #999999; } ul#site-main-menu li:last-child { border-right: none; } #site-main-menu .nav-item:hover, #site-main-menu .nav-item:focus { background-color: #000000; } /* first descendant link within a top level navigation item */ #site-main-menu .nav-item > a { position: relative; display: inline-block; padding: 0.5em 1em; /*margin: 0 0 -1px 0;*/ /*border: 1px solid transparent;*/ 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 { /*border: 1px solid #dedede;*/ color: white; background-color: #000000; } /* open state of first descendant link within a top level navigation item */ #site-main-menu .nav-item > a.open { background-color: #000000; color: white; /*border-bottom: none;*/ z-index: 1; } /* sub-navigation panel */ .sub-nav { position: absolute; display: none; /* top: 2.2em; */ /* margin-top: -1px; */ padding: 0.5em 1em; /*border: 1px solid #dedede;*/ background-color: #4d4d4d; } .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; } /* list item within sub-navigation panel */ .sub-nav li { display: block; list-style-type: none; margin: 0; padding: 0; margin: 10px 0px; } .sub-nav li a { color: #fff; text-decoration: none; /*padding: 3px;*/ -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 { text-decoration: underline; /*margin-left: 5px; margin-right: -5px;*/ color: #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 { /*margin-right: -15px;*/ 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; } @media (max-width: 768px){ ul#site-main-menu .nav-item { border-right: none !important; } } /*******************************************/ /*# sourceMappingURL=nav.css.map */ /*# sourceMappingURL=nav.css.map */
Лучший частный хостинг