195 lines
3.0 KiB
Plaintext
195 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 {
|
|
.card(black);
|
|
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, .series-actions {
|
|
font-size : 24px;
|
|
text-transform: none;
|
|
|
|
i {
|
|
.clickable;
|
|
}
|
|
}
|