2018-01-18 02:28:47 +00:00
|
|
|
.innerContentBody {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header {
|
|
|
|
position: relative;
|
|
|
|
width: 100%;
|
|
|
|
height: 310px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.backdrop {
|
|
|
|
position: absolute;
|
|
|
|
z-index: -1;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
background-size: cover;
|
|
|
|
}
|
|
|
|
|
|
|
|
.backdropOverlay {
|
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
background: $black;
|
|
|
|
opacity: 0.7;
|
|
|
|
}
|
|
|
|
|
|
|
|
.headerContent {
|
|
|
|
display: flex;
|
|
|
|
padding: 30px;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
color: $white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo {
|
|
|
|
flex-shrink: 0;
|
|
|
|
margin-right: 35px;
|
|
|
|
width: 250px;
|
|
|
|
height: 97px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.cover {
|
|
|
|
flex-shrink: 0;
|
|
|
|
margin-right: 35px;
|
|
|
|
width: 250px;
|
|
|
|
height: 250px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.info {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-grow: 1;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.titleRow {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
flex: 0 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.titleContainer {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
margin-bottom: 5px;
|
|
|
|
font-weight: 300;
|
|
|
|
font-size: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.alternateTitlesIconContainer {
|
|
|
|
margin-left: 20px;
|
|
|
|
line-height: 50px;
|
|
|
|
}
|
|
|
|
|
2018-11-11 03:30:21 +00:00
|
|
|
.albumNavigationButtons {
|
|
|
|
white-space: nowrap;
|
2018-01-18 02:28:47 +00:00
|
|
|
}
|
|
|
|
|
2018-11-11 03:30:21 +00:00
|
|
|
.albumNavigationButton {
|
2018-01-18 02:28:47 +00:00
|
|
|
composes: button from 'Components/Link/IconButton.css';
|
|
|
|
|
|
|
|
margin-left: 5px;
|
2018-11-11 03:30:21 +00:00
|
|
|
width: 30px;
|
2018-01-18 02:28:47 +00:00
|
|
|
color: #e1e2e3;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.details {
|
|
|
|
font-weight: 300;
|
|
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.runtime {
|
|
|
|
margin-right: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.detailsLabel {
|
|
|
|
composes: label from 'Components/Label.css';
|
|
|
|
|
|
|
|
margin: 5px 10px 5px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sizeOnDisk,
|
|
|
|
.qualityProfileName,
|
|
|
|
.tags {
|
|
|
|
margin-left: 8px;
|
|
|
|
font-weight: 300;
|
|
|
|
font-size: 17px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.overview {
|
|
|
|
flex: 1 0 auto;
|
|
|
|
min-height: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.contentContainer {
|
|
|
|
padding: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: $breakpointSmall) {
|
|
|
|
.contentContainer {
|
|
|
|
padding: 20px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.headerContent {
|
|
|
|
padding: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: $breakpointLarge) {
|
|
|
|
.cover {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|