77 lines
1.3 KiB
CSS
77 lines
1.3 KiB
CSS
.mediaInfoItem {
|
|
margin: 0 1em 0 0;
|
|
}
|
|
|
|
i.mediaInfoItem {
|
|
width: 3vh;
|
|
height: 3vh;
|
|
font-size: 3vh;
|
|
margin-right: .6em;
|
|
}
|
|
|
|
.mediaInfoItem:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.starRatingContainer {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
vertical-align: middle;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.starRatingContainer i {
|
|
color: #CB272A;
|
|
width: 3vh;
|
|
height: 3vh;
|
|
font-size: 3vh;
|
|
}
|
|
|
|
.mediaInfoItem.criticRating {
|
|
padding-left: 3.15vh;
|
|
background-position: left center;
|
|
background-repeat: no-repeat;
|
|
background-size: auto 2.6vh;
|
|
min-height: 2.6vh;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.mediaInfoItem.criticRatingFresh {
|
|
background-image: url(fresh.png);
|
|
}
|
|
|
|
.mediaInfoItem.criticRatingRotten {
|
|
background-image: url(rotten.png);
|
|
}
|
|
|
|
.mediaInfoItem.timerIcon {
|
|
color: #CB272A;
|
|
}
|
|
|
|
.mediaInfoProgramAttribute {
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
background: #EF6C00;
|
|
padding: .25em .5em;
|
|
border-radius: .25em;
|
|
}
|
|
|
|
.layout-tv .mediaInfoProgramAttribute {
|
|
font-size: 90%;
|
|
padding: .1em .5em;
|
|
}
|
|
|
|
.layout-tv i.mediaInfoItem {
|
|
width: 4vh;
|
|
height: 4vh;
|
|
font-size: 4vh;
|
|
}
|
|
|
|
.layout-tv .starRatingContainer i {
|
|
width: 3.4vh;
|
|
height: 3.4vh;
|
|
font-size: 3.4vh;
|
|
}
|