ole
Version:
OpenLayers Editor
75 lines (63 loc) • 1.19 kB
CSS
#ole-toolbar {
position: absolute;
right: 20px;
top: 20px;
}
/* shadow */
#ole-toolbar button.ole-control,
.ole-dialog {
box-shadow: 0 3px 3px 0 rgb(0 0 0 / 20%);
}
/* buttons */
#ole-toolbar button.ole-control {
background: #fafafa;
border: 0;
color: #999;
cursor: pointer;
font-size: 14px;
line-height: 36px;
height: 45px;
transition: all 0.3s ease-out;
padding: 5px;
}
#ole-toolbar button.ole-control:first-child {
border-radius: 4px 0 0 4px;
}
#ole-toolbar button.ole-control:last-child {
border-radius: 0 4px 4px 0;
}
#ole-toolbar button.ole-control:hover {
color: #5c5c5c;
}
#ole-toolbar button.ole-control:focus {
outline: 0;
}
#ole-toolbar button.ole-control.active {
box-shadow: 0 4px 4px 0 rgb(0 0 0 / 30%);
color: #5c5c5c;
filter: brightness(90%);
}
#ole-toolbar button.ole-control img {
height: 35px;
}
/* dialog */
.ole-dialog {
background: #fafafa;
border-radius: 4px;
right: 20px;
padding: 10px;
position: absolute;
text-align: left;
top: 75px;
width: 330px;
z-index: 2;
}
/* font */
#ole-toolbar,
.ole-dialog {
font-family: Arial, sans-serif;
font-size: 14px;
}
#width-input {
width: 50px;
}