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

added teaser

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2016-07-02 15:57:34 +02:00
parent 8adb390d91
commit d1f0108eb0
8 changed files with 80 additions and 4 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%}#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}
#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}#header,body.teasing #mapin,body.teasing #mapout,body.teasing #timelaps{display:none}body,html{margin:0;padding:0;background-color:#000}#root{position:relative}#header{position:absolute;z-index:10;top:0;left: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: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)}#teaser,#teaser .layer{width:100%;height:100%;top:0;left:0;position:absolute}#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}#teaser{z-index:50;background-color:#000;background-image:url(../assets/lagare.png);background-size:cover;background-repeat:no-repeat}#teaser .layer{background-color:rgba(0,0,0,.7)}#teaser .popup{position:absolute;background-color:rgba(0,0,0,.8);width:20%;left:50%;top:45%;margin-left:-10%;border-radius:4px}#teaser .popup h1{color:#fff;text-align:center;font-family:monospace}
www/public_html/css/styles.css
+34
View File
@@ -83,3 +83,37 @@ html, body {
color: #827f7f; }
#timeline .vis-custom-time.videotime {
background-color: #2781cc; }
#teaser {
position: absolute;
z-index: 50;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
background-image: url(../assets/lagare.png);
background-size: cover;
background-repeat: no-repeat; }
#teaser .layer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7); }
#teaser .popup {
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
width: 20%;
left: 50%;
top: 45%;
margin-left: -10%;
border-radius: 4px; }
#teaser .popup h1 {
color: #fff;
text-align: center;
font-family: monospace; }
body.teasing #timelaps, body.teasing #mapin, body.teasing #mapout {
display: none; }