haiwei-skins-classics/dist/haiwei-skins-classics.css

HaiWei前端框架经典皮肤组件

#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nm-skin-classics .nm-wrapper{margin:0;padding:0;height:100%;display:flex;flex-direction:column;align-items:stretch}.nm-skin-classics .nm-header{position:relative;height:80px;background-color:#03a9f4}.nm-skin-classics .nm-header,.nm-skin-classics .nm-header-logo{display:flex;flex-direction:row;align-items:stretch;flex-shrink:0}.nm-skin-classics .nm-header-logo{height:100%;overflow:hidden;transition:all .3s ease-in-out;z-index:1}.nm-skin-classics .nm-header-logo-img{flex-shrink:0;margin:5px 11px;width:60px;height:60px}.nm-skin-classics .nm-header-logo-text{flex-grow:1;text-align:center;height:80px;line-height:80px;font-size:30px;color:#fff;white-space:nowrap}.nm-skin-classics .nm-header-nav{display:inline-block;flex-grow:1;margin-left:15px;overflow:hidden}.nm-skin-classics .nm-header-nav-item{padding:0 3px;float:left}.nm-skin-classics .nm-header-nav-item a{position:relative;padding:10px 15px;display:inline-block;text-decoration:none;color:#e4e7ed;text-align:center;height:80px;box-sizing:border-box;cursor:pointer;transition:background-color .25s ease-in-out}.nm-skin-classics .nm-header-nav-item a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#e6a23c;transition:all .25s ease-in-out}.nm-skin-classics .nm-header-nav-item-icon{font-size:35px}.nm-skin-classics .nm-header-nav-item-text{display:block;margin-top:5px;font-size:14px}.nm-skin-classics .nm-header-nav-item.active a,.nm-skin-classics .nm-header-nav-item:hover a{color:#fff;background-color:#29d}.nm-skin-classics .nm-header-nav-item.active a:after,.nm-skin-classics .nm-header-nav-item:hover a:after{left:0;width:100%}.nm-skin-classics .nm-header-toolbar .nm-toolbar{position:absolute;top:0;right:0;height:80px;background-color:#03a9f4}.nm-skin-classics .nm-header-toolbar .nm-toolbar-button{width:50px}.nm-skin-classics .nm-header-toolbar .nm-toolbar-button .nm-icon{font-size:35px}.nm-skin-classics .nm-main{display:flex;flex-direction:row;align-items:stretch;flex-grow:1;overflow:hidden}.nm-skin-classics .nm-main-left{position:relative;flex-shrink:0;width:240px;background-color:#344058;transition:all .25s ease-in}.nm-skin-classics .nm-main-right{display:flex;flex-direction:column;align-items:stretch;flex-grow:1}.nm-skin-classics .nm-main-right-top{position:relative;flex-shrink:0;height:50px;overflow:hidden}.nm-skin-classics .nm-main-right-top>div{position:absolute;height:100%;width:100%}.nm-skin-classics .nm-main-right .nm-sidebar-toggle-btn{padding:0 5px;flex-shrink:0;background-color:#ebf1f6}.nm-skin-classics .nm-main-right .nm-sidebar-toggle-btn a{padding:0 8px;display:inline-block;height:50px;line-height:50px;font-size:25px;text-align:center;background-color:#fff;color:#909090;cursor:pointer;text-decoration:none;box-sizing:border-box;border-bottom:1px solid #dcdfe6;border-left:1px solid #dcdfe6}.nm-skin-classics .nm-main-right .nm-sidebar-toggle-btn a:hover{color:#444}.nm-skin-classics .nm-main-right .nm-content{position:relative;flex-grow:1;overflow:hidden;background:#f0f0f0}.nm-skin-classics .nm-main.collapse .nm-main-left{width:70px}.nm-skin-classics .nm-main.mini .nm-main-right-top{height:35px}.nm-skin-classics .nm-main.mini .nm-main-right-top .nm-sidebar-toggle-btn a{height:35px;line-height:35px}.nm-skin-classics .nm-main.small .nm-main-right-top{height:40px}.nm-skin-classics .nm-main.small .nm-main-right-top .nm-sidebar-toggle-btn a{height:40px;line-height:40px}.nm-skin-classics .nm-main.medium .nm-main-right-top{height:45px}.nm-skin-classics .nm-main.medium .nm-main-right-top .nm-sidebar-toggle-btn a{height:45px;line-height:45px}.nm-skin-classics .nm-menus{position:absolute;height:100%;width:100%;box-sizing:border-box}.nm-skin-classics .nm-menus .el-scrollbar{height:100%}.nm-skin-classics .nm-menus .el-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.nm-skin-classics .nm-menus .el-scrollbar .el-scrollbar__wrap .el-scrollbar__view{padding:0 7px}.nm-skin-classics .nm-menus .no-menus{margin:5px 5%;padding:35px 0;width:90%;height:150px;line-height:2;text-align:center;background-color:#29d;color:#fff;border-radius:5px;box-sizing:border-box}.nm-skin-classics .nm-menus .no-menus .nm-icon{font-size:50px}.nm-skin-classics .nm-sidebar.collapse .nm-menus .el-scrollbar .el-scrollbar__wrap .el-scrollbar__view{padding:0 5px}.nm-skin-classics .el-menu,.nm-skin-classics .el-menu--vertical{border:none}.nm-skin-classics .el-menu--vertical .el-menu-item,.nm-skin-classics .el-menu--vertical .el-submenu__title,.nm-skin-classics .el-menu .el-menu-item,.nm-skin-classics .el-menu .el-submenu__title{margin:5px 0;height:45px;line-height:45px;border-radius:5px;font-size:15px}.nm-skin-classics .el-menu--vertical .el-menu-item .nm-icon,.nm-skin-classics .el-menu--vertical .el-submenu__title .nm-icon,.nm-skin-classics .el-menu .el-menu-item .nm-icon,.nm-skin-classics .el-menu .el-submenu__title .nm-icon{position:relative;top:2px;margin-right:15px;font-size:25px;vertical-align:-.25em}.nm-skin-classics .el-menu--collapse>.el-menu-item,.nm-skin-classics .el-menu--collapse>.el-submenu>.el-submenu__title{padding:0 15px!important;width:55px}.nm-skin-classics .nm-main-left .nm-menus{background-color:#344058!important}.nm-skin-classics .nm-main-left .el-menu,.nm-skin-classics .nm-main-left .el-menu--vertical{background-color:#344058}.nm-skin-classics .nm-main-left .el-menu--vertical .el-menu-item,.nm-skin-classics .nm-main-left .el-menu--vertical .el-submenu__title,.nm-skin-classics .nm-main-left .el-menu .el-menu-item,.nm-skin-classics .nm-main-left .el-menu .el-submenu__title{color:hsla(0,0%,100%,.7)}.nm-skin-classics .nm-main-left .el-menu--vertical .el-menu-item:active,.nm-skin-classics .nm-main-left .el-menu--vertical .el-menu-item:focus,.nm-skin-classics .nm-main-left .el-menu--vertical .el-menu-item:hover,.nm-skin-classics .nm-main-left .el-menu--vertical .el-submenu__title:active,.nm-skin-classics .nm-main-left .el-menu--vertical .el-submenu__title:focus,.nm-skin-classics .nm-main-left .el-menu--vertical .el-submenu__title:hover,.nm-skin-classics .nm-main-left .el-menu .el-menu-item:active,.nm-skin-classics .nm-main-left .el-menu .el-menu-item:focus,.nm-skin-classics .nm-main-left .el-menu .el-menu-item:hover,.nm-skin-classics .nm-main-left .el-menu .el-submenu__title:active,.nm-skin-classics .nm-main-left .el-menu .el-submenu__title:focus,.nm-skin-classics .nm-main-left .el-menu .el-submenu__title:hover{color:#fff!important}.nm-skin-classics .nm-main-left .nm-menus{background-color:#fff!important}.nm-skin-classics .nm-main-left .el-menu,.nm-skin-classics .nm-main-left .el-menu--vertical{background-color:#fff}.nm-skin-classics .nm-main-left .el-menu--vertical .el-menu-item,.nm-skin-classics .nm-main-left .el-menu--vertical .el-submenu__title,.nm-skin-classics .nm-main-left .el-menu .el-menu-item,.nm-skin-classics .nm-main-left .el-menu .el-submenu__title{color:#444}.nm-skin-classics .nm-main-left .el-menu--vertical .el-menu-item:active,.nm-skin-classics .nm-main-left .el-menu--vertical .el-menu-item:focus,.nm-skin-classics .nm-main-left .el-menu--vertical .el-menu-item:hover,.nm-skin-classics .nm-main-left .el-menu--vertical .el-submenu__title:active,.nm-skin-classics .nm-main-left .el-menu--vertical .el-submenu__title:focus,.nm-skin-classics .nm-main-left .el-menu--vertical .el-submenu__title:hover,.nm-skin-classics .nm-main-left .el-menu .el-menu-item:active,.nm-skin-classics .nm-main-left .el-menu .el-menu-item:focus,.nm-skin-classics .nm-main-left .el-menu .el-menu-item:hover,.nm-skin-classics .nm-main-left .el-menu .el-submenu__title:active,.nm-skin-classics .nm-main-left .el-menu .el-submenu__title:focus,.nm-skin-classics .nm-main-left .el-menu .el-submenu__title:hover{background:rgba(64,158,255,.2)!important;color:#444!important}.nm-skin-classics .nm-main-left .el-menu--vertical .el-menu-item.is-active,.nm-skin-classics .nm-main-left .el-menu--vertical .el-submenu__title.is-active,.nm-skin-classics .nm-main-left .el-menu .el-menu-item.is-active,.nm-skin-classics .nm-main-left .el-menu .el-submenu__title.is-active{background:#29d!important;color:#fff!important}