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.
135 lines
12 KiB
CSS
135 lines
12 KiB
CSS
6 years ago
|
@charset "utf-8";
|
||
|
|
/* festival detail */
|
||
|
|
#mainMenu ul.chNav li.culture.active { background:url(https://data.chinahighlights.com/css/images/global/bg-nav-hover.png) repeat-x bottom !important; border-radius: 5px 5px 0 0; margin-top:-9px; padding-top:15px; }
|
||
|
|
ul.where-when { margin: 0 0 10px 0;}
|
||
|
|
ul.where-when li { list-style: none; line-height:18px; margin-bottom:5px; }
|
||
|
|
.festivalSearchBox { border:1px solid #d1d1d1; background:#f1f1f1; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; padding:10px 5px; font-size:11px }
|
||
|
|
.festivalSearchBox label { margin:8px 0; line-height:18px }
|
||
|
|
.festivalSearchBox input { width:150px; border:1px solid #d1d1d1; background:#fff; padding:5px; font-size:11px }
|
||
|
|
.festivalSearchBox input:focus { border:1px solid #a31022 }
|
||
|
|
.festivalSearchBox input.submitButton { background:none; width:auto; height:auto; border:none; margin:10px 0 0 80px }
|
||
|
|
.festivalSearchBox select { width:162px; font-size:11px; padding:3px 0; border:1px solid #d1d1d1; background:#fff }
|
||
|
|
.festivalSearchBox select.festivalDay { width:40px; margin-right:7px; }
|
||
|
|
.festivalSearchBox select.festivalMonth { width:40px; margin-right:7px; }
|
||
|
|
.festivalSearchBox select.festivalYear { width:60px; }
|
||
|
|
.festivalSearchBox select option { line-height:18px }
|
||
|
|
|
||
|
|
.sortFestivals { border:1px solid #d1d1d1; background:#f6f6f6; padding:0; margin-top:10px; margin-bottom:10px; }
|
||
|
|
.sortFestivals h3 { background:#929292; text-align:center; font-family:Arial, Helvetica, sans-serif; padding:5px 0; color:#fff; font-size:13px; font-weight:bold; position:relative; margin:0 0 10px 0; }
|
||
|
|
.sortFestivals .surrounding { padding:5px 10px 10px 10px; }
|
||
|
|
.sortFestivals .surrounding h4 { font-size:12px; color:#545454; margin:0 0 5px 0; }
|
||
|
|
.sortFestivals .surrounding a { color:#0D548A; font-size:11px; text-decoration:none; }
|
||
|
|
.sortFestivals .surrounding ul { margin:0 0 10px 0; }
|
||
|
|
.sortFestivals .surrounding ul li { list-style:none; margin:0 0 5px 0; font-size:11px; }
|
||
|
|
.sortFestivals .surrounding ul li.nearhotel { display:block; border-bottom:1px #d1d1d1 dashed; padding:5px 0 5px 0; }
|
||
|
|
.sortFestivals .surrounding ul li.nearhotel .recentReview { background:url(https://data.chinahighlights.com/css/images/hotel/review-left.gif) left top no-repeat; text-indent:20px; font-size:11px; line-height:18px; margin-top:5px; }
|
||
|
|
.sortFestivals .surrounding ul li a { text-decoration:none; }
|
||
|
|
.sortFestivals .surrounding ul li a:hover { text-decoration:underline; }
|
||
|
|
.sortFestivals .viewedhotel { padding:0 5px 0 5px; }
|
||
|
|
.sortFestivals .viewedhotel .viewhotelList { padding:5px 3px 5px 3px; border-bottom:1px #d1d1d1 dashed; }
|
||
|
|
.sortFestivals .viewedhotel .viewhotelList:hover { background:#f1f1f1; }
|
||
|
|
.sortFestivals .viewedhotel .viewhotelList a.closeWindow { display:block; width:14px; height:14px; background:url(https://data.chinahighlights.com/css/images/hotel/iconremove.gif) no-repeat left top; float:right; }
|
||
|
|
.sortCities .viewedhotel .viewhotelList a.closeWindow:hover { display:block; width:14px; height:14px; background:url(https://data.chinahighlights.com/css/images/hotel/iconremove.gif) no-repeat left -16px; float:right; }
|
||
|
|
.sortFestivals .viewedhotel .viewhotelPic { width:30px; height:30px; float:left; position:relative; }
|
||
|
|
.sortFestivals .viewedhotel .viewhotelPic img.hotelSmal { width:30px; height:30px; cursor:pointer; border-radius:4px; }
|
||
|
|
.sortFestivals .viewedhotel .viewhotelInfo { width:100px; float:left; padding-left:8px; }
|
||
|
|
.sortFestivals .viewedhotel .viewhotelInfo h5 { margin:0 0 3px 0; font-size:11px; font-weight:100; padding:0; }
|
||
|
|
.sortFestivals .viewedhotel .viewhotelInfo h5 a { text-decoration:none; color:#0D548A; }
|
||
|
|
|
||
|
|
/* city festival list */
|
||
|
|
.recommendFestival { margin:10px 0 10px 0; padding:0!important; border:1px solid #d1d1d1; }
|
||
|
|
.recommendFestival h2 { margin:0!important; background:url(https://data.chinahighlights.com/css/images/bg-search-li.jpg) repeat-x; height:29px; padding:5px 0 0 22px; font-weight: normal; border-radius:0!important; color:#fff; }
|
||
|
|
.recommendFestival .festivalInfo {border-bottom:1px dashed #d1d1d1; margin:10px; font-size:11px; line-height:24px; }
|
||
|
|
.recommendFestival .festivalIndex2list { float:left; display:inline; width:365px; height:130px; overflow:hidden; }
|
||
|
|
.recommendFestival .festivalInfo .leftInfo { width:150px; min-height:115px; float:left; }
|
||
|
|
.recommendFestival .festivalInfo .leftInfo img { width:150px; margin:0 5px 0 0; min-height:115px; border-radius: 4px; }
|
||
|
|
.recommendFestival .festivalInfo .rightInfo { width:575px; float:left; margin:0 0 0 10px; text-align:justify }
|
||
|
|
.recommendFestival .festivalIndex2list .rightInfo { width:220px; float:left; margin:0 0 0 10px; }
|
||
|
|
.recommendFestival .festivalIndex2list .rightInfo p { text-align: justify}
|
||
|
|
.recommendFestival .festivalInfo .rightInfo h3 { margin:0 }
|
||
|
|
.recommendFestival .festivalInfo .rightInfo h3 a { text-decoration:none; font-size:16px; font-weight: normal; color:#04679A;}
|
||
|
|
.recommendFestival .festivalInfo .rightInfo h3 a:hover { text-decoration:none; color:#a31022 }
|
||
|
|
.recommendFestival .festivalVideo { margin:15px 0 0 0; position:relative; }
|
||
|
|
.recommendFestival .festivalVideo .videoInfo { border:1px solid #f1f1f1; padding:5px; margin: 0 12px 5px 0; width:158px; text-align:center; float:left; background:url(https://data.chinahighlights.com/pic/play-button-festival.png) no-repeat center 50px; position: relative; _position: static; }
|
||
|
|
.recommendFestival .festivalVideo .videoInfo a { text-decoration:underline; color:#545454; }
|
||
|
|
.recommendFestival .festivalVideo .videoInfo a:hover { text-decoration:none; color:#a31022; }
|
||
|
|
.recommendFestival .festivalVideo .videoInfo img { margin-bottom:5px; }
|
||
|
|
.recommendFestival .festivalVideo .video-icon { height:31px; width:50px; position:absolute; top: 50px; left: 40px; }
|
||
|
|
|
||
|
|
/* city festival by month */
|
||
|
|
#festivalFilter { margin: 0 0 10px 0; }
|
||
|
|
#festivalFilter table { margin:0; border:1px solid #d1d1d1; padding:1px; }
|
||
|
|
#festivalFilter table tr.festivalTitle { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #666666; }
|
||
|
|
#festivalFilter table th { color: #333; font-size: 16px; font-weight: normal; padding: 5px; text-align:center; background:url(https://data.chinahighlights.com/css/images/tour/bg-th-gray-2.png) repeat-x; height:18px; }
|
||
|
|
#festivalFilter table th a { color: #666666; text-decoration: none; }
|
||
|
|
#festivalFilter table th:hover a { color: #FFFFFF; text-decoration: none; }
|
||
|
|
#festivalFilter table th:hover { background: none repeat scroll 0 0 #A31022; color: #FFFFFF; }
|
||
|
|
#festivalFilter table td { color: #666; font-size: 12px; padding: 10px 5px; text-decoration: none; text-align:center; width:120px; border-bottom:1px dashed #545454; }
|
||
|
|
#festivalFilter table td a { text-decoration:underline; color:#545454; }
|
||
|
|
#festivalFilter table td a:hover { text-decoration:none; color:#a31022; }
|
||
|
|
#festivalFilter table td img { width:100px; margin:0 5px 0 0; }
|
||
|
|
#festivalFilter table td.infoFestival { width:320px; text-align:left; }
|
||
|
|
#festivalFilter table td.infoFestival img { width:100px; height:75px; margin-right:10px; }
|
||
|
|
#festivalFilter table td.infoFestival .infoTitle { display: block; font-size:15px; margin: 0 0 8px 0;}
|
||
|
|
#festivalFilter table td.infoFestival .infoTitle a { text-decoration: none; color:#04679A;}
|
||
|
|
#festivalFilter table td.infoFestival .infoTitle a:hover { text-decoration: underline;}
|
||
|
|
|
||
|
|
.sortFestivals ul { margin-left:0 }
|
||
|
|
.sortFestivals ul li { list-style:none; line-height:18px; margin-bottom:5px; padding:0 10px }
|
||
|
|
.sortFestivals ul li a { font-weight:normal; font-size:11px; text-decoration:none }
|
||
|
|
.sortFestivals ul li:hover { background:#d1d1d1 }
|
||
|
|
.sortFestivals ul li:hover a { font-weight:bold }
|
||
|
|
.sortFestivals .festivalNum { float:right; }
|
||
|
|
.festivalsearchtitle { background:#929292; height:23px; padding-left:10px; padding-top:4px; color:#fff; font-size:14px; font-weight:bold; position:relative; border-top-left-radius:4px; border-top-right-radius:4px; }
|
||
|
|
#contentRight2 { float:right; width:760px; margin:0 0px 0 0; display:inline }
|
||
|
|
|
||
|
|
/* festival index */
|
||
|
|
.upComing { border: 1px solid #CFCFCF; margin: 10px 0; padding: 5px; }
|
||
|
|
.upComing h3 { border-bottom: 1px solid #CFCFCF; color: #545454; display: block; font-size: 14px; margin-bottom: 12px; margin-top: 0; }
|
||
|
|
.upComing .bolder { margin-bottom: 3px; margin-top: 10px; padding-left: 5px; padding-top: 5px; }
|
||
|
|
.upComing .bolder img { height: auto; margin-bottom: 2px; margin-right: 5px; width: 80px; }
|
||
|
|
.upComing .bolder h5 { font-size: 12px; font-weight: bold; margin-bottom: 2px; margin-top: 0; }
|
||
|
|
.upComing ul { list-style: none outside none; padding-bottom: 5px; }
|
||
|
|
.upComing ul li { font-size: 11px; margin-bottom: 5px; }
|
||
|
|
.upComing ul li.square { background: url(https://data.chinahighlights.com/pic/square.png) no-repeat left; padding: 0 0 0 10px; }
|
||
|
|
.upComing a { color: #666666; text-decoration: underline; }
|
||
|
|
/* separate from city guide */
|
||
|
|
.photoRight { float: right; width:250px; display: block; margin: 0 0 5px 15px; border-bottom:1px dotted #d1d1d1; padding-bottom:8px; }
|
||
|
|
/* info about author */
|
||
|
|
.tourPublisher { width:360px; background:url(https://data.chinahighlights.com/css/images/community/publish-info/publisher-info.gif) no-repeat top left; padding:20px 10px 18px 30px; }
|
||
|
|
.firstPostInfo { width:360px; font-size:11px; padding:15px 0 0 0; }
|
||
|
|
.firstPostInfo a { color:#545454; }
|
||
|
|
.infoPublisher { width:360px; float:left; background:url(https://data.chinahighlights.com/css/images/community/publish-info/publisher-info.gif) no-repeat -400px top; padding:20px 10px 15px 30px; }
|
||
|
|
.tourPublisher .publishPic, .infoPublisher .publishPic { width:70px; height:70px; float:left; margin-right:5px; }
|
||
|
|
.tourPublisher .publishPic img, .infoPublisher .publishPic img { width:70px; height: auto; }
|
||
|
|
.tourPublisher .publishintro, .infoPublisher .publishintro { width:250px; float:left; font-size:11px; line-height:22px; color:#664a15; }
|
||
|
|
.tourPublisher .publishintro a, .infoPublisher .publishintro a { color:#664a15; }
|
||
|
|
.tourPublisher .sendFeedback, .infoPublisher .sendFeedback { font-size:11px; margin-top:6px; }
|
||
|
|
.tourPublisher .sendFeedback a, .infoPublisher .sendFeedback a { display:block; width:300px; background:url(https://data.chinahighlights.com/css/images/community/publish-info/feedback.gif) no-repeat 5px top; padding-left:30px; color:#664a15; font-weight:bold; }
|
||
|
|
.tourPublisher a.publishAccount, .infoPublisher a.publishAccount { padding-right:15px; background:url(https://data.chinahighlights.com/css/images/community/publish-info/advisor-info.gif) no-repeat right 4px; }
|
||
|
|
.tourPublisher a:hover, .infoPublisher a:hover { color:#c42a2a; }
|
||
|
|
|
||
|
|
h2.blackTitle { color:#333; }
|
||
|
|
.citytourList { float: left; width:350px; height:95px; border:1px solid #d1d1d1; padding:10px; border-radius:4px; margin-bottom:10px; }
|
||
|
|
.citytourList .tourTitle { display: block; margin: 0 0 10px 0; font-size:15px; }
|
||
|
|
.citytourList .tourTitle a { text-decoration: none; }
|
||
|
|
.citytourList h4 a { color:#545454; margin: 0 0 8px 0; text-decoration: none; display: block; font-size:15px; font-weight: normal; }
|
||
|
|
.citytourList .tourImage { float:left; width:120px; border:1px solid #d1d1d1; margin:0 8px 5px 0; padding:2px }
|
||
|
|
.citytourList .tourImage img { width:120px; height:90px }
|
||
|
|
.citytourList .tourlistContent { float:right; width:215px; height:100px; overflow: hidden; }
|
||
|
|
.citytourList .tourlistContent ul { margin-left:0; }
|
||
|
|
.citytourList .tourlistContent ul li { list-style:none; font-size:11px; line-height:18px; margin-bottom:5px }
|
||
|
|
.citytourList .tourlistContent ul li.attrList { height:75px; display: block; overflow: hidden; }
|
||
|
|
.citytourList .tourPrice { padding-left:5px; margin-right:10px; font-size:11px; line-height:18px; clear: both; width:215px; }
|
||
|
|
.citytourList .tourPrice .priceFrom { float: left; display: block; width:auto; margin:15px 100px 0 0; }
|
||
|
|
.citytourList .tourPrice span { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#a31022; }
|
||
|
|
.citytourList .tourPrice span strong { color:#545454; font-size:12px; }
|
||
|
|
.citytourList .tourPrice img { margin-top:5px }
|
||
|
|
|
||
|
|
.citytourList h4 { display: block; margin: 0 0 10px 0; font-size:15px; }
|
||
|
|
.citytourList img { float:left; width:120px; border:1px solid #d1d1d1; margin:0 8px 5px 0; padding:2px; width:120px; height:90px }
|
||
|
|
.citytourList ul { float:right; width:215px; height:100px; overflow: hidden; }
|
||
|
|
.citytourList ul li { height:34px; line-height:34px; }
|
||
|
|
.citytourList ul li span { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#a31022; }
|
||
|
|
.citytourList ul li strong { color:#545454; font-size:12px; padding-top:15px; }
|
||
|
|
.citytourList ul li span img { margin-top:5px; width:102px; height:34px; border:none; float:right; margin:0; padding:0; }
|