@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; } } .season-actions { font-size : 24px; i { .clickable; } }