optimized design - 1st step

This commit is contained in:
Kiritan Flux 2017-01-22 20:41:28 +01:00
parent b560599a4d
commit 327858e6c0

View file

@ -31,19 +31,20 @@
#videotext #videotext
{ {
width:40%; width:40%;
background-color:#fff; background-color:#000;
opacity:.9; opacity:.8;
position:fixed; position:fixed;
z-index:100; z-index:10000;
right:20px; right:50px;
top:20px; bottom: 50px;
display:none; display:none;
padding:30px; padding:30px;
color:#000; color:#fff;
} }
#videotext .video-title #videotext .video-title
{ {
color:#fff;
font-size: 1.7em; font-size: 1.7em;
background-color:none; background-color:none;
} }
@ -65,8 +66,12 @@
.playbutton .playbutton
{ {
display:block;
position:absolute;
top:70px;
left:90px;
z-index:1000000;
width:60px; width:60px;
margin-top:30px;
display:none; display:none;
pointer-events: none; pointer-events: none;
} }
@ -75,6 +80,8 @@
{ {
display:block; display:block;
position:fixed; position:fixed;
top:0;
left:0;
z-index:1000; z-index:1000;
width:100%; width:100%;
height:100%; height:100%;
@ -94,12 +101,12 @@
#close-button #close-button
{ {
position:fixed; position:fixed;
z-index:1001; z-index:1000001;
display:block; display:block;
width:50px; width:50px;
height:50px; height:50px;
top:0; top:90px;
right:0; right:30px;
background-image:url("/images/close-button-large.png"); background-image:url("/images/close-button-large.png");
background-size:cover; background-size:cover;
} }
@ -111,4 +118,4 @@
.filter-button-group button{ .filter-button-group button{
color: #000; color: #000;
margin-bottom: 4px; margin-bottom: 4px;
} }