randogoth/scopesessions.org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

first steps to implement video showcase

Browse source
This commit is contained in:
Alex Corbi 2017-01-13 18:12:02 +01:00
parent 94c3764e3e
commit b097157426
400 changed files with 3101 additions and 806 deletions
Download patch file Download diff file Expand all files Collapse all files

109
css/video.css Normal file
View file

@ -0,0 +1,109 @@
#video-roster {
background-color:#000;
margin:0;
padding:0;
}
.videobox
{
display:block;
float:left;
width:240px;
height:180px;
margin-top:4px;
margin-left:2px;
margin-right:2px;
opacity:.5;
text-align:center;
padding:20px;
}
.videobox:hover
{
opacity:1;
}
.videobox .video-title
{
color:#fff;
font-size:1.1em;
text-align:left;
}
.videobox .video-description, .videobox .tags
{
display:none;
}
#videotext
{
width:40%;
background-color:#fff;
opacity:.8;
position:fixed;
z-index:100;
right:20px;
top:20px;
display:none;
padding:30px;
}
#videotext .video-title
{
color:#000;
font-size: 1.7em;
background-color:none;
}
#videotext .tags
{
font-weight:lighter;
}
#videotext .video-description
{
display:block;
font-size: 1em;
}
.playbutton
{
width:60px;
margin-top:30px;
display:none;
pointer-events: none;
}
#videoplayer
{
display:block;
position:fixed;
z-index:1000;
width:100%;
height:100%;
display:none;
background:#000;
}
#player
{
display:block;
width:80%;
height:80%;
margin:5% auto;
background:#000;
}
#close-button
{
position:fixed;
z-index:1001;
display:block;
width:50px;
height:50px;
top:0;
right:0;
background-image:url("/images/close-button-large.png");
background-size:cover;
}