159 lines
2.5 KiB
CSS
159 lines
2.5 KiB
CSS
|
@CHARSET "UTF-8";
|
||
|
html{height:100%}
|
||
|
body{height:100%;margin:0px;padding:0px}
|
||
|
#container{height:100%}
|
||
|
|
||
|
#dispCity{
|
||
|
font-size:13px;
|
||
|
color:red;
|
||
|
font-weight: bold;
|
||
|
margin: 5px 0px 5px 1px;
|
||
|
float:left;
|
||
|
}
|
||
|
|
||
|
#curCity{
|
||
|
margin: 5px 5px 5px 5px;
|
||
|
float:left;
|
||
|
}
|
||
|
|
||
|
#map{
|
||
|
height:99.4%;
|
||
|
position:absolute ;
|
||
|
left:0px;
|
||
|
right:0px;
|
||
|
border:1px solid gray;
|
||
|
float:left;
|
||
|
}
|
||
|
|
||
|
#sel_container {
|
||
|
font-size: 12px;
|
||
|
filter:
|
||
|
Dropshadow(offx=1,offy=0,color=white)
|
||
|
Dropshadow(offx=0,offy=1,color=white)
|
||
|
Dropshadow(offx=0,offy=-1,color=white)
|
||
|
Dropshadow(offx=-1,offy=0,color=white);/*ie滤镜*/
|
||
|
text-shadow:#ffffff 1px 0 0,#ffffff 0 1px 0,#ffffff -1px 0 0,#ffffff 0 -1px 0; /*兼容ff*/
|
||
|
margin: 4px 0px 0px 0px;
|
||
|
}
|
||
|
|
||
|
.cityList {
|
||
|
|
||
|
height: 320px;
|
||
|
width: 382px;
|
||
|
overflow-y: auto;
|
||
|
}
|
||
|
|
||
|
#cityList {
|
||
|
position: fixed;
|
||
|
z-index: 200000;
|
||
|
width: 382px;
|
||
|
height: 344px;
|
||
|
top: 5px;
|
||
|
right : 298px;
|
||
|
}
|
||
|
|
||
|
#cityList .popup_main {
|
||
|
background: #fff;
|
||
|
border: 1px solid #8BA4D8;
|
||
|
height: 100%;
|
||
|
overflow: hidden;
|
||
|
position: absolute;
|
||
|
width: 100%;
|
||
|
margin: 0px 0px 0px 200px;
|
||
|
z-index: 2;
|
||
|
}
|
||
|
|
||
|
#cityList .title {
|
||
|
background: url("http://map.baidu.com/img/popup_title.gif") repeat
|
||
|
scroll 0 0 transparent;
|
||
|
color: #6688CC;
|
||
|
font-size: 12px;
|
||
|
font-weight: bold;
|
||
|
height: 24px;
|
||
|
line-height: 25px;
|
||
|
padding-left: 7px;
|
||
|
}
|
||
|
|
||
|
#cityList button {
|
||
|
background: url("http://map.baidu.com/img/popup_close.gif") no-repeat
|
||
|
scroll 0 0 transparent;
|
||
|
border: 0 none;
|
||
|
cursor: pointer;
|
||
|
height: 12px;
|
||
|
position: absolute;
|
||
|
right: 4px;
|
||
|
top: 6px;
|
||
|
width: 12px;
|
||
|
}
|
||
|
|
||
|
#map_line{
|
||
|
width:98%;
|
||
|
height:1px;
|
||
|
margin:5px auto;
|
||
|
border-bottom: 1px #e3ebfb double;
|
||
|
}
|
||
|
|
||
|
#map_search{
|
||
|
font-size: 12px;
|
||
|
height:26px;
|
||
|
}
|
||
|
|
||
|
#search{
|
||
|
margin-left:3px;
|
||
|
width:130px;
|
||
|
margin-bottom:-8px;
|
||
|
}
|
||
|
#srh{
|
||
|
margin-left:3px;
|
||
|
}
|
||
|
#results{
|
||
|
margin-left: 3px 3px 3px 1px;
|
||
|
font-size: 12px;
|
||
|
text-align: left;
|
||
|
height:95%;
|
||
|
}
|
||
|
#operations_guide{
|
||
|
margin: 3px 1px 3px 1px;
|
||
|
width:98%;
|
||
|
height:auto;
|
||
|
}
|
||
|
#operations_guide_title{
|
||
|
margin: 3px 3px 3px 1px;
|
||
|
font-size:13px;
|
||
|
color:red;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
#operations_guide_content{
|
||
|
margin: 3px 3px 3px 15px;
|
||
|
font:bold 12px;
|
||
|
}
|
||
|
|
||
|
#operations_guide_content .t{
|
||
|
width:100px;
|
||
|
}
|
||
|
#map_right{
|
||
|
font-size:13px;
|
||
|
width:210px;
|
||
|
height:100%;
|
||
|
float:left;
|
||
|
margin:1px 2px 1px 1px;
|
||
|
border:1px #e3ebfb solid;
|
||
|
position:absolute;
|
||
|
right:0px;
|
||
|
overflow-y: auto;
|
||
|
}
|
||
|
#map_left{
|
||
|
font-size:13px;
|
||
|
width:210px;
|
||
|
height:100%;
|
||
|
float:left;
|
||
|
margin:1px 2px 1px 1px;
|
||
|
border:1px #e3ebfb solid;
|
||
|
overflow-y: auto;
|
||
|
}
|
||
|
#map_left .title{
|
||
|
margin: 5px 3px 3px 3px;
|
||
|
font-size:12px;
|
||
|
font-weight: bold;
|
||
|
color:red;
|
||
|
}
|