updated ui and script BUGY
This commit is contained in:
+1
@@ -0,0 +1 @@
|
||||
#pictures,body,html{position:relative;overflow:hidden}#pictures,#pictures video,#root,body,html{width:100%;height:100%}#map,#timeline{position:absolute;z-index:9;bottom:0;left:0;background-color:rgba(255,255,255,.6);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}#pictures{z-index:5}#pictures video source:not(.1080p){display:none}#timeline{width:67%;margin:1% 0 1% 32%;height:3em}#map{width:30%;margin:1%;height:40%}
|
||||
@@ -4,7 +4,8 @@ html, body {
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
height: 100%;
|
||||
background-color: black; }
|
||||
|
||||
#root {
|
||||
position: relative;
|
||||
@@ -23,19 +24,11 @@ html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden; }
|
||||
#pictures .frame {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
#pictures video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
opacity: 0;
|
||||
transition: opacity 100 ease-in-out; }
|
||||
#pictures .frame.current {
|
||||
opacity: 1; }
|
||||
height: 100%; }
|
||||
#pictures video source:not(.1080p) {
|
||||
display: none; }
|
||||
|
||||
#timeline {
|
||||
position: absolute;
|
||||
@@ -46,7 +39,7 @@ html, body {
|
||||
margin: 1% 0 1% 32%;
|
||||
height: 3em;
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
border-radius: 5px; }
|
||||
border-radius: 2px; }
|
||||
|
||||
#map {
|
||||
position: absolute;
|
||||
@@ -57,4 +50,4 @@ html, body {
|
||||
margin: 1%;
|
||||
height: 40%;
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
border-radius: 5px; }
|
||||
border-radius: 2px; }
|
||||
|
||||
Reference in New Issue
Block a user