|
|
|
@ -1,5 +1,4 @@
|
|
|
|
|
$ombi-primary:#3f3f3f;
|
|
|
|
|
$card-background: #2b2b2b;
|
|
|
|
|
@import "~styles/variables.scss";
|
|
|
|
|
|
|
|
|
|
#cardImage {
|
|
|
|
|
border-radius: 5px;
|
|
|
|
@ -141,19 +140,20 @@ small {
|
|
|
|
|
|
|
|
|
|
.card-top-info{
|
|
|
|
|
position: absolute;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
top: 0px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
background-color: rgba(15,23,31,0.6);
|
|
|
|
|
background-color: rgba(15,23,31,0.7);
|
|
|
|
|
display:flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding-top:0.6em;
|
|
|
|
|
padding-bottom:0.3em;
|
|
|
|
|
z-index:2;
|
|
|
|
|
letter-spacing: 0.2px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.top-left {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-weight:200;
|
|
|
|
|
padding-left: 0.5em;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
@ -161,6 +161,7 @@ small {
|
|
|
|
|
/* common */
|
|
|
|
|
.top-right{
|
|
|
|
|
display:flex;
|
|
|
|
|
font-weight:200;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.top-right span.indicator, span.indicator-text {
|
|
|
|
@ -247,7 +248,7 @@ a.poster-overlay:hover{
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
margin-top: -37px;
|
|
|
|
|
margin-top: -36px;
|
|
|
|
|
margin-bottom: 0px;
|
|
|
|
|
opacity:0;
|
|
|
|
|
transition: .5s ease;
|
|
|
|
@ -261,4 +262,8 @@ a.poster-overlay:hover{
|
|
|
|
|
|
|
|
|
|
.c:hover .button-request-container {
|
|
|
|
|
opacity:1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn-ombi{
|
|
|
|
|
background-color:$ombi-active-text;
|
|
|
|
|
}
|