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.
55 lines
5.0 KiB
CSS
55 lines
5.0 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
/* nav left */
|
|
.navtitle { background: none repeat scroll 0 0 #DFDFDF; float: left; font-size: 15px; line-height: 18px; padding: 5px 0 5px 5px; width: 170px; }
|
|
#sideBar .navLeft { width: 100%; height: auto; float: left; border-top: 3px solid #a31022; }
|
|
#sideBar .navLeft ul { list-style: none; margin: 0; padding: 0; }
|
|
#sideBar .navLeft ul li { list-style: none; margin: 0; line-height: 20px; border-top: 1px solid #fff; border-bottom: 1px dotted #ccc; }
|
|
#sideBar .navLeft ul li a { color: #a1a1a1; font-weight: bold; text-decoration: none; padding: 5px 0 5px 20px; background: #fff url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 8px -692px; float: left; width: 155px; }
|
|
#sideBar .navLeft ul li a:hover { color: #FFF; background: #a31022; }
|
|
#sideBar .navLeft ul li a.active { background-color: #F4F4F4; color: #A31022; }
|
|
.leftAds {margin: 10px 0; }
|
|
.leftAds .imgcont { position: relative; }
|
|
.leftAds img { width: 100%; }
|
|
.leftAds span { position: absolute; bottom: 0; background: url(https://data.chinahighlights.com/pic/nrb-bg.png); left: 0; color: #FFF; width: 100%; height: 25px; line-height: 25px; text-align: center; font-size: 16px; }
|
|
#Articles .SpotLight { margin-bottom: 10px; position: relative; }
|
|
#Articles .SpotLight img { margin-top: 5px; width: 100%; }
|
|
.TopIntro { width: 275px; height: 276px; background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0 transparent; position: absolute; right: 0; top: 6px; z-index: 10; right: 0; }
|
|
.TopIntro .Title { font-size: 20px; color: #FFF; margin: 10px 10px 10px 10px; }
|
|
.TopIntro .Discription { font-size: 15px; color: #FFF; margin: 0 10px 0 10px; margin-bottom: 5px; }
|
|
.TopIntro span.ViewMore { margin-left: 150px; }
|
|
#Articles ul.Tags { margin-top: 15px }
|
|
#Articles ul.Tags li { list-style: none; float: left; font-size: 15px; height: 30px; line-height: 28px; margin-right: 10px; background: #666; padding: 0 5px; border-radius: 4px 4px 4px 4px; color: #FFF; cursor: pointer; margin-bottom:5px; }
|
|
#Articles ul.Tags li.actives, #Articles ul.Tags li:hover { background: #a31022; color: #FFF; font-size: 15px; }
|
|
#Articles .list { margin-top: 20px; display: block; overflow: hidden }
|
|
@media(min-width:1000px) {
|
|
#Articles .list img { height:155px !important;}
|
|
}
|
|
#Articles .list img { width:100%; border-radius:4px 4px 0 0; height:auto;}
|
|
#Articles .list .BriefIntro { height: 235px; background: #f1f1f1; padding:10px; border-radius:0 0 4px 4px; }
|
|
#Articles .list .BriefIntro .ArticleTitle { font-size: 15px; padding: 5px; font-family: Verdana, Geneva, sans-serif;overflow: hidden; height: 60px; }
|
|
.ArticleTitle a { text-decoration: none; color:#000;}
|
|
#Articles .list .BriefIntro p { height: 75px; padding: 0 5px; text-align: left; }
|
|
#Articles .list .BriefIntro span.Author { color: #999999; font-size: 13px; margin-left: 10px; height: 30px; padding-bottom: 5px; display: none; }
|
|
#Articles .listMiddle { width: 250px; margin-top: 20px; display: block; float: left; margin-left: 15px; margin-right: 15px; }
|
|
#Articles .listMiddle img { height: 185px; }
|
|
#Articles .listMiddle .BriefIntro { height: 170px; background: #F1F1F1; }
|
|
#Articles .listMiddle .BriefIntro .ArticleTitle { color: #545454; font-size: 15px; width: 220px; margin-left: 10px; padding-top: 5px; margin-bottom: 5px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; height: 55px; }
|
|
#Articles .listMiddle .BriefIntro p { margin-left: 10px; height: 90px; width: 230px; text-align: left; }
|
|
#Articles .listMiddle .BriefIntro span.Author { color: #999999; font-size: 13px; margin-left: 10px; height: 30px; }
|
|
#Articles .OtherCity .CityArticleLast { width: 140px; height: 140px; margin-top: 10px; float: left; }
|
|
#Articles .OtherCity .CityArticleLast img { width: 140px; height: 140px; }
|
|
#Articles .OtherCity .CityArticleLast span.Title { background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0 transparent; color: #FFFFFF; display: block; height: 25px; left: 0; position: relative; top: -29px; width: 130px; padding-top: 4px; padding-left: 10px; font-size: 14px; }
|
|
#Articles .OtherCity { width: 100%; display: table; }
|
|
#Articles .OtherCity h2 { background: #F1F1F1; height: 30px; border-left: #a31022 solid 7px; font-size: 16px; color: #545454; padding-left: 10px; padding-top: 5px; }
|
|
#Articles .OtherCity .CityArticle { margin-top: 10px; }
|
|
#Articles .OtherCity .CityArticle img { width: 100%; margin-bottom: 10px; }
|
|
#Articles .OtherCity .CityArticle span.Title { background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0 transparent; color: #FFFFFF; display: block; height: 25px; left: 0; position: relative; bottom: 34px; padding-left: 10px;
|
|
top: -35px; padding-top: 4px; text-align:center font-size:14px;
|
|
}
|
|
.CityArticle a { color: #FFF; text-decoration: none; }
|
|
.CityArticle a:hover { color: #FFF; text-decoration: underline; }
|
|
div.orbit > a { width: 100%;}
|
|
.advertising-container { margin-left: 15px;}
|
|
.contentbox { background:#f1f1f1; padding-bottom: 25px; border-radius: 4px 4px 4px 4px;} |