You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
137 lines
10 KiB
CSS
137 lines
10 KiB
CSS
6 years ago
|
/*Logo部分样式*/
|
||
|
|
.activeCommunity {background:url(https://data.chinahighlights.com/css/images/global/bg-menu-last.png) repeat-x right!important; color:#fff;}
|
||
|
|
.activeCommunity a { color:#fff!important;}
|
||
|
|
#headerWrapper #header #logocommunity { width:900px; padding-top:45px; margin:0 0 5px 17px; }
|
||
|
|
#contentcommunity { width:950px; margin:0 auto; padding:0 10px; }
|
||
|
|
/*左大右小的样式*/
|
||
|
|
.column-community-left { width: 68%; float: left; }
|
||
|
|
.column-community-left p { margin-bottom:15px; }
|
||
|
|
.column-community-right { width: 30%; float: right; }
|
||
|
|
/*左大右小的样式*/
|
||
|
|
.column-community-left2 { width: 60%; float: left; }
|
||
|
|
.column-community-right2 { width: 36%; float: right; }
|
||
|
|
/*作者相关信息*/
|
||
|
|
/**头像图片**/
|
||
|
|
.authorPhoto { width:100px; height:100px; padding:3px; border:1px solid #d1d1d1; background:#FFF; margin-bottom:5px; }
|
||
|
|
.authorPhoto img { width:100px; height:100px; border:1px solid #d1d1d1; }
|
||
|
|
/*brief story沿用的图片*/
|
||
|
|
#about-blog { padding:18px 15px; float:left; background:#FFF; width:180px; margin-right:5px; }
|
||
|
|
#about-blog .img { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #E8E8E8; margin:0 18px 10px 0; padding:6px; }
|
||
|
|
/*City Number样式*/
|
||
|
|
span.cityNum { font-size:16px; font-weight:bold; color:#dd8000; }
|
||
|
|
/*时间样式*/
|
||
|
|
span.arrivalDate { color:#dd8000; }
|
||
|
|
/*图片相册样式*/
|
||
|
|
ul.photo-list { height:1%; overflow:hidden; padding:12px 0 0; margin:0 0 12px; list-style:none; }
|
||
|
|
ul.photo-list li { float:left; width:172px; padding:0 27px 0 0; }
|
||
|
|
.photo-holder { width:172px; }
|
||
|
|
.photo-box img { display:block; }
|
||
|
|
ul.photo-list p a:hover { text-decoration:underline; }
|
||
|
|
.photo-holder { background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-top.gif) no-repeat top left; padding-top:10px; }
|
||
|
|
.photo-box { background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-bg-l.gif) repeat-y scroll 0 0 transparent; height:1%; overflow:hidden; padding-left:8px; }
|
||
|
|
.photo-holder2 { background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-btm-l.gif) no-repeat bottom left; padding-bottom:10px; }
|
||
|
|
/*travel story首页的feature story样式*/
|
||
|
|
.featureStoryPhoto { width:50; float:left; padding:5px; }
|
||
|
|
.featureStoryPhoto img { width:50; border:1px solid #d1d1d1; }
|
||
|
|
.writeInfo { width:70px; float:left; padding:5px; }
|
||
|
|
.writeInfo img { height:60px; width:60px; }
|
||
|
|
.writeInfo a { color:#545454; }
|
||
|
|
.writeInfo a:hover { color:#a31022; text-decoration: none; }
|
||
|
|
.sharedStory { margin-left:80px; }
|
||
|
|
.grayFont { font-size:11px; color:#999; }
|
||
|
|
.grayLine { clear: both; height:1px; border-bottom:1px solid #d1d1d1; margin-bottom:5px; }
|
||
|
|
/*story summary*/
|
||
|
|
h5.storyTitle { font-size:18px; font-weight:100; border-bottom:1px solid #c3c3c3; margin:0 0 5px 0; padding:0 0 5px 0; }
|
||
|
|
/************ Table ************/
|
||
|
|
|
||
|
|
table.normalStyle { border-collapse: collapse; }
|
||
|
|
table.normalStyle thead th { font-weight: bold; font-size: 15px; border-bottom: 1px solid #ddd; text-align:left; padding:10px; }
|
||
|
|
table.normalStyle tbody { border-bottom: 1px solid #ddd; }
|
||
|
|
table.normalStyle tbody tr td { padding:10px; font-size:12px; }
|
||
|
|
table.normalStyle tbody tr td.greenFont, table.normalStyle tbody tr td.greenFont a { color:#459300; }
|
||
|
|
table.normalStyle tbody tr { background: #fff; }
|
||
|
|
table.normalStyle tbody tr.alt-row { background: #f3f3f3; }
|
||
|
|
table.normalStyle th, table.normalStyle td, table.normalStyle tr { vertical-align: baseline; }
|
||
|
|
/************ Normal Table Style ************/
|
||
|
|
table.normalStyle { width:100%; margin-bottom:10px; }
|
||
|
|
/*travel itnerary*/
|
||
|
|
a.uploadStoryPhoto { background:url(https://data.chinahighlights.com/css/images/community/camera.gif) no-repeat top left; display:block; padding:0 0 3px 25px; color:#a03; }
|
||
|
|
a.uploadStoryPhoto:hover { color:#545454; }
|
||
|
|
/*上传者信息*/
|
||
|
|
.publisherInfo { border:5px solid #8C8C8C; padding:5px 15px 5px 5px; background-color:#F9F9F9; font-size:11px; line-height:18px; }
|
||
|
|
.publisherInfo h6 { font-size:12px; margin:0 0 10px 0; padding:0 0 8px 0; }
|
||
|
|
.publisherInfo h6 a { color:#545454; }
|
||
|
|
.publisherInfo .publishPhoto { width:60px; height:60px; float:left; margin:0 5px 5px 0; }
|
||
|
|
.publisherInfo .publishPhoto img { width:60px; height:60px; }
|
||
|
|
.publisherInfo h5 { font-size:13px; display:block; width:auto; margin:0 0 10px 0; padding:0 0 2px 0; border-bottom:1px solid #dcdcdc; }
|
||
|
|
.publisherInfo .publisher h6 { font-size:12px; margin:0 0 5px 0; padding:0; }
|
||
|
|
.publisherInfo .publisher h6 a { color:#545454; }
|
||
|
|
.publisherInfo .accountSetting { color:#2e87cc; margin:5px 0 0 0; }
|
||
|
|
.publisherInfo .accountSetting a { color:#2e87cc; }
|
||
|
|
.publisherInfo .accountSetting a:hover { color:#bd1416; }
|
||
|
|
.publisherInfo .feedbackPromo { padding:5px 5px 5px 25px; width:230px; margin-top:10px; background:url(https://data.chinahighlights.com/css/images/community/icons/information.png) no-repeat #dbe3ff 5px 6px; }
|
||
|
|
.publisherInfo .feedbackPromo a { color:#bd1416; }
|
||
|
|
.publisherInfo .feedbackPromo a:hover { color:#545454; }
|
||
|
|
/*详细页面促销*/
|
||
|
|
/*反馈的相关促销*/
|
||
|
|
.feedbackProm_story { background:#D5ECF2; padding:10px; float:left; width:100%; }
|
||
|
|
h5.promoTitle { font-size:12px; }
|
||
|
|
/*story首页*/
|
||
|
|
.hotStory { width:452px; border:1px solid #cbcbcb; padding:5px; margin-right:8px; background:top repeat-x url(https://data.chinahighlights.com/css/images/community/travel-story/hot-story-bg.gif); }
|
||
|
|
#content .hotStory p { line-height:17px; margin-top:1px; }
|
||
|
|
.hotStory h2, .hotStory h2 a { font-size:14px; margin:0 0 2px 0; padding:0; }
|
||
|
|
.hotStory h2 a:hover { color:#a31022; text-decoration:none; }
|
||
|
|
.uploadPhoto { width:275px; float:right; }
|
||
|
|
.uploadPhoto .mostVisited { padding:0 0 0 10px; }
|
||
|
|
.uploadPhoto .mostVisited .mostUser { width:70px; height:70px; float:left; margin:10px 5px; text-align:center; font-size:11px; }
|
||
|
|
.uploadPhoto .mostVisited .mostUser a { color:#545454; }
|
||
|
|
.uploadPhoto .mostVisited .mostUser img { width:70px; height:70px; }
|
||
|
|
.uploadPhoto .mostVisited .mostUser .userName { text-align:center; }
|
||
|
|
.uploadPhoto ol { margin-left:10px; padding-left:10px;}
|
||
|
|
.uploadPhoto ol li { line-height:18px; margin-bottom:5px;}
|
||
|
|
.recentUploadSotry { width:650px; padding:5px; float:left; margin-top:10px; border:1px solid #e1e1e1; }
|
||
|
|
#content .recentUploadSotry p { line-height:18px; margin-top:0px; padding:0; font-size:12px; }
|
||
|
|
.recentUploadSotry h3 { font-size:15px; margin:0; padding:0; color:#666; line-height:20px; }
|
||
|
|
.recentUploadSotry h3 a { font-size:15px; margin:0; padding:0; color:#666; }
|
||
|
|
.recentUploadSotry h3 a:hover { color:#a31022; text-decoration:none; }
|
||
|
|
h5.hotStoryTitle { display:block; width:auto; border-bottom:4px solid #E8E8E8; padding:8px 0 10px 70px; margin-bottom:10px; margin-top:4px; font-size:16px; background:url(https://data.chinahighlights.com/css/images/community/travel-story/hot-sotry.gif) no-repeat 1px 0px; line-height:22px; position:relative; width:880px; }
|
||
|
|
.uploadStoryPro { position:absolute; width:100px; left: 701px; top: -6px; }
|
||
|
|
h5.hotStoryTitle .title { color:#36557C; }
|
||
|
|
h5.hotStoryTitle .info { color:#545454; font-weight:100; }
|
||
|
|
a.morestory { background:url(https://data.chinahighlights.com/css/images/community/travel-story/continue-read.gif) no-repeat 1px 0px; display:block; padding-left:25px; }
|
||
|
|
h5.recentPhotoTitle { display:block; width:auto; border-bottom:4px solid #E8E8E8; padding:8px 0 10px 50px; margin-bottom:10px; font-size:16px; background:url(https://data.chinahighlights.com/css/images/community/travel-story/new-photo.gif) no-repeat 1px 0px; line-height:18px; }
|
||
|
|
h5.recentReview { display:block; width:auto; border-bottom:4px solid #E8E8E8; padding:8px 0 10px 50px; margin-bottom:10px; font-size:16px; background:url(https://data.chinahighlights.com/css/images/community/travel-story/new-review.gif) no-repeat 1px 0px; line-height:18px; }
|
||
|
|
.recentUpload { margin:5px 5px 5px 5px; padding-bottom:5px; border-bottom:1px solid #E8E8E8; list-style:none; }
|
||
|
|
.recentUpload img { width:80px; margin-right:8px; float:left; }
|
||
|
|
.recentUpload .recentUploadInfo { width:170px; float:right; font-size:11px; line-height:19px; }
|
||
|
|
.recentUpload .recentUploadInfo a { color:#545454; }
|
||
|
|
.recentComment { background:#f8f8f8; margin:5px; padding:10px; line-height:18px; overflow: hidden; }
|
||
|
|
.recentComment a { color:#545454; }
|
||
|
|
/*story首页head*/
|
||
|
|
fieldset.cityfilter { font-size:12px; line-height:18px; margin-bottom:10px; border:#c1c1c1 1px solid; background-color:#f9f9f9; -moz-border-radius:5px; font-style:italic; width:916px; padding:5px 0 5px 10px; }
|
||
|
|
fieldset.cityfilter a { font-size:12px; color:#555; font-style:normal; }
|
||
|
|
fieldset.cityfilter a:hover { text-decoration:none; color:#a31022; }
|
||
|
|
/*-- travel story style --*/
|
||
|
|
table.storyList thead th { font-weight: bold; font-size: 15px; border-bottom: 1px solid #ddd; text-align:left; padding:10px; }
|
||
|
|
table.storyList tbody { border-bottom: 1px solid #ddd; }
|
||
|
|
table.storyList tbody tr td { padding:10px; font-size:12px; }
|
||
|
|
table.storyList tbody tr td img, table.storyList tbody tr td p img { width:250px!important; height: 188px!important; float: none!important }
|
||
|
|
table.storyList tbody tr td.greenFont, table.storyList tbody tr td.greenFont a { color:#459300; }
|
||
|
|
table.storyList tbody tr { background: #fff; }
|
||
|
|
table.storyList tbody tr.alt-row { background: #f3f3f3; }
|
||
|
|
table.storyList th, table.storyList td, table.storyList tr { vertical-align: baseline; }
|
||
|
|
/************ Normal Table Style ************/
|
||
|
|
table.storyList { width:100%; margin-bottom:10px; border-collapse: collapse; }
|
||
|
|
/************ Story Index Float ************/
|
||
|
|
.container { height: 209px; overflow: hidden; position: relative; width: 614px; }
|
||
|
|
.container2 { height: 60px; overflow: hidden; position: relative; width: 232px; }
|
||
|
|
.slider { position: absolute; }
|
||
|
|
.slider li { display: inline; list-style: none outside none; }
|
||
|
|
.slider img { display: block; height: 209px; width: 614px; }
|
||
|
|
#idSlider img { display: block; height: 60px; width: 232px; }
|
||
|
|
.slider2 { width: 3200px; }
|
||
|
|
.slider2 li { float: left; }
|
||
|
|
.num { bottom: 0; position: absolute; right: 5px; }
|
||
|
|
.num li { background-color: #666666; border: 1px solid #666666; color: #FFFFFF; cursor: pointer; float: left; font-family: Arial; font-size: 12px; height: 16px; line-height: 16px; margin: 3px 1px; opacity: 0.7; overflow: hidden; text-align: center; width: 16px; }
|
||
|
|
.num li.on { background-color: #A31022; border: 0 none; color: #FFFFFF; font-size: 16px; font-weight: bold; height: 21px; line-height: 21px; margin: 0 1px; width: 21px; }
|