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.
215 lines
11 KiB
CSS
215 lines
11 KiB
CSS
6 years ago
|
body { margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; background-color:#d3d3d3; line-height: 1.8em;}
|
||
|
|
* {margin:0px; padding:0px;}
|
||
|
|
.clear{font-size:1px; height:1px; line-height:1px; clear:both;}
|
||
|
|
#wrapper { width:1024px; margin:0px auto; background-color:#fff;}
|
||
|
|
#wrapper #header { height:239px; background-color:#f4f4f4;}
|
||
|
|
#wrapper #header #logo { width:245px; text-align:center; padding-top:60px; float:left;}
|
||
|
|
#wrapper #header #banner { width:779px; float:right; height:239px; background-image: url(/image/travelguide/chinese-festivals/banner.jpg); background-repeat:no-repeat;}
|
||
|
|
#wrapper #header #banner #secNav { height:24px; width:366px; background-image:url(/image/travelguide/chinese-festivals/nav-bg.gif); background-repeat:no-repeat; margin-left:400px; color:#fff; font-weight:bold;}
|
||
|
|
#wrapper #header #banner #secNav p { margin-left:10px;}
|
||
|
|
#wrapper #header #banner #secNav a { color:#fff;}
|
||
|
|
#wrapper #menu { color:#fff; position:relative; top:-28px; }
|
||
|
|
#wrapper #menu ul { background-image:url(/image/travelguide/chinese-festivals/menu-bg.gif); background-repeat:no-repeat; list-style:none; height:35px; padding:0px; margin:0px; padding-left:200px;}
|
||
|
|
#wrapper #menu ul li { display:block; float:left; line-height:35px;}
|
||
|
|
#wrapper #menu a { color:#fff; font-weight:bold; text-decoration:none; padding-right:7px; padding-left:2px;}
|
||
|
|
#wrapper #menu a:hover { color:#999;}
|
||
|
|
#wrapper #contentWrapper { padding:10px 20px; background-color:#fff; padding-top:0px; top:-10px; }
|
||
|
|
#wrapper #contentWrapper #contentLeft { background-color:#fff;}
|
||
|
|
#wrapper #contentWrapper #contentLeft a { color:#000;}
|
||
|
|
#wrapper #contentWrapper #contentLeft a:hover { color:#04018F; text-decoration:none;}
|
||
|
|
|
||
|
|
#wrapper #contentWrapper #contentRight { width:224px; float:right; background-color:#f4f4f4;}
|
||
|
|
#wrapper #contentWrapper #contentLeft h1 { font-size:22px; text-align:center; padding:20px 0px; border-bottom:#a31022 3px solid; line-height:35px;}
|
||
|
|
#wrapper #contentWrapper #contentLeft h2 {
|
||
|
|
font-size:18px;
|
||
|
|
margin:0px;
|
||
|
|
padding:0px;
|
||
|
|
padding:5px 10px;
|
||
|
|
margin:15px 0px 15px 0px;
|
||
|
|
background-color:#f4f4f4;
|
||
|
|
}
|
||
|
|
#wrapper #contentWrapper #contentLeft h2 a{ text-decoration:none;}
|
||
|
|
|
||
|
|
#wrapper #contentWrapper #contentLeft h3 {
|
||
|
|
font-size:14px;
|
||
|
|
margin:0px;
|
||
|
|
padding:0px;
|
||
|
|
padding-top: 8px;
|
||
|
|
padding-right: 0px;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
padding-left: 0px;
|
||
|
|
}
|
||
|
|
#wrapper #contentWrapper #contentRight h4 { font-size:12px; text-align:center; background-color:#999; color:#fff; padding:10px 0px; margin-bottom:5px;}
|
||
|
|
#wrapper #contentWrapper #contentLeft .article {
|
||
|
|
padding: 0px;
|
||
|
|
text-align:justify;
|
||
|
|
padding-right:20px;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
}
|
||
|
|
#wrapper #contentWrapper #contentLeft .article img{
|
||
|
|
}
|
||
|
|
|
||
|
|
#wrapper #contentWrapper #contentLeft .article .background {
|
||
|
|
|
||
|
|
padding: 5px 0px 4px 4px;
|
||
|
|
font-size:12px; width:455px; float:left; margin-right:20px;
|
||
|
|
}
|
||
|
|
#wrapper #contentWrapper #contentLeft .article .background1 {
|
||
|
|
|
||
|
|
padding: 5px 0px 4px 4px;
|
||
|
|
font-size:12px;}
|
||
|
|
#wrapper #contentWrapper #contentLeft .article .background1 img{ padding:5px; border:#34393e 1px solid; margin:3px;}
|
||
|
|
#wrapper #contentWrapper #contentLeft .article .background1 img .select { border:hidden;}
|
||
|
|
#wrapper #contentWrapper #contentLeft .article .background1 p { margin: 0px;}
|
||
|
|
|
||
|
|
#wrapper #contentWrapper #contentLeft .article .background p { margin: 0px;}
|
||
|
|
span.price{font-size:14px; font-weight:bold; color:#a31022; padding-left:5px;}
|
||
|
|
|
||
|
|
#wrapper #contentWrapper #contentLeft .article .background img {
|
||
|
|
padding:5px;
|
||
|
|
border:#34393e 1px solid;
|
||
|
|
margin:3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#wrapper #contentWrapper #contentLeft .article1 {
|
||
|
|
padding: 0px;
|
||
|
|
text-align:justify;
|
||
|
|
padding-right:20px;
|
||
|
|
background-color:#F2F2F2;
|
||
|
|
}
|
||
|
|
#wrapper #contentWrapper #contentLeft .article a {
|
||
|
|
color:#000;
|
||
|
|
}
|
||
|
|
#wrapper #contentWrapper #contentLeft .article a:hover { color:#a31022; text-decoration:none;}
|
||
|
|
#wrapper #contentWrapper #contentLeft .article a:visited {
|
||
|
|
color:#039;
|
||
|
|
}
|
||
|
|
#wrapper #contentWrapper #contentLeft ul { list-style: none;}
|
||
|
|
#wrapper #contentWrapper #contentLeft ul li {
|
||
|
|
width:350px;
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
list-style: none;
|
||
|
|
padding-left:15px;
|
||
|
|
background-image:url(https://data.chinahighlights.com/pic/arrowcity.gif);
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
background-position:left 6px;
|
||
|
|
background-color: #F2F2F2;
|
||
|
|
}
|
||
|
|
|
||
|
|
#wrapper #contentWrapper #contentLeft .article p {
|
||
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
font-size:12px;
|
||
|
|
color:#34393e; margin: 10px 5px 0 5px; }
|
||
|
|
|
||
|
|
.imgBorder { border:#34393e 3px solid; margin:15px auto;}
|
||
|
|
.imgBorder1 { border:#34393e 2px solid; margin:5px auto;}
|
||
|
|
.previousImg { padding:2px 5px; text-align:left;border:#b1221c 3px solid;}
|
||
|
|
#imagePrev { padding:2px 5px; text-align:left;}
|
||
|
|
#imagePrev img { border:#34393e 1px solid; margin:3px; width:80px; height:80px; padding:3px;}
|
||
|
|
#imagePrev .previousImg { border:#b1221c 3px solid;}
|
||
|
|
#imagePrev img:hover {border:#b1221c 2px solid; }
|
||
|
|
|
||
|
|
#wrapper #contentWrapper #contentRight ul li { padding-left:18px; background-image:url(https://data.chinahighlights.com/pic/arrowcity.gif); background-repeat:no-repeat; background-position:5px 7px; list-style:none; margin-bottom:15px;}
|
||
|
|
#wrapper #contentWrapper #contentRight a { color:#000; text-decoration:underline;}
|
||
|
|
#wrapper #contentWrapper #contentRight a:hover { color:#a31022;}
|
||
|
|
|
||
|
|
.redBorderBottom { border-bottom:#a31022 1px dashed;}
|
||
|
|
img.photo { margin-right:10px; border:#ccc 1px solid;}
|
||
|
|
.marginTop { margin-top:15px;}
|
||
|
|
.tableStyle1 { border-left: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #d1d1d1; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#6b6b6b; margin:0 0 15px 0; }
|
||
|
|
.tableStyle1 th { border-bottom:1px #D9D9D9 solid; border-right: 1px solid #D9D9D9; padding:6px 5px; font-size:11px; background-image:url(images/bg-table.GIF); background-repeat:repeat-x; background-position:bottom; text-align:center; background-color:#F3F3F3; line-height:18px; }
|
||
|
|
.tableStyle1 tr th a{text-decoration:underline;}
|
||
|
|
.tableStyle1 tr th a:hover{text-decoration:none; color:#a31022;}
|
||
|
|
.tableStyle1 td { border-right:#ccc 1px solid; padding:6px 0 6px 0; text-align:center; font-size:11px; }
|
||
|
|
.tableStyle1 td.tableLeft { text-align: left; padding: 3px 0 8px 5px; line-height: 18px; }
|
||
|
|
.tableStyle1 tr { border-collapse: separate; border-right: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; }
|
||
|
|
.tableStyle1 tr a { color:#6b6b6b; text-decoration:none; }
|
||
|
|
.tableStyle1 tr a:hover { text-decoration:underline; }
|
||
|
|
.tableStyle1 tr:hover { background-color:#DDDDDD; }
|
||
|
|
.tableStyle1 tr.odd td { background-color: #f1f1f1; }
|
||
|
|
.tableStyle1 tr:nth-child(odd) {
|
||
|
|
background-color: #f1f1f1;
|
||
|
|
}
|
||
|
|
.photo {width:160px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding: 0 20px; background-color:#f4f4f4;margin:10px;}
|
||
|
|
.photo img{border:1px solid #CECECE; padding:5px; margin:5px; margin-left:0px; }
|
||
|
|
.photo img:hover { border:#a31022 1px solid;}
|
||
|
|
.smallfont{font-size:11px; line-height:13px;}
|
||
|
|
.photo a:link {text-decoration:none;}
|
||
|
|
|
||
|
|
{ width:44%; margin:5px 1% 5px 1%; padding: 3px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; }
|
||
|
|
.photoIndexTop:hover {background-color:#f1f1f1;}
|
||
|
|
|
||
|
|
.pagination {background: #e4e4e4;color:#666;padding: 0;border: 1px solid #d3d3d3;margin: 0}
|
||
|
|
.pagination p {position:relative;text-align:left;}
|
||
|
|
.pagination p a:link, .pagination p a:visited, .pagination1 p a:hover, .pagination1 p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
|
||
|
|
.pagination p a:hover {background:#A31022;color:#fff}
|
||
|
|
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
|
||
|
|
.pagination #now {text-decoration:none;background:#A31022; font-size: 120%; font-weight:bold; color:#fff;}
|
||
|
|
.pagination * {margin:0}
|
||
|
|
.pagination h4 {margin-top:-1.45em;padding:0;border:none}
|
||
|
|
|
||
|
|
.pageDivision {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
|
||
|
|
.pageDivision p a:link, .pageDivision p a:visited, .pageDivision p a:hover, .pageDivision p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc; color:#A31022;}
|
||
|
|
.pageDivision p a:hover {background:#A31022;color:#fff;}
|
||
|
|
.pageDivision p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
|
||
|
|
.pageDivision * {margin:0}
|
||
|
|
.pageDivision h4 {margin-top:-1.45em;padding:0;border:none}
|
||
|
|
|
||
|
|
#footer {
|
||
|
|
clear:both;
|
||
|
|
font-size:77%;
|
||
|
|
color:#666;
|
||
|
|
padding-top: 10px;
|
||
|
|
padding-bottom: 30px;
|
||
|
|
margin-top:8px;
|
||
|
|
border-top: 4px solid #A30122;
|
||
|
|
background-color: #F4F4F4;
|
||
|
|
background-image: url(https://data.chinahighlights.com/css/images/china-highlights.gif);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
text-align: center;
|
||
|
|
line-height:1.4em;
|
||
|
|
background-position: 98% 45%;
|
||
|
|
}
|
||
|
|
#footer img { border:none;}
|
||
|
|
#footer p {margin:0}
|
||
|
|
#footer a:link, #footer a:visited, #footer a:hover {font-weight: bold; color:#666666; border:none;}
|
||
|
|
#footer a:hover {color:#a31022; text-decroration:none}
|
||
|
|
.proverbImg { margin:15px; text-align:center;}
|
||
|
|
.proverbImg img { border:#000 5px solid; margin:15px;}
|
||
|
|
.proverbImg img:hover {border:#a31022 5px solid; margin:15px; }
|
||
|
|
span.pre { background-image:url(https://data.chinahighlights.com/pic/prev.gif); background-repeat:no-repeat; padding-left:20px; margin-right:15px;}
|
||
|
|
span.next { background-image:url(https://data.chinahighlights.com/pic/next.gif); background-repeat:no-repeat; padding-left:20px; margin-left:15px;}
|
||
|
|
#wrapper #contentWrapper #contentRight #now { color:#a31022; text-decoration:none;}
|
||
|
|
#wrapper #contentWrapper #contentRight #now a { color:#a31022; text-decoration:none;}
|
||
|
|
#wrapper #contentWrapper #contentRight #now ul, #wrapper #contentWrapper #contentRight #now ul li { color:#a31022; text-decoration:none;}
|
||
|
|
.centerAlign { text-align:center; padding-bottom:3px; }
|
||
|
|
p.borderLeft { display:block; float: right; }
|
||
|
|
.line { clear:both; border-bottom:#a31022 1px solid; margin-bottom:10px;}
|
||
|
|
.borderRight { border-right:#ccc 1px dashed;}
|
||
|
|
.space { margin:25px 0px 15px 0px; border-top:#ccc 1px dashed;}
|
||
|
|
.article h4 { margin-bottom:15px; font-size:12px;}
|
||
|
|
img.marginImg { margin-right:10px;}
|
||
|
|
|
||
|
|
#wrapper #contentWrapper #contentLeft ul { list-style: none;}
|
||
|
|
#wrapper #contentWrapper #contentLeft ul li {
|
||
|
|
width:380px;
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
list-style: none;
|
||
|
|
padding-left:15px;
|
||
|
|
background-image:url(https://data.chinahighlights.com/pic/arrowcity.gif);
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
background-position:left 6px;
|
||
|
|
background-color: #F2F2F2;}
|
||
|
|
table.monthWeather{border-left:1px solid #d1d1d1;border-top:2px solid #a31022;margin:0px 0 10px 0;}
|
||
|
|
table.monthWeather th{font-size:11px;border-bottom:1px #D9D9D9 solid;border-right:1px solid #D9D9D9;background:#F3F3F3;padding:5px; text-align:left;}
|
||
|
|
table.monthWeather th a{color:#545454;text-decoration:underline;}
|
||
|
|
table.monthWeather th a:HOVER{text-decoration:none;color:#a31022;}
|
||
|
|
table.monthWeather tr th.month{background-repeat:no-repeat;padding:12px 3px 12px 3px;background-position:5px 4px;width:39px;}
|
||
|
|
table.monthWeather tr td{ font-size:11px; padding:5px; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
|
||
|
|
table.monthWeather tr.gray{background-color:#f6f6f6;}
|
||
|
|
table.monthWeather tr td.roundBottomRight{-moz-border-radius-bottomright:5px;}
|
||
|
|
table.monthWeather td a{color:#545454;text-decoration:underline;}
|