zhongrj
2023-06-27 d74b495736f0c04522ec54274b70fed0ded2878d
public/map/controls/toolbar/toolbar.css
New file
@@ -0,0 +1,202 @@
.toolbar-icon {
    background-repeat: no-repeat;
    background-position: center center;
    height: 25px;
    width: 35px;
    display: inline-block;
    float: left;
    margin-top: 7px;
}
.toollabel {
    line-height: 50px;
}
.toolbar-item-normal {
    height: 38px;
    width: 35px;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.toolbar-til {
    width: 60px;
    text-align: center;
    height: 50px;
    display: block;
    line-height: 50px;
    float: right;
    color: #fff;
}
.toolbar-item {
    cursor: pointer;
    position: relative;
    border-top: 1px solid #E7EAF3;
}
.toolbar-item > span{filter: brightness(0.2);}
/*.toolbar-item:after{content: ""; width:1px; height:20px; background-color:#dadada; position: absolute; right:0px; top:6px;}
.toolbar-item:nth-child(9):after{width:0px;}*/
.tool-zoomIn-normal {
    background-image: url('tools/icons/zoomin_normal.png');
}
.tool-zoomIn-select {
    background-image: url('tools/icons/zoomin_select.png');
}
.tool-zoomOut-normal {
    background-image: url('tools/icons/zoomout_normal.png');
}
.tool-zoomOut-select {
    background-image: url('tools/icons/zoomout_select.png');
}
.tool-pan-normal {
    background-image: url('tools/icons/pan_normal.png');
}
.tool-pan-select {
    background-image: url('tools/icons/pan_select.png');
}
.tool-fullScreen-normal {
    background-image: url('tools/icons/fullscreen_normal.png');
}
.tool-fullScreen-select {
    background-image: url('tools/icons/fullscreen_select.png');
}
.tool-local-normal {
    background-image: url('tools/icons/local_normal.png');
}
.tool-Map3D-normal {
    background-image: url('tools/icons/Map3D_normal.png');
}
.tool-Map3D-select {
    background-image: url('tools/icons/Map3D_select.png');
}
.tool-screenWindow-normal {
    background-image: url('tools/icons/screenwindow_normal.png');
}
.tool-screenWindow-select {
    background-image: url('tools/icons/screenwindow_select.png');
}
.tool-swipe-normal {
    background-image: url('tools/icons/swipe_normal.png');
}
.tool-swipe-select {
    background-image: url('tools/icons/swipe_select.png');
}
.tool-multidate-normal {
    background-image: url('tools/icons/multidate_normal.png');
}
.tool-multidate-select {
    background-image: url('tools/icons/multidate_select.png');
}
.tool-streetview-normal {
    background-image: url('tools/icons/streetview_normal.png');
}
.tool-streetview-select {
    background-image: url('tools/icons/streetview_select.png');
}
.tool-measureline-normal {
    background-image: url('tools/icons/measureline_normal.png');
}
.tool-measureline-select {
    background-image: url('tools/icons/measureline_select.png');
}
.tool-measurepolygon-normal {
    background-image: url('tools/icons/measurepolygon_normal.png');
}
.tool-measurepolygon-select {
    background-image: url('tools/icons/measurepolygon_select.png');
}
.tool-errcorrect-normal {
    background-image: url('tools/icons/errcorrect_normal.png');
}
.tool-errcorrect-select {
    background-image: url('tools/icons/errcorrect_select.png');
}
.tool-clear-normal {
    background-image: url('tools/icons/clear_normal.png');
}
.tool-clear-select {
    background-image: url('tools/icons/clear_select.png');
}
.tool-citylayer-normal {
    background-image: url('tools/icons/citylayer_normal.png');
}
.tool-citylayer-select {
    background-image: url('tools/icons/citylayer_select.png');
}
.tool-sign-normal {
    background-image: url('tools/icons/sign_normal.png');
}
.tool-sign-select {
    background-image: url('tools/icons/sign_select.png');
}
.toolbar-icon {
    background-size: 16px 16px;
}
#closeStreetViewButton {
    cursor: pointer;
    height: 25px;
    width: 80px;
    border: 1px solid #ffffff;
    border-radius: 2px;
    float: left;
    color: #ffffff;
    margin-top: 3px;
    margin-right: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    font-weight: bold;
}
.toolbar-item-select {
    color: #15a2fe;
}
#closeStreetViewButton:hover {
    /**background-image: url('tools/icons/closeStreetView_over.png');**/
    color: #aedffe;
    border: 1px solid #aedffe;
    background: #f00;
}
#closeStreetViewButton:active {
    /**background-image: url('tools/icons/closeStreetView_over.png');**/
    color: #ffffff;
    border: 1px solid #ffffff;
    background: #f00;
}