260 lines
14 KiB
CSS
260 lines
14 KiB
CSS
.gougu-tab-bar{background-color:#fff;}
|
|
.gougu-tab{text-align: left!important;}
|
|
.gougu-tab-title{position: relative;left: 0; height: 40px; white-space: nowrap; font-size: 0; transition: all .2s; -webkit-transition: all .2s;/*overflow: auto;*/}
|
|
.gougu-tab-title li{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; font-size: 16px;transition: all .2s;-webkit-transition: all .2s; position: relative;line-height: 40px; min-width: 64px; padding: 0 12px;text-align: center;cursor: pointer;}
|
|
.gougu-tab-title li:hover,.gougu-tab li.tab-this{ color:#1E9FFF;}
|
|
.gougu-tab-title li.tab-this:after{border-bottom: 2px solid #1E9FFF;position: absolute;left: 0; top: 0; content: ""; width: 100%; height: 41px; box-sizing: border-box;pointer-events: none;}
|
|
.gougu-tab-title.big{height: 70px;}
|
|
.gougu-tab-title.big li{line-height: 46px;}
|
|
.gougu-tab-title.big li{line-height: 46px;}
|
|
.gougu-tab-title.big li.tab-this:after{height: 47px;}
|
|
|
|
.bg-status-0{background-color:#FF5722 !important;}
|
|
.bg-status-1{background-color:#969696 !important;}
|
|
.bg-status-2{background-color:#1E9FFF !important;}
|
|
.bg-status-3{background-color:#47B347 !important;}
|
|
.bg-status-4{background-color:#F03347 !important;}
|
|
|
|
.bg-cate-1{background-color:#47B347 !important;}
|
|
.bg-cate-2{background-color:#1E9FFF !important;}
|
|
.bg-cate-3{background-color:#FFB800 !important;}
|
|
.bg-cate-4{background-color:#8838DA !important;}
|
|
|
|
.a1-0{background-color:#969696 !important;}
|
|
.a1-1{background-color:#1E9FFF !important;}
|
|
.a1-2{background-color:#47B347 !important;}
|
|
.a1-3{background-color:#FF5722 !important;}
|
|
.a1-4{background-color: #4b4b4b !important;}
|
|
.a1-5{background-color: #FFB800 !important;}
|
|
|
|
.color-status-0{color:#FF5722 !important;}
|
|
.color-status-1{color:#F03347 !important;}
|
|
.color-status-2{color:#1E9FFF !important;}
|
|
.color-status-3{color:#FFB800 !important;}
|
|
.color-status-4{color:#47B347 !important;}
|
|
|
|
.bg-priority-0{background-color:#648A8D !important;}
|
|
.bg-priority-1{background-color:#47B347 !important;}
|
|
.bg-priority-2{background-color:#1E9FFF !important;}
|
|
.bg-priority-3{background-color:#FFB800 !important;}
|
|
.bg-priority-4{background-color:#FF5722 !important;}
|
|
|
|
.color-priority-0{color:#648A8D !important;}
|
|
.color-priority-1{color:#47B347 !important;}
|
|
.color-priority-2{color:#1E9FFF !important;}
|
|
.color-priority-3{color:#FFB800 !important;}
|
|
.color-priority-4{color:#FF5722 !important;}
|
|
|
|
.bg-flow-0{background-color:#648A8D !important;}
|
|
.bg-flow-1{background-color:#4AC8BE !important;}
|
|
.bg-flow-2{background-color:#409CDE !important;}
|
|
.bg-flow-3{background-color:#FF5722 !important;}
|
|
.bg-flow-4{background-color:#666666 !important;}
|
|
.bg-flow-5{background-color:#999999 !important;}
|
|
.bg-flow-6{background-color:#d80000 !important;}
|
|
|
|
.color-flow-0{color:#648A8D !important;}
|
|
.color-flow-1{color:#4AC8BE !important;}
|
|
.color-flow-2{color:#409CDE !important;}
|
|
.color-flow-3{color:#FF5722 !important;}
|
|
.color-flow-4{color:#666666 !important;}
|
|
.color-flow-5{color:#999999 !important;}
|
|
|
|
.layui-bg-0{background-color:#648A8D !important;}
|
|
.layui-bg-1{background-color:#4AC8BE !important;}
|
|
.layui-bg-2{background-color:#409CDE !important;}
|
|
.layui-bg-3{background-color:#C0DB38 !important;}
|
|
.layui-bg-4{background-color:#4DCE58 !important;}
|
|
.layui-bg-5{background-color:#FEC939 !important;}
|
|
.layui-bg-6{background-color:#8838DA !important;}
|
|
.layui-bg-7{background-color:#FD6206 !important;}
|
|
.layui-bg-8{background-color:#F03347 !important;}
|
|
.layui-bg-9{background-color:#A38B82 !important;}
|
|
|
|
.span-color-0{color:#648A8D !important;}
|
|
.span-color-1{color:#4AC8BE !important;}
|
|
.span-color-2{color:#409CDE !important;}
|
|
.span-color-3{color:#C0DB38 !important;}
|
|
.span-color-4{color:#4DCE58 !important;}
|
|
.span-color-5{color:#FEC939 !important;}
|
|
.span-color-6{color:#8838DA !important;}
|
|
.span-color-7{color:#FD6206 !important;}
|
|
.span-color-8{color:#F03347 !important;}
|
|
.span-color-9{color:#A38B82 !important;}
|
|
|
|
.layui-timeline-title{line-height:20px;}
|
|
.layui-card { box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%); margin-bottom:12px!important;}
|
|
.layui-card-body dl {width: 14%;float: left;/*display: block*/}
|
|
.layui-card-tips {color: #999;}
|
|
.layui-card-value {padding: 4px 0 16px;font-size: 18px;color: #1E9FFF;}
|
|
|
|
/*框架布局*/
|
|
.layui-layout-admin .layui-header{height:50px; padding-left:60px;background: #fff; box-shadow: inset 0 -1px 0 0 #e5ecf0; z-index:1686}
|
|
.layui-layout-admin .layui-side{width:60px; top:0; z-index:1688;background-color: #eee; color: #333;}
|
|
.layui-layout-admin .layui-body{left:60px; top:50px; height:calc(100% - 50px); padding-bottom:0; z-index: initial;}
|
|
.layui-layout-admin .layui-footer{left:60px;}
|
|
|
|
/*头部区域*/
|
|
.header-breadcrumb.layui-layout-left{left:80px;}
|
|
.header-breadcrumb{line-height:49px;}
|
|
.layui-layout-right{padding: 0;}
|
|
.layui-layout-right .layui-nav-item {border-left: 1px solid #e5ecf0; position: relative;display: inline-block;}
|
|
.layui-layout-right .layui-nav-item a{padding:0 12px; line-height: 49px; height: 49px; display: inline-block;color:#333;vertical-align: middle;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
}
|
|
.layui-layout-right .layui-nav-item i{font-size:20px}
|
|
.layui-layout-right .layui-nav-bar {background-color: #fff;}
|
|
.layui-login-img{width:36px; height:36px; /*border-radius:50%*/}
|
|
.layui-layout-right .msg-num {height: 18px;position: absolute;top: 3px; margin-left:-5px; left: 50%;}
|
|
.layui-layout-right .msg-num span {min-width: 18px; height: 18px; margin: 0; padding: 0 5px; display: inline-block; font-size: 11px;line-height: 18px;text-align: center; background-color: #FF5722; color: #fff;border-radius: 12px; cursor: pointer;}
|
|
/*左侧菜单*/
|
|
.side-memu{align-items: stretch;display: flex; flex-flow: column nowrap; justify-content: space-between; min-width: 0;height:100%; overflow:hidden; position: relative;}
|
|
.side-memu .item {align-items: center; cursor: pointer;display: flex; flex-direction: column; height: 64px; justify-content: center; position: relative; text-align: center;}
|
|
.side-memu .item>*{ position: relative;}
|
|
.side-memu a {color: #333; text-decoration: none;}
|
|
.side-memu .item.logo {width: 56px; height: 50px; text-align:center;}
|
|
.side-memu .item.logo .gg-logo { height: 36px; width: 36px;}
|
|
.side-memu .item.logo .gg-logo img {height: 36px; width: 36px; /*border-radius:50%*/}
|
|
.side-memu .item:hover{background-color:#4285F4;color: white}
|
|
.side-memu .item.active { color: #fff; background-color:#4285F4}
|
|
.side-memu .item .iconfont {font-size: 20px; margin: 0;}
|
|
.side-memu .item .text {font-size:12px; padding-top:2px; line-height: 1.5;}
|
|
|
|
/*内容区域*/
|
|
.main-content{position: relative; padding:0; height:100%; box-sizing: border-box;}
|
|
.table-content{background-color:#F5F8FA; min-height:100%; box-sizing: border-box;}
|
|
.card-content{padding:10px; background-color:#F5F8FA}
|
|
.box-800{width:800px; margin:0 auto;}
|
|
|
|
.sub-menu{position:relative;}
|
|
.sub-menu .line {right:0; border-right: 1px solid #e5ecf0; bottom: 0; height: 100%; position: absolute;top: 0; transition: border-color .2s ease 0s; width: 0;}
|
|
|
|
.table-title {font-size: 18px;font-weight: 800;padding: 8px 12px 0;}
|
|
.h3-title{font-size:18px; height:39px; font-weight:800}
|
|
.body-form-btn{padding:10px 0;}
|
|
.info-td{width:90px; text-align:right; background-color:#fafafa; color:#999; padding:5px 3px;}
|
|
|
|
.sub-menu{overflow: hidden; position: absolute;height:100%; background-color:#fff; top:0;left:0;}
|
|
.sub-menu-content{overflow-x: hidden; position: relative;z-index: 2;}
|
|
.sub-menu-content ul{padding:0 16px; line-height:2.2}
|
|
.sub-menu-content li.sub-menu-title{margin-top:10px;}
|
|
.sub-menu-content li.sub-menu-title i{font-size:18px; font-weight:800}
|
|
.sub-menu-content li.sub-menu-title span{padding-left:8px; font-size:15px;}
|
|
.sub-menu-content li.sub-menu-li a{padding-left:26px; font-size:14px;}
|
|
.sub-menu-content li.sub-menu-title.active a{color:#4285F4;}
|
|
.sub-menu-content li.sub-menu-li.active a{color:#4285F4;}
|
|
.sub-menu-content li.sub-menu-title cite{font-size:12px; margin-left:4px; color:#999}
|
|
.menu-bar{right: 0;height: 100%; position: absolute;}
|
|
.menu-bar .menu-bar-content { height: calc(100% - 50px);overflow: hidden;position: fixed;top: 50px; z-index: 3;margin-left: -10px;width: 20px;}
|
|
.menu-bar .menu-bar-content .line { left: 50%; border-right: 1px solid #e5ecf0; bottom: 0; height: 100%; position: absolute; top: 0;transition: border-color .2s ease 0s; width: 0;}
|
|
|
|
.main-page-content{background-color:#fff; position:relative; min-height:100%; margin-left:200px; box-sizing: border-box;}
|
|
.main-page-content .layui-form.layui-border-box.layui-table-viewaa{border-top:none;}
|
|
.main-bg-content{background-color:#fafafa; position:relative; min-height:100%; margin-left:200px; padding:16px; box-sizing: border-box;}
|
|
|
|
.main-content .layui-form-bar{padding:12px;}
|
|
.table-content .layui-form-bar{padding:12px; background-color:#fff;}
|
|
.table-content .layui-table-page{background-color:#fff;border-bottom:1px solid #f1f1f1;}
|
|
|
|
|
|
.md-content-content{font-size:16px; line-height:1.6;}
|
|
.md-content-content code, .md-content-content code {padding:2px; border-radius:2px; font-size:14px; font-family:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
|
|
.md-content-content h1,.md-content-content h2,.md-content-content h3,.md-content-content h4,.md-content-content h5{padding:12px 0}
|
|
.md-content-content p{padding:6px 0}
|
|
.md-content-content ul,.md-content-content ol{padding-left: 2em;}
|
|
.md-content-content ul li {list-style: initial;}
|
|
.md-content-content ol li {list-style: decimal;}
|
|
.md-content-content pre{border: 1px solid #f6f6f6; font-size:14px; background: #f6f6f6; padding: 10px; border-radius:3px;}
|
|
.md-content-content pre code{padding:0}
|
|
.md-content-content img{ max-width: 98%!important; margin: 4px auto; display: block; border: 1px solid #e6e6e6; box-shadow: 0 2px 6px rgb(26 26 26 / 8%);border-radius: 4px;}
|
|
/*dashboard*/
|
|
.dashboard-num table {width: 100%;}
|
|
.dashboard-num td {text-align: center;padding: 16px 0;width: 25%;border-left: 1px solid #f1f1f1; position:relative;}
|
|
.dashboard-num td:nth-child(1) {border-left: none}
|
|
.dashboard-num .num-title {padding-bottom: 10px;color: #999;}
|
|
.dashboard-num .num-num {font-size: 18px;font-weight: 300;color: #1E9FFF;}
|
|
.dashboard-num td .badge{position:absolute; top:0; right:0;}
|
|
.dashboard-num td .badge span{padding:2px 4px; font-size:12px; border-radius:0 0 0 4px;}
|
|
.dashboard-total td{border-top:1px solid #f1f1f1}
|
|
.dashboard-logs .layui-timeline-item {padding-bottom: 1px;}
|
|
|
|
/*右侧页面*/
|
|
.page-content{background-color:#fff;}
|
|
.md-content{min-height:200px;}
|
|
.content-none{text-align:center; color:#999; padding:8px 0}
|
|
.data-none{background:url(../images/datanone.png) no-repeat center center; background-size:auto 80%;}
|
|
.gougu-clear{height: 38px; background-color:#fff;line-height: 38px;border: 1px solid transparent;padding: 0 10px;white-space: nowrap;text-align: center;font-size: 14px; cursor: pointer;}
|
|
|
|
.file-card {background: #fff;border: 1px solid #f1f1f1;border-radius: 2px; padding: 8px; margin:8px;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
.file-card .file-icon{font-size:42px; color:#999; margin-right: 8px;}
|
|
.file-card .file-title {font-size: 14px; color: #409eff; letter-spacing: 0; margin-right: 8px; line-height: 18px; cursor: pointer; word-break: break-all; overflow: hidden; text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
line-clamp: 2;
|
|
-webkit-box-orient: vertical;width: calc(100% - 110px);
|
|
}
|
|
.file-card .file-tool .iconfont{font-size:16px; padding:4px; cursor:pointer;}
|
|
|
|
/*评论*/
|
|
.comment-input .comment-image{width:40px; height:40px; border-radius:50%}
|
|
.comment-item .comment-avatar{width:50px; float:left}
|
|
.comment-item .comment-image{width:36px; height:36px; border-radius:50%}
|
|
.comment-item .comment-body{margin-left:50px;}
|
|
.comment-item .comment-content blockquote{border-left:3px solid #f1f1f1; padding:4px 8px;}
|
|
.comment-item .comment-actions a{color:#8c95a8; cursor:pointer;}
|
|
.comment-item .comment-actions a:hover{color:#3582fb;}
|
|
.comment-meta span{font-size:12px;}
|
|
|
|
.log-item i{font-weight:800; color:#182b50}
|
|
.log-content strong{margin:0 4px; color:#182b50}
|
|
|
|
.hover-view i,.hover-edit i{margin-left:4px; font-weight:800; cursor:pointer; opacity:0}
|
|
.hover-edit.hover-on i{opacity:1}
|
|
.work-record{line-height:1.5;}
|
|
/*动态*/
|
|
.log-timeline{ position: relative; min-height:600px; padding-left: 48px; background-color:#fff;}
|
|
.log-timeline:after {content: ""; position: absolute; top: 0; left: 24px; width: 1px; height: 100%; background: #e3e9ed;}
|
|
.log-timeline dl{padding-bottom: 8px; position: relative;}
|
|
.log-timeline dt{font-size: 16px; line-height: 2.4; color: #182b50; font-weight:600}
|
|
.log-timeline dd{font-size: 14px; line-height: 1.6; padding:5px 0}
|
|
.log-timeline .date-second-point{width: 10px; height: 10px; display: block; border-radius: 50%; border: 3px solid #FBBC05; background: #fff; position: absolute; z-index: 99; left:-32px; top:9px}
|
|
.log-timeline .log-thumb{width: 24px; height: 24px; border-radius: 50%; margin-right:4px;}
|
|
.log-timeline .open-a{margin:0 4px;}
|
|
/*知识库*/
|
|
.knowledge-tab .layui-this{background-color:#fff}
|
|
.knowledge-list .layui-card{cursor: pointer; transition: box-shadow .3s,border-color .3s;}
|
|
.knowledge-list .layui-card:hover {border-color: transparent; box-shadow: 0 1px 2px -2px rgb(0 0 0 / 16%), 0 3px 6px 0 rgb(0 0 0 / 12%), 0 5px 12px 4px rgb(0 0 0 / 9%);}
|
|
.knowledge-list .card-body{height:100px; padding: 12px;}
|
|
.knowledge-list .meta-title{font-size: 16px; height:33px}
|
|
.knowledge-list .meta-desc{font-size: 14px; line-height: 1.6; color: #666;}
|
|
.knowledge-list .meta-desc a{color: #666;}
|
|
|
|
.knowledge-list .card-actions{padding: 12px 0; border-top: 1px solid #f0f0f0;}
|
|
.knowledge-list .card-actions li{width: 24%; height:24px; line-height: 24px; font-size: 14px; display:inline-block; text-align: center; box-sizing: border-box; border-right: 1px solid #f0f0f0;color:#8c95a8}
|
|
.knowledge-list .card-actions li:last-child{border-right: none;}
|
|
.knowledge-list .card-actions li a.action-del{color:#FF5722}
|
|
.knowledge-list .card-actions li a.action-edit{color:#26AB3A}
|
|
.knowledge-list .card-actions li a.action-view{color:#3582fb}
|
|
.knowledge-list .card-actions li a:hover{color:#1E9FFF}
|
|
|
|
/*特殊css*/
|
|
.checkbox16 .layui-form-checkbox span{font-size:15px;font-weight:800;}
|
|
.layui-checkbox-disabled span,.layui-checkbox-disabled[lay-skin=primary] span{color: #666666!important;}
|
|
.layui-tab-big{margin:0}
|
|
.layui-tab-big .layui-tab-title{height:50px;}
|
|
.layui-tab-big .layui-tab-title li{line-height:50px;}
|
|
.layui-tab-big .layui-tab-title .layui-this:after{height:51px;}
|
|
.layui-tab-big li a{padding:0 10px; font-size:15px;}
|
|
.is_open_son2{display:none;}
|
|
.home-desc{clear:both;line-height:36px; font-size:14px;}
|
|
.home-desc dt{width:72px;float:left;}
|
|
.home-desc dd{margin-left:88px;}
|
|
.home-desc img{width:72px; height:72px; /*border-radius:50%*/} |