191 lines
14 KiB
CSS
191 lines
14 KiB
CSS
/* 头部 */
|
|
.header{ width:100%; height:51px;background:#46484c; }
|
|
.header_con{ width:1200px; height:50px; margin:0 auto; }
|
|
.new-logo img{ width: 31px; height: 31px; margin-top:10px;}
|
|
.new-logo p{ font-size: 18px; color:#fff; line-height: 50px; }
|
|
a.new-nav-a{ display: block; font-size: 14px; line-height: 50px; color:#fff;}
|
|
a:hover.new-nav-a{ color:#3b94d6; text-decoration: none;}
|
|
.header-search{border-radius:3px; background:#fff;}
|
|
.header-search a:hover,a:link, a:visited{ text-decoration: none; color:#666;}
|
|
input.header-search-input{ width:135px; height:30px; padding:0 5px; border-style: none; border: none;outline:none;}
|
|
.innner-nav li{float:left;}
|
|
.innner-nav li a{ display: block; color:#fff; padding:0 10px; }
|
|
.inner-btnbox02{ width:270px; margin: 30px auto 0;}
|
|
.new-container-inner02{width:1200px; margin:0px auto; padding:50px 0;}
|
|
.inner-nav-mes{ font-size:20px; color:#fff; position: relative; margin-right:35px;}
|
|
.inner-nav-cir{ position: absolute; top:0px; left:15px; background:#ff6530; color:#fff; border-radius:15px;padding:0 5px; display: inline-block; font-size:10px; height:16px; line-height:16px;}
|
|
.inner-nav-user{ width: 55px; height: 40px; margin-top:5px; position: relative;}
|
|
.inner-nav-user-img{ width: 40px; height: 40px; border-radius:50px;}
|
|
select.header-search-select{ border:none; font-size:14px; padding:5px; background: none;}
|
|
|
|
.task-user-dropdown{width:120px; background-color:#fff; border-radius:3px; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); position:relative; top:10px; right:45px; display: none; z-index:999;}
|
|
.task-user-dropdown font{ border: 1px solid #dddddd; display: block; border-width: 8px; position: absolute; top: -15px;left:60px; border-style:solid; border-color: transparent transparent #fff transparent;font-size: 0;line-height: 0; box-shadow:2px rgba(146, 153, 169, 0.5); }
|
|
.task-user-dropdown-nav { padding-top:5px; }
|
|
.task-user-dropdown-nav li { display: inline-block; text-align: center; width:100%; height: 30px; line-height: 30px;}
|
|
.task-user-dropdown-nav li:hover{ background:#eee;}
|
|
li.task-line{ height: 1px; line-height: 1px; border-bottom:1px solid #eee;}
|
|
.inner-nav-user:hover .task-user-dropdown{ display:block;}
|
|
dropdown{display: inline-block; height:30px; }
|
|
dropdown label, dropdown ul li{ display: block; width:35px; padding:4px 10px;}
|
|
dropdown label:hover, dropdown ul li:hover{background: #eee; color:#666;cursor: pointer;}
|
|
dropdown label{color: #666;border-radius: 3px 0 0 3px; position: relative; z-index: 2;}
|
|
dropdown input{display: none;}
|
|
dropdown input:checked + label{ background: #fff;color:#666;}
|
|
dropdown ul{ position: absolute; visibility: visible; opacity: 1; top: 38px; background: #fff; z-index: 99;}
|
|
$colors: #fff, #0072B5, #2C3E50;
|
|
@for $i from 1 through length($colors) {
|
|
dropdown ul li:nth-child(#{$i}) {
|
|
border-left: 4px solid nth($colors, $i);
|
|
.fa{
|
|
color: nth($colors, $i);
|
|
}
|
|
&:hover {
|
|
background: nth($colors, $i);
|
|
color: white;
|
|
.fa{
|
|
color: white;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.animate{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -ms-transition: all .3s;
|
|
transition: all .3s; backface-visibility:hidden; -webkit-backface-visibility:hidden; /* Chrome and Safari */ -moz-backface-visibility:hidden; /* Firefox */ -ms-backface-visibility:hidden; /* Internet Explorer */}
|
|
/* 底部 */
|
|
.footer{width:100%; height:100px; background-color:#fff; }
|
|
.footer_con{ width:1200px; height:100px; margin:0 auto; text-align: center; padding:20px 0; }
|
|
.footer_con-inner{ width: 300px; margin:0px auto;}
|
|
.footer_con-inner li{ }
|
|
.footer_con-inner li a{ font-size: 16px; color: #888;display: block;padding:0 15px; border-right: solid 1px #888;}
|
|
.footer_con-inner li a:hover{text-decoration: underline;}
|
|
.footer_con-p{ color: #888; margin-top:10px;}
|
|
.inner-footer{ width: 100%; background:#323232; padding-bottom:30px;}
|
|
.inner-footer_con{ width: 1200px; margin: 0 auto;}
|
|
.inner-footer-nav{ height: 50px; border-bottom:1px solid #47494d;}
|
|
.inner-footer-nav li a{ float: left; margin-right:15px; font-size: 14px; color: #888; line-height: 50px;}
|
|
.saoma-box{ position: relative;}
|
|
.img-saoma{ }
|
|
.saoma-img-box{ position: absolute; top:-300px; left: -95px; border-radius:3px; background:#fff; padding:15px;box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); display: none;}
|
|
.saoma-box li:hover ul{display:block; }
|
|
.img-show{ width:50px; height:50px; border-radius:50px; }
|
|
.saoma-img-box font{ border: 1px solid #dddddd; display: block; border-width: 8px; position: absolute; top:289px;left: 110px; border-style:solid; border-color:#fff transparent transparent transparent;font-size: 0;line-height: 0; box-shadow:2px rgba(146, 153, 169, 0.5); }
|
|
.inner-footer-p-big{ display: block; height: 50px; line-height: 50px; color:#888; font-size: 16px; border-left:2px solid #888; padding-left:15px;}
|
|
.inner-btnbox02{ width:270px; margin: 30px auto 0;}
|
|
.new-container-inner02{width:1200px; margin:0px auto; padding:50px 0;}
|
|
/************布局 byLB****************/
|
|
.panel-content{ width: 1200px; margin:20px auto; background:#fff;}
|
|
/************讨论区20170321 byLB****************/
|
|
.panel-inner-fourm{ padding:20px; border-bottom:1px solid #eee;}
|
|
.panel-inner-fourm:hover{ background:#EFF2F7;}
|
|
.nobg:hover{ background:#fff;}
|
|
a.panel-list-title,.panel-list-title { display:inline-block; font-size: 16px; color: #333; font-weight:normal; max-width:82%;}
|
|
a:hover.panel-list-title{color:#29bd8b;}
|
|
.panel-list-img{ width: 60px; height: 60px; border-radius:100px;}
|
|
a.panel-name-small{ display: inline-block; max-width:100px; color:#29bd8b; font-size:12px; }
|
|
.panel-list-infobox{ width: 92%; margin-left:8%; margin-top:-70px;}
|
|
.panel-lightgrey,.panel-lightgrey span{ font-size:12px; color:#888;}
|
|
.panel-inner-info{ width: 92%; margin-left:8%; color:#666;}
|
|
.panel-bg-grey{ padding:5px 0;background:#f6f6f6; width: 100%; color:#666;}
|
|
.panel-list-nodata{ width: 420px; margin:100px auto; text-align: center;}
|
|
|
|
/* 回复评论 */
|
|
.panel-comment_item{ width: 100%; }
|
|
.panel-comment_item .t_area{ color:#888;}
|
|
.panel-comment_item .comment_item_cont{ padding:15px; border-bottom:1px solid #e3e3e3;}
|
|
.panel-comment_item .J_Comment_Face img{ width:50px; height:50px; border-radius:100px; }
|
|
.panel-comment_item .t_content{ width:92%; margin-left:15px;}
|
|
.panel-comment_item a.content-username { color:#333;font-size:14px; margin-right:15px; display:inline-block; max-width:100px; font-weight: bold;}
|
|
.panel-comment_item a:hover.content-username{color:#29bd8b;}
|
|
.panel-comment_item .orig_user img{width:40px; height:40px;border-radius:100px; }
|
|
.panel-comment_item .reply-right{ float:right; position:relative;}
|
|
.panel-comment_item .reply_iconup02{ position:absolute; top:22px; left:14px; color:#d4d4d4; font-size:16px; background:#f1f1f1; line-height:13px;}
|
|
.panel-comment_item .comment_orig_content{margin:10px 0; color:#999;}
|
|
.panel-comment_item .comment_orig_content .comment_orig_content{margin-top:0; color:#666;}
|
|
.panel-comment_item .orig_cont{ border:solid 1px #F3DDB3; background:#FFFEF4; padding:4px;color:#999;margin-top:-1px; }
|
|
.panel-comment_item .orig_cont_sub{ border-top:0}
|
|
.panel-comment_item .comment_orig_content .orig_index{ float:right; color:#666; font-family:Arial; padding-right:5px;line-height:30px;}
|
|
.panel-comment_item .comment_orig_content .orig_user{ margin:10px 15px 10px 5px;}
|
|
.panel-comment_item .comment_orig_content .orig_user span{ color:#999; padding-right:5px;}
|
|
.panel-comment_item .comment_orig_content .orig_content{padding:5px 0px 5px 0px;line-height:24px; color:#666; }
|
|
.panel-comment_item .orig_right{ width:80%; margin-top:5px;}
|
|
.panel-comment_item a.comment_ding_link{ height:24px;line-height:24px;display:inline-block;padding-left:2px;vertical-align:middle; color:#333; }
|
|
.panel-comment_item a:hover.comment_ding_link{ color:#269ac9;}
|
|
.panel-comment_item .comment_ding_link span{display: inline-block;padding: 0 0px 0 8px;}
|
|
.panel-comment_item .comment_ding_link em{font-style: normal;font-family:arial;}
|
|
.panel-comment_item .comment_reply_link{ display:inline-block; width:50px; height:24px;line-height: 24px; vertical-align:middle;text-align: center;}
|
|
.panel-comment_item .comment_reply_link:link,.comment_reply_link:visited{color:#333;text-decoration: none;}
|
|
.panel-comment_item .comment_content{ color:#666;}
|
|
.panel-comment_item .t_txt{ margin-top:10px;}
|
|
.panel-comment_item .orig_reply_box{border-top:1px solid #e3e3e3; width:100%;}
|
|
.panel-comment_item .orig_textarea02{ border:1px solid #ccc; background-color:#fff; width:92%; margin-bottom:10px;}
|
|
.panel-comment_item .orig_sub{ float:right; background-color:#269ac9; color:#fff; height:25px; line-height:25px; text-align:center; width:80px; border:none;}
|
|
.panel-comment_item .orig_sub:hover{ background:#297fb8;}
|
|
.panel-comment_item .orig_cont_hide{ text-align:center; width:100%; display:block; font-size:14px; color:#666; border-bottom:1px solid #F3DDB3; padding:8px 0;}
|
|
.panel-comment_item .orig_icon{ color:#888; margin-right:10px; font-size:14px; font-weight:bold;}
|
|
.orig_reply{ font-size: 12px; }
|
|
.panel-mes-head{ padding:10px; border-bottom:1px solid #eee;}
|
|
/* 表格 */
|
|
.panel-new-table { width:100%; text-align: center; }
|
|
.panel-new-table tr th{ color:#333; height: 50px;line-height:50px; }
|
|
.panel-new-table tr th,.panel-new-table tr td{ border-bottom:1px solid #eee; }
|
|
.panel-new-table tr td{color:#666; height: 40px; line-height:40px;}
|
|
.panel-table-pd15 tr td{ padding:15px 0;}
|
|
.panel-new-table tbody tr:hover{ background:#f9f9f9;}
|
|
a.panel-table-name{display:block; max-width:100px;text-align:center;}
|
|
a.panel-table-title{display:block; max-width:240px;text-align:center;}
|
|
.table-num{ width:5%; text-align: center;}
|
|
/* 滑动条 */
|
|
.panel-slider-bg{ width:240px; height: 15px; border-radius:15px; background:#f1f2f7; }
|
|
.panel-slider-inner01{ display:block; width:10%; height: 15px; border-radius:15px; background:#29bd8b;}
|
|
.panel-slider-inner02{ display:block; width:20%; height: 15px; border-radius:15px; background:#29bd8b;}
|
|
.panel-slider-inner03{ display:block; width:30%; height: 15px; border-radius:15px; background:#29bd8b;}
|
|
.panel-slider-inner04{ display:block; width:40%; height: 15px; border-radius:15px; background:#29bd8b;}
|
|
.panel-slider-inner05{ display:block; width:50%; height: 15px; border-radius:15px; background:#29bd8b;}
|
|
.panel-slider-inner06{ display:block; width:60%; height: 15px; border-radius:15px; background:#29bd8b;}
|
|
.panel-slider-inner07{ display:block; width:70%; height: 15px; border-radius:15px; background:#29bd8b;}
|
|
.panel-slider-inner08{ display:block; width:80%; height: 15px; border-radius:15px; background:#29bd8b;}
|
|
.panel-slider-inner09{ display:block; width:90%; height: 15px; border-radius:15px; background:#29bd8b;}
|
|
.panel-slider-inner10{ display:block; width:100%; height: 15px; border-radius:15px; background:#29bd8b;}
|
|
/* 翻页 */
|
|
.panel-pages a{ display: inline-block; border:1px solid #d1d1d1; color:#888; float:left;text-align:center; padding:0 10px; margin-right:5px; height: 30px; line-height: 30px; }
|
|
.panel-pages a:hover,.panel-pages .active{ background-color:#29bd8b; border:1px solid #29bd8b;color:#fff; }
|
|
.panel-pages{ width: 350px; margin:20px auto;}
|
|
/* 搜索*/
|
|
.panel-search{ position: relative;}
|
|
input.panel-search-input{ height: 30px; width:300px; color: #666;}
|
|
.panel-search-btn{ position: absolute; top:2px; right:10px;}
|
|
/* 表单*/
|
|
.panel-form-label{ display:inline-block; width:10%; min-width:90px; text-align:right; line-height:40px; font-weight: normal; }
|
|
.panel-form input,.panel-form textarea,.panel-form select{ border:1px solid #e2e2e2;color:#666;line-height: 1.9; background:#fff;}
|
|
.panel-box-sizing{-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
|
|
input.panel-form-width-690{ padding:5px;width:90%; height:40px; }
|
|
input.panel-form-width-100{ padding:5px;width:100%; height:40px;}
|
|
input.panel-form-width-45{ padding:5px;width:44.5%; height:40px; }
|
|
textarea.panel-form-width-100{ padding:5px;width:100%; height:150px; }
|
|
textarea.panel-form-width-690{ padding:5px;width:90%; height:150px; }
|
|
.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:90%; min-width:700px; padding:10px; border:1px solid #f3f3f3; color:#888;}
|
|
.panel-form-p{}
|
|
|
|
input.task-form-10,textarea.task-form-10,select.task-form-10,.task-form-10{padding:5px;width:10%;}
|
|
input.task-form-20,textarea.task-form-20,select.task-form-20,.task-form-20{padding:5px;width:20%;}
|
|
input.task-form-30,textarea.task-form-30,select.task-form-30,.task-form-30{padding:5px;width:30%;}
|
|
input.task-form-35,textarea.task-form-35,select.task-form-35,.task-form-35{padding:5px;width:35%;}
|
|
input.task-form-40,textarea.task-form-40,select.task-form-40,.task-form-40{padding:5px;width:40%;}
|
|
input.task-form-50,textarea.task-form-50,select.task-form-50,.task-form-50{padding:5px;width:50%;}
|
|
input.task-form-60,textarea.task-form-60,select.task-form-60,.task-form-60{padding:5px;width:60%;}
|
|
input.task-form-70,textarea.task-form-70,select.task-form-70,.task-form-70{padding:5px;width:70%;}
|
|
input.task-form-80,textarea.task-form-80,select.task-form-80,.task-form-80{padding:5px;width:80%;}
|
|
input.task-form-90,textarea.task-form-90,select.task-form-90,.task-form-90{padding:5px;width:90%;}
|
|
input.task-form-100,textarea.task-form-100,select.task-form-100,.task-form-100{padding:5px;width:100%;}
|
|
input.task-height-40,textarea.task-height-40,.task-height-40,select.task-height-40{height:40px;}
|
|
input.task-height-150,textarea.task-height-150,.task-height-150{height:150px;}
|
|
input.task-height-150,textarea.task-height-150,.task-height-100{height:100px;}
|
|
|
|
/*头像下拉弹框*/
|
|
.my_account_info{ width:160px; background-color:#fff; border-radius: 3px; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); position:absolute; font-size: 14px; top:46px; left:-97px;display: none; z-index:999;}
|
|
.my_account_info li a{ color: #888;}
|
|
.my_account_info font{ border: 1px solid #dddddd; display: block; border-width: 8px; position: absolute; top: -15px;left: 140px; border-style:solid; border-color: transparent transparent #fff transparent;font-size: 0;line-height: 0; box-shadow:2px rgba(146, 153, 169, 0.5); }
|
|
.my_account_info li{ padding-left: 5px; line-height: 1.5;}
|
|
.li_bottom_border{ border-bottom:1px solid #eee;} |