174 lines
11 KiB
CSS
174 lines
11 KiB
CSS
/************新版公共****************/
|
|
a:link,a:visited{text-decoration:none;color:#898989;}
|
|
a:hover {color:#29bd8b;}
|
|
body{ font-size:14px; line-height:2.0;}
|
|
/*万能清除浮动*/
|
|
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
|
|
.clearfix{clear:both;zoom:1}
|
|
.cl{ clear: both; overflow: hidden;}
|
|
/*通用浮动*/
|
|
.fl{ float: left;}
|
|
.fr{ float: right;}
|
|
/*通用文字功能样式*/
|
|
.color-red{ color:#d2322d;}
|
|
.color-green{color:#51a74f;}
|
|
.color-light-green{color:#29bd8b;}
|
|
.color-blue{color:#2788d0;}
|
|
.color-orenge{color:#ee4a1f;}
|
|
.color-yellow{color:#f0ad4e;}
|
|
.color-grey{color:#888;}
|
|
a.link-color-grey{color:#888;}
|
|
a:hover.link-color-grey{color:#29bd8b;}
|
|
a.link-color-green{color:#29bd8b;}
|
|
/*通用文字大小样式*/
|
|
.font-14{ font-size: 14px;}
|
|
.font-16{ font-size: 16px;}
|
|
.font-18{ font-size: 18px;}
|
|
.font-20{ font-size: 20px;}
|
|
.font-24{ font-size: 24px;}
|
|
.font-28{ font-size: 28px;}
|
|
.font-30{ font-size: 30px;}
|
|
/*通用内外边距*/
|
|
.mt3{ margin-top:3px;}.mt5{ margin-top:5px;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}.mt20{ margin-top:20px;}.mt25{ margin-top:25px;}.mt30{ margin-top:30px;}
|
|
.mb5{ margin-bottom: 5px;}.mb10{ margin-bottom: 10px;}.mb15{ margin-bottom: 15px;}.mb20{ margin-bottom: 20px;}.mb25{ margin-bottom: 25px;}.mb30{ margin-bottom: 30px;}
|
|
.ml5{ margin-left: 5px;}.ml10{ margin-left: 10px;}.ml15{ margin-left: 15px;}.ml19{margin-left: 19px;}.ml20{ margin-left: 20px;}.ml25{ margin-left: 25px;}.ml30{ margin-left: 30px;}.ml230{ margin-left: 230px;}
|
|
.mr5{ margin-right: 5px;}.mr10{ margin-right: 10px;}.mr15{ margin-right: 15px;}.mr20{ margin-right: 20px;}.mr25{ margin-right: 25px;}.mr30{ margin-right:30px;}.mr45{margin-right:45px;}
|
|
.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt15{ padding-top:15px;}.pt20{ padding-top:20px;}
|
|
.pb5{ padding-bottom:5px;}.pb10{ padding-bottom:10px;}.pb15{ padding-bottom:15px;}.pb20{ padding-bottom:20px;}
|
|
.pl5{ padding-left:5px;}.pl10{ padding-left:10px;}.pl15{ padding-left:15px;}.pl20{ padding-left:20px;}
|
|
.pr5{ padding-right:5px;}.pr10{ padding-right:10px;}.pr15{ padding-right:15px;}.pr20{ padding-right:20px;}
|
|
/*块*/
|
|
.col-width{background: #fff; border:1px solid #e8e8e8;}
|
|
.col-width2{background: #fff;}
|
|
.col-width-10{ max-width: 100%; background: #fff; border:1px solid #e8e8e8;}
|
|
.col-width-9{ max-width: 90%; background: #fff; border:1px solid #e8e8e8;}
|
|
.col-width-8{ max-width: 80%; background: #fff; border:1px solid #e8e8e8;}
|
|
.col-width-7{ max-width: 70%; background: #fff; border:1px solid #e8e8e8;}
|
|
.col-width-6{ max-width: 60%; background: #fff; border:1px solid #e8e8e8;}
|
|
.col-width-5{ max-width: 50%; background: #fff; border:1px solid #e8e8e8;}
|
|
.col-width-4{ max-width: 40%; background: #fff; border:1px solid #e8e8e8;}
|
|
.col-width-3{ max-width: 30%; background: #fff; border:1px solid #e8e8e8;}
|
|
.col-width-2{ max-width: 20%; background: #fff; border:1px solid #e8e8e8;}
|
|
.col-width-1{ max-width: 10%; background: #fff; border:1px solid #e8e8e8;}
|
|
|
|
/*按钮*/
|
|
a.task-btn{display: inline-block;border:none; padding:0 32px;color: #666;background: #e1e1e1; text-align:center;font-size: 14px; height: 35px;line-height: 35px; border-radius:3px;}
|
|
a:hover.task-btn {background: #c3c3c3; }
|
|
a.task-btn-green{background: #29bd8b; color: #fff;}
|
|
a:hover.task-btn-green{background: #19b17e;}
|
|
a.task-btn-orange{ background:#fc8675; color:#fff;}
|
|
a:hover.task-btn-orange{ background:#e27869;}
|
|
a.task-btn-blue{ background:#6a8abe; color:#fff;}
|
|
a:hover.task-btn-blue{ background:#5f7cab;}
|
|
/*提示条*/
|
|
.alert{ padding:10px;border: 1px solid transparent; text-align: center;}
|
|
.alert-blue{ background-color: #d9edf7;border-color: #bce8f1; color: #3a87ad;}
|
|
.alert-orange{ background-color: #fff9e9;border-color: #f6d0b1; color:#ee4a20;}
|
|
.alert-green{ background-color: #dff0d8;border-color: #d6e9c6; color:#3c763d;}
|
|
.task-close{padding: 0;cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; font-size: 21px; font-weight: bold;line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.3;}
|
|
.task-close:hover{opacity: 0.5;}
|
|
/*tag*/
|
|
.task-tag{ padding:0 10px; text-align: center; display:inline-block; height:30px; line-height: 30px;}
|
|
.tag-blue{ background-color: #d9edf7; color: #3a87ad;}
|
|
.tag-grey{ background-color: #f3f5f7; color: #4d555d;}
|
|
.tag-border-grey{ background-color: #fff;border-color: #e2e2e2; color: #888;}
|
|
/****************************/
|
|
.task-container{ min-width:1300px; margin:0 auto; background: #f5f9fc; position: relative;}
|
|
/*左侧导航*/
|
|
.leftbar{ height: 100%; background: #1f212d; width: 210px;}
|
|
.user-info{ width: 210px; height:180px; background:#29bd8b; padding-top:30px;}
|
|
a.user-info-img{ display: block; width: 100px; height: 100px; margin:0 auto; }
|
|
a.user-info-img img{border-radius:100px;border:5px solid #3fcf9e;}
|
|
a.user-info-img img:hover{border:5px solid #4cdeac;}
|
|
a.user-info-name{ display: block; font-size: 16px; color: #fff; max-width:100px; margin: 20px auto; text-align: center;}
|
|
.leftnav-box{ width: 210px; height: 100px; background:#292b3a; padding:10px 0; margin-bottom:2px;}
|
|
a.leftnav-box-inner{ display: block; width: 207px; height:80px; border-left:3px solid #292b3a; background:#292b3a; text-align: center; padding-top:20px; color:#575f6c;}
|
|
a:hover.leftnav-box-inner,a.leftnav-active{border-left:3px solid #29bd8b;color: #fff; }
|
|
.btn-cir{ background:#575f6c; color:#292b3a;display: inline-block; padding:0px 5px; border-radius:25px; border-radius:15px; line-height:20px; font-size:12px;}
|
|
.btn-cir:hover{background:#fff;}
|
|
.btn-cir-grey{background: #e1e1e1;color: #333;}
|
|
.btn-cir-grey:hover{background: #c3c3c3;}
|
|
/*右侧头部*/
|
|
.rightbar-header{width: 100%; background:#282c37; height:60px; min-width:1000px;}
|
|
.rightbar-score{ margin-top: 17px; font-size: 14px; margin-right:20px;}
|
|
.rightbar-score li{ float: left; color:#fff; margin-right: 20px;}
|
|
.rightbar-score li a{ color:#fff;}
|
|
a.rightbar-pause{ color:#29bd8b; font-size: 18px; margin-right:15px; margin-top: 12px;}
|
|
.rightbar-h2{ color:#fff; margin:12px 0 0 20px; font-weight: normal;}
|
|
.rightbar{background:#f5f9fc; color:#333; position: relative;}
|
|
/*右侧内容*/
|
|
.content{ min-width:1000px; }
|
|
.content-row{ padding:15px; }
|
|
.content-info{ width:49.5%; min-width:250px;}
|
|
.content-editor{ width:49.3%; min-width:250px; margin-left:15px; }
|
|
.panel-header{ border-bottom:1px solid #eee; padding:10px 15px;}
|
|
.panel-header-border{ border:1px solid #eee; padding:10px 15px; border-bottom:none;}
|
|
/* tab */
|
|
.tab_content{ width: 100%; margin: 0 auto; background:#fff; }
|
|
#tab_nav {height:40px;background: #eff0f4; }
|
|
#tab_nav li {float:left; padding:0px 50px;text-align:center;height: 40px;line-height: 40px; }
|
|
#tab_nav li a{font-size:14px; }
|
|
.tab_hover {border-bottom:1px solid #fff; background: #fff;}
|
|
.tab_hover a{ color:#29bd8b; font-weight:bold;}
|
|
.undis {display:none;}
|
|
.dis {display:block;}
|
|
.tab-info{ }
|
|
.content-editor-inner{ overflow:auto; height:600px; }
|
|
.tab-info-inner{ overflow:auto; height:600px; margin:0 0 0px 15px;padding-top: 15px}
|
|
.content-history-inner{height:135px; overflow:auto; padding:15px;}
|
|
.content-history{width:48.7%; min-width:500px; }
|
|
.history-success{ width: 100%; height:40px; line-height: 40px; background:#eef1f2; color:#666; }
|
|
.history-fail{ width: 100%; height:40px; line-height: 40px; background:#fdebeb; color:#e53238; }
|
|
.icon-fail{ display:inline-block; padding:0 8px; background:#e53238; color:#fff;}
|
|
.icon-success{ display:inline-block; padding:0 8px; background:#252e38; color:#fff;}
|
|
.content-output{width:37.5%; min-width:200px; }
|
|
.content-submit{width:10%; min-width:135px; }
|
|
.content-submitbox{ width:120px; margin: 15px auto; height:135px;}
|
|
.panel-inner{ background:#EFF2F7; margin:15px; padding:15px;}
|
|
.panel-inner-title{ font-size: 14px; color: #666; max-width:85%; line-height:30px;word-wrap: break-word;}
|
|
.panel-footer{ min-width:1000px; height: 210px!important;}
|
|
/* 弹框 */
|
|
.task-popup{ width: 30%;background: #fff; border:1px solid #e8e8e8; border-radius:3px; -webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc; margin: 50px auto;}
|
|
.task-popup-text-center{ text-align: center; color: #666;}
|
|
.task-popup-title{ border-bottom: 1px solid #eee; padding:10px 15px; }
|
|
.task-popup-content{ padding:15px;}
|
|
.task-popup-submit{ margin:15px auto; width: 200px;}
|
|
/* TPM */
|
|
.task-header{ width: 100%; background:url("/images/task/task-bg-header.png") 0 0 repeat-x; height: 100px;}
|
|
.task-header-info{ width: 1000px; margin: 0 auto; color:#fff; padding:30px 0;}
|
|
.task-header-info h2 a,.task-header-info h2{ font-weight: normal;color:#fff;}
|
|
a.task-header-name{ max-width:200px;}
|
|
.task-header-title{ display: block; max-width:750px;word-wrap: break-word;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
.task-header-nav{ width: 100%; height:50px; background:#282c37;}
|
|
.task-header-navs{ width: 1000px; margin: 0 auto;}
|
|
.task-header-navs li{ float: left;}
|
|
.task-header-navs li a{ display: block; height: 50px; padding:0 50px; color:#fff; text-align: center; font-size: 16px; line-height: 50px;}
|
|
.task-header-navs li a:hover{ color:#29bd8b;}
|
|
.task-header-navs li a.active{ background:#29bd8b;color:#fff;}
|
|
.task-pm-content{ width: 1000px; margin: 0 auto; min-height:566px}
|
|
.task-pm-box{ width: 100%; background: #fff; border: 1px solid #e8e8e8;}
|
|
.task-paner-con{ padding:15px; color:#666; line-height:2.0;}
|
|
.panel-form{ width:800px; margin:0 100px; padding:30px 0; line-height: 40px; }
|
|
.panel-form li{ margin-bottom:20px; font-size: 14px; color:#666;}
|
|
.panel-form-label{ display:inline-block; width:90px; text-align:right; }
|
|
.panel-form input,.panel-form textarea{ border:1px solid #e2e2e2;color:#666;line-height: 1.9;}
|
|
.panel-form-width-690{ width: 690px; padding:5px;}
|
|
.panel-form-width-670{ width: 670px; padding:5px;}
|
|
.panel-form-height-150{ height: 150px;}
|
|
.panel-form-height-30{height: 30px;}
|
|
.task-bg-grey{ background:#f3f3f3; width:680px; padding:0 10px; border:1px solid #f3f3f3;}
|
|
.task-bd-grey{width:680px; padding:10 0px;}
|
|
input.task-tag-input{ border:none; background: none; height:30px; padding:0 5px; color:#888; line-height: 30px;}
|
|
textarea.task-textarea-pd{ padding-bottom: 0px; padding-top:0px;}
|
|
.task-setting-tab{ height:600px;}
|
|
.task-pd15-box{ padding:15px;}
|
|
.mb20{margin-bottom: 20px;}
|
|
input.knowledge_frame{height:30px;line-height:30px;border:none;background:#f3f5f7;}
|
|
/* TPi全屏展示css */
|
|
.content-all-fix{ position: absolute; top:75px; left:15px; right:15px; z-index:99; height: 91%; width: 98.5%;}
|
|
.content-all-fix .big-tab-info-inner{ display: block; height:50%; overflow:auto; margin:15px 0 0px 15px; }
|
|
.content-half-fix{ min-width:450px; margin:0; position: absolute; top:140px; left:15px; z-index:99; height:84%;}
|
|
.content-half-fix .content-history-inner{height:100%; overflow:auto; }
|
|
.content-half-fix02{margin:0; position: absolute; top:65px; z-index:99; right:45px;}
|
|
.content-history-extend{ height: 95%;overflow:auto;}
|