130 lines
8.5 KiB
CSS
130 lines
8.5 KiB
CSS
/* 重置样式 */
|
|
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,span{ margin:0; padding:0;}
|
|
body,table,input,textarea,select,button { font-family: "微软雅黑","宋体"; font-size:12px;line-height:1.9; background:#f5f9fc; color:#333;}
|
|
div,img,tr,td,table{ border:0;}
|
|
table,tr,td{border:0;}
|
|
ol,ul,li{ list-style-type:none}
|
|
a:link,a:visited{text-decoration:none;color:#898989; }
|
|
a:hover {color:#29bd8b;}
|
|
input,textarea,select{ background: #fff; border:1px solid #ccc; color:#666;}
|
|
/*侧滚动条*/
|
|
::-webkit-scrollbar { width:10px; height:10px; background-color: #F5F5F5; border-radius: 10px; }
|
|
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }
|
|
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }
|
|
/*万能清除浮动*/
|
|
.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;}
|
|
/*pre标签换行*/
|
|
.break-word{word-break: break-all;word-wrap: break-word;}
|
|
.break-word-firefox{white-space: pre-wrap !important;word-break: break-all;}
|
|
/*超过隐藏*/
|
|
.task-hide{overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
.hide{overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
.hide-text {overflow:hidden; white-space:nowrap;}
|
|
/*隐藏*/
|
|
.none{display: none;}
|
|
/*通用文字功能样式*/
|
|
.font-bd{ font-weight: bold;}
|
|
.color-red{ color:#d2322d;}
|
|
.color-green{color:#51a74f !important;}
|
|
.color-light-green{color:#29bd8b;}
|
|
.color-blue{color:#3498db;}
|
|
.color-orange{color:#ee4a1f;}
|
|
.color-yellow{color:#f0ad4e;}
|
|
.color-grey{color:#888 !important;}
|
|
.color_white{ color:#fff !important;}
|
|
a.link-color-grey{color:#888;}
|
|
a:hover.link-color-grey{color:#29bd8b;}
|
|
a.link-color-green{color:#29bd8b;}
|
|
a.link-color-blue{color:#6a8abe;}
|
|
a.link-color-grey02{color:#888;}
|
|
a:hover.link-color-grey02{ color:red;}
|
|
/*通用文字大小样式*/
|
|
.font-12{ font-size: 12px!important;}
|
|
.font-14{ font-size: 14px!important;}
|
|
.font-16{ font-size: 16px!important;}
|
|
.font-18{ font-size: 18px!important;}
|
|
.font-20{ font-size: 20px!important;}
|
|
.font-24{ font-size: 24px!important;}
|
|
.font-28{ font-size: 28px!important;}
|
|
.font-30{ font-size: 30px!important;}
|
|
/*通用内外边距*/
|
|
.mt3{ margin-top:3px;}.mt5{ margin-top:5px;}.mt8{ margin-top:8px;}.mt10{ margin-top:10px;}.mt12{ margin-top:12px;}.mt15{ margin-top:15px;}.mt20{ margin-top:20px;}.mt25{ margin-top:25px;}.mt30{ margin-top:30px;}.mt50{ margin-top:50px;}
|
|
.mb5{ margin-bottom: 5px;}.mb10{ margin-bottom: 10px;}.mb15{ margin-bottom: 15px;}.mb20{ margin-bottom: 20px;}.mb25{ margin-bottom: 25px;}.mb30{ margin-bottom: 30px;}
|
|
.ml-3{ margin-left: -3px;}.ml5{ margin-left: 5px;}.ml10{ margin-left: 10px;}.ml15{ margin-left: 15px;}.ml20{ margin-left: 20px;}.ml25{ margin-left: 25px;}.ml30{ margin-left: 30px;}.ml50{ margin-left: 50px;}.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;}.mr60{ margin-right:60px;}
|
|
.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-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{ width: 500px; background: #fff; border:1px solid #e8e8e8;
|
|
position:absolute;left:-420px;top:0;}
|
|
.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 35px;color: #666;background: #e1e1e1; text-align:center;font-size: 12px; height: 35px;line-height: 35px; border-radius:3px;}
|
|
a:hover.task-btn {background: #c3c3c3; }
|
|
a.task-btn-green{background: #29bd8b; color: #fff!important;}
|
|
a:hover.task-btn-green{background: #19b17e;}
|
|
a.task-btn-orange{ background:#fc8675; color:#fff !important;}
|
|
a:hover.task-btn-orange{ background:#e27869;}
|
|
a.task-btn-blue{background: #3498db; color:#fff!important;}
|
|
a:hover.task-btn-blue{background: #5faee3;color:#fff;}
|
|
a.new-btn{display: inline-block;border:none; padding:0 10px;color: #666;background: #e1e1e1; text-align:center;font-size: 12px; height: 30px;border-radius: 3px; line-height: 30px;}
|
|
a.new-btn:hover{background: #c3c3c3; color: #333;}
|
|
a.new-btn-green{background: #29bd8b; color: #fff;}
|
|
a.new-btn-green:hover{background:#19b17e; }
|
|
a.new-btn-blue{background: #6a8abe; color: #fff;}
|
|
a.new-btn-blue:hover{background:#5f7cab; }
|
|
a.new-bigbtn{display: inline-block;border:none; padding:2px 30px;color: #666;background: #e1e1e1; text-align:center;font-size: 14px; height: 30px;line-height: 30px; border-radius: 3px;}
|
|
a:hover.new-bigbtn{background: #c3c3c3; color: #333;}
|
|
a.new-bigbtn-green{background: #3b94d6; color: #fff;}
|
|
a.new-bigbtn-green:hover{background: #2384cd; color: #fff;}
|
|
a.task-btn-ver{ height:45px; line-height: 45px; background: #6a8abe; color: #fff; border-radius:5px; font-size:12px; padding:0 10px;}
|
|
a.task-btn-ver-line{height:43px; line-height: 43px; border-radius:5px; font-size:12px; padding:0 10px; border:1px solid #ccc;}
|
|
a:hover.task-btn-ver-line{ border:1px solid #29bd8b;}
|
|
a:hover.task-btn-ver{background:#5f7cab;}
|
|
.new_login_submit_disable{ width:265px; height:40px; line-height: 40px; background:#ccc; color:#fff; font-size:14px; border-radius:5px; border:none; text-align:center; cursor:pointer; vertical-align: middle;}
|
|
.new_login_submit{ width:100%; height:45px; line-height: 45px; background:#29bd8b; color:#fff; font-size:14px; border-radius:5px; border:none; text-align:center; cursor:pointer; vertical-align: middle;}
|
|
.new_login_submit:hover{background: #19b17e;}
|
|
/*提示条*/
|
|
.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;}
|
|
.taskclose: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;}
|
|
.cir-orange{background: #ff6530;color: #fff; border-radius: 15px; padding: 0 5px; display: inline-block; font-size: 12px; height: 16px;line-height: 16px; }
|
|
.cir-red{background: red;color: #fff; border-radius: 15px; padding: 0 5px; display: inline-block; font-size: 12px; height: 16px;line-height: 16px; }
|
|
.red-cir-btn{ background:#e74c3c; padding:1px 5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
|
|
/****************************/
|
|
/* 页面结构*/
|
|
.task-pm-content{ width: 1000px; margin: 0 auto; }
|
|
.task-pm-box{ width: 100%; background: #fff; border: 1px solid #e8e8e8;}
|
|
.task-paner-con{ padding:15px; color:#666; line-height:2.0;}
|
|
.task-text-center{ text-align: center;}
|
|
.flow_hidden{ width:300px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
/*pre标签换行*/
|
|
.break_word{word-break: break-all;word-wrap: break-word;}
|
|
.break_word_firefox{white-space: pre-wrap !important;word-break: break-all;}
|
|
|
|
|