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

224 lines
3.5 KiB
Plaintext
Raw Normal View History

@import "../Shared/Styles/card.less";
2013-06-07 03:34:18 +00:00
@import "../Shared/Styles/clickable.less";
2013-06-26 23:45:05 +00:00
@import "../Content/prefixer";
.edit-series-modal, .delete-series-modal {
overflow : visible;
.series-poster {
2013-07-24 04:17:50 +00:00
padding-left: 20px;
width : 168px;
}
.form-horizontal {
margin-top: 10px;
}
}
.delete-series-modal {
.path {
margin-left: 30px;
}
}
.series-item {
2013-06-26 05:42:44 +00:00
padding-bottom : 30px;
:hover {
2013-06-26 05:42:44 +00:00
text-decoration : none;
}
2013-04-21 00:42:28 +00:00
h2 {
2013-06-26 05:42:44 +00:00
margin-top : 0px;
}
2013-04-25 04:27:49 +00:00
a {
2013-06-26 05:42:44 +00:00
color : #000000;
}
2013-04-24 03:11:45 +00:00
}
2013-06-07 03:34:18 +00:00
.series-page-header {
.card(black);
2013-06-26 05:42:44 +00:00
background : #000000;
color : #ffffff;
.opacity(0.9);
padding : 30px 30px;
margin : 50px 10px;
2013-06-07 03:34:18 +00:00
}
.series-season {
.card;
2013-06-26 05:42:44 +00:00
margin : 80px 10px;
padding : 20px 40px;
.opacity(0.9);
2013-06-07 03:34:18 +00:00
}
2013-04-24 03:11:45 +00:00
.series-posters {
2013-06-26 05:42:44 +00:00
list-style-type : none;
2013-04-24 03:11:45 +00:00
li {
2013-06-26 05:42:44 +00:00
display : inline-block;
vertical-align : top;
2013-04-24 03:11:45 +00:00
}
2013-04-25 04:27:49 +00:00
.series-posters-item {
.card;
2013-06-07 03:34:18 +00:00
.clickable;
2013-06-26 05:42:44 +00:00
margin-bottom : 20px;
height : 320px;
2013-04-24 05:53:44 +00:00
2013-04-25 04:27:49 +00:00
.center {
2013-06-26 05:42:44 +00:00
display : block;
margin-left : auto;
margin-right : auto;
text-align : center;
.progress {
text-align: left;
left: 0px;
width: 170px;
.progressbar-front-text {
width: 170px;
}
}
2013-04-25 04:27:49 +00:00
}
2013-04-24 05:53:44 +00:00
2013-04-25 04:27:49 +00:00
.progress {
2013-06-26 05:42:44 +00:00
left : 22px;
margin-top : 5px;
}
2013-04-25 04:27:49 +00:00
.title {
2013-06-26 05:42:44 +00:00
position : absolute;
left : -10000px;
top : auto;
width : 1px;
height : 1px;
overflow : hidden;
2013-04-24 05:53:44 +00:00
}
2013-04-25 04:27:49 +00:00
.labels {
2013-06-26 05:42:44 +00:00
display : inline-block;
.opacity(0.75);
width : 170px;
2013-04-25 04:27:49 +00:00
:hover {
2013-06-26 05:42:44 +00:00
cursor : default;
2013-04-25 04:27:49 +00:00
}
.label {
2013-06-26 05:42:44 +00:00
margin-top : 3px;
display : block;
2013-04-25 04:27:49 +00:00
}
.tooltip {
2013-06-26 05:42:44 +00:00
.opacity(1);
2013-04-25 04:27:49 +00:00
}
}
2013-04-24 05:53:44 +00:00
}
2013-04-25 04:27:49 +00:00
.series-poster-container {
2013-06-26 05:42:44 +00:00
position : relative;
overflow : hidden;
display : inline-block;
2013-04-24 05:53:44 +00:00
2013-04-25 04:27:49 +00:00
.ended-banner {
2013-06-26 05:42:44 +00:00
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));
2013-04-25 18:58:38 +00:00
}
.series-controls {
2013-06-26 05:42:44 +00:00
position : absolute;;
top : 0px;
overflow : hidden;
background-color : #eeeeee;
width : 100%;
text-align : right;
padding-right : 20px;
.opacity(0.8);
display : none;
2013-04-25 04:27:49 +00:00
}
2013-06-07 05:54:56 +00:00
.series-poster {
2013-06-26 05:42:44 +00:00
width : 168px;
2013-06-07 05:54:56 +00:00
}
2013-04-24 05:53:44 +00:00
}
}
2013-06-07 03:34:18 +00:00
.series-detail-overview {
2013-06-26 05:42:44 +00:00
margin-bottom : 50px;
}
2013-06-26 00:33:17 +00:00
.series-season {
.episode-number-cell {
2013-06-26 05:42:44 +00:00
width : 22px;
2013-06-26 00:33:17 +00:00
}
.episode-air-date-cell {
2013-06-26 05:42:44 +00:00
width : 150px;
2013-06-26 00:33:17 +00:00
}
.episode-status-cell {
2013-06-26 05:42:44 +00:00
width : 100px;
2013-06-26 00:33:17 +00:00
}
.episode-title-cell {
2013-06-26 05:42:44 +00:00
cursor : pointer;
2013-06-26 00:33:17 +00:00
}
}
.episode-detail-modal {
.episode-overview {
2013-06-26 05:42:44 +00:00
font-style : italic;
2013-06-26 00:33:17 +00:00
}
.episode-file-info {
2013-06-26 05:42:44 +00:00
margin-top : 30px;
font-size : 12px;
2013-06-26 00:33:17 +00:00
}
.search-buttons {
width : 400px;
margin-left : auto;
margin-right : auto;
}
2013-06-26 00:33:17 +00:00
}
.season-grid {
.toggle-cell {
width : 12px;
text-align : center;
2013-06-26 00:33:17 +00:00
}
2013-07-10 02:11:00 +00:00
.toggle-cell {
i {
.clickable;
}
}
2013-06-26 00:33:17 +00:00
}
.season-actions, .series-actions {
font-size : 24px;
text-transform : none;
2013-07-10 00:25:15 +00:00
i {
.clickable;
}
2013-06-26 00:33:17 +00:00
}