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.
140 lines
11 KiB
CSS
140 lines
11 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
h1 { border-bottom: none !important; font-size:40px !important; text-align:center; margin:25px 0 35px!important; color:#666 !important;}
|
|
/*Right Content*/
|
|
#contentRight .TopSellers { width: 100%; margin-bottom: 15px; }
|
|
#contentRight .TopSellers h2 { background: #e4e4e4; border-left: 7px solid #A6A6A6; font-size: 16px; font-weight: normal; height: 30px; line-height: 30px; padding-left: 10px; margin: 10px 0; display: block; clear: both; }
|
|
#contentRight h2 { font-size: 23px; margin: 35px 0 30px; color:#444;}
|
|
#contentRight h3 { font-size:20px; margin: 35px 0 30px; font-weight:400;}
|
|
.PandaPhoto { font-size: 15px; font-style: italic; border-bottom: 1px #d1d1d1 dashed; margin-bottom: 10px; }
|
|
#sideBar .mainTitle { color: #FFF; background: #a31022; font-size: 15px; padding: 5px 10px 5px 10px; }
|
|
#sideBar ul.leftNav li { line-height: 35px; font-size: 14px; padding-left: 10px; }
|
|
#sideBar ul.leftNav li a { text-decoration: none; display: block; }
|
|
#sideBar ul.leftNav li:nth-child(2) { padding-top:10px;}
|
|
#sideBar ul.leftNav { background: #f1f1f1; padding-bottom: 15px; }
|
|
#sideBar .LastedArticle { color: #1e71b5; font-size: 18px; margin-top: 20px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
|
#sideBar .Email { background: #ac1212; border-radius: 5px 5px 5px 5px; height: 130px; margin-top: 20px; margin-bottom: 20px; }
|
|
#sideBar .Email img { margin-top: 10px; }
|
|
.GetGuide { margin-top: 5px; color: #FFF; font-size: 17px; font-family: Segoe Print; font-weight: bold; }
|
|
#sideBar .Email input { border-radius: 4px 4px 4px 4px; margin-left: 15px; margin-top: 10px; width: 170px; height: 30px; border: none; }
|
|
#sideBar img.SignUp { margin-left: 70px; margin-top: 6px; }
|
|
.PandasPhotos { padding: 0; }
|
|
.PandasPhotos a { text-decoration: none; }
|
|
.PandasPhotos img { margin-bottom: 10px; }
|
|
.PandasPhotos h2.ArticleTitle { color: #1e71b5; }
|
|
.TopTitle { margin-top: 10px; margin-bottom: 25px; position:relative }
|
|
@media(max-width:750px) {
|
|
#sideBar .mainTitle { display: none !important;}
|
|
.TopTitle h1 { font-size: 20px !important; bottom: 0!important; background:#999 !important; width:100% !important; margin:0 !important; padding:10px !important; text-align:center; }
|
|
.CityFacts { width:100% !important; margin:0 0 20px !important; float: none !important;}
|
|
.CityFacts li { line-height:20px; margin-bottom:15px;}
|
|
#sideBar ul.leftNav { padding-bottom:0 !important; background: none;}
|
|
#sideBar ul.leftNav li { background:url(https://data.chinahighlights.com/pic/square-gray-8x8.png) no-repeat left center; padding-left:20px;}
|
|
.TopPhoto { margin: 0 -16px 25px -16px; width:109%; overflow:hidden; text-align:center;}
|
|
.TopPhoto img { border-radius:0 0 0 0!important; height:250px; width:auto !important; margin-left:-180px;}
|
|
.cityName { display: block; width:100%; text-align:center; color:#fff; position:absolute; top:115px; left:0; font-size:35px; text-shadow:0 2px 2px #333; z-index:9997;}
|
|
}
|
|
.TopTitle h1 { font-size: 45px; border-bottom: none; font-family: Arial; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-radius: 0 4px 4px 0; color: #FFFFFF; width: auto; font-weight: 400; margin: 0; padding: 5px 10px 5px 10px; position: absolute; bottom: 25px; left: 0; }
|
|
.TopTitle span.PhotoCopyRight { color: #FFF; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-radius: 4px 0 0 4px; padding: 5px 10px 5px 10px; width: auto; left: 779px; top: -45px; }
|
|
.CityFacts { border: #d1d1d1 solid 1px; border-radius: 4px 4px 4px 4px; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3); padding: 10px; margin:0 0 10px 15px; width:300px; float: right }
|
|
.CityFacts img { margin-top: 10px; margin-bottom: 10px; width:100%; }
|
|
.CityFacts ul { line-height: 20px; margin-bottom: 10px; margin-left: 10px; }
|
|
.Content { margin-left: -10px; padding-right: 0; }
|
|
.Content p { line-height: 23px; }
|
|
.Content ul.drop1 { line-height: 35px; }
|
|
ul.NewArticles li { background: url("data:image/gif;base64,R0lGODlhBgAGANUAAAAAAP///+JgYuFhYv9/gP+Bgv6Agf2Bg/6ChPyBg7VlZuBfY+FgZf6Ag7ZlYbRlYd9iXv6Be/6Bff6DfvyCf7ZlYrdmY/+xr/2yr+JgYP9/ff9+fv2Bf/2BgbhkZLZlZLVlZP+xsf6ysv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACMALAAAAAAGAAYAAAYiQFGn8pmEGgPEhiGxECCZhOJRyAgMIMTioFlELhyHh4IJAgA7") no-repeat scroll 0 6px transparent; line-height: 24px; margin-bottom: 6px; margin-left: 5px; padding: 0 0 0 15px; font-size: 15px; }
|
|
ul.NewArticles li a { text-decoration: none; }
|
|
ul.NewArticles li a:hover { text-decoration: underline; color: #a31022; }
|
|
.TopPhoto { padding: 0;}
|
|
.TopPhoto img { width:100%;}
|
|
.AttractionsNearCity { border: 1px solid #d1d1d1; }
|
|
.AttractionsNearCity h3 a { text-decoration: none; font-size: 16px; margin-bottom: 10px; }
|
|
.AttractionsNearCity img { margin-top: 10px; }
|
|
.tibetUpdate { border: 1px solid #D1D1D1; margin: 0 0 5px 0; padding: 8px 5px 5px 15px; }
|
|
.tibetUpdate h4 { color: #a31022; }
|
|
.topProvinceAttr { padding: 0; margin-top: -30px; }
|
|
.otherAttractions { left: 70px; padding: 0; }
|
|
.otherAttractions img { margin-bottom: 10px; margin-right: 10px; }
|
|
.mainAttraction { padding: 0; }
|
|
.toursearchList { margin-bottom: 10px; margin-top: 10px; padding-left: 0; padding-right: 0; }
|
|
.searchlistPic { padding: 0; }
|
|
.searchlistPic a img { margin-right: 10px; padding-left: 0; }
|
|
.tibetFacts { border: 1px #d1d1d1 solid; }
|
|
.tibetFacts ul { margin-bottom: 0; }
|
|
.tibetFacts h2.FactsTitle { color: #a31022; margin-bottom: 0; margin-top: 10px; }
|
|
.bgDestinations { background: url("https://data.chinahighlights.com/css/images/guide/tibet/bg-destinations.jpg") no-repeat scroll 0 0 transparent; margin-top: 25px; margin-bottom: 25px; }
|
|
.bgDestinations h2 { color: #FFF; }
|
|
.bgDestinations ul li { background: url("https://data.chinahighlights.com/css/images/guide/tibet/gold-arrow.png") no-repeat scroll left center transparent; color: #FFFFFF; line-height: 15px; list-style: none outside none; margin-bottom: 8px; padding-left: 18px; }
|
|
.bgDestinations ul li a { color: #FFF; text-decoration: none; }
|
|
.travelMap { margin-top: 25px; }
|
|
.travelTips { margin-top: 25px; }
|
|
.photoRight { float: right; width: 250px; display: block; margin: 0 0 5px 15px; border-bottom: 1px dotted #d1d1d1; padding-bottom: 8px; }
|
|
.photoLeft { float: left; width: 250px; display: block; margin: 0 15px 5px 0; border-bottom: 1px dotted #d1d1d1; padding-bottom: 8px; }
|
|
.photoRight .photoTitle, .photoLeft .photoTitle { font-style: italic; }
|
|
.photoLeft300 { float: left; width: 300px; display: block; margin: 0 10px 5px 0; border-bottom: 1px dotted #d1d1d1; padding-bottom: 8px; font-style: italic }
|
|
.photoLeft300 img { margin-bottom: 8px; }
|
|
.photoRight img, .photoLeft img { width: 250px; margin-top: 0!important; display: block; margin-bottom: 8px; }
|
|
.photoBlock250 { border-bottom: 1px dotted #d1d1d1; padding: 5px 0 10px 0; font-style: italic; display: block; margin: 0 0 5px 10px; width: 250px; float: right; }
|
|
.ArticlePhoto a { text-decoration: none;}
|
|
@media(min-width:1000px) {
|
|
.cityName { display: none;}
|
|
.photoBlock300 { float: right !important; margin-left: 10px !important; width: 300px !important; }
|
|
}
|
|
.photoBlock300 { border-bottom: 1px dotted #d1d1d1; padding: 5px 0 10px 0; font-style: italic; display: block; margin: 0 0 5px; width: 100%; float: none; position: relative }
|
|
.photoBlock400 { border-bottom: 1px dotted #d1d1d1; padding: 5px 0 10px 0; font-style: italic; display: block; margin: 0 0 10px 0; width: 400px; position: relative }
|
|
.photoBlock500 { border-bottom: 1px dotted #d1d1d1; padding: 5px 0 10px 0; font-style: italic; display: block; margin: 0 0 10px 0; width: 500px; position: relative }
|
|
.photoBlock300 .photoBy { background: rgba(0,0,0,0.6); color: #d1d1d1; display: block; padding: 5px; position: absolute; bottom: 45px; right: 0; border-radius: 4px 0 0 4px; font-style: normal; }
|
|
.photoBlock250 img, .photoBlock300 img, .photoBlock400 img, .photoBlock500 img { display: block; clear: both; margin-bottom: 8px; max-width: 100%; border-radius: 4px; width: 100%; }
|
|
.videoRight300 { width: 300px; margin-left: 10px; float: right }
|
|
@media(min-width:1000px) {
|
|
.ArticlePhoto span { max-width: 100%; max-height: 120px !important; overflow: hidden; margin-bottom: 10px; float: left; }
|
|
}
|
|
.tibetAlert { border: 1px dashed #a31022; border-radius: 4px; padding:10px 10px 0;}
|
|
/* fixed main menu */
|
|
#header { position: fixed !important; z-index: 9999; top: 0; width: 100%;}
|
|
@media(max-width:750px) {
|
|
#contentHead { padding-top:45px !important;}
|
|
.ArticlePhoto { margin-bottom:20px; min-height:180px;}
|
|
}
|
|
#contentHead { padding-top: 110px;}
|
|
/* mobile version left menu */
|
|
@media(max-width:768px) {
|
|
.TopTitle { margin-bottom:0 !important}
|
|
.TopPhoto { margin-bottom:0px !important; position:relative}
|
|
.TopPhoto .bgText { display: block; background:rgba(0,0,0,.3); width:100%; height:250px; position: absolute; top:0; left:0;}
|
|
h1 { text-align:center; border-bottom: none !important; margin:0 0 25px !important; font-size:30px !important}
|
|
#infoMenu { display: block; margin:0 -15px 25px; padding:5px 15px 5px 25px; height:60px;background:#999; position: relative; transform: translateZ(0); transition: opacity .4s,visibility .4s; -webkit-overflow-scrolling:touch; overflow-y: hidden; overflow-x:auto;}
|
|
.leftNav { white-space:nowrap; height:53px; display:block;animation:fly-in .8s; transform: translateZ(0); transition: opacity .4s,visibility .4s; -webkit-overflow-scrolling:touch; }
|
|
.leftNav li { display: inline-block !important; font-size:15px; padding-right:35px; height:60px; padding-top:15px;}
|
|
.leftNav li a { text-decoration: none; color:#fff; display: block; transition: color .3s ease-in;}
|
|
.slideRight { display: block; color:#fff; position: absolute; right:0; top:0; height:100%; width:50px; padding:18px 15px; font-size:150%; cursor:pointer; background:rgba(0,0,0,.4); z-index:9999;}
|
|
}
|
|
/* tour related in guide info */
|
|
.tourRelated { display: block; margin:25px 0; border:1px solid #d1d1d1; padding:5px; border-radius:4px;}
|
|
.tourRelated .tourContent { display: block; padding:10px; background:#f1f1f1; border-radius:2px;}
|
|
.tourRelated .tourContent a { color:#545454;}
|
|
.tourRelated .tourContent:hover { background:#d9d9d9}
|
|
.tourRelated .tourContent:hover a .fa { color:#a31022;}
|
|
.tourRelated .tourContent .withArrow { display: block; text-align:center;}
|
|
.tourRelated .tourContent .withArrow .fa { font-size:300%; margin-top:30px; color:#d1d1d1}
|
|
.tourRelated .tourContent strong { display: block; font-size:20px; font-weight:300; margin: 5px 0 15px;}
|
|
.tourRelated .tourContent em { display: block; font-size:15px; line-height:20px; color:#777;}
|
|
|
|
table.monthWeather {
|
|
border-left: 1px solid #d1d1d1;
|
|
margin: 0px 0 10px 0;
|
|
width: 100%;
|
|
border-spacing: 0;
|
|
}
|
|
table.monthWeather th {
|
|
font-size: 14px;
|
|
border-bottom: 1px solid #c9c9c9;
|
|
border-right: 1px solid #c9c9c9;
|
|
background-color: #d9d9d9;
|
|
padding: 10px;
|
|
}
|
|
table.monthWeather td {
|
|
padding: 10px;
|
|
border-right: 1px solid #c9c9c9;
|
|
border-bottom: 1px solid #c9c9c9;
|
|
} |