/* your personal css involves skin styles */ font{ font-family: Microsoft Yahei, sens-serif; font-size:14px; color:#333; } /*login*/ .login-wrap { background: url(../image/login_bg.jpg) no-repeat center; } .login-wrap .login-form .el-checkbox__inner::after{ border-color: #1268b0; border-width: medium; } .login-wrap .login-form .login-button .login-button1{ background-color:#1a61c2; } .login-wrap .login-form .login-button .login-button2{ background-color:#1268b0; } .login-wrap .login-form .el-form-item__error,.login-error-tip{ color:#fffd54; } .login-wrap .login-form .el-form-item.is-error .el-input__inner{ border-color:#fffd54; } /* header */ .poin-el-header{ background: linear-gradient(180deg, #FFFFFF 0%, #EAF4FF 100%); border-bottom: 1px solid #2b93d1; } .poin-el-header .el-icon--right { color: #2b93d1; } /* menu */ .aside-menu { background-color: #e8f1f7; } .poin-el-menu::after { border-right: 3px solid #94cff3; } .poin-skin .el-submenu__title i, .poin-skin .el-menu-item i { color: #2b93d1; } .el-menu-item:hover, .el-menu-item:focus, .el-submenu__title:hover, .el-submenu__title:focus { color: #fff; } .el-submenu.is-opened > .el-submenu__title{ color: #fff; background-color: #3F74C5; } .el-submenu__title:hover, .el-submenu__title:focus, .el-menu-item:focus, .el-menu-item:hover { background-color: #6dbceb; } .el-menu-item.is-active, .el-submenu.is-active > .el-submenu__title { color: #fff; background-color: #3F74C5; } .el-menu-item:focus i, .el-menu-item:hover i, .el-submenu.is-opened > .el-submenu__title i, .el-submenu__title:focus i, .el-submenu__title:hover i{ color: #fff; } .el-menu-item.is-active i, .el-submenu.is-active > .el-submenu__title i { color: #fff; } .poin-el-menu > .el-submenu.is-opened > .el-submenu__title::after { color: #6dbceb; } .poin-el-menu > .el-submenu.is-active > .el-submenu__title::after { color: #94cff3; } .el-submenu, .el-menu-item { border-bottom: 1px solid #f4f8fb; } .el-submenu .el-submenu .el-submenu:last-child, .el-submenu .el-submenu .el-menu-item:last-child, .el-menu--vertical .el-menu > .el-submenu:last-child, .el-menu--vertical .el-menu > .el-menu-item:last-child { height: 41px; border-bottom: 0; } .el-menu-item.is-active { background: #EFF8FE; } .el-menu-item:hover { background: #EFF8FE; } .poin-el-menu .el-submenu .el-submenu .el-menu { border-left: 1px solid #f4f8fb; } .el-submenu .el-menu--vertical { border-left: 1px solid #f4f8fb; } /* aside */ .el-aside { border-right: 1px solid #7FA9C9; } /* breadcrumb */ .breadcrumb-wrap { /* border-bottom: 1px solid #7FA9C9; */ } /* tags */ .div-tags { background: linear-gradient(180deg, #EFF7FE 0%, #FFFFFF 100%); border-bottom: 1px solid #7FA9C9; } .div-tags ul li.fixed-home { /* background: #e3ebf0; */ } .div-tags .el-tag { background-color: #F5F5F5; color: #3F74C5; border-color: #F5F5F5; } .div-tags .el-tag .el-tag__close { color: #379cd8; } .div-tags .active-tag { color: #FFF; background-color: #3F74C5; border-color: #3F74C5; } .div-tags .active-tag .el-tag__close { color: #FFF; } .div-tags .el-tag .el-tag__close:hover { color: #fff; background-color: #379cd8; } .div-tags .active-tag .el-tag__close:hover { background-color: #fff; color: #379cd8; } /* main-content */ .c-main-content .home-wrap { /* background-color: #f5fbff; */ background-color: #EEEEEE; } /* home */ .home .grid-con-0{ background-color:#6dbceb; } .home .grid-con-1{ background-color:#6dd2eb; } .home .grid-con-2{ background-color:#6debe7; } .home .grid-con-3{ background-color:#8febc9; } .home .grid-con-4{ background-color:#99ee91; } .home .el-card__header i { font-size: 22px; margin-right: 5px; color: #6dbceb; display: block; float: left; margin-top: 1px; } .home .el-card__header span { font-size: 16px; color: #6dbceb; } .home .el-icon-copy-document{ color: #6dbceb; font-size: 14px; } /* table */ .poin-skin .el-table th { color: #333; background: linear-gradient(to bottom, #f7f7f7, #ebebeb); } .poin-skin .el-table--striped tr.el-table__row--striped td { background-color: #deeef5; } .poin-skin .el-table--enable-row-hover .el-table__body tr:hover>td { background-color: #f4fcff; } .poin-skin .el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .poin-skin .el-table__body tr.el-table__row.current-row>td { color: black; background-color: rgba(109,188,235, 0.3); } .poin-skin .el-table__body tr.el-table__row.current-row>td .el-button--text { color: rgb(109,188,235); } /* message-box */ .poin-skin .el-message-box__header { background-color: #6dbceb; } .el-message-box__headerbtn .el-message-box__close { color: rgba(255, 255, 255, .6); } .el-message-box__headerbtn:hover .el-message-box__close { color: #fff; } /* dialog */ .poin-skin .el-dialog__header{ background-color: #6dbceb; padding: 20px; padding-bottom: 10px; } .el-dialog__title { color: #fff; } .el-dialog__headerbtn .el-dialog__close { color: rgba(255, 255, 255, .6); } .el-dialog__headerbtn:hover .el-dialog__close { color: #fff; } /* breadcrumb */ .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner { color: #6dbceb; } .breadcrumb-icon { color:#2b93d1; } /* icon */ /* 给i标签加上front-title的类名用以给elementUI提供的图标加上主题颜色*/ i[class^="el-icon"].front-title { color: #2b93d1; } /* tree */ .el-tree-node__expand-icon { color: #2b93d1; } .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { color: #fff; background-color: #379cd8; } .el-tree--highlight-current .is-current>.el-tree-node__content .el-button, .el-tree--highlight-current .is-current>.el-tree-node__content .el-tree-node__expand-icon { color: #fff; } .is-current>.el-tree-node__content .el-tree-node__expand-icon.is-leaf { color: transparent; } /* tabs */ .el-tabs--border-card>.el-tabs__header { background-color: #f5f7fa; } .el-tabs--card>.el-tabs__header { border-bottom: 2px solid #2b93d1; } .el-tabs--card>.el-tabs__header .el-tabs__item.is-active { background-image: linear-gradient(#2b93d1, #2b93d1); color: white; } .el-icon-arrow-right:before { color: #ecf5ff; } /* 自定义类型的tabs */ .y-tabs .el-tabs__item { min-width: 120px!important; height: 35px; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-right: 5px; /* tab正常的背景颜色 */ background-color: rgba(43,147,209, .4); /* 正常的字体颜色 */ color:#666666; padding-left: 0; padding-right: 0; } .y-tabs .el-tabs__item.is-active { background-image: linear-gradient(#6DBCEB, #6DBCEB); color: white; } /* input prepend append */ .el-input.is-disabled .el-input__inner { color: #83878e; } .el-input-number__decrease, .el-input-number__increase, .el-input-group__append, .el-input-group__prepend { color: #fff; background: #6dbceb; } .el-input-number__decrease:hover, .el-input-number__increase:hover { color: #fff; } .el-input-group__prepend div.el-input input.el-input__inner, .el-input-group__append div.el-input input.el-input__inner, .el-input-group__prepend div.el-select:hover input.el-input__inner, .el-input-group__append div.el-select:hover input.el-input__inner { color: #000; background-color: #fff; } /* collapse */ .el-collapse-item__header.is-active, .el-collapse-item__arrow { color: #6dbceb; } /* 背景 */ #business_container { background: #F5FBFF; } /* 工具条背景 */ .toolbar-active-item{ background: #F5FBFF; } /* 工具条鼠标移入背景 */ .toolbar-hover:hover{ background: #F5FBFF; }