added maps (leaflet)
This commit is contained in:
@@ -14,6 +14,7 @@ html, body{
|
||||
#header{
|
||||
position: absolute; z-index: 10;
|
||||
top:0; left:0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#timelaps{
|
||||
@@ -31,13 +32,13 @@ html, body{
|
||||
// }
|
||||
|
||||
@media (min-aspect-ratio: 16/9) {
|
||||
height: 300%;
|
||||
top: -100%;
|
||||
height: 200%;
|
||||
top: -50%;
|
||||
}
|
||||
|
||||
@media (max-aspect-ratio: 16/9) {
|
||||
width: 300%;
|
||||
left: -100%;
|
||||
width: 200%;
|
||||
left: -50%;
|
||||
}
|
||||
|
||||
|
||||
@@ -45,10 +46,24 @@ html, body{
|
||||
|
||||
}
|
||||
|
||||
#mapout{
|
||||
position: absolute; z-index: 9;
|
||||
bottom:0; left:0; width:23.5%; margin:1% 0.5% 1% 1%; height:10%;
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
#mapin{
|
||||
position: absolute; z-index: 9;
|
||||
bottom:0; left:25%; width:23.5%; margin:1% 0.5% 1% 0.5%; height:10%;
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
#timeline{
|
||||
position: absolute; z-index: 9;
|
||||
bottom:0; left:0; width:67%; margin:1% 0 1% 32%; padding:7px;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
bottom:0; right:0; width:48%; margin:1% 1% 1% 0.5%; padding:0.5%; height:8.3%;
|
||||
background-color: rgba(15, 15, 15, 0.8);
|
||||
border-radius: 2px;
|
||||
|
||||
.vis-timeline{
|
||||
@@ -60,19 +75,10 @@ html, body{
|
||||
border:none;
|
||||
}
|
||||
.vis-text{
|
||||
color:white;
|
||||
color:#827f7f;
|
||||
}
|
||||
|
||||
.vis-custom-time.videotime{
|
||||
background-color: red;
|
||||
background-color: #2781cc;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#map{
|
||||
position: absolute; z-index: 9;
|
||||
bottom:0; left:0; width:30%; margin:1%; height:40%;
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
border-radius: 2px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user