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.
188 lines
18 KiB
CSS
188 lines
18 KiB
CSS
@charset "utf-8";
|
|
/* CH News Css Style */
|
|
#newsearch { width: 300px; padding: 0px; float: right; position: relative; }
|
|
#newsearch input { padding: 5px 0; }
|
|
#newsearch input[type="button"] { padding:2px 0; background: url(https://data.chinahighlights.com/css/images/bg-click.gif) repeat-x bottom #fff; -moz-border-radius: 4px; }
|
|
#newsearch input.searchfield { width: 160px; -moz-border-radius:4px; border:1px #d1d1d1 solid; padding:5px 0 5px 5px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#6b6b6b; margin-bottom:10px; margin-right: 0; background:url(https://data.chinahighlights.com/pic/search1.gif) no-repeat 145px #FAFAFA; }
|
|
.iconVideo { background:url(https://data.chinahighlights.com/css/images/video.gif) no-repeat right; padding-right: 20px; }
|
|
.iconPic { background:url(https://data.chinahighlights.com/css/images/photo-gray.gif) no-repeat right 50%; padding-right: 13px; }
|
|
.iconPic:hover { background:url(https://data.chinahighlights.com/css/images/photo-red.gif) no-repeat right; padding-right: 13px; }
|
|
#topNews { width: 650px; float: left; padding: 8px 5px 0 5px; margin: 5px 0 0 0; border: 0px solid #D2D2D2; background:#f5f5f5; }
|
|
#topNews ul { margin-left: 0px; }
|
|
#topNews ul li { list-style: none; padding-left: 0px; margin-left: 0; line-height: 18px; margin-bottom: 5px; }
|
|
.posttime { width: auto; float:left; margin: 0 10px 5px 0; font-size: 11px; background: url(https://data.chinahighlights.com/css/images/icon_calendar.gif) no-repeat; padding-left: 20px; color: #888; }
|
|
.posttime2 { width: 120px; margin: 0 10px 5px 8px; font-size: 11px; color: #A31022; }
|
|
.postauthor { width: auto; float:left; margin: 0 0 5px 0; font-size: 11px; background: url(https://data.chinahighlights.com/css/images/author-gray.gif) no-repeat; padding-left: 15px; color: #A31022; }
|
|
#topNews .topimg { width: 300px; float: left; margin: 0 10px 0 0; padding: 2px 2px 2px 0; }
|
|
#topNews .topcontent { float: left; width: 335px; text-align: justify; }
|
|
#topNews h3 { font-size: 15px; font-weight: bold; color:#666; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; line-height: 18px; }
|
|
#topNews h3 a { text-decoration: none; color: #666666; border-bottom: 1px solid #f1f1f1; font-family:Arial, Helvetica, sans-serif; line-height: 18px; }
|
|
#topNews h3 a:hover { color:#a31022; text-decoration: none; }
|
|
#topNews .topcontent p { text-align: justify; line-height: 18px; }
|
|
#newCategory { width: 660px; float: left; margin: 10px 0 0 0; border-top: 8px solid #D2D2D2; padding-top: 10px; }
|
|
#newCategory .newstype { width: 650px; float: left; padding: 5px 0px 15px 5px; margin: 5px 0 10px 0; border-bottom: 1px solid #D2D2D2; }
|
|
#newCategory .newstype .recommendimg { width: 200px; border: 7px solid #f1f1f1; float: left; -moz-border-radius: 4px; }
|
|
#newCategory .newstype .recommendimg img { width:200px; height:auto; }
|
|
#newCategory .newstype .recommendimg:hover { width: 200px; border: 7px solid #d1d1d1; float: left; -moz-border-radius: 4px; }
|
|
#newCategory .newstype .newsummary { width: 415px; float: left; margin-left: 15px; }
|
|
#newCategory h2 { font-size: 18px; font-weight: bold; color:#666; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; }
|
|
#newCategory h2 a { color: #666666; text-decoration: none; }
|
|
#newCategory h2 a:hover { color: #666666; text-decoration: none; color: #A31022 }
|
|
#newCategory h3 { font-size: 15px; font-weight: bold; color:#666; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; }
|
|
#newCategory h3 a { text-decoration: none; color: #666666; border-bottom: 1px solid #f1f1f1; font-family:Arial, Helvetica, sans-serif; }
|
|
#newCategory h3 a:hover { text-decoration: none; color: #A31022; border-bottom: none; }
|
|
#newCategory .newstype .latestNews { margin-top: 10px; }
|
|
/*News Style for Right*/
|
|
#photoNews { width: 275px; float:left; padding: 5px; position:relative; }
|
|
#photoNews a { color: #545454; text-decoration: none; }
|
|
#photoNews a:hover { color:#A31022; text-decoration: underline; }
|
|
#photoNews .photo { width: 120px; margin: 5px 12px 15px 0; float: left; font-size: 11px; }
|
|
#photoNews .photo .newsIntro { width: 120px; margin-top: 5px; }
|
|
ul#topnews { margin: 10px 0 20px 5px; padding-left: 0px; }
|
|
ul#topnews li { margin: 0 0 10px 0; background:url(https://data.chinahighlights.com/css/images/arrow-2.gif) no-repeat left 50%; padding-left: 12px; list-style: none; }
|
|
ul#topnews li a { padding-left: 0px; margin-left: 0px; text-decoration: none; }
|
|
ul#topnews li a:hover { padding-left: 0px; margin-left: 0px; text-decoration: underline; }
|
|
/* News List Css Style*/
|
|
#newslist { padding: 5px; float:left; margin: 5px 0 0 0; }
|
|
#newslist .recommendNews { margin: 10px 0 18px 0; border-bottom: 1px solid #D2D2D2; display: none; }
|
|
#newslist .recommendNews .leftImg { width: 120px; height:90px; float:left; margin: 5px; }
|
|
#newslist .recommendNews .recommendCon { margin: 5px 5px 0 5px; }
|
|
#newslist .updatetime { margin-left: 15px; padding-left: 17px; background: url(https://data.chinahighlights.com/css/images/icon_calendar.gif) no-repeat; color: #A31022; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #A31022; font-weight: normal }
|
|
#newslist dl { margin-left: 5px; padding-left:0px; }
|
|
#newslist dl dt { font-size: 15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin: 0 0 8px 0; background:url(https://data.chinahighlights.com/css/images/pic-round-arrow.gif) no-repeat; padding-left: 18px; padding-bottom: 5px; border-bottom: 1px solid #f1f1f1; }
|
|
#newslist dl dt a { text-decoration: none; color: #545454; }
|
|
#newslist dl dd { line-height: 20px; text-align: justify; margin-bottom: 20px; }
|
|
/*-----News Not Found----*/
|
|
.noFound { background: #FFFAE8; padding: 8px; margin: 10px 0 20px 0; border:1px solid #d1d1d1; font-size: 18px; font-weight: bold; }
|
|
.noFound img { margin: 0 10px; text-align: center; }
|
|
/*News Content Css Style*/
|
|
#detailNews p img { display:block !important; height:auto !important; max-width:100% !important;}
|
|
#detailNews h2 { font-size: 17px; border-bottom: 1px solid #f1f1f1; font-weight: bold; }
|
|
#detailNews h3 { font-size: 14px; border-bottom: 1px solid #f1f1f1; font-weight: bold; margin-bottom: 5px; }
|
|
#detailNews ol { margin:10px; }
|
|
#detailNews ol li { margin-left: 10px; line-height: 18px; margin-bottom:5px; padding-left:0px; list-style-position:outside; }
|
|
#detailNews a { text-decoration: underline; color:#545454; }
|
|
#detailNews a:hover { text-decoration: none; color:#a31022; }
|
|
#detailNews .clicks { font-size: 11px; font-weight: bold; margin: 0 0 8px 0; color: #bbb; }
|
|
#content #mainContent #detailNews p { text-align: justify; line-height: 20px; margin-bottom: 8px; }
|
|
#detailNews .tags { margin: 15px 0 5px 0; background: url(https://data.chinahighlights.com/css/images/tag.gif) no-repeat left center; padding: 5px 0 5px 20px; }
|
|
#detailNews .tags a { text-decoration: underline; background: url(https://data.chinahighlights.com/css/images/link2.gif) no-repeat left 50%; padding-left: 10px; margin-left: 5px; color: #545454; }
|
|
#detailNews .tags a:hover { text-decoration: none; background: url(https://data.chinahighlights.com/css/images/link2.gif) no-repeat left 50%; padding-left: 25px; margin-left: 5px; color: #A31022; }
|
|
#detailNews fieldset { border: 3px solid #D2D2D2; margin: 10px 0 15px 0; padding: 5px 5px 5px 15px; }
|
|
#detailNews fieldset legend { padding: 5px; border: 1px solid #D2D2D2; margin-left: 10px; font-weight: bold; }
|
|
#detailNews fieldset ul { margin-left: 5px; padding-left: 0px; }
|
|
#detailNews fieldset ul li { margin: 8px 0; }
|
|
#detailNews .newscomment { width: 640px; padding: 5px; float:left }
|
|
#detailNews .newscomment .commentitle { background: url(https://data.chinahighlights.com/css/images/comment.gif) no-repeat #f3f3f3 left 50%; padding: 5px 0 5px 20px; font-weight: bold; margin-bottom: 10px; }
|
|
#detailNews .newscomment .comment { width: 620px; float:left; margin: 8px 0 8px 20px; padding-bottom: 10px; border-bottom: 1px dashed #D2D2D2; }
|
|
#detailNews .newscomment .comment .commentNo { background-color:#fff; border: 1px solid #D2D2D2; width:25px; height: 35px; float:left; padding: 2px; text-align: center; font-size: 20px; font-weight: bold; margin: 5px; }
|
|
#detailNews .newscomment .comment .commentNo .number { background-color: #D2D2D2; height:30px; padding-top: 5px; }
|
|
#detailNews .newscomment .comment .commentdate { float: left; width: 565px; margin: 5px 0 5px 10px; font-size: 11px; }
|
|
#detailNews .newscomment .comment .detailCom { width: 565px; margin: 5px 0 5px 10px; float:left; line-height: 18px; text-align: justify; }
|
|
/*--新闻详细页面默认li的样式--*/
|
|
#detailNews ul { margin-left:5px; padding-left:10px; }
|
|
#detailNews ul li { list-style-image:url(https://data.chinahighlights.com/css/images/drop-2.GIF); line-height: 18px; margin-bottom:5px; }
|
|
/*News Archive Style*/
|
|
#archive { margin-top: 10px; margin-bottom: 15px; }
|
|
#archive h2 { font-size: 14px; font-weight: bold; line-height: 35px; border-bottom: none; border-top: 5px solid #A31022; }
|
|
#archive ul { margin-left: 10px; padding-left: 5px; }
|
|
#archive ul li { margin-left: 5px; padding-left: 2px; list-style-image: url(https://data.chinahighlights.com/css/images/drop-2.GIF); line-height: 20px; margin-bottom: 5px; }
|
|
#archive ul li a { text-decoration: none; }
|
|
#archive ul li a:hover { text-decoration: underline; }
|
|
/*News Index Page Tailor Made Box*/
|
|
.tailormadeBox { border:1px solid #d1d1d1; background-color:#f1f1f1; padding: 9px 5px; width: 640px; margin: 10px 0; line-height: 18px; text-align: justify }
|
|
.tailormadeBox img { margin: 0 0 0 8px; }
|
|
.tailormadeBox a { text-decoration: underline; font-weight: bold; color:#545454; }
|
|
.tailormadeBox a:hover { text-decoration: none; color:#A31022; }
|
|
#content ul.dropN { list-style:none; padding:0px; margin: 15px 0 10px 0; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#545454; }
|
|
#content ul.dropN li { line-height:18px; margin-bottom:8px; padding:0 0 0 0px; text-align: left; }
|
|
#content ul.dropN li img { margin: 0 5px 0 0; }
|
|
#content ul.dropN li a { color:#545454; text-decoration: none; }
|
|
#content ul.dropN li a:hover { text-decoration: underline; }
|
|
.keywordShow { background-color:#FDF9D0; color: #a31022; }
|
|
#sideBar .navLeft { margin:0 0 20px 0; padding:0; border-top-width:5px; border-top-style:solid; border-top-color:#A31022 }
|
|
#sideBar .navLeft ul { position:static; margin:0; padding:0 }
|
|
#sideBar .navLeft li { list-style:none; margin:0; padding:0; background:#fff; background:#fff url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 8px -692px; line-height:20px; border-top:1px solid #fff; border-bottom:1px dotted #ccc; position:relative; display:block }
|
|
#sideBar .navLeft a { padding:5px 0 5px 20px; display:block; font-size:11px; font-weight:bold; text-decoration: none; }
|
|
#sideBar .navLeft a:hover { color:#A31022; background-color:#f4f4f4; background-image:url(https://data.chinahighlights.com/css/images/sprites.gif); background-repeat:no-repeat; background-position:10px 50px }
|
|
#pageSelect { width:100%; margin:10px 0 10px 0 }
|
|
#pageSelect ul { padding:0px; margin:0px; overflow:hidden; zoom:1 }
|
|
#pageSelect ul li { float:left; display:block; -moz-border-radius:4px; border:1px solid #C1C1C1; font-size:10px; margin:0 8px 0 0 }
|
|
#pageSelect ul li a { display:block; color:#C6162B; padding:4px 8px 4px 8px; text-decoration:none }
|
|
#pageSelect ul li a:hover { color:#6b6b6b }
|
|
#pageSelect ul li.active { display:block; background-image:url(images/bg-pageSelect.gif); background-repeat:repeat-x; background-position:bottom; background-color:#C6162B; border:1px solid #a31022; color:#fff; display:block; padding:4px 8px 4px 8px }
|
|
#pageSelect ul li.active2 { display:block; background-image:url(images/bg-page2.gif); background-repeat:repeat-x; border:1px solid #A3A3A3; color:#fff; display:block; padding:4px 8px 4px 8px }
|
|
.newsVideo { width: 300px; float: right; margin: 0 0 5px 10px; }
|
|
.pintrestButton { display: block; position: absolute; right: 50px; top: 40px; width: auto; }
|
|
.pintrestButton img { width:auto!important; height:auto!important}
|
|
|
|
/* info about author */
|
|
.tourPublisher { width:380px; 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; }
|
|
.personInfo { border:3px solid #b8b7b7; width:420px; padding:14px; position:relative; }
|
|
.personInfo .closePersonWin { position:absolute; width:21px; height:20px; left:418px; top:8px; }
|
|
.personInfo .personPhoto { width:85px; height:85px; float:left; margin-right:5px; }
|
|
.personInfo .personPhoto img { width:85px; height: auto; }
|
|
.personInfo .personaccount { width:320px; float:right; font-size:11px; line-height:20px; font-weight:100; }
|
|
.personInfo .personaccount h6 { font-size:14px; font-weight:100!important; margin-bottom:5px; margin-top:0; padding:0; }
|
|
.personInfo .personaccount h6 a { color:#545454; background:none; }
|
|
.personInfo .contactInfo { color:#069aca; padding-top:5px; font-weight:100; text-indent:0; }
|
|
.personInfo .contactInfo a.moreAccount { color:#069aca; background-repeat:no-repeat !important; background-position:top left !important; padding-left:20px !important; margin-left:9px; padding-bottom:3px; }
|
|
.personInfo .contactInfo a.storyNum { background-image:url(https://data.chinahighlights.com/css/images/community/story-nu.png) !important; }
|
|
.personInfo .contactInfo a.photoNum { background-image:url(https://data.chinahighlights.com/css/images/community/photo-nu.png) !important; }
|
|
.personInfo .contactInfo a.qaNum { background-image:url(https://data.chinahighlights.com/css/images/community/qa-nu.png) !important; }
|
|
.contactInfo2 a.moreAccount { color:#069aca; background-repeat:no-repeat; background-position:top left; padding-left:20px; margin-left:0px; padding-bottom:3px; display:block; }
|
|
.contactInfo2 a.storyNum { background-image:url(https://data.chinahighlights.com/css/images/community/story-nu.png); }
|
|
.contactInfo2 a.photoNum { background-image:url(https://data.chinahighlights.com/css/images/community/photo-nu.png); }
|
|
.contactInfo2 a.qaNum { background-image:url(https://data.chinahighlights.com/css/images/community/qa-nu.png); }
|
|
.personInfo .personAccountIntro { border-top:1px solid #d1d1d1; margin-top:5px; padding-top:5px; font-size:12px; font-weight:100; }
|
|
@media(max-width:768px) {
|
|
.picturepromo2 { width:auto !important; float: none !important; display:block;}
|
|
}
|
|
.picturepromo2 { width:300px; float: right; margin: 0 0 5px 10px; border-bottom:1px dashed #d1d1d1;}
|
|
.picturepromo2 img { margin-bottom:10px; width:100%; border-radius:4px;}
|
|
/* table sty;e */
|
|
table.tableOnly { border-top:3px solid #a31022; border-left:1px solid #d1d1d1; width:660px; border-collapse:0; border-spacing:0 }
|
|
table.tableOnly tr:hover { background:#f1f1f1; }
|
|
table.tableOnly th { padding:5px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:#f1f1f1; text-align:center; }
|
|
table.tableOnly td { padding:5px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; }
|
|
table.tableOnly a { text-decoration:underline; color:#545454; }
|
|
table.tableOnly a:hover { text-decoration:none; color:#a31022; }
|
|
|
|
/* the most popular news */
|
|
.mostPopular { display: block; margin: 15px 0;}
|
|
.mostPopular ul{list-style:none;}
|
|
.mostPopular h3 { font-size:18px; font-weight:normal; display: block; border-bottom:2px solid #d1d1d1; margin: 0 0 10px 0; padding-bottom:5px;}
|
|
.mostPopular ul li { display: block; margin: 0 0 18px 0; height:80px;}
|
|
.mostPopular ul li img { display: block; float: left; width:80px; padding-right:5px; border-radius:4px;}
|
|
.mostPopular ul li a { text-decoration: none; font-size:15px; float:right;}
|
|
.mostPopular ul li a.mtitle{width:190px;}
|
|
.mostPopular ul li a:hover { text-decoration: underline;}
|
|
|
|
/* the latest news */
|
|
.theLatest { display: block; margin:15px 0; }
|
|
.theLatest h3 {font-size:18px; font-weight:normal; display: block; border-bottom:2px solid #d1d1d1; margin: 0 0 10px 0}
|
|
.theLatest ol { margin-left:10px; padding-left:15px;}
|
|
.theLatest ol li { line-height:18px; margin-bottom:10px; font-size:16px;}
|
|
.theLatest ol li a { font-size:15px; text-decoration: none;}
|
|
.theLatest ol li a:hover { text-decoration: underline;}
|
|
/* News 新样式*/
|
|
.newsItem { margin-bottom:20px; padding-bottom:25px;}
|
|
.newsItem .newsImage img{width:100%; border-radius:4px; margin-top:5px}
|
|
.newsItemInfo h2.title{ font-size:18px; margin-bottom:10px; margin-top:0; font-weight: normal }
|
|
.newsTime{ border-bottom:#EBEBEB 1px dashed; border-top:#EBEBEB 1px dashed; margin-bottom:10px; color:#999; font-size:13px; padding:3px 0 3px 0; }
|
|
#mainContent h3.more{width:100%; text-align:right;}
|
|
.photoBlock300 { width:300px; float: right; margin: 0 0 5px 10px;}
|
|
.photoBlock300 img { width:100%;}
|
|
.tibetAlert { display: block; margin:10px 0; border:1px dashed #a31022; padding:8px 10px 0; border-radius:4px; line-height:22px;}
|