first commit
This commit is contained in:
pakerpale
601
public/css/web/mypage.css
Executable file
601
public/css/web/mypage.css
Executable file
@@ -0,0 +1,601 @@
|
||||
|
||||
|
||||
.arrow_down{background: url(/img/web/img_down.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
|
||||
.arrow_down:hover{background: url(/img/web/img_down_on.gif) no-repeat 90% 50%; }
|
||||
.arrow_up{background: url(/img/web/img_up.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
|
||||
.arrow_up_on{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
|
||||
.arrow_up:hover{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%; }
|
||||
.br10 {
|
||||
border-radius: 10px;
|
||||
}
|
||||
.br15 {
|
||||
border-radius: 15px;
|
||||
}
|
||||
.profile_forms2 .form-group {
|
||||
border-bottom: 1px solid #ccc;
|
||||
position: relative;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
padding:20px 0 10px;
|
||||
}
|
||||
.profile_forms2 .form-group2 {
|
||||
border: 1px solid #ccc;
|
||||
position: relative;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
border-radius:5px;
|
||||
}
|
||||
.profile_forms2 .form-group3 {
|
||||
border-bottom: 1px solid #ccc;
|
||||
position: relative;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.profile_forms2 .form_tit {
|
||||
font-size: 14px;
|
||||
color: #575757;
|
||||
position: relative;
|
||||
}
|
||||
.profile_forms2 .form_txt {
|
||||
font-size: 14px;
|
||||
color: #575757;
|
||||
padding-bottom:10px;padding-top: 20px;
|
||||
}
|
||||
.profile_forms2 .fixed {
|
||||
font-size: 17px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #545454;
|
||||
}
|
||||
.profile_forms2 .fixed2 {
|
||||
font-size: 17px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #545454;
|
||||
|
||||
}
|
||||
.profile_forms2 .form-group input {
|
||||
border: 0;
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
color: #b7b7b7;
|
||||
font-size: 17px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.profile_forms2 .form-group2 input {
|
||||
border:none;
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
color: #b7b7b7;
|
||||
padding-left: 2%;
|
||||
font-size: 17px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.profile_forms2 label {
|
||||
font-size: 15px;
|
||||
color: #2bbec6;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* mypage */
|
||||
#mypage{ width: 100%;
|
||||
display: block;
|
||||
background: #fff;}
|
||||
|
||||
|
||||
/* mypage_header */
|
||||
.mypage_header{ width: 100%;
|
||||
display: block;
|
||||
position: relative;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
background: #fff;}
|
||||
.mypage_header .mypage_logo{}
|
||||
.mypage_header .mypage_tit{position:absolute; left:70px; font-size:16px;}
|
||||
.mypage_header .mypage_header_ingo{position:absolute; right:0;}
|
||||
.mypage_logo{position: absolute;top:16px; left:20px;}
|
||||
.mypage_header_ingo .profile img{border-radius: 20px; margin-top:14px;}
|
||||
.social{padding:0 30px 0 10px;}
|
||||
.social img{margin-top:15px;padding:0 1px;}
|
||||
.arrow{ background: url(/img/web/mypage_arrow_down.gif) no-repeat 100% 50%; padding-right:10px; margin-right:10px;}
|
||||
.bar img{padding:0 5px 5px; margin-top:20px; }
|
||||
.beauchblue_underline{text-decoration: underline;}
|
||||
.mypage_opened{position: absolute; top:51px; right:30px; width:300px; z-index:9999; line-height:20px; color:#8a8c8d; }
|
||||
.mypage_opened_info {background: #f1f7fa; padding: 20px 15px;height:45px;overflow: hidden;}
|
||||
.mypage_opened_info .name{font-size:15px; color:#575757;}
|
||||
.mypage_opened_info .logout {float:right; }
|
||||
.mypage_opened_info .logout a:hover{color:#2bbec6;}
|
||||
.mypage_opened_info .logout .btn{ width:50px;border:1px solid #d8f4f5; background: #fff; padding:5px 3px; color:#000;font-size:12px;}
|
||||
.mypage_opened_info .introduction{font-size:12px; display: block; padding-top:10px;}
|
||||
.mypage_opened_info .profile{position: relative; width:50px; height: 85px; float:left; margin-right:10px; }
|
||||
.mypage_opened_info .profile_detail{ float:left;}
|
||||
.mypage_opened_info .profile .profile_l{position: absolute; border-radius: 48px; float:left;}
|
||||
.mypage_opened_info .profile .carmera{position: absolute; right:0; top:30px;}
|
||||
.mypage_opened_info .profile2{position: relative; width:50px; height: 60px; float:left; margin-right:10px; }
|
||||
.mypage_opened_info .profile2 .carmera{position: absolute; right:0; top:30px;}
|
||||
|
||||
.mypage_menu {color:#575757; width:298px;border-top:1px solid #d7f4f5; border-bottom:1px solid #f1f7fa;border-left:1px solid #f1f7fa;border-right:1px solid #f1f7fa; height: 35px;overflow:hidden; background: #fff; }
|
||||
.mypage_menu li{float:left; padding:10px 9px; font-size:13px;border-right:1px solid #d7f4f5;height: 35px;}
|
||||
.mypage_menu li a:hover{color:#2bbec6;}
|
||||
.mypage_menu li:last-child{border-right:none !important;}
|
||||
|
||||
/* mypage_left */
|
||||
.contents{background:#f6f6f6;}
|
||||
.mypage_left{float: none;
|
||||
width: 13% !important;
|
||||
position:absolute;left:0; top:51px;background: #f6f6f6;border-right: 1px solid #ededed;
|
||||
}
|
||||
|
||||
.mypage_left .sec_menu li {
|
||||
background: url(/img/web/img_s_menu.png) no-repeat 15% 50%;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
padding: 12px 20px 12px 50px;
|
||||
}
|
||||
.mypage_left .sec_menu li a{color: #777777;}
|
||||
.mypage_left .sec_menu li .current{color:#2bbec6;}
|
||||
.mypage_left .sec_menu li a:hover{color:#2bbec6;}
|
||||
.mypage_left .left_title{ font-size: 15px;
|
||||
padding: 12px 20px;
|
||||
font-weight: bold;}
|
||||
.mypage_left h3{padding:12px 40px; border-bottom: 1px solid #eeeeee;}
|
||||
.mypage_left h3 a{color:#777777; font-size:15px;}
|
||||
.mypage_left h3 a:hover{color:#2bbec6;}
|
||||
.mypage_left h3 .current{color:#2bbec6;}
|
||||
.mypage_left h3{padding:12px 30px; border-bottom: 1px solid #eeeeee; color:#2e2e2e; font-size:15px;}
|
||||
|
||||
/* mypage_right */
|
||||
.mypage_right{
|
||||
margin-left: 13%;
|
||||
z-index: 840;
|
||||
background: #fff;
|
||||
padding: 0 2%;
|
||||
overflow:hidden;
|
||||
display: block;
|
||||
width: 83%;
|
||||
border-left: 1px solid #ededed;
|
||||
}
|
||||
.mypage_right_top{width:100%; border-bottom: 1px solid #e5e5e5; padding:50px 0 20px;color: #878787;}
|
||||
.mypage_right_top a{color:#fff;}
|
||||
.mypage_title{font-size:20px; padding-right:20px;color:#575757; vertical-align: middle;}
|
||||
.mypage_title a{color:#575757;padding:0 10px;}
|
||||
.mypage_title a:hover{color:#2bbec6;}
|
||||
.mypage_right .table{width:100%;}
|
||||
.mypage_tbl_box5 {text-align: center; width: 5%;}
|
||||
.mypage_tbl_box10 {text-align: center;width: 10%;}
|
||||
.mypage_tbl_box15 {text-align: center;width: 15%;}
|
||||
.mypage_tbl_box40 {width: 40%;}
|
||||
.mypage_tbl_box50 {width: 50%;}
|
||||
.mypage_tbl_box55 {width: 55%;}
|
||||
.mypage_tbl_box60 {width: 60%;}
|
||||
.mypage_tbl_box70 {width: 70%;}
|
||||
.mypage_tbl_box20 {text-align: center;width: 20%;}
|
||||
|
||||
.mypage_right table thead{background: #fbfbfb none repeat scroll 0 0;border-bottom: 1px solid #eaeaea;border-top: 1px solid #878787;height:40px; line-height: 40px;width: 100%; }
|
||||
.mypage_right .btns{margin-top:50px; }
|
||||
.mypage_right .btns span{float:left; padding-left:10px;}
|
||||
.mypage_right table tr{line-height:40px; border-bottom: 1px solid #e5e5e5;}
|
||||
.mypage_right table .btn-reply img{padding-right:5px; padding-top: 7px;}
|
||||
.mypage_right table .btn-reply a{padding-right:5px; color:#2bbec6;}
|
||||
.mypage_right .date{text-align:center; color:#969696;font-size:13px; }
|
||||
.mypage_right .date2{text-align:center; color:#575757;font-size:13px; }
|
||||
.mypage_right .btn-reply{color:#2bbec6;}
|
||||
.mypage_right table .writer{color:#969696; }
|
||||
.mypage_right .no{text-align:center;color:#969696; font-size:13px; }
|
||||
.mypage_right table .block{text-align:center;}
|
||||
.mypage_right table .block a{color:#969696; font-size:13px; }
|
||||
.mypage_right table .notice{border-bottom: 1px solid #b5b5b5; }
|
||||
.mypage_right table .notice .btn-notice1{font-size:13px; padding:0px 3px !important;}
|
||||
.mypage_right .chain img{vertical-align:middle; padding-left:10px; }
|
||||
.pagenumber { margin:30px auto; width:100%; position: fixed; left:50%; right:50%;}
|
||||
.pagenumber li{ float:left;width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center;}
|
||||
.pagenumber li.current{border:1px solid #e0e0e0; color:#2bbec6; }
|
||||
.pagenumber .current a{ color:#2bbec6;}
|
||||
.pagenumber li a{color:#999999;}
|
||||
.pagenumber li a:hover{ color:#2bbec6;}
|
||||
.pagenumber img{padding-top:7px;}
|
||||
|
||||
.pagenumber2 { margin:30px auto; width:100%; overflow:hidden;text-align:center}
|
||||
.pagenumber2 a{ width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center; display:inline-block;}
|
||||
.pagenumber2 a.current{border:1px solid #e0e0e0; color:#2bbec6; }
|
||||
.pagenumber2 a:hover{ color:#2bbec6;}
|
||||
.pagenumber2 img{padding-top:7px;}
|
||||
/*
|
||||
.cate1 {background:#f1f7fa; border: 1px solid #dcdcdc; width:730px; height: 45px; line-height: 45px; margin-top: 30px;}
|
||||
.cate1 li{padding:0 47px;border-right: 1px solid #dcdcdc; float:left; }
|
||||
.cate1 li:last-child{border-right:0 !important;}
|
||||
.cate1 li a{ font-size:15px;color:#9e9e9e;}
|
||||
.cate1 li a:hover{color:#04b9c2;}
|
||||
*/
|
||||
|
||||
.cate1 { height: 45px; line-height: 45px; margin-top: 30px;}
|
||||
.cate1 li{ background:#f1f7fa; padding:0 47px; border: 1px solid #dcdcdc; border-left: none; float:left; }
|
||||
.cate1 li:nth-child(1){border-left: 1px solid #dcdcdc;;}
|
||||
.cate1 li a{ font-size:15px;color:#9e9e9e;}
|
||||
.cate1 li a:hover{ color:#04b9c2; }
|
||||
|
||||
.cate1 .current a{color:#04b9c2;}
|
||||
|
||||
.policy{line-height: 28px; padding-top:20px; border-top: 1px solid #e5e5e5; margin-top: 30px;}
|
||||
.cate2 {margin: 30px 0; font-size:15px; width:100%;overflow:hidden;}
|
||||
.cate2 li{padding:0 12px 10px;border-right: 1px solid #dcdcdc; float:left; }
|
||||
.cate2 li:last-child{border-right:0 !important;}
|
||||
.cate2 li a{ font-size:15px;color:#9e9e9e;}
|
||||
.cate2 li a:hover{color:#04b9c2;}
|
||||
.cate2 .current a{color:#04b9c2;}
|
||||
.cate3 { height: 45px; line-height: 45px; margin-top: 30px;}
|
||||
.cate3 li{padding:0 47px;border-right: 1px solid #dcdcdc; float:left; background:#f1f7fa; border: 1px solid #dcdcdc; border-left: none; }
|
||||
.cate3 li:first-child { border-left: 1px solid #dcdcdc; }
|
||||
.cate3 li a{ font-size:15px;color:#9e9e9e;}
|
||||
.cate3 li a:hover{color:#04b9c2;}
|
||||
.cate3 .current a{color:#04b9c2;}
|
||||
|
||||
.mypage_right .alarm{background: url(/img/web/mypage_alarm.gif) no-repeat; padding-left:30px; margin:30px 0 30px 20px;}
|
||||
.slct_box{margin:20px 0; overflow:hidden;clear:both;border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
|
||||
|
||||
.srch_box{margin:20px 0; clear:both; }
|
||||
/* .srch_box span a{color:#575757 !important;} */
|
||||
.srch_box a:hover{color:#2bbec6;}
|
||||
.msg_box a:hover{color:#2bbec6;}
|
||||
.unread{vertical-align: middle;padding-left: 10px;}
|
||||
.unread a{color:#8e8e8e; text-decoration: underline;}
|
||||
.memo{padding-right:15px; vertical-align: middle;}
|
||||
.s_list{ margin-left:10px; vertical-align: middle;}
|
||||
.s_list span{ padding:0 2px; font-size: 13px;}
|
||||
.srch_box .s_list span a{color:#8e8e8e !important;}
|
||||
|
||||
.msg{}
|
||||
.msg .msg_header{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; height:80px; background: #fafafa;}
|
||||
.msg .msg_header dl{padding-top:15px; padding-left:20px;}
|
||||
.msg .msg_header dt{ float: left;width: 75px;height: 18px;padding: 3px 0 7px;color: #333;}
|
||||
.msg .msg_header dd {overflow: hidden;height: 18px;padding: 3px 0 7px;color: #666;}
|
||||
.msg_name{font-size:17px; font-weight: bold;}
|
||||
.msg_read{padding:40px 20px; line-height:30px;border-bottom: 1px solid #e5e5e5; margin-bottom:20px;}
|
||||
.msg_footer{padding:30px 0; color:#8e8e8e; font-size:12px;}
|
||||
.msg_box{width:555px;padding-bottom:10px;}
|
||||
.panel{border-top:1px solid #888888;}
|
||||
.panel_header{height:70px; line-height: 70px;}
|
||||
.panel_body{background: #fbfbfb; padding:30px 30px; overflow:hidden; line-height: 30px; border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
|
||||
.panel_body ul{overflow:hidden;}
|
||||
.panel_body li{float:left;}
|
||||
.panel_title{font-size:18px; padding-left:30px;}
|
||||
.panel_header .panel_no{ padding-right:10px;}
|
||||
.board .current{ color:#2bbec6;}
|
||||
.board .current a{ color:#2bbec6;}
|
||||
.board a:hover{ color:#2bbec6 !important;}
|
||||
|
||||
.navi{margin-top:30px; margin-right:30px;}
|
||||
|
||||
.mypage_list{border-top:1px solid #e5e5e5; }
|
||||
.mypage_list .art-img{ width:90px; float:left; margin-right:20px;}
|
||||
.mypage_list_cont{border-bottom:1px solid #e5e5e5; margin-bottom:20px; padding:30px 20px; overflow:hidden;}
|
||||
.mypage_list_cont .btn-input{width:30px; float:left; padding-top:20px; padding-left:20px;}
|
||||
.art-info{width:70%; float:left;}
|
||||
.art-title{font-size:18px; padding-bottom: 10px;}
|
||||
.art-title a{color:#1e1e1e;}
|
||||
.art-title a:hover{color:#2bbec6;}
|
||||
.art-title .company{ font-size: 14px;
|
||||
padding-left: 20px;
|
||||
vertical-align: top;
|
||||
padding-top: 3px;
|
||||
display: inline-block;}
|
||||
.art-link {padding-bottom:15px;}
|
||||
.art-link a{color:#9e9e9e; }
|
||||
.art-sum a{color:#9e9e9e; }
|
||||
.art-menu img{vertical-align: middle;}
|
||||
.art-menu span{
|
||||
height: 20px;}
|
||||
.bttn a{color:#fff}
|
||||
.bttn a:hover{color:#fff}
|
||||
.bttn2 a{color:#4f4f4f;}
|
||||
|
||||
.btn-comment{margin-right: 10px;
|
||||
|
||||
vertical-align: middle;}
|
||||
.btn-comment a{ padding: 1px 8px;
|
||||
font-size: 12px;}
|
||||
.btn-comment a:hover{color:#2bbec6;}
|
||||
.bookmark_add{margin:20px 0;}
|
||||
.bookmark_add .url {border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 450px;border-radius: 5px; padding-left:10px;}
|
||||
.bookmark_add .url a:hover {color:#fff;}
|
||||
.bookmark_add .url input {border: 0 none;float: left; height: 32px;line-height: 32px;width: 270px; font-size:14px;}
|
||||
.bookmark_add button{vertical-align: middle; margin-left:5px;}
|
||||
.bookmark_header{border-top: 1px solid #dbdbdb;height: 60px;background: #fafafa;line-height: 60px;padding-left: 20px;}
|
||||
.comment_header{height: 60px; line-height: 60px;}
|
||||
.bookmark_header a:hover{color:#2bbec6;}
|
||||
.newscompany{
|
||||
font-size: 13px;
|
||||
vertical-align: middle;
|
||||
padding-left: 10px;}
|
||||
.newscompany a{ color: #8e8e8e;}
|
||||
.mypage_profile{width:500px; margin:0 auto;padding: 50px 0 20px;}
|
||||
.mypage_profile_title{font-size: 20px;text-align: center;color: #575757;clear: both;width: 100%;display: block;}
|
||||
.profile_header{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; height:100px; background: #fafafa; margin-top:20px;}
|
||||
.profile_header dl{float: left;padding-top: 20px;margin-left: 20px;}
|
||||
.profile_header dt{float: left;width: 75px;height: 18px;padding: 3px 0 7px;color: #333;}
|
||||
.profile_header dd {overflow: hidden;padding: 3px;color: #666; margin-bottom:10px;}
|
||||
.profile_header .txt{color:#a7a7a7; font-size:13px;}
|
||||
.profile_header .photo{float:left; padding:13px 0 0 75px;}
|
||||
.profile_header .photo img{border-radius: 75px;}
|
||||
.profile_header .profile_table{ float: left;padding: 15px 0 0 20px;display: inline-block;}
|
||||
.profile_header .profile_table tr{ border-bottom:0 !important; line-height: 20px; padding-bottom: 10px;}
|
||||
.mypage_board{width:730px;}
|
||||
.mypage_opened .opened_arrow {
|
||||
position: absolute;
|
||||
top: -9px;
|
||||
left: 123px;
|
||||
z-index: 9999999;
|
||||
}
|
||||
.mypage_list .pagenumber{margin: 30px auto;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-align: center; position: inherit;}
|
||||
.mypage_list .pagenumber a{ width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center; display:inline-block;color:#999999;}
|
||||
.mypage_list .pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; }
|
||||
.mypage_list .pagenumber a:hover{ color:#2bbec6;}
|
||||
.mypage_list .pagenumber img{padding-top:7px;}
|
||||
/* forms*/
|
||||
.srch span {border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 300px;border-radius: 5px; padding-left:10px;}
|
||||
.srch span input {border: 0 none;float: left; height: 32px;line-height: 32px;width: 270px; font-size:14px;}
|
||||
.srch img{float:right; padding:6px 5px 0;}
|
||||
.slct{ background: #fff url("/img/web/img_select.gif") no-repeat 95% 50%; overflow:hidden; width:150px; float:left;margin-right:10px; border:1px solid #ccc; border-radius: 5px;}
|
||||
.slct select {border: none;height: 32px;line-height: 32px;width: 170px;font-size:14px;font-size: 14px;background: transparent none repeat scroll 0 0;-webkit-appearance: none;-moz-appearance: none;padding-left:10px; color:#757575;}
|
||||
|
||||
.profile_forms input{ border: 1px solid #ccc;border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 97%;border-radius: 5px;padding-left: 2%; font-size:14px;}
|
||||
.profile_forms label{font-size:16px; margin:20px 0 10px 0; display:block;}
|
||||
.profile_forms .form-group{clear:both; display: block; overflow:hidden; position: relative;}
|
||||
.profile_forms .form_wrap{border-bottom:1px solid #dbdbdb; padding-bottom:30px;}
|
||||
.profile_forms .form_wrap .profile_title{font-size:16px; color:#2bbec6; margin-top:30px;}
|
||||
.form-box{position:relative;}
|
||||
.txt_fix {position: absolute;font-weight: normal;text-indent: 0;}
|
||||
.txt_domain {height: 32px;top: 0;right: 0;padding: 0 20px;line-height: 32px;font-size:13px;}
|
||||
.msg input {border: 1px solid #ccc;border-radius: 5px;display: inline-block;font-size: 14px;height: 32px;line-height: 32px;overflow: hidden;padding: 0 0 0 2%;vertical-align: middle;}
|
||||
.msg textarea{border-radius: 5px;border: 1px solid #ccc; margin:20px 0;}
|
||||
input::-webkit-input-placeholder { color:#a7a7a7 }
|
||||
input::-moz-placeholder { color:#a7a7a7 }
|
||||
|
||||
|
||||
.popup_wrap2 {
|
||||
left: 50%;
|
||||
line-height: 25px;
|
||||
margin-left: -405px;
|
||||
position: absolute;
|
||||
top: 190px;
|
||||
color: #707070;
|
||||
z-index: 99999;
|
||||
background: #transparent;
|
||||
}
|
||||
.popuptop3 {
|
||||
background: #44cbd2;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
.popuptop3 .p_title2 {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
padding-left:40px;
|
||||
}
|
||||
.popuptop3 .p_title2 a{
|
||||
color: #fff;padding:0 5px; font-size:14px;
|
||||
}
|
||||
.popuptop3 .p_title2 a:hover{font-weight: bold;}
|
||||
.popuptop3 .p_title2 .current{font-weight: bold;}
|
||||
|
||||
.popupbody3 {
|
||||
background: #fff;
|
||||
|
||||
position: relative;
|
||||
padding: 0 40px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.popuptop3 .btn-tit{position:absolute; right:110px; top:1px; color:#fff;}
|
||||
.popuptop3 .btn-info{position:absolute; right:60px; top:10px;}
|
||||
.popuptop3 .btn-close{position:absolute; right:25px; top:14px;}
|
||||
.pop_box{background: #f5f6f6; border: 1px solid #ededed; padding:3px 10px; position: absolute; bottom:10px; right:0;}
|
||||
.pop_box a{color:#787878; font-size:13px;}
|
||||
.popup_date{font-size:13px; color:#999999;}
|
||||
.pop_cont_like{background: #04b9c2; color:#fff; padding:0 3px;}
|
||||
.popupbody3 .pop_tit{border-bottom: 1px solid #ebeef3; padding:30px 0 10px; color:#000; font-size:15px; position: relative;}
|
||||
.pop_cont_box{border-bottom:1px solid #ebeef3; padding:20px 0;overflow: hidden; }
|
||||
.pop_cont_img{width:10%; float:left; }
|
||||
.pop_cont_img img{border-radius: 50px; margin-top:10px;}
|
||||
.pop_cont_img2{float:left; }
|
||||
.pop_cont_img2 img{ margin-top:10px; padding-bottom:10px;}
|
||||
.pop_cont_txt_box{width:80%; float:left; padding-top:10px;}
|
||||
.pop_cont_txt_box .t_black a{color:#000; font-size: 15px;}
|
||||
.pop_cont_txt_box .t_black a:hover{color:#2bbec6;}
|
||||
.pop_cont_info{width:10%; float:left;}
|
||||
.info_popup{position:absolute; right:60px;background: #f5f6f6;
|
||||
border: 1px solid #ededed;
|
||||
padding: 3px 10px;}
|
||||
.info_popup a{font-size: 13px;}
|
||||
.info_popup2{position:absolute; right:20px;background: #fff;
|
||||
border: 1px solid #ededed;
|
||||
padding: 3px 10px;}
|
||||
.info_popup2 a{font-size: 13px;}
|
||||
.reply_box2 .box_wrap .info_popup2 li {float:none;}
|
||||
.pop_cont_title a:hover{color:#2bbec6;}
|
||||
.btn_life {
|
||||
clear: both;
|
||||
width: 95%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
position: relative;
|
||||
margin: 40px 0px;
|
||||
}
|
||||
.btn_life img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.delivery_info{ position: absolute;
|
||||
right: 100px;
|
||||
background: #f5f6f6;
|
||||
border: 1px solid #ebebeb;
|
||||
width: 500px;
|
||||
z-index: 9999;line-height: 26px;
|
||||
top: 50px; padding:15px;}
|
||||
.delivery_info .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;}
|
||||
.delivery_info .d_info_txt{font-size:12px;}
|
||||
|
||||
.delivery_info2{ position: absolute;
|
||||
right: 100px;
|
||||
background: #f5f6f6;
|
||||
border: 1px solid #ebebeb;
|
||||
width: 500px;
|
||||
z-index: 9999;line-height: 26px;
|
||||
top: 50px; padding:15px;}
|
||||
.delivery_info2 .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;}
|
||||
.delivery_info2 .d_info_txt{font-size:13px;}
|
||||
|
||||
|
||||
.r_base {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.icons {
|
||||
float: right !important;
|
||||
}
|
||||
.icons span {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.thumbup {
|
||||
color: #e64c3d;
|
||||
}
|
||||
.thumbdown {
|
||||
color: #3c92ca;
|
||||
}
|
||||
.icons img {
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
.icons2 {
|
||||
float: right !important;
|
||||
}
|
||||
.thumbup2 {
|
||||
color: #e64c3d;padding-left: 20px;
|
||||
}
|
||||
.thumbdown2 {
|
||||
color: #3c92ca;padding-left: 20px;
|
||||
}
|
||||
.icons2 img {
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
|
||||
.reply_sort {
|
||||
|
||||
|
||||
padding-top:10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.reply_sort span {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.reply_sort a{font-size: 14px;}
|
||||
.reply_sort .current {
|
||||
color: #000;
|
||||
}
|
||||
.pop_replay_more a{font-size:12px; color:#8e8e8e;}
|
||||
|
||||
|
||||
.pop_cont_title img{padding-top:3px; padding-right:5px;}
|
||||
.reply_box2{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;}
|
||||
.reply_box2 .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
|
||||
.reply_box2 .box_wrap li{float:left;}
|
||||
.reply_box2 .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;}
|
||||
.reply_box2 .box_wrap2 li{float:left;}
|
||||
.reply_box2 .box_wrap .r_text li{float:left; padding-right:10px;}
|
||||
.reply_box {
|
||||
border: 1px solid #c5c5c5;
|
||||
margin-top: 10px;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
}
|
||||
.reply_btn{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
|
||||
.reply_btn a{color:#fff;}
|
||||
.reply_btn a:hover{color:#fff;}
|
||||
.reply_social{padding:20px 20px 0 20px;}
|
||||
.facebook {
|
||||
}
|
||||
.reply_write {
|
||||
color: #999999;
|
||||
line-height: 23px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.reply_write textarea{ z-index: auto;
|
||||
position: relative;
|
||||
line-height: 20px;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
border: none;}
|
||||
.reply_regist {
|
||||
border-top: 1px solid #e8e9ea;
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
}
|
||||
.reply_no{color:#bcbcbc; padding-left:20px;}
|
||||
.reply_btn{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
|
||||
.reply_btn a{color:#fff;}
|
||||
.reply_btn a:hover{color:#fff;}
|
||||
.tweet img {
|
||||
|
||||
}
|
||||
.reply_close {
|
||||
width: 90px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border: 1px solid #c7c7c7;
|
||||
text-align: center;
|
||||
margin: 20px auto;
|
||||
}
|
||||
.reply_close img {
|
||||
padding-top: 12px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.r_info {
|
||||
color: #999999;
|
||||
|
||||
}
|
||||
.r_date {
|
||||
font-size: 12px;
|
||||
}
|
||||
.r_info span {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.r_info a {
|
||||
color: #999;
|
||||
}
|
||||
.img_reply{width:20px;}
|
||||
.reply_social{padding:20px 20px 0 20px;}
|
||||
.reply_social span {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.footer{background: #f1f7fa; height: 85px; clear:both;}
|
||||
.footer .wrap {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
.footer_search{background: #f1f7fa;clear:both; padding:30px 0;}
|
||||
.copyright{position: absolute;left:30px;color:#888888; font-size:11px; top:40px;}
|
||||
.f_social{position: absolute;top:30px;right:30px;}
|
||||
.f_social a{padding:0 3px;}
|
||||
.f_social_l{margin:0 auto; text-align:center;}
|
||||
.f_social_l a{padding:0 3px;}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user