bachir/HeHe-Centiped
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added maps (leaflet)

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2016-07-02 02:31:31 +02:00
parent 835cc3ecee
commit 8adb390d91
18 changed files with 1342 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/public_html/css/dist/styles.min.css
Vendored
+1 -1
View File
@@ -1 +1 @@
#timelaps,body,html{position:relative;overflow:hidden}#root,#timelaps,body,html{width:100%;height:100%}#map,#timeline{z-index:9;bottom:0}#header,#map,#timeline{position:absolute;left:0}body,html{margin:0;padding:0;background-color:#000}#root{position:relative}#header{z-index:10;top:0}#timelaps{z-index:5}#timelaps video#timelapsvid{position:absolute;top:0;left:0;width:100%;height:100%}@media (min-aspect-ratio:16 / 9){#timelaps video#timelapsvid{height:300%;top:-100%}}@media (max-aspect-ratio:16 / 9){#timelaps video#timelapsvid{width:300%;left:-100%}}#timeline{width:67%;margin:1% 0 1% 32%;padding:7px;background-color:rgba(0,0,0,.8);border-radius:2px}#timeline .vis-background,#timeline .vis-background.vis-horizontal,#timeline .vis-background.vis-vertical,#timeline .vis-panel.vis-bottom,#timeline .vis-panel.vis-center,#timeline .vis-panel.vis-top,#timeline .vis-time-axis,#timeline .vis-timeline{border:none}#timeline .vis-text{color:#fff}#timeline .vis-custom-time.videotime{background-color:red}#map{width:30%;margin:1%;height:40%;background-color:rgba(255,255,255,.6);border-radius:2px;display:none}
#timelaps,body,html{position:relative;overflow:hidden}#root,#timelaps,body,html{width:100%;height:100%}#mapin,#mapout{width:23.5%;height:10%;background-color:rgba(255,255,255,.6)}#mapin,#mapout,#timeline{position:absolute;z-index:9;bottom:0;border-radius:2px}body,html{margin:0;padding:0;background-color:#000}#root{position:relative}#header{position:absolute;z-index:10;top:0;left:0;display:none}#timelaps{z-index:5}#timelaps video#timelapsvid{position:absolute;top:0;left:0;width:100%;height:100%}@media (min-aspect-ratio:16 / 9){#timelaps video#timelapsvid{height:200%;top:-50%}}@media (max-aspect-ratio:16 / 9){#timelaps video#timelapsvid{width:200%;left:-50%}}#mapout{left:0;margin:1% .5% 1% 1%}#mapin{left:25%;margin:1% .5%}#timeline{right:0;width:48%;margin:1% 1% 1% .5%;padding:.5%;height:8.3%;background-color:rgba(15,15,15,.8)}#timeline .vis-background,#timeline .vis-background.vis-horizontal,#timeline .vis-background.vis-vertical,#timeline .vis-panel.vis-bottom,#timeline .vis-panel.vis-center,#timeline .vis-panel.vis-top,#timeline .vis-time-axis,#timeline .vis-timeline{border:none}#timeline .vis-text{color:#827f7f}#timeline .vis-custom-time.videotime{background-color:#2781cc}
www/public_html/css/styles.css
+36 -24
View File
@@ -16,7 +16,8 @@ html, body {
position: absolute;
z-index: 10;
top: 0;
left: 0; }
left: 0;
display: none; }
#timelaps {
position: relative;
@@ -32,22 +33,45 @@ html, body {
height: 100%; }
@media (min-aspect-ratio: 16 / 9) {
#timelaps video#timelapsvid {
height: 300%;
top: -100%; } }
height: 200%;
top: -50%; } }
@media (max-aspect-ratio: 16 / 9) {
#timelaps video#timelapsvid {
width: 300%;
left: -100%; } }
width: 200%;
left: -50%; } }
#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);
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; }
#timeline .vis-timeline {
border: none; }
@@ -56,18 +80,6 @@ html, body {
#timeline .vis-panel.vis-center, #timeline .vis-panel.vis-top, #timeline .vis-panel.vis-bottom {
border: none; }
#timeline .vis-text {
color: white; }
color: #827f7f; }
#timeline .vis-custom-time.videotime {
background-color: red; }
#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; }
background-color: #2781cc; }