first commit
This commit is contained in:
pakerpale
275
public/css/web/search.css
Executable file
275
public/css/web/search.css
Executable file
@@ -0,0 +1,275 @@
|
||||
#search {width:100%;border-bottom: 1px solid #eaeaea; padding-bottom: 100px;}
|
||||
#search .search_result{font-size:18px; border-bottom: 1px solid #eaeaea; padding:10px 0 20px 0; overflow: hidden;}
|
||||
#search .search_result .keyword{font-weight:bold;}
|
||||
#search .search_result .search_view a{color: #2954b6;
|
||||
text-decoration: underline;}
|
||||
#search .search_result .related_tit{width:7%; float:left; font-size:14px; padding-top: 3px;}
|
||||
#search .search_result .related_names{width:86%; float:left;}
|
||||
#search .search_result .related_names a{color:#2954b3; font-size:14px; padding-right:15px; padding-bottom: 10px;}
|
||||
#search .search_result .related_btn{width: 7%;
|
||||
text-align: right;
|
||||
padding-top: 17px;}
|
||||
#search .search_cate{font-size:17px; margin-bottom: 30px;color:#000;}
|
||||
#search .search_num{color:#767676; font-size:14px; padding-left:20px;}
|
||||
#search .search_nav{color:#000; padding-left:20px;font-size:14px;}
|
||||
#search .search_nav a{color:#000; font-size:14px;}
|
||||
#search .search_nav .current{color:#2954b6;}
|
||||
#search .search_date{color:#767676; font-size:13px; padding-left:10px;}
|
||||
#search .search_info{color: #767676;
|
||||
font-size: 13px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin: 5px 0;}
|
||||
#search .search_info img{vertical-align: middle; margin-right:5px;}
|
||||
#search .search_info a{color:#767676; }
|
||||
#search .search_info a:hover{color:#2bbec6;}
|
||||
#search .search_info span{margin-right:10px;}
|
||||
#search .search_date .img_direct img{padding-left:10px;clear:both; padding-top: 2px;}
|
||||
#search .search_tit{font-size:18px;margin-bottom: 10px;}
|
||||
#search .search_tit a{color:#2954b6; text-decoration: underline; }
|
||||
#search .search_tit a:hover{color:#2bbec6; }
|
||||
#search .search_txt{line-height: 22px;}
|
||||
#search .search_url{}
|
||||
#search .search_url a{color:#04b9c2; font-size:14px;}
|
||||
#search .search_cate{margin:20px 0; }
|
||||
#search .search_cate span{margin-left:5px; }
|
||||
#search .search_img{float:left; margin-right: 20px; position: relative;}
|
||||
#search .search_img .play{position:absolute; top:30px; left:50px;}
|
||||
#search .search_img .playtime{position:absolute; top:40px; right:0px; background: #000; opacity: 0.7; color:#fff; font-size:12px; padding:2px 5px;}
|
||||
#search .search_wrap{width:100%; overflow:hidden; display: block; margin-bottom: 20px;}
|
||||
|
||||
|
||||
|
||||
.b_roll{clear:both; overflow:hidden; padding:20px 0 0 60px;border-top: 1px solid #eaeaea;}
|
||||
.b_roll img{padding-top:5px; display: inline-block;}
|
||||
.b_roll_txt{display: inline-block;width: 150px;}
|
||||
.b_roll_txt a:hover{color:#2bbec6;}
|
||||
|
||||
.b_search{width: 595px;clear:both; position: relative; display: block; height: 50px; margin:20px 0 20px 60px;}
|
||||
.b_window{ position:absolute; left:0; top:0; display: inline-block;width: 546px;height: 41px;border: 2px solid #04b9c2;background: #fff;padding-left: 20px;font-size: 15px;color: #999;}
|
||||
.b_src_sumit{position:absolute; left:550px; top:0;overflow: visible;width: 45px;height: 45px; line-height:45px; padding-top:10px;border: 0;background: #04b9c2;}
|
||||
#search .search_tab{margin-top:20px;}
|
||||
#search .search_tab a{color:#2bbec6;}
|
||||
#search .search_tab a:hover{background: #f3f3f3;color:#767676;}
|
||||
#search .search_tab .current{background: #f3f3f3;color:#767676;}
|
||||
#search .search_tab2{margin-top:20px;margin-bottom: 10px;}
|
||||
#search .search_tab2 span{margin-top:20px;}
|
||||
#search .search_tab2 span a{color:#767676 !important; background: #f3f3f3 !important}
|
||||
#search .search_tab2 span a:hover{background: #fff !important;color:#04b9c2 !important;}
|
||||
#search .search_tab2 span a.current{background: #fff !important;color:#04b9c2 !important;}
|
||||
#search .search_list{margin-top:20px; width:100%; overflow:hidden; display: block;}
|
||||
#search .search_list a:hover{color:#2bbec6;}
|
||||
#search .search_list .current{color:#2bbec6;}
|
||||
#search .search_list li{float:left; padding:0 5px;}
|
||||
#search .search_list li img{padding-top:2px;}
|
||||
#search .s_reply img{margin-right:5px !important;}
|
||||
#search .s_reply a{color:#2954b6 !important;}
|
||||
#search .search_box{float:left; width:570px;}
|
||||
.search_all{font-size:14px; color:#767676; margin-top:20px; display: block; overflow: hidden;}
|
||||
.search_all a:hover{color:#2bbec6; }
|
||||
.s_search_all{font-size:14px; color:#767676; }
|
||||
.s_search_all a:hover{color:#2bbec6; }
|
||||
.s_seeall {height:23px; line-height: 23px;}
|
||||
.s_seeall a{color:#2954b6;text-decoration: underline;}
|
||||
.s_seeall a:hover{color:#2bbec6; }
|
||||
.s_seeall img{padding:5px 0 0 5px;}
|
||||
.notice{ font-size:12px; color:#868686; border: 1px solid #c3c3c3; padding:2px;}
|
||||
.notice a{color:#868686; }
|
||||
.notice_info{font-size:13px;}
|
||||
.profile img {
|
||||
border-radius: 20px;
|
||||
|
||||
}
|
||||
.search_cate2 {overflow:hidden;}
|
||||
.search_cate2 li{float:left;}
|
||||
|
||||
#search .search_list2{margin-top:21px; overflow:hidden; padding-left:20px;}
|
||||
|
||||
#search .search_list2 a:hover{color:#2bbec6;}
|
||||
#search .search_list2 .current{color:#2bbec6;}
|
||||
#search .search_list2 a{padding:0 5px;}
|
||||
#search .search_list2 img{padding-top:2px;}
|
||||
.bb{border-bottom:1px solid #e1e2e3;}
|
||||
.video_box{width:100%;padding-bottom: 10px;overflow: hidden; display: block;}
|
||||
.video_list {width:137px;display: inline-block;float:left; margin-right:11px; position:relative;}
|
||||
.video_box.cm_earch_video .video_list {width:137px;display: inline-block;float:left; margin-right:9px; position:relative;min-height:200px}
|
||||
.video_list:last-child{margin-right:0 !important;}
|
||||
.video_list .report{position:absolute;top:10px; left:10px; width:20px; height: 20px;}
|
||||
.video_list .play {
|
||||
left: 50px;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
width:20px; height: 20px;
|
||||
}
|
||||
.video_list .playtime {
|
||||
background: #000 none repeat scroll 0 0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
opacity: 0.7;
|
||||
padding: 2px 5px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 40px;
|
||||
}
|
||||
.video_list .playtime2 {
|
||||
background: #000 none repeat scroll 0 0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
opacity: 0.7;
|
||||
padding: 2px 5px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 76px;
|
||||
}
|
||||
.video_list .tit{padding-top:10px; overflow:hidden;display: block;}
|
||||
.video_list .tit a{font-size:14px; color: #2954b6;line-height: 22px;}
|
||||
.video_list .tit img{padding:2px;}
|
||||
|
||||
|
||||
.popup_share{ background: #fff none repeat scroll 0 0;
|
||||
border: 1px solid #bfbfc0;
|
||||
display: block;
|
||||
left: 50%;
|
||||
margin: 0 auto;
|
||||
margin-left: -126px;
|
||||
padding: 40px 20px 20px 20px;
|
||||
position: absolute;
|
||||
top: 355px;
|
||||
width: 260px;
|
||||
z-index: 9999999;
|
||||
height: 170px;}
|
||||
.popup_share a:hover{color:#2bbec6;}
|
||||
.popup_share img{padding-bottom: 5px;}
|
||||
.popup_share li{float:left;text-align:center; width:65px; display: inline-block;}
|
||||
.popup_share li a{font-size: 12px;}
|
||||
.popup_share .s_share{clear:both;display: block; padding-top:15px;
|
||||
position: relative;
|
||||
|
||||
|
||||
width: 250px;
|
||||
}
|
||||
.popup_share .s_window {
|
||||
background: #f8f8f8 none repeat scroll 0 0;
|
||||
border: 1px solid #d8d8d8;
|
||||
color: #686868;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
height: 28px;
|
||||
padding-left: 10px;
|
||||
position: absolute;
|
||||
width: 174px;
|
||||
}
|
||||
.popup_share .s_close{position:absolute; right:25px; top:10px;}
|
||||
.popup_share .s_src_sumit {
|
||||
background: #fff none repeat scroll 0 0;
|
||||
border: 1px solid #d8d8d8;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
overflow: visible;
|
||||
width: 65px;
|
||||
position: absolute;right:0;font-size: 12px;
|
||||
}
|
||||
.search_images{width:100%;
|
||||
}
|
||||
.search_images .search_result{font-size:18px; border-bottom: 1px solid #eaeaea; padding:10px 0 20px 0;}
|
||||
.contents .s_wrap{ width: 96%; margin: 0 auto; padding:0 2%;}
|
||||
.photos{clear:both;overflow:hidden;display: block; padding-top:10px;}
|
||||
.photos .photo_info{ background: #000 none repeat scroll 0 0;
|
||||
bottom: 0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
left: 0;
|
||||
opacity: 0.7;
|
||||
padding: 6px 4%;
|
||||
position: absolute;
|
||||
width: 92.1%;
|
||||
}
|
||||
.photos a{margin-right:6px; float:left; position: relative;}
|
||||
.photos a:last-child{margin-right:0 !important;}
|
||||
|
||||
.photos1 {clear:both;overflow:hidden;display: block; padding-top:10px;}
|
||||
.photos1 li {margin-right:6px; margin-bottom:6px;float:left; position: relative;}
|
||||
.photos1 .photo_info{ background: #000 none repeat scroll 0 0;
|
||||
bottom: 0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
left: 0;
|
||||
opacity: 0.7;
|
||||
padding: 6px 4%;
|
||||
position: absolute;
|
||||
width: 92.1%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.image_viewer{background:#000000; padding:70px 80px; overflow:hidden; position:relative; display: block; clear: both; margin-bottom: 10px; margin-top:20px;}
|
||||
.click_left{position: absolute; left:30px; top:180px;}
|
||||
.click_right{position: absolute; right:30px;top:180px;}
|
||||
.click_close{position:absolute; top:20px; right:20px;}
|
||||
.pointer{height: 7px;
|
||||
left: 340px;
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
width: 11px;}
|
||||
.viewer_photo{width:434px; float:left; margin-right:50px;}
|
||||
.viewer_photo img{vertical-align: middle; text-align: center;}
|
||||
.viewer_box{width:399px; float:left; position:relative;}
|
||||
.viewer_box .report{ position: absolute;
|
||||
border: 1px solid #6a6c6d;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
width: 155px;
|
||||
height: 45px;
|
||||
left: -80px;
|
||||
top: 63px;
|
||||
text-align: center;
|
||||
padding: 20px;}
|
||||
.viewer_box .report div{margin-top: 15px;}
|
||||
.viewer_box .report span{margin: 0 5px;
|
||||
background: #424242;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
padding: 3px 10px;
|
||||
font-size: 12px;}
|
||||
.viewer_box .report a{color:#fff;}
|
||||
.viewer_box .small_photos a{margin-right:10px; float:left; margin-bottom: 10px;}
|
||||
.viewer_box h2{font-size:18px; font-weight: bold;color:#9a9d9e; line-height: 28px; margin-bottom: 10px;}
|
||||
.viewer_box_wrap{width:1040px; margin:0 auto;}
|
||||
.wrap_photos{position:relative;}
|
||||
.btn_photos{
|
||||
margin: 40px 0 20px;
|
||||
padding: 15px 0;
|
||||
width:100%;}
|
||||
.btn_photos img{vertical-align: middle; padding-left:10px;}
|
||||
|
||||
.btn_photos a:hover{color:#2bbec6;}
|
||||
.not_found02 {
|
||||
padding: 10px 0 21px 30px;
|
||||
zoom: 1;
|
||||
|
||||
|
||||
}
|
||||
.not_found02 p {
|
||||
padding-right: 20px;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
line-height: 18px;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
.not_found02 p em {
|
||||
color: #eb0c00;
|
||||
}
|
||||
.not_found02 ul {
|
||||
margin: 14px 0 0 10px;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.not_found02 li {
|
||||
margin-bottom: 5px;
|
||||
padding-left: 7px;
|
||||
background: url(/img/web/spot.gif) no-repeat 0 7px;
|
||||
color: #000;
|
||||
}
|
||||
Reference in New Issue
Block a user