@cloudux/noah-theme/lib/menu.css

Noah theme.

.el-menu,.el-menu li{list-style:none}.el-menu,.el-menu--horizontal .el-menu-item:focus,.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu .el-submenu__title:hover,.el-menu--horizontal .el-submenu>.el-menu{background-color:#fff}.el-menu--dark .el-menu-item i.fa,.el-menu--dark .el-submenu__title i.fa,.el-menu--dark i.fa,.el-menu--horizontal.el-menu--dark .el-menu-item i.fa,.el-menu--horizontal.el-menu--dark .el-submenu__title i.fa,.el-menu--horizontal.el-menu--dark i.fa{font-size:16px}.el-menu{border-right:solid 1px #e6e6e6;position:relative;margin:0;padding-left:0}.el-menu::after,.el-menu::before{display:table;content:""}.el-menu::after{clear:both}.el-menu--horizontal{border-right:none;border-bottom:none}.el-menu--horizontal.el-menu--has-container{padding-left:30px}.el-menu--horizontal .el-menu-item{float:left;height:50px;line-height:50px;margin:0;cursor:pointer;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal .el-menu-item a,.el-menu--horizontal .el-menu-item a:hover{color:inherit}.el-menu--horizontal .el-submenu{float:left;position:relative}.el-menu--horizontal .el-submenu:focus{outline:0}.el-menu--horizontal .el-submenu:focus>.el-submenu__title{color:#373737}.el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:50px;left:0;border:none;padding:5px 0;z-index:100;min-width:100%;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:0}.el-menu--horizontal .el-submenu .el-submenu__title{height:50px;line-height:50px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu-item:focus,.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu__title:hover{outline:0;color:#373737}.el-menu--horizontal>.el-menu-item.is-active,.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #487bb0;color:#373737}.el-menu--horizontal.el-menu--dark{background-color:#14212e}.el-menu--horizontal.el-menu--dark .el-menu-item,.el-menu--horizontal.el-menu--dark .el-submenu__title{color:#98A5B4;border-bottom:none;border-left:none}.el-menu--horizontal.el-menu--dark .el-menu-item a,.el-menu--horizontal.el-menu--dark .el-menu-item a:hover,.el-menu--horizontal.el-menu--dark .el-submenu__title a,.el-menu--horizontal.el-menu--dark .el-submenu__title a:hover{color:inherit}.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu__title,.el-menu--horizontal.el-menu--dark .el-submenu:focus>.el-submenu__title{color:#98A5B4}.el-menu--horizontal.el-menu--dark .el-menu-item:focus,.el-menu--horizontal.el-menu--dark .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu__title:focus,.el-menu--horizontal.el-menu--dark .el-submenu__title:hover{background-color:#253343}.el-menu--horizontal.el-menu--dark .el-submenu>.el-menu{background-color:#14212e}.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu__title:hover{background-color:#253343}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item{background-color:#14212e}.el-menu--horizontal.el-menu--dark .el-menu-item:focus,.el-menu--horizontal.el-menu--dark .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu__title:hover{background-color:#253343;color:#98A5B4}.el-menu--horizontal.el-menu--dark .el-menu-item.is-active{background-color:#253343;border-left:none;color:#e0e9f2}.el-menu--horizontal.el-menu--dark .el-menu-item.is-active .el-submenu__title i,.el-menu--horizontal.el-menu--dark .el-menu-item.is-active i{color:#9db9d2}.el-menu--horizontal.el-menu--dark>.el-submenu.is-active .el-submenu__title{background-color:#253343;border-bottom:none}.el-menu--horizontal.el-menu--dark .el-menu-item i,.el-menu--horizontal.el-menu--dark .el-submenu__title i,.el-menu--horizontal.el-menu--dark i{color:#6d8999}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:100%}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #e4e7ed;border-radius:0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu-item,.el-submenu__title{padding:0 20px;cursor:pointer;position:relative;white-space:nowrap;height:50px;line-height:50px}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu--dark{background-color:#283340}.el-menu--dark .el-input .el-input__inner{border:none;background-color:#2b3846;color:#c2d0d7}.el-menu--dark .el-input i,.el-menu--dark .el-input:hover i{color:#606f7e}.el-menu--dark .el-input .el-input__inner::-webkit-input-placeholder{color:#606f7e}.el-menu--dark .el-input .el-input__inner:-moz-placeholder{color:#606f7e;opacity:1}.el-menu--dark .el-input .el-input__inner::-moz-placeholder{color:#606f7e;opacity:1}.el-menu--dark .el-input .el-input__inner:-ms-input-placeholder{color:#606f7e}.el-menu--dark .el-input .el-input__inner::-ms-input-placeholder{color:#606f7e}.el-menu--dark .el-input:hover{background-color:#14212e}.el-menu--dark .el-menu-item,.el-menu--dark .el-submenu__title{color:#bac4cd;border-bottom:1px solid #14212e;border-left:2px solid #283340}.el-menu--dark .el-menu-item a,.el-menu--dark .el-menu-item a:hover,.el-menu--dark .el-submenu__title a,.el-menu--dark .el-submenu__title a:hover{color:inherit}.el-menu--dark .el-submenu .el-submenu__title,.el-menu--dark .el-submenu:focus>.el-submenu__title{color:#bac4cd}.el-menu--dark .el-menu-item:focus,.el-menu--dark .el-menu-item:hover,.el-menu--dark .el-submenu__title:focus,.el-menu--dark .el-submenu__title:hover{background-color:#334656}.el-menu--dark .el-submenu>.el-menu{background-color:#283340}.el-menu--dark .el-submenu .el-submenu__title:hover{background-color:#334656}.el-menu--dark .el-submenu .el-menu-item{background-color:#283340}.el-menu--dark .el-menu-item:focus,.el-menu--dark .el-menu-item:hover,.el-menu--dark .el-submenu__title:hover{background-color:#334656;border-left-color:#334656;color:#bac4cd}.el-menu--dark .el-menu-item.is-active{background-color:#3e596c;border-left:2px solid #70d7b9;color:#fff}.el-menu--dark .el-menu-item.is-active .el-submenu__title i,.el-menu--dark .el-menu-item.is-active i{color:#9db9d2}.el-menu--dark>.el-submenu.is-active .el-submenu__title{border-bottom-color:#70d7b9}.el-menu--dark .el-menu-item i,.el-menu--dark .el-submenu__title i,.el-menu--dark i{color:#617991}.el-menu-item{font-size:14px;color:#373737;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:16px;vertical-align:middle}.el-menu-item *{vertical-align:middle}.el-menu-item:first-child{margin-left:0}.el-menu-item:last-child{margin-right:0}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#edf2f7}.el-menu-item i{color:#909399}.el-menu-item.is-active{color:#487bb0}.el-menu-item.is-active i{color:inherit}.el-submenu__title{font-size:14px;color:#373737;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:hover{background-color:#edf2f7}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:100%}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#487bb0}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}