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.
93 lines
7.6 KiB
CSS
93 lines
7.6 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
/*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: 26px; margin: 35px 0 30px; color:#444; }
|
|
#contentRight h3 { font-size: 20px; margin: 35px 0 30px; font-weight:400; color:#444; }
|
|
.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; }
|
|
#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; }
|
|
@media(max-width:750px) {
|
|
#sideBar .mainTitle { display: none !important;}
|
|
.TopTitle h1 { font-size: 20px !important; bottom: 15px!important; }
|
|
.CityFacts { width:100% !important; margin:0 0 20px !important; float: none !important;}
|
|
#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;}
|
|
}
|
|
.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; }
|
|
@media(min-width:1000px) {
|
|
.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;}
|
|
}
|
|
#contentHead { padding-top: 110px;}
|