148 lines
3.0 KiB
CSS
148 lines
3.0 KiB
CSS
/* map styles */
|
|
.item-map-box {
|
|
width: 100%;
|
|
height: 350px;
|
|
position: relative;
|
|
border: 2px dashed #015688;
|
|
}
|
|
#add_map {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#FoundItem_add_map {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#map_filter{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.map-coordinates-box {
|
|
background: #193e5ab8;
|
|
position: absolute;
|
|
bottom: 5px;
|
|
z-index: 500;
|
|
left: 5px;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
font-weight: 400;
|
|
width: 250px;
|
|
}
|
|
.manually-coordinate-input {
|
|
font-size: 13px;
|
|
letter-spacing: 1px;
|
|
direction: ltr;
|
|
text-align: center;
|
|
}
|
|
.map-coordinates-box label {
|
|
font-weight: 500 !important;
|
|
}
|
|
/* map styles */
|
|
.add-action {
|
|
border: none;
|
|
background: #153b58;
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
padding: 5px 8px;
|
|
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
|
transition: 0.3s all;
|
|
}
|
|
.add-action:hover {
|
|
background: #db7240;
|
|
}
|
|
.add-action:disabled {
|
|
background: #153b58a8;
|
|
cursor: no-drop;
|
|
}
|
|
.item-box {
|
|
width: 100%;
|
|
border: 2px dashed #1a517c;
|
|
border-radius: 3px;
|
|
position: relative;
|
|
}
|
|
.item-box .item .style-item {
|
|
background: #1a517c;
|
|
color: #fff;
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
transition: all 0.3s;
|
|
}
|
|
.item-box .item:hover .style-item{
|
|
background: #db7240;
|
|
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
|
}
|
|
.item-box .item.active-item .style-item{
|
|
background: #db7240;
|
|
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
|
}
|
|
.sub-item-box {
|
|
width: 100%;
|
|
border: 2px dashed #172d3e;
|
|
border-radius: 3px;
|
|
position: relative;
|
|
}
|
|
.sub-item-box .item .style-item{
|
|
background: #172d3e;
|
|
color: #fff;
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
transition: all 0.3s;
|
|
}
|
|
.sub-item-box .item:hover .style-item{
|
|
background: #db7240;
|
|
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
|
}
|
|
.sub-item-box .item.active-item .style-item{
|
|
background: #db7240;
|
|
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
|
}
|
|
.sub-item-unit {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: crimson;
|
|
display: inline;
|
|
}
|
|
.search-item {
|
|
border: none;
|
|
background: #153b58;
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
padding: 5px 8px;
|
|
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
|
transition: 0.3s all;
|
|
}
|
|
.search-item:hover {
|
|
background: #db7240;
|
|
}
|
|
.search-item:disabled {
|
|
background: #153b58a8;
|
|
cursor: no-drop;
|
|
}
|
|
.observed-item-data .question {
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
color: #172d3e;
|
|
}
|
|
.observed-item-data .answer {
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
color: #db7240;
|
|
}
|
|
.search-box {
|
|
transition: 0.3s all;
|
|
}
|
|
.search-box.active {
|
|
padding: 5px;
|
|
border-radius: 6px;
|
|
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
|
|
background: #7f9ba9;
|
|
}
|
|
@media (max-width: 720px) {
|
|
.sub-item-box .item {
|
|
white-space: normal;
|
|
}
|
|
} |