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.
137 lines
16 KiB
CSS
137 lines
16 KiB
CSS
/*city map*/
|
|
/*城市详细地图页面样式*/
|
|
.cityLocationInfo { width:100%; padding:0; margin-bottom:10px; }
|
|
.cityLocationInfo h2 { font-size:18px; font-weight: normal; border-bottom:1px solid #d1d1d1; padding-bottom:2px; }
|
|
.cityLocationInfo .googlemap_table { height:300px; margin-right:0px; border:1px solid #d1d1d1; }
|
|
.cityLocationInfo .mapInfo { width:200px; float:right; }
|
|
.getQuestionForm { width:93%; position:relative; -moz-border-radius:6px; border:#d1d1d1 1px solid; line-height:20px; margin:15px 0 10px 0; padding:13px 10px 10px 10px; background-color:#f6f6f6; }
|
|
.getQuestionForm label { float:left; line-height:14px; padding-right:8px; padding-top:10px; width:100px; }
|
|
.getQuestionForm input, .getQuestionForm textarea { border:1px solid #DDDDDD; color:#666666; font-size:11px; line-height:16px; margin:5px 0 5px 0; padding:4px 5px; width:95%; }
|
|
.questionFormHead { padding: 0 6px; background:url(https://data.chinahighlights.com/css/images/map/get-question.png) no-repeat top left; position:absolute; left:10px; top:-12px; width: 150px; height: 26px; }
|
|
.buttunSubmit { font-weight:bold; text-align:center; color: #A31022; cursor:pointer; width:80px; float:right; margin-right:8px; }
|
|
.buttunSubmit a { display:block; -moz-border-radius:5px; -moz-border-radius:5px; border:#D1D1D1 1px solid; background-color:#fff; background-image:url(https://data.chinahighlights.com/css/images/bg-click.GIF); background-repeat:repeat-x; background-position:bottom; padding:3px 6px; text-decoration:none; color:#a31022; }
|
|
.buttunSubmit a:hover { display:block; background-color:#fff; background-image:url(images/bg-click-hover.GIF); background-repeat:repeat-x; background-position:bottom; }
|
|
.otherMapList { background-color:#fff; margin:10px 0 10px 0; padding:0; }
|
|
.otherMapList .othermapTitle { font-size:18px; font-weight: normal; display: block; }
|
|
.otherMapList h3 { font-size:15px; background:url(https://data.chinahighlights.com/css/images/drop-5.gif) no-repeat left 4px; padding-left:15px; margin: 0 0 5px 0; }
|
|
.otherMapList h2 { font-size:18px!important; margin: 0 0 5px 0; font-weight: normal; }
|
|
.smalMapList { color:#6b6b6b; padding:0; margin:10px 0 15px 0; }
|
|
.smalMapList p img { max-width:660px!important;}
|
|
.smalMapList table { width:100%; valign:middle; padding:3px; margin-bottom:5px; }
|
|
.smalMapList table img { max-width:600px; }
|
|
.smalMapList table a { text-decoration:none; }
|
|
.smalMapList .mapTitle a { color:#6b6b6b; text-decoration:none; font-size:11px; background:url(https://data.chinahighlights.com/css/images/map/big-map.gif) no-repeat top left; padding-left:15px; }
|
|
.smalMapList .mapTitle a:hover { text-decoration:underline; color:#a03; }
|
|
.provMapList { color:#6b6b6b; padding:0; margin:10px 0 15px 0; width:160px; height:140px; float:left; }
|
|
.provMapList img { width:150px; height:113px;}
|
|
.provMapList .mapTitle a { color:#6b6b6b; text-decoration:none; font-size:11px; background:url(https://data.chinahighlights.com/css/images/map/big-map.gif) no-repeat top left; padding-left:15px; }
|
|
.provMapList .mapTitle a:hover { text-decoration:underline; color:#a03; }
|
|
ul.otherCityMap, ul.otherMapAllLine { margin:0px 10px 10px 5px; }
|
|
ul.otherCityMap li { background:url(https://data.chinahighlights.com/css/images/arrow-5.gif) no-repeat left 3px; list-style:none; padding-left:15px; margin-bottom:10px; font-size:11px; display:block; width:140px; float:left; }
|
|
ul.otherMapAllLine li { background:url(https://data.chinahighlights.com/css/images/arrow-5.gif) no-repeat left 3px; list-style:none; padding-left:15px; margin-bottom:10px; font-size:11px; display:block; width:260px; float:left; }
|
|
.relateCityInfo { width:275px; float:right; margin:10px 0 10px 0; border:1px solid #d1d1d1; }
|
|
.relateCityInfo h5, .relateCityInfo h2 { font-size:13px; color:#545454; display:block; padding:5px 10px 8px 10px; margin-bottom:10px; margin-top:0; background-color:#d1d1d1; }
|
|
.relateCityInfo h5 .headTitle { padding: 0 6px; background-repeat:no-repeat; background-position:top right; position:absolute; left:185px; top:-8px; width: 71px; height: 51px; }
|
|
.relateCityInfo h5 .headTitle2 { padding: 0 6px; background-repeat:no-repeat; background-position:top right; position:absolute; left:185px; top:-10px; width: 71px; height: 51px; }
|
|
.relateCityInfo .attraction { background-image:url(https://data.chinahighlights.com/css/images/map/attraction-bg.png); }
|
|
.relateCityInfo .weather { background-image:url(https://data.chinahighlights.com/css/images/map/weather-bg.gif); }
|
|
.relateCityInfo .tour { background-image:url(https://data.chinahighlights.com/css/images/map/tour-bg.gif); }
|
|
ul.topattractionList { margin:10px 10px 10px 10px; font-size:11px; }
|
|
ul.topattractionList li { background:url(https://data.chinahighlights.com/css/images/arrow-5.gif) no-repeat left 3px; list-style:none; padding-left:15px; margin-bottom:10px; line-height:18px; }
|
|
ul.topattractionList2 { margin:10px; }
|
|
ul.topattractionList2 li { list-style:none; background-repeat:no-repeat; background-position:3px 5px; font-size:11px; line-height:18px; margin-bottom:5px; display:block; border-bottom:1px solid #ced0cf; padding:3px 0 3px 32px; }
|
|
ul.topattractionList2 li a { text-decoration:none; }
|
|
/*city Map的详细页面*/
|
|
.smallmaptable { margin: 0 0 15px 0; }
|
|
.smallmaptable img { margin-bottom: 10px; max-width:660px; }
|
|
.smallmaptable table { width:400px; height:450px; valign:middle; padding:3px; margin-bottom:5px; }
|
|
.smallmaptable .mapTitle a { color:#6b6b6b; text-decoration:none; font-size:12px; text-align:center; }
|
|
.smallmaptable .mapTitle a:hover { text-decoration:underline; }
|
|
.mapInfo { width:350px; float:right; text-align:left; }
|
|
.getQuestionForm2 { width:90%; position:relative; -moz-border-radius:6px; border:#d1d1d1 1px solid; line-height:20px; margin:15px 0 10px 0; padding:13px 10px 10px 10px; background-color:#f6f6f6; }
|
|
.getQuestionForm2 label { float:left; line-height:14px; padding-right:8px; padding-top:10px; width:70px; }
|
|
.getQuestionForm2 input, .getQuestionForm2 textarea { border:1px solid #DDDDDD; color:#666666; font-size:11px; line-height:16px; margin:5px 0 0 0; padding:4px 5px; width:215px; }
|
|
/*china city index页面*/
|
|
.cityMapOverview { width:100%; height:451px; }
|
|
.cityMapOverview .overviewMap { width:530px; border:1px solid #d1d1d1; height:451px; float:left; margin-right:5px; }
|
|
.cityMapOverview .majorCityList { width:110px; float:right; }
|
|
.cityMapOverview .majorCityList h2 { font-size:11px; display:block; margin:0; border-bottom:3px #d1d1d1 solid; margin-bottom:10px; background:url(https://data.chinahighlights.com/css/images/drop-5.GIF) no-repeat left 3px; padding-left:14px; }
|
|
.cityMapOverview .majorCityList ol { _padding-left:0px; _margin-left:0; }
|
|
.cityMapOverview .majorCityList ol li { font-size:11px; margin-bottom:15px; border-bottom:1px solid #d1d1d1; padding-bottom:4px; _list-style-position:outside }
|
|
/*city map index*/
|
|
.cityMapNameList { width:150px; float:left; margin-right:10px; }
|
|
.cityMapNameList .listTitle { font-size:18px; display:block; border-bottom:3px #d1d1d1 solid; margin-bottom:10px; }
|
|
/*view on Google Map*/
|
|
.locationOnGoogle { border-bottom:#C1C1C1 3px solid; position:relative; width:100%; margin:0 0 38px 0; padding:0 0 5px 0; }
|
|
.locationOnGoogle ul { padding:0px; position:absolute; margin-left:15px; list-style:none; left: 18px; top: 5px; }
|
|
.locationOnGoogle ul li { display:block; margin:0 4px 0 0; float:left; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; background-image:url(https://data.chinahighlights.com/css/images/bg-page.GIF); padding:5px 10px 0 10px; height:22px; background-color:#fff; color:#C6162B; font-size:11px; font-weight:bold; }
|
|
.locationOnGoogle ul li.active { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; border-bottom:3px solid #C1C1C1; border-left:3px solid #C1C1C1; border-right:3px solid #C1C1C1; background:#FFFFFF; }
|
|
.locationOnGoogle ul li.active a { color:#C6162B; }
|
|
.locationOnGoogle ul li a { color:#fff; text-decoration:none; }
|
|
.locationOnGoogle ul li a:hover { text-decoration:underline; }
|
|
/*china history map index*/
|
|
.smallPictureOut { height:auto; width: 100%; }
|
|
.smallPictureOut h2 { margin: 0 0 8px 0; font-size:20px; font-weight: normal }
|
|
.smallPictureOut a { color:#545454; }
|
|
.smallPicture, .smallPicture1, .smallPicture2 { float:left; font-size:12px; padding:5px; text-align:left; width:150px; text-align:center; margin-right:10px; border:1px solid #d1d1d1; margin-bottom:5px; }
|
|
.smallPicture3 { float:left; font-size:11px; height:auto; padding:10px 5px 5px 5px; text-align:left; width:160px; text-align:center; margin-right:5px; border:1px solid #d1d1d1; margin-bottom:5px; -moz-border-radius:5px; }
|
|
.smallPicture3 img { width:150px; height:100px; }
|
|
.smallPicture table { width:100px; height:100px; valign:middle; padding:3px; margin-bottom:5px; }
|
|
.smallPicture img { width:150px; margin-bottom:5px; }
|
|
/*China Map首页样式*/
|
|
.indexMap { position:relative; width:660px; border:1px solid #d1d1d1; padding:0; margin-bottom:20px; }
|
|
#Map { background:#900; }
|
|
#Map:hover { background-color:#CCC; }
|
|
.indexMap .popularPromo { position:absolute; width:229px; left: 420px; top: 0px; padding:8px 5px 8px 5px; background:url(https://data.chinahighlights.com/css/images/map/bg-index.png) repeat; }
|
|
.indexMap .popularPromo h5 { border-bottom:3px solid #d1d1d1; color:#333; display:block; width:215px; background:url(https://data.chinahighlights.com/css/images/drop-5.GIF) no-repeat 2px 3px; font-size:12px; padding-left:15px; padding-bottom:3px; margin: 0px; }
|
|
.indexMap .popularPromo h2 { border-bottom:3px solid #d1d1d1; color:#333; display:block; width:215px; background:url(https://data.chinahighlights.com/css/images/drop-5.GIF) no-repeat 2px 3px; font-size:12px; padding-left:15px; padding-bottom:3px; margin: 0px; }
|
|
.indexMap .popularPromo ul.hotMapList { margin:5px 0; }
|
|
.indexMap .popularPromo ul.hotMapList li { background:url(https://data.chinahighlights.com/css/images/arrow-6.gif) no-repeat 7px 5px; list-style:none; padding:4px 0 4px 22px; font-size:11px; color:#333; display:block; width:208px; border-bottom:1px solid #d1d1d1; }
|
|
.touristMap { width:360px; border:1px solid #d1d1d1; background:#ecf4fc url(https://data.chinahighlights.com/css/images/map/tourist-map.gif) no-repeat right bottom; padding:10px; margin-right:20px; float:left; }
|
|
.touristMap h3 { background: url(https://data.chinahighlights.com/css/images/drop-5.gif) no-repeat left 6px; padding-left:15px; font-size:13px; margin-bottom:5px; }
|
|
.touristMap h3 a { text-decoration:none; color:#545454; }
|
|
.touristMap h3 a:hover { border-bottom:1px solid #545454; }
|
|
.touristMap ul { margin:5px 5px 5px 15px; }
|
|
.touristMap ul li { background:url(https://data.chinahighlights.com/css/images/arrow-6.gif) no-repeat left 6px; list-style:none; font-size:11px; padding:5px 0 5px 15px; }
|
|
.hotCityMaps { width:230px; float:right; background:#f6f6f6; border:1px solid #d1d1d1; padding:10px; }
|
|
.hotCityMaps h3 { background: url(https://data.chinahighlights.com/css/images/drop-5.gif) no-repeat left 6px; padding-left:15px; font-size:13px; margin-bottom:5px; color:#b80808; }
|
|
.hotCityMaps h3 a { color:#b80808; text-decoration:none; font-size:14px; }
|
|
.hotCityMaps h3 a:hover { border-bottom:1px solid #545454; color:#545454; }
|
|
.hotCityMaps ul { margin:5px 5px 5px 15px; }
|
|
.hotCityMaps ul li { background:url(https://data.chinahighlights.com/css/images/arrow-6.gif) no-repeat left 6px; list-style:none; font-size:11px; padding:5px 0 5px 15px; display:block; width:90px; float:left; }
|
|
.otherMapPromo { width:195px; float:left; border-left:1px solid #d1d1d1; margin:25px 20px 15px 0; font-size:11px; height:360px; }
|
|
.otherMapPromo span { margin:3px 10px 3px 10px; font-size:11px; display:block; line-height:22px; }
|
|
.otherMapPromo span a { color:#545454; }
|
|
.otherMapPromo span a:hover { color:#b80808; }
|
|
.otherMapPromo h3 { width:185px; border-left:5px solid #d1d1d1; background-color:#f1f1f1; padding:5px 5px 5px 8px; color:#b80808; font-size:13px; margin-bottom:10px; margin-top:0; }
|
|
.otherMapPromo ul { margin:5px 5px 5px 15px; }
|
|
.otherMapPromo ul li { background:url(https://data.chinahighlights.com/css/images/arrow-5.gif) no-repeat left 6px; list-style:none; font-size:11px; padding:5px 0 5px 15px; display:block; width:70px; float:left; }
|
|
ul.inline li { width:auto!important; float: none!important }
|
|
/*hot attraction*/
|
|
.hotCityAttraction { background:#FFF; margin:0; padding:8px; }
|
|
ul.hotCityAttraction { margin:0; }
|
|
ul.hotCityAttraction li { list-style:none; background-repeat:no-repeat; background-position:3px 5px; font-size:11px; line-height:18px; margin-bottom:5px; display:block; padding:4px 3px 4px 32px; border-bottom:1px solid #ced0cf; }
|
|
h5 { font-size:18px; font-weight: normal; margin: 0 0 5px 0; border-bottom:1px solid #d1d1d1; padding-bottom:2px; }
|
|
/* featured travel destinations */
|
|
.chinaMap { background:url(https://data.chinahighlights.com/css/images/homepage/map-of-china.png) no-repeat; width:660px; height:398px; position:relative; margin-bottom:15px; }
|
|
.chinaMap .beijing { width:54px; height:29px; background:url(https://data.chinahighlights.com/css/images/homepage/1.png) no-repeat right top; position:absolute; left: 347px; top: 114px; }
|
|
.chinaMap .shanghai { width:45px; height:65px; background:url(https://data.chinahighlights.com/css/images/homepage/2.png) no-repeat left center; position:absolute; left: 397px; top: 178px; }
|
|
.chinaMap .xian { width:35px; height:53px; background:url(https://data.chinahighlights.com/css/images/homepage/3.png) no-repeat right center; position:absolute; left: 301px; top: 149px; }
|
|
.chinaMap .guilin { width:70px; height:31px; background:url(https://data.chinahighlights.com/css/images/homepage/4.png) no-repeat top center; position:absolute; left: 287px; top: 292px; padding-top:10px; }
|
|
.chinaMap .sichuan { width:39px; height:44px; background:url(https://data.chinahighlights.com/css/images/homepage/5.png) no-repeat top center; position:absolute; left: 249px; top: 227px; padding-top:15px; }
|
|
.chinaMap .yellowMountain { width:66px; height:35px; background:url(https://data.chinahighlights.com/css/images/homepage/6.png) no-repeat bottom center; position:absolute; left: 357px; top: 251px; padding-top:0px; }
|
|
.chinaMap .yangtze { width:59px; height:23px; background:url(https://data.chinahighlights.com/css/images/homepage/7.png) no-repeat top right; position:absolute; left: 310px; top: 236px; }
|
|
.chinaMap .tibet { width:94px; height:40px; background:url(https://data.chinahighlights.com/css/images/homepage/8.png) no-repeat top center; position:absolute; left: 130px; top: 214px; padding-top:10px; }
|
|
.chinaMap .xinjiang { width:132px; height:50px; background:url(https://data.chinahighlights.com/css/images/homepage/9.png) no-repeat top center; position:absolute; left: 51px; top: 110px; padding-top:15px; }
|
|
.chinaMap .inner-mogonlia { width:67px; height:35px; background:url(https://data.chinahighlights.com/css/images/homepage/10.png) no-repeat bottom left; position:absolute; left: 269px; top: 117px; }
|
|
.chinaMap .harbin { width:63px; height:58px; background:url(https://data.chinahighlights.com/css/images/homepage/11.png) no-repeat top left; position:absolute; left: 420px; top: 18px; }
|
|
.chinaMap .yunnan { width:54px; height:32px; background:url(https://data.chinahighlights.com/css/images/homepage/12.png) no-repeat top right; position:absolute; left: 220px; top: 300px; padding-top:10px; }
|
|
.chinaMap .hongkong { width:46px; height:45px; background:url(https://data.chinahighlights.com/css/images/homepage/13.png) no-repeat top right; position:absolute; left: 359px; top: 315px; }
|
|
.chinaMap .hainan { width:33px; height:38px; background:url(https://data.chinahighlights.com/css/images/homepage/14.png) no-repeat top right; position:absolute; left: 311px; top: 343px; padding-top:8px; }
|
|
.chinaMap .cityList { float: right; width:140px; }
|
|
.chinaMap .cityList table { margin-top:2px; }
|
|
.chinaMap .cityList table td { background:url(https://data.chinahighlights.com/css/images/homepage/bg-map-city.png) repeat-x; width:120px; height:26px; height:25px\9;/* for ie8*/ margin-bottom:2px; list-style: none; font-size:11px; font-weight: bold; color:#333; }
|
|
.chinaMap .cityList table th { background:url(https://data.chinahighlights.com/css/images/homepage/bg-city-number.png) no-repeat; width:28px; height:26px; height:25px\9; /* for ie8*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
|
|
.chinaMap .cityList table td a { color:#333; text-decoration: none; }
|
|
.chinaMap .cityList table td a:hover { color:#a31022; }
|