meanmenu.css 5.7 KB

1
  1. /*此代码非源码,仅为演示用,下载源码请到:*//*此代码非源码,仅为演示用,下载源码请到:*/.mean-container .mean-bar{float:left;width:100%;position:absolute;background:0;padding:20px 0 0;z-index:999;border-bottom:1px solid rgba(0,0,0,.03);height:55px}.mean-container a.meanmenu-reveal{width:35px;height:30px;padding:12px 15px 0 0;position:absolute;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:4px;margin-top:3px;border-radius:3px}.mean-container .mean-nav{float:left;width:100%;background:#fff;margin-top:55px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;border:0;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#677294;border-top:1px solid #dbeefd;text-decoration:none}.mean-container .mean-nav ul li a.active{color:#000}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;color:#677294;border-top:1px solid #dbeefd;opacity:1;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible;text-transform:none;font-size:14px}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:100%;height:24px;padding:12px!important;text-align:right;position:absolute;right:5px;top:0;z-index:2;font-weight:700;background:0;border:none!important}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}.mobile-nav{display:none}.mobile-nav.mean-container .mean-nav ul li a.active{color:#ff2d55}.main-nav{background:#000;position:absolute;top:0;left:0;padding-top:15px;padding-bottom:15px;width:100%;z-index:999;height:auto}.mean-nav .dropdown-toggle::after{display:none}.navbar-light .navbar-brand,.navbar-light .navbar-brand:hover{color:#fff;font-weight:700;text-transform:uppercase;line-height:1}.main-nav nav ul{padding:0;margin:0;list-style-type:none}.main-nav nav .navbar-nav .nav-item{position:relative;padding:15px 0}.main-nav nav .navbar-nav .nav-item a{font-weight:500;font-size:16px;text-transform:uppercase;color:#fff;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:15px;margin-right:15px}.main-nav nav .navbar-nav .nav-item a:hover,.main-nav nav .navbar-nav .nav-item a:focus,.main-nav nav .navbar-nav .nav-item a.active{color:#ff2d55}.main-nav nav .navbar-nav .nav-item:hover a{color:#ff2d55}.main-nav nav .navbar-nav .nav-item .dropdown-menu{-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.05);box-shadow:0 0 30px 0 rgba(0,0,0,.05);background:#0d1028;position:absolute;top:80px;left:0;width:250px;z-index:99;display:block;padding-top:20px;padding-left:5px;padding-right:5px;padding-bottom:20px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.main-nav nav .navbar-nav .nav-item .dropdown-menu li{position:relative;padding:0}.main-nav nav .navbar-nav .nav-item .dropdown-menu li a{font-size:15px;font-weight:500;text-transform:capitalize;padding:9px 15px;margin:0;display:block;color:#fff}.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active{color:#ff2d55}.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu{position:absolute;left:-100%;top:0;opacity:0!important;visibility:hidden!important}.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu{opacity:1!important;visibility:visible!important;top:-20px!important}.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu{position:absolute;left:-100%;top:0;opacity:0!important;visibility:hidden!important}.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu{opacity:1!important;visibility:visible!important;top:-20px!important}.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a{color:#fff;text-transform:capitalize}.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active{color:#fff}.main-nav nav .navbar-nav .nav-item:hover ul{opacity:1;visibility:visible;top:100%}.main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu{left:auto;right:0}@media only screen and (max-width:991px){.mobile-nav{display:block;position:relative}.mobile-nav .logo{text-decoration:none;position:absolute;top:11px;z-index:999;left:15px;color:#fff;font-weight:700;text-transform:uppercase;font-size:20px}.mean-container .mean-bar{background-color:#fff;padding:0}.mean-container a.meanmenu-reveal{padding:15px 15px 0 0}.mobile-nav nav .navbar-nav{height:300px;overflow-y:scroll}.mobile-nav nav .navbar-nav .nav-item a i{display:none}.main-nav{display:none!important}}/*此代码非源码,仅为演示用,下载源码请到:*//*此代码非源码,仅为演示用,下载源码请到:*/