sonarr-repo-only/UI/Series/series.less

194 lines
3.0 KiB
Plaintext

@import "../Shared/Styles/card.less";
@import "../Shared/Styles/clickable.less";
@import "../Content/prefixer";
.series-item {
padding-bottom : 30px;
:hover {
text-decoration : none;
}
h2 {
margin-top : 0px;
}
a {
color : #000000;
}
}
.series-page-header {
background : #000000;
color : #ffffff;
.opacity(0.9);
padding : 30px 30px;
margin : 50px 10px;
}
.series-season {
.card;
margin : 80px 10px;
padding : 20px 40px;
.opacity(0.9);
}
.series-posters {
list-style-type : none;
li {
display : inline-block;
vertical-align : top;
}
.series-posters-item {
.card;
.clickable;
margin-bottom : 20px;
height : 295px;
.center {
display : block;
margin-left : auto;
margin-right : auto;
text-align : center;
}
.progress {
left : 22px;
margin-top : 5px;
}
.title {
position : absolute;
left : -10000px;
top : auto;
width : 1px;
height : 1px;
overflow : hidden;
}
.labels {
display : inline-block;
.opacity(0.75);
width : 170px;
:hover {
cursor : default;
}
.label {
margin-top : 3px;
display : block;
}
.tooltip {
.opacity(1);
}
}
}
.series-poster-container {
position : relative;
overflow : hidden;
display : inline-block;
.ended-banner {
color : #eeeeee;
background-color : #b94a48;
.box-shadow(2px 2px 20px #888888);
-moz-transform-origin : 50% 50%;
-webkit-transform-origin : 50% 50%;
position : absolute;
width : 300px;
top : 175px;
left : -122px;
text-align : center;
.opacity(0.9);
.transform(rotate(45deg));
}
.series-controls {
position : absolute;;
top : 0px;
overflow : hidden;
background-color : #eeeeee;
width : 100%;
text-align : right;
padding-right : 20px;
.opacity(0.8);
display : none;
}
.series-poster {
width : 168px;
}
}
}
.series-detail-overview {
margin-bottom : 50px;
}
.series-season {
.episode-number-cell {
width : 22px;
}
.episode-air-date-cell {
width : 150px;
}
.episode-status-cell {
width : 100px;
}
.episode-title-cell {
cursor : pointer;
}
}
.episode-detail-modal {
.episode-overview {
font-style : italic;
}
.episode-file-info {
margin-top : 30px;
font-size : 12px;
}
.search-buttons {
width: 400px;
margin-left: auto;
margin-right: auto;
}
}
.season-grid {
.toggle-cell {
width : 12px;
text-align: center;
}
.toggle-cell {
i {
.clickable;
}
}
}
.season-actions {
font-size : 24px;
text-transform: none;
i {
.clickable;
}
}