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.
174 lines
6.9 KiB
CSS
174 lines
6.9 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
/* spotlight 4 guide home */
|
|
#spotlight { width:765px; margin:0 auto 15px auto; height:400px;float:right;}
|
|
|
|
|
|
#sideBar { width:175px; padding-bottom:40px; margin-top:1px; float:left;}
|
|
/* 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 .namecard { width:175px; margin-top:-1px; margin-bottom:10px; padding-bottom:5px; border: 1px solid #D1D1D1;}
|
|
#sideBar .namecard .title{font-size:12px;}
|
|
#sideBar .namecard p { margin-left: 100px;
|
|
margin-top: 50px;}
|
|
#sideBar .namecard img { width:165px; padding:5px}
|
|
#sideBar .namecard span { font-size: 15px;; color:#545454; float:left; margin-left:10px; margin-top:5px; width:95%;}
|
|
#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;}
|
|
|
|
|
|
.themeTitle {
|
|
background: none repeat scroll 0 0 #E4E4E4;
|
|
border-left: 7px solid #A6A6A6;
|
|
font-size: 15px;
|
|
margin-bottom: 1px;
|
|
padding: 5px 0 5px 5px;
|
|
}
|
|
|
|
ul.tourThemes {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
ul.tourThemes li {
|
|
border-bottom: 1px solid #D1D1D1;
|
|
line-height: 18px;
|
|
list-style: none outside none;
|
|
margin-bottom: 3px;
|
|
padding-bottom: 3px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
ul.tourThemes li a {
|
|
text-decoration: none;
|
|
}
|
|
a {
|
|
color: #545454;
|
|
}
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.whyusboxTitle {
|
|
background: url("https://data.chinahighlights.com/css/images/guide/tour-info-title.jpg") no-repeat scroll 0 0 transparent;
|
|
float: left;
|
|
font-size: 18px;
|
|
height: 27px;
|
|
margin-top: 10px;
|
|
padding-top: 5px;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.whyusBox ul {
|
|
border-color:#CCCCCC;
|
|
border-image: none;
|
|
border-style: none solid solid;
|
|
border-width: medium 1px 1px;
|
|
float: left;
|
|
padding: 10px;
|
|
}
|
|
|
|
.whyusBox ul li {
|
|
background: url("https://data.chinahighlights.com/pic/square-red.gif") no-repeat scroll left 6px transparent;
|
|
float: left;
|
|
line-height: 16px;
|
|
list-style: none outside none;
|
|
margin-bottom: 5px;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.ourPromise {
|
|
|
|
|
|
font-size: 11px;
|
|
margin: 0 0 15px;
|
|
padding-bottom: 10px;
|
|
width:163px;
|
|
}
|
|
.ourPromise .promiseTitle {
|
|
background: none repeat scroll 0 0 #E4E4E4;
|
|
border-left: 7px solid #A6A6A6;
|
|
font-size: 15px;
|
|
margin-bottom: 1px;
|
|
padding: 5px 0 5px 5px;
|
|
}
|
|
.ourPromise ul {
|
|
margin: 5px 8px;
|
|
}
|
|
|
|
.ourPromise ul li {
|
|
background: url("https://data.chinahighlights.com/pic/green-mark.png") no-repeat scroll left 5px transparent;
|
|
line-height: 18px;
|
|
list-style: none outside none;
|
|
margin-bottom: 8px;
|
|
padding-left: 22px;
|
|
}
|
|
.linebox{width:255px; float:left;}
|
|
.bottomboxa {width:232px; padding:5px; border: 1px solid #D1D1D1; float:left; margin: 0 12px 13px 7px; display:inline;}
|
|
.bottomboxa span { font-size: 15px;; color:#545454; float:left; margin-left:10px; margin-top:5px; padding:5px 0 0 0; font-weight:bold}
|
|
.bottomboxa img{width:230px;}
|
|
.bottomboxa a:hover span{color:#a31022;}
|
|
.bottomboxa span.addtime{font-size:12px; padding-top:0; color:#b8b6b6; font-weight:normal}
|
|
|
|
#spotlight { width:765px; height:680px; margin: 0 auto 15px;}
|
|
#spotlight .top { width: 765px; height: 368px;}
|
|
#spotlight .leftbox{position:relative;}
|
|
#spotlight .leftbox span{ position: absolute; top: 0; left:0; color: #FFFFFF; background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0; width:380px; height:23px; padding:5px 0;}
|
|
#spotlight .leftbox img{ width: 380px; height:370px; float:left; margin-right:5px;}
|
|
#spotlight .middlebox { width: 165px; height:370px; margin-right: 26px; float:right;}
|
|
#spotlight .middlebox .middletop { width: 165px; height:165px; border: 8px solid #E4E4E4; margin-bottom:8px; position: relative; overflow:hidden;}
|
|
#spotlight .middlebox .middletop img{max-height:165px;}
|
|
#spotlight .middlebox .middletop .title { background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0 transparent;
|
|
color: #FFFFFF;
|
|
font-size: 15px;
|
|
height: 23px;
|
|
left: 1px;
|
|
margin-top: -1px;
|
|
padding: 5px 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 164px;}
|
|
#spotlight .middlebox .middlebottom .bottomtitle { background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0 transparent;
|
|
color: #FFFFFF;
|
|
font-size: 15px;
|
|
height: 23px;
|
|
left: 1px;
|
|
margin-top: -1px;
|
|
padding: 5px 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 164px;}
|
|
#spotlight .rightbox { width:180px; height: 368px; border: 1px solid #D1D1D1; margin-bottom:3px; float:right;}
|
|
#spotlight .rightbox img { width:180px;}
|
|
#spotlight .rightbox span { font-size: 18px;; color:#545454; float:left; margin-left:10px; margin-top:5px;}
|
|
#spotlight .bottom { width: 765px; padding-left: 5px;}
|
|
|
|
#spotlight .bottombox1 {width:180px; height: 370px; border: 1px solid #D1D1D1; float:left; margin: 10px 12px 3px -5px;}
|
|
#spotlight .bottombox1 span { font-size: 18px;; color:#545454; float:left; margin-left:10px; margin-top:5px;}
|
|
#spotlight .bottombox1 img{width:180px;}
|
|
#spotlight .bottombox2 {width:180px; height: 370px; border: 1px solid #D1D1D1; margin-bottom:3px; float:left; margin-top: 10px; margin-right: 12px;}
|
|
#spotlight .bottombox2 span { font-size: 30px;; color:#545454; float:left; margin-left:10px; margin-top:5px;}
|
|
#spotlight .bottombox3 {width:180px; height: 370px; border: 1px solid #D1D1D1; margin-bottom:3px; float:left; margin-top: 10px; margin-right: 12px;}
|
|
#spotlight .bottombox3 span { font-size: 30px;; color:#545454; float:left; margin-left:10px; margin-top:5px;}
|
|
#spotlight .bottombox4 {width:180px; height: 370px; border: 1px solid #D1D1D1; margin-bottom:3px; float:left; margin-top: 7px; margin-right: 5px;}
|
|
#spotlight .bottombox4 span { font-size: 30px;; color:#545454; float:left; margin-left:10px; margin-top:5px;}
|
|
|
|
.othauthors{margin-top:12px; border-top:3px solid #f1f1f1;}
|
|
.othauthors h2{padding-top:5px;}
|
|
#mainContentRight .otherauthor { width:145px; margin:-1px 6px 10px 0; padding-bottom:5px; border: 1px solid #D1D1D1; float:left;}
|
|
#mainContentRight .otherauthor .title{font-size:12px;}
|
|
#mainContentRight .otherauthor p { margin-left: 10px; margin-top: 20px;}
|
|
#mainContentRight .otherauthor img { width:140px; padding:2px}
|
|
#mainContentRight .otherauthor span { font-size: 15px;; color:#545454; float:left; margin-left:10px; margin-top:5px; width:95%;} |