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.
130 lines
11 KiB
CSS
130 lines
11 KiB
CSS
/*Great Wall 页面框架*/
|
|
body { margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #aad2de; background-image: url(/image/yangtzeriver/bg-blue.png); background-repeat: repeat-x; background-position: top; }
|
|
.clear { clear:both; }
|
|
img { border: none;}
|
|
#wrapper { width:958px; margin:auto; padding-top:15px; }
|
|
#headerBig { width:958px; background-image:url(/image/yangtzeriver/head.PNG); height:280px; }
|
|
#header { width:958px; background-image:url(/image/panda/headSmall.png); height:227px; }
|
|
#logo { padding:90px 0 0 50px; 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/yangtzeriver/bg-contact.png); background-repeat: repeat-x; }
|
|
#topNav a { color:#d1d1d1; }
|
|
#topNav a:hover { text-decoration: none; color:#a31022; }
|
|
#main { width:958px; background-image: url(/image/yangtzeriver/bg-write.png); background-repeat: repeat-y; margin-left:2px; }
|
|
#main h1 { border-bottom: 5px solid #b1b1b1; margin:0 15px 25px 15px; padding:8px 0 5px 0px; font-size:24px; color:#555; }
|
|
/*----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:#666666; background:#f1f1f1 url(/image/yangtzeriver/mao.JPG) center left no-repeat; display:block; font-size:15px; line-height:22px; margin:0; padding:5px 0 5px 26px; }
|
|
#sideBar .navLeft { margin:0 0 20px 0; padding:0; background:#f5f5f5; border-top-width: 5px; border-top-style: solid; border-top-color: #4389c4; }
|
|
#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: #f1f1f1 url(/css/images/sprites.gif) no-repeat 8px -692px; line-height:15px; border-top: 1px solid #fff; border-bottom: 1px dotted #ccc; position:relative; width:128px; *width:125px;
|
|
margin-left:6px; }
|
|
#sideBar .navLeft li.subnav { position:relative; background: url(/pic/arrow-r.GIF) no-repeat right 50%; }
|
|
#sideBar .navLeft li.subnav a:hover { color:#fff; background: url(/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(/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:#f1f1f1; background-color:#7CADD6; font-size:12px; font-weight: bold; }
|
|
#sideBar .navLeft li a:hover { color:#f4f4f4; background-color:#7CADD6; }
|
|
/*----contentMiddle-----*/
|
|
|
|
#contentMiddle { width:630px; float:left; margin-left:14px; padding-bottom:20px; }
|
|
#contentMiddle h2, #contentMiddle h2 a { font-size:18px; color:#666; margin:0px 0 5px 0; padding:10px 0 0 0px; line-height:18px; text-decoration:none; }
|
|
#contentMiddle h3 { font-size:15px; color: #333; margin:5px 0 8px 0; padding:0; }
|
|
#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:#307ABE; font-size:11px; 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;
|
|
background:url(/css/images/drop-2.GIF) no-repeat left 4px;
|
|
line-height:18px;
|
|
margin-bottom:8px;
|
|
list-style:none;
|
|
padding-left:14px;
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
}
|
|
#contentMiddle ul.dropLeft { list-style:none; padding:0px; float:left; margin:5px 10px 15px 0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#545454; width:200px; }
|
|
#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; }
|
|
.yangtzeRiverThing1 { width:300px; float:left; border:#86b1c1 8px solid; -moz-border-radius:6px; position:relative; margin-top:18px; padding-bottom:10px; }
|
|
.yangtzeriver1 { width:74px; height:62px; position:absolute; margin:-24px 0 0 -10px; background-image: url(/image/yangtzeriver/boat-1.png); background-repeat: no-repeat; }
|
|
.yangtzeriver2 { width:74px; height:62px; position:absolute; margin:-24px 0 0 -10px; background-image: url(/image/yangtzeriver/boat-2.png); background-repeat: no-repeat; }
|
|
.yangtzeRiverThing1 img { margin:0 0 5px 13px; }
|
|
.yangtzeRiverThing1 ul { list-style:none; padding:0px; margin:0px; margin:0 13px 0 13px; }
|
|
#contentMiddle .yangtzeRiverThing1 ul li { font-size:11px; border-bottom:#89B63D 1px dashed; padding-bottom:5px; margin-top:5px; line-height:18px; list-style:none; background:none; font-weight:normal; font-style:normal; padding-left:5px; }
|
|
#contentMiddle .yangtzeRiverThing1 ul li a { color:#545454; text-decoration:none; font-weight:bold; }
|
|
#contentMiddle .yangtzeRiverThing1 ul li a:hover { text-decoration:underline; }
|
|
.red { color:#a31022; }
|
|
.yangtzeRiverThing2 { width:300px; float:right; border:#BFC695 1px solid; position:relative; padding-left:8px; margin-top:18px; -moz-border-radius:6px; background:url(/image/yangtzeriver/testimonial.jpg) no-repeat right bottom; height:380px; }
|
|
.panda2 { width:65px; height:54px; background:url(/image/panda/t-2.png) no-repeat; position:absolute; margin:-15px 0 0 0; }
|
|
.yangtzeRiverThing2 h3, .yangtzeRiverThing1 h3 { margin:0px; font-size:16px; padding:10px 0 0 65px!important; margin-bottom:15px; color: #555555; }
|
|
.yangtzeRiverThing1 h3 { padding:0px; margin:0px; font-size:16px; padding:3px 0 0 65px!important; margin-bottom:15px; color: #666; }
|
|
.yangtzeRiverThing2 ol { padding:0px; margin:0px; margin-left:35px; color:#545454; }
|
|
.yangtzeRiverThing2 ol li { font-size:12px; line-height:18px; margin-bottom:5px; }
|
|
.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:3px; }
|
|
#bottom { width:100%; padding-bottom:50px; }
|
|
#bottomIn { width:958px; margin:auto; font-size:11px; color:#666; padding-top: 10px; padding-bottom: 10px; border-top: 3px solid #bbbbbb; text-align:center; background-image: url(/image/panda/bg-2.png); background-repeat: repeat-y; }
|
|
#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:2px; height:16px; *margin-top: -3px;
|
|
background:url(/image/panda/bg-5.png) no-repeat center; }
|
|
.videoArea { width:330px; 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("/css/images/faq/a-bg.gif") no-repeat scroll -10px top #F6F6F6; margin-bottom:15px; padding:10px 10px 10px 50px; }
|
|
.faqquestion { background:url("/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(/css/images/arrow-gray.gif); margin-left:12px; }
|
|
.testimonialBox { margin:8px 5px 8px 0; border-bottom:1px dotted #c6c6c6; padding: 5px; ; }
|
|
.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("/pic/bg-quote-begin.gif") no-repeat scroll 4px 6px transparent; }
|
|
.quoteEnd { background:url("/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; }
|
|
/* get news */
|
|
.guideBox { margin:10px 0 15px 0; border: none; padding-bottom:10px; border:1px solid #d1d1d1; -moz-border-radius: 4px; } /* function box for city guide only */
|
|
.guideBox h4 { font-size:18px; background:#f1f1f1; border-bottom: none; font-weight:500; color:#2988b0; margin:0 0 15px 0; padding:8px 0 8px 15px; }
|
|
.guideBox ul { margin:0 10px 0 0; padding-left:5px; }
|
|
.guideBox ul li { list-style: none; background:url("/pic/square.png") no-repeat scroll left 8px transparent; padding: 0 0 5px 13px; line-height:18px; font-size:12px; margin:0 0 8px 10px; border-bottom:1px dashed #999; color:#818181; }
|
|
.guideBox ul li a { text-decoration: none; margin-right:8px; color:#545454; }
|
|
.guideBox ul li a:hover { color:#a31022; }
|
|
.whoposted { font-size:11px; }
|
|
|
|
/* like us on facebook */
|
|
.fbLike { float: right; padding:10px; width:250px; font-style:italic; margin-top:5px; color:#3B5998; }
|
|
.fbLike a { color:#3B5998!important; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight: bold;}
|
|
.fbLike a:hover { text-decoration: none;}
|