.toolBar{
|
position: absolute;
|
z-index: 101;
|
line-height: 35px;
|
right: 10px;
|
top: 60px;
|
padding: 5px 10px;
|
background-color: #fff;
|
border: 1px solid #f0ad4e;
|
opacity: 0.8;
|
display: none;
|
min-width:200px;
|
}
|
.toolBar.child{
|
right: 250px;
|
}
|
.toolBar button, .toolBar checkbox{
|
float: left;
|
margin: 5px;
|
cuusor:pointer;
|
}
|
|
.mainToolBar{
|
position: absolute;
|
z-index: 101;
|
line-height: 35px;
|
right: 10px;
|
top: 10px;
|
padding: 5px 10px;
|
background-color: #fff;
|
border: 1px solid #f0ad4e;
|
opacity: 0.8;
|
}
|
.mainToolBar button, .mainToolBar checkbox{
|
float: left;
|
margin: 5px;
|
cuusor:pointer;
|
}
|
|
.routeItem{
|
float: left;
|
width: 100%;
|
}
|
|
.routeItemCloser{
|
float: right;
|
font-size: 30px;
|
cursor: pointer;
|
}
|
|
/** 弹出框相关 */
|
.popup {
|
position: absolute;
|
background-color: #eeeeee;
|
-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
|
filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
|
border-radius: 5px;
|
border: 1px solid #cccccc;
|
display: none;
|
}
|
.popup:after, .popup:before {
|
top: 100%;
|
border: solid transparent;
|
content: " ";
|
height: 0;
|
width: 0;
|
position: absolute;
|
pointer-events: none;
|
}
|
.popup:after {
|
border-top-color: #eeeeee;
|
border-width: 10px;
|
left: 50%;
|
margin-left: -10px;
|
}
|
.popup:before {
|
border-top-color: #cccccc;
|
border-width: 11px;
|
left: 50%;
|
margin-left: -11px;
|
}
|
.popup-header{
|
width:100%;
|
height: 30px;
|
background-color: cadetblue;
|
}
|
.popup-title{
|
font:bold 15px sans-serif;
|
align:left;
|
position: absolute;
|
top: 5px;
|
left: 8px;
|
color: #000000
|
}
|
.popup-closer {
|
text-decoration: none;
|
position: absolute;
|
top: 2px;
|
right: 8px;
|
cursor: pointer;
|
}
|
.popup-closer:after {
|
content: "✖";
|
}
|
.popup-content{
|
padding: 10px 20px;
|
/*width:250px;*/
|
}
|