77 lines
1009 B
CSS
77 lines
1009 B
CSS
|
.movietile{
|
||
|
|
||
|
height: 330px;
|
||
|
width: 200px;
|
||
|
float: left;
|
||
|
margin: 10px;
|
||
|
background-color: #F0F0F0;
|
||
|
position: relative;
|
||
|
|
||
|
cursor: pointer;
|
||
|
border-radius: 25px;
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
.movietile:hover{
|
||
|
opacity: 0.7;
|
||
|
}
|
||
|
|
||
|
.movietile-text{
|
||
|
position: absolute;
|
||
|
text-align: center; /* todo doesnt work */
|
||
|
bottom: 0;
|
||
|
}
|
||
|
|
||
|
.movietile-thumbnail{
|
||
|
height: 300px;
|
||
|
border-radius: 25px;
|
||
|
}
|
||
|
|
||
|
#moviespace{
|
||
|
|
||
|
}
|
||
|
|
||
|
#moviespace-video{
|
||
|
max-width: 100%;
|
||
|
max-height: 100%;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
display: inline-block;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
.hideit{
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.moviespace-heading{
|
||
|
float: left;
|
||
|
margin-left: 20px;
|
||
|
margin-top: 20px;
|
||
|
}
|
||
|
|
||
|
.moviespace-backbutton{
|
||
|
float: left;
|
||
|
cursor: pointer;
|
||
|
color: white;
|
||
|
background-color: #404D5E;
|
||
|
border: none;
|
||
|
transition: all 0.2s ease-in-out;
|
||
|
width: 20%;
|
||
|
height: 40px;
|
||
|
margin-top: 20px;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
|
||
|
.moviespace-backbutton:hover{
|
||
|
background: #E0B612;
|
||
|
color: white;
|
||
|
|
||
|
}
|
||
|
|
||
|
.btnloadmore{
|
||
|
/* position: absolute;
|
||
|
bottom:0%; */
|
||
|
}
|