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.
148 lines
14 KiB
CSS
148 lines
14 KiB
CSS
6 years ago
|
/*Great Wall 页面框架*/
|
||
|
|
body { margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; background: url(/image/chinese-language/bg-content.png) repeat; background-position: top; }
|
||
|
|
#contentHeader { background:url(/image/chinese-language/bg-language-head.png) no-repeat; width:1280px; height:521px; }
|
||
|
|
.clear { clear:both; }
|
||
|
|
#subNav { color:#A31022; font-size:11px; margin-top:40px; padding:5px 0 3px 15px; position:relative; }
|
||
|
|
#subNav a { background:url("https://data.chinahighlights.com/css/images/arrow-navigate.gif") no-repeat scroll right 7px transparent; color:#444444; padding:2px 8px 4px 5px; text-decoration:underline; }
|
||
|
|
#subNav a:hover { color:#A31022; text-decoration:none; }
|
||
|
|
#wrapper { width:960px; margin: -521px auto auto auto; padding-top:15px; }
|
||
|
|
#headerBig { width:960px; background-image:url(/image/chinese-language/head.PNG); height:237px; }
|
||
|
|
#header { width:958px; background-image:url(/image/panda/headSmall.png); height:227px; }
|
||
|
|
#logo { padding:40px 0 0 70px; float:left; }
|
||
|
|
#topNav { width:155px; height:22px; float:right; margin:15px 10px 0 0; color:#fff; font-size:11px; font-weight:bold; padding:5px 0 0 10px; background-image: url(/image/chinese-language/bg-contact.png); background-repeat: repeat-x; }
|
||
|
|
#topNav a { color:#fff; text-decoration:none; }
|
||
|
|
#topNav a:hover { text-decoration: none; color: #333; }
|
||
|
|
#main { width:960px; background: url(/image/yangtzeriver/bg-write.png) repeat-y; }
|
||
|
|
#main h1 { border-bottom: 5px solid #b1b1b1; margin:0 15px 25px 15px; padding:8px 0 5px 0px; font-size:24px; color:#333; font-weight:500; }
|
||
|
|
/*----sideBar-----*/
|
||
|
|
|
||
|
|
#sideBar { width:270px; padding-bottom: 40px; float: left; z-index:1000; margin-left:16px; *margin-left: 8px;
|
||
|
|
}
|
||
|
|
#sideBar h2 { border-bottom:1px solid #CCCCCC; color:#8b5f41; display:block; font-size:15px; line-height:22px; margin:0; padding:5px 0 5px 30px; background:#f1f1f1; }
|
||
|
|
#sideBar h2.words { background:#f1f1f1 url(/image/chinese-language/wen.png)5px center no-repeat; }
|
||
|
|
#sideBar h2.learn { background:#f1f1f1 url(/image/chinese-language/xue.png)5px center no-repeat; *margin-top:-4px;
|
||
|
|
}
|
||
|
|
#sideBar .navLeft { margin:0 0 20px 0; padding:0; border-top:5px solid #8b5f41; }
|
||
|
|
#sideBar .navLeft ul { position:static; margin:0; padding:0; margin-bottom:20px; }
|
||
|
|
#sideBar .navLeft li { list-style: none; margin:0; padding:3px 0; float:left; background: url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 8px -692px; line-height:15px; border-top: 1px solid #fff; border-bottom: 1px dotted #ccc; position:relative; width:135px; *width:130px;
|
||
|
|
}
|
||
|
|
#sideBar .navLeft li.subnav { position:relative; background: url(https://data.chinahighlights.com/pic/arrow-r.GIF) no-repeat right 50%; }
|
||
|
|
#sideBar .navLeft li.subnav a:hover { color:#fff; background: url(https://data.chinahighlights.com/pic/white-arrow.gif) #A31022 no-repeat right 52% }
|
||
|
|
#sideBar .navLeft li.subnav:hover { border:1px solid #d1d1d1; width:190px; }
|
||
|
|
#sideBar .navLeft a { padding: 5px 0 5px 20px; display:block; font-size: 12px; }
|
||
|
|
#sideBar .navLeft a:link, #sideBar .navLeft a:visited, #sideBar .navLeft a:hover, #sideBar .navLeft a:active { text-decoration:none; cursor:pointer }
|
||
|
|
#sideBar .navLeft a:link, #sideBar .navLeft a:visited { color:#444; }
|
||
|
|
#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; }
|
||
|
|
#sideBar .navLeft li.active a:link, #sideBar .navLeft li.active a:visited, #sideBar .navLeft li.active a:hover, #sideBar .navLeft li.active a:active { color:#fff; background-color:#8B5F41; font-size:12px; }
|
||
|
|
#sideBar .navLeft li a:hover { color:#fff; background-color:#8B5F41; }
|
||
|
|
/*----contentMiddle-----*/
|
||
|
|
|
||
|
|
#contentMiddle { width:645px; float:right; margin-right:16px; padding-bottom:20px; *margin-left: 10px;
|
||
|
|
}
|
||
|
|
#contentMiddle h2 { font-size:20px; color:#666; margin:0px 0 5px 0; padding:18px 0 15px 65px; line-height:20px; background:url(/image/chinese-language/bg-h2.png) no-repeat left 10px; font-weight:500; }
|
||
|
|
#contentMiddle h2 a { color:#666; text-decoration: none; }
|
||
|
|
#contentMiddle h3 { font-size:17px; color:#666; margin:0px 0 5px 0; padding:18px 0 10px 0px; font-weight:500; }
|
||
|
|
#contentMiddle p { color:#333; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; padding:0px; margin:0px; margin-bottom:10px; }
|
||
|
|
#contentMiddle p a { color:#8B5F41; font-weight: bold; text-decoration: none }
|
||
|
|
#contentMiddle p a:hover { text-decoration: underline; }
|
||
|
|
#contentMiddle ul { margin:0 0 15px 0px; padding:0; }
|
||
|
|
#contentMiddle ul li { font-size:12px; color:#444; font-style:italic; background:url(https://data.chinahighlights.com/css/images/drop-2.GIF) no-repeat left center; line-height:13px; margin-bottom:8px; list-style:none; padding-left:14px; }
|
||
|
|
#contentMiddle ul li a { color:#666; }
|
||
|
|
#contentMiddle ol { margin:0 0 15px 20px; padding:0; }
|
||
|
|
#contentMiddle ol li { font-size:12px; color:#666; font-style:italic; line-height:13px; margin-bottom:8px; }
|
||
|
|
#contentMiddle ul li a, #contentMiddle ol li a { color:#666; }
|
||
|
|
#contentMiddle ul li a:hover, #contentMiddle ol li a:hover { text-decoration: none; color:#8B5F41}
|
||
|
|
.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; border-bottom:#ccc 1px solid; padding:6px 0 6px 0; text-align:center; font-size:11px; background:#fff; }
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
.chineselanguage1 { width:300px; float:left; border:#977b63 8px solid; -moz-border-radius:6px; position:relative; margin-top:18px; padding-bottom:10px; }
|
||
|
|
.chineselanguage1 h3 { font-size:14px!important; margin: 10px 0 8px 0; padding-left:55px!important; font-weight:600!important; font-family:Arial, Helvetica, sans-serif!important; }
|
||
|
|
.Fan { width:61px; height:36px; position:absolute; margin:-24px 0 0 -10px; background: url(/image/chinese-language/fan.png) no-repeat; left: 2px; top: 17px; }
|
||
|
|
.chinaFun { width:35px; height:51px; position:absolute; margin:-24px 0 0 -10px; background-image: url(/image/chinese-language/faq-icon.png); background-repeat: no-repeat; left: 20px; top: 6px; }
|
||
|
|
.chineselanguage1 img { margin:0 0 5px 13px; }
|
||
|
|
#contentMiddle .chineselanguage1 ul { list-style:none; padding-left:10px; margin:0 13px 0 0px; }
|
||
|
|
#contentMiddle .chineselanguage1 ul li { font-size:11px; border-bottom:#d1d1d1 1px dashed; padding-bottom:5px; margin-top:5px; line-height:18px; list-style:none; background:url(/image/chinese-language/coffee-arrow.png) no-repeat left 5px; font-style:normal; padding-left:13px; }
|
||
|
|
#contentMiddle .chineselanguage1 ul li a { color:#545454; text-decoration:none; font-weight:bold; }
|
||
|
|
#contentMiddle .chineselanguage1 ul li a:hover { text-decoration:underline; }
|
||
|
|
.red { color:#a31022; }
|
||
|
|
.chineselanguage2 { width:300px; float:right; border:#bfc695 1px solid; position:relative; padding-left:8px; padding-bottom:20px; margin-top:18px; -moz-border-radius:6px; background:url(/image/chinese-language/bg-faq.png) no-repeat right bottom; }
|
||
|
|
.chineselanguage2 h3 { font-size:17px!important; font-family:Arial, Helvetica, sans-serif!important; margin: 10px 0 8px 0; padding-left:45px!important; font-weight: 600!important; }
|
||
|
|
.panda2 { width:65px; height:54px; background:url(/image/panda/t-2.png) no-repeat; position:absolute; margin:-15px 0 0 0; }
|
||
|
|
#contentMiddle .chineselanguage2 ol { padding:0px; margin:0px; margin-left:35px; color:#545454; }
|
||
|
|
#contentMiddle .chineselanguage2 ol li { font-size:11px; line-height:18px; margin-bottom:5px; font-style: normal; font-weight: bold; }
|
||
|
|
#contentMiddle .chineselanguage2 ol li span { clear:both; font-size:12px; font-weight: normal; }
|
||
|
|
.word { font-size:11px; font-weight:bold; }
|
||
|
|
.pandaPhoto { width:155px; height:155px; background:url(/image/panda/bg-4.png) no-repeat; padding:9px 0 0 9px; float:left; margin:10px 9px 5px 9px; *margin: 10px 7px 5px 7px;
|
||
|
|
}
|
||
|
|
.photoName { margin-top:10px; font-size:11px; color:#666; font-style:italic; }
|
||
|
|
#footer { margin-left:0px; }
|
||
|
|
#bottom { padding-bottom:50px; }
|
||
|
|
#bottomIn { width:960px; margin:auto; font-size:11px; color:#666; text-align:center; background: url(/image/panda/bg-2.png) repeat-y; margin-left:1px; }
|
||
|
|
#bottomIn .bottomContent { border-top: 3px solid #bbb; padding: 10px 5px; width:930px; margin:auto; }
|
||
|
|
#bottomIn img { border:none; }
|
||
|
|
#bottomIn p { margin:0 0 5px 0; line-height:15px; }
|
||
|
|
#bottomIn a:link, #bottomIn a:visited, #footer a:hover { color:#666666; border:none; }
|
||
|
|
#bottomIn a:hover { color:#a31022; text-decroration:none }
|
||
|
|
#bottombg { width:100%; margin-left:0px; *margin-left:-1px;
|
||
|
|
height:16px; *margin-top: -3px;
|
||
|
|
background:url(/image/panda/bg-5.png) no-repeat center; }
|
||
|
|
.videoArea { width:350px; margin:0 5px; float:right; font-size:11px; color:#666; line-height:14px; }
|
||
|
|
.photoArea { width:auto; margin:0 0 0 5px; float:right; font-size:11px; color:#666; line-height:14px; }
|
||
|
|
Photo Name here .roundCorner { -moz-border-radius:5px 5px 5px 5px; }
|
||
|
|
.faqAnswer { background:url("https://data.chinahighlights.com/css/images/faq/a-bg.gif") no-repeat scroll -10px top #F6F6F6; margin-bottom:15px; padding:10px 10px 10px 50px; }
|
||
|
|
.faqquestion { background:url("https://data.chinahighlights.com/css/images/faq/q-bg.gif") no-repeat scroll left top #E7F1F4; margin-bottom:0px; padding:12px 10px 12px 50px; font-size: 14px; color:#444; }
|
||
|
|
.faqquestion a { color:#444; text-decoration:none; }
|
||
|
|
.faqquestion a:hover { color:#a31022; text-decoration:under-line; }
|
||
|
|
#sideBar .facts { border:1px solid #e8e8e8; padding:5px 0 5px 4px; background:#f9f9f9; width: 100%; }
|
||
|
|
#sideBar .facts a { color:#444; }
|
||
|
|
#sideBar .facts a:hover { color:#a31022; text-decoration:none; }
|
||
|
|
#sideBar .facts h2 { font-size:15px; text-transform: none; padding:0; }
|
||
|
|
#sideBar .facts ul { list-style:none; margin:0; padding:0; }
|
||
|
|
#sideBar .facts ul li { font-size:11px; color:#666; line-height:14px; margin-bottom:7px; list-style-image:url(https://data.chinahighlights.com/css/images/arrow-gray.gif); margin-left:12px; }
|
||
|
|
.more { text-align:right; margin:10px; color:#666; font-size:12px; }
|
||
|
|
.more a { color:#444; }
|
||
|
|
.testimonial { font-family:Georgia, Times New Roman, Times, serif; font-weight:bold; letter-spacing:-0.06em; line-height:17px; color:#666; font-style:italic; text-decoration:none; font-size: 13px; }
|
||
|
|
.quoteBegin { background:url("https://data.chinahighlights.com/pic/bg-quote-begin.gif") no-repeat scroll 4px 6px transparent; }
|
||
|
|
.quoteEnd { background:url("https://data.chinahighlights.com/pic/bg-quote-end.gif") no-repeat scroll 4px 6px transparent; }
|
||
|
|
.bywho { font-size:12px; color:#777; }
|
||
|
|
/* yangtze attracion style */
|
||
|
|
.photoAttr { width:180px; background:url(/image/yangtzeriver/bg-photo.png) no-repeat; padding:7px 0 7px 10px; float:left; margin:10px 10px 5px 9px; *margin: 10px 7px 5px 7px;
|
||
|
|
}
|
||
|
|
.photoAttr img { width: 160px; height: 120px; }
|
||
|
|
.photoAttr p { display: block!important; margin-top:12px!important; padding-left:5px!important; }
|
||
|
|
table.allAttractions { width:100%; margin: 10px 0; border: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; }
|
||
|
|
table.allAttractions th { padding: 10px; background: url(/image/yangtzeriver/bg-th.png) repeat-x; border-right: 1px solid #fff; font-size:13px; }
|
||
|
|
table.allAttractions td { padding: 10px; border-bottom: 1px dashed #666; font-size:12px; }
|
||
|
|
table.allAttractions td a { color:#545454; }
|
||
|
|
table.allAttractions td a:hover { color:#a31022; text-decoration: none; }
|
||
|
|
table.allAttractions td.provice { text-align:center; font-weight: bold; }
|
||
|
|
table.allAttractions td.noborder { border-bottom: none; }
|
||
|
|
table.allAttractions tr.withColor { background:#f1f1f1; }
|
||
|
|
#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:11px; margin:0 8px 0 0; font-style:normal; background: none; text-align:center; padding-left: 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; }
|
||
|
|
#pageSelect2 { width:100%; margin:10px 0 0px 0; text-align:center; }
|
||
|
|
#pageSelect2 ul { padding:0px; margin:0px; text-align:center; margin:auto; }
|
||
|
|
#pageSelect2 ul li { float:left; display:block; -moz-border-radius:4px; border:1px solid #C1C1C1; font-size:10px; margin:0 4px 10px 0; background-color:#fff; }
|
||
|
|
#pageSelect2 ul li a { display:block; padding:4px 6px 4px 6px; color:#C6162B; text-decoration:none; }
|
||
|
|
#pageSelect2 ul li a:hover { color:#fff; background-color:#B6080C; }
|
||
|
|
#pageSelect2 #nowAct { background-color:#a31022; }
|
||
|
|
|
||
|
|
/* learning chinese video list */
|
||
|
|
.videoList { width:300px; float: right; }
|