Overhaul displayShow for new features

* Change overhaul displayShow to ready for new features * Add section for show plot to displayShow * Add option to view show background on displayShow (transparent and opaque) for when background downloading is added (disabled) * Add option to collapse seasons and leave current season open on displayShow (disabled) * Add filesize to episode location qtip on displayShow * Change selected options from editShow will only show when enabled now on displayShow
10 years ago · c1fe671a82
9 changed files with 520 additions and 337 deletions
--- a/CHANGES.md
+++ b/CHANGES.md
@ -68,6 +68,12 @@
 * Fix release group not recognised from manually downloaded filename
 * Change to gracefully handle some "key not found" failures when TVDB or TVRage return "Not Found" during show updates
 * Change no longer stamp files where airdates are never
+* Change overhaul displayShow to ready for new features
+* Add section for show plot to displayShow
+* Add option to view show background on displayShow (transparent and opaque) for when background downloading is added (disabled)
+* Add option to collapse seasons and leave current season open on displayShow (disabled)
+* Add filesize to episode location qtip on displayShow
+* Change selected options from editShow will only show when enabled now on displayShow

 [develop changelog]
 * Fix traceback error when using the menu item Manage/Update Kodi
--- a/gui/slick/css/dark.css
+++ b/gui/slick/css/dark.css
@ -195,10 +195,6 @@ inc_top.tmpl
 inc_bottom.tmpl
 ========================================================================== */

-.footer{
-	color:#fff
-}
-
 .footerhighlight{
 	color:#09A2FF
 }
@ -358,43 +354,16 @@ displayShow.tmpl
 	filter:none
 }

-h1.title{
-	border-bottom:1px solid #555
-}
-
-ul.tags li{
-	background:url(../images/tag.png) no-repeat scroll 5px 4px #15528F;
-	border:1px solid #111;
-	color:#FFF;
-	text-shadow:0 1px rgba(0, 0, 0, 0.8)
-}
-
-ul.tags li a{
-	color:#FFF
-}
-
 .tvshowImg{
 	border:1px solid #111
 }

-#summary{
-	background-color:#3d3d3d;
-	border:1px solid #111
-}
-
 .sickbeardTable tr.header td,
 .sickbeardTable th{
 	color:#fff;
 	background-color:#15528F
 }

-.sickbeardTable tr.header td,
-.sickbeardTable th,
-.sickbeardTable td{
-	border-top:1px solid #222;
-	border-left:1px solid #222
-}
-
 th.row-seasonheader{
 	border:none;
 	background-color:transparent;
@ -406,6 +375,30 @@ tr.seasonheader{
 	border:none
 }

+.display-details{
+	background-color:#3d3d3d;
+	border:1px solid #111
+}
+
+.display-details-transparent{
+	background:rgba(0,0,0,0.5);
+	border:1px solid rgba(0,0,0,0.5)
+}
+
+.info-tag-bg,
+.genre-tag-bg{
+	background-color:#15528F
+}
+
+.info-tag-nobg,
+.genre-tag-nobg{
+	background-color:#15528F
+}
+
+.paused-highlight{
+	color:#09A2FF
+}
+
 /* =======================================================================
 episodeView.tmpl
 ========================================================================== */
--- a/gui/slick/css/light.css
+++ b/gui/slick/css/light.css
@ -183,12 +183,8 @@ inc_top.tmpl
 inc_bottom.tmpl
 ========================================================================== */

-.footer{
-	color:#4e4e4e
-}
-
 .footerhighlight{
-	color:#111
+	color:#428BCA
 }

 /* =======================================================================
@ -348,41 +344,15 @@ displayShow.tmpl
 	filter:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale")
 }

-h1.title{
-	border-bottom:1px solid #888
-}
-
-ul.tags li{
-	background:url(../images/tag.png) no-repeat scroll 5px 4px #555;
-	border:1px solid #111;
-	color:#FFF;
-	text-shadow:0 1px rgba(0, 0, 0, 0.8)
-}
-
-ul.tags li a{
-	color:#FFF
-}
-
 .tvshowImg{
 	border:1px solid #ccc
 }

-#summary{
-	background-color:#efefef;
-	border:1px solid #dfdede
-}
-
 .sickbeardTable th{
 	color:#fff;
 	background-color:#333
 }

-.sickbeardTable th, 
-.sickbeardTable td{
-	border-top:1px solid #fff;
-	border-left:1px solid #fff
-}
-
 th.row-seasonheader{
 	border:none;
 	background-color:transparent;
@ -394,6 +364,30 @@ tr.seasonheader{
 	color:#000
 }

+.display-details{
+	background-color:#efefef;
+	border:1px solid #dfdede
+}
+
+.display-details-transparent{
+	background:rgba(0,0,0,0.5);
+	border:1px solid rgba(0,0,0,0.5)
+}
+
+.info-tag-bg,
+.genre-tag-bg{
+	background-color:#215f2f
+}
+
+.info-tag-nobg,
+.genre-tag-nobg{
+	background-color:#555
+}
+
+.paused-highlight{
+	color:#C7DB40
+}
+
 /* =======================================================================
 episodeView.tmpl
 ========================================================================== */
--- a/gui/slick/css/style.css
+++ b/gui/slick/css/style.css
@ -5,7 +5,6 @@ fonts
 /* Regular */
@font-face{
 	font-family:'Open Sans';
-
 	src:url('fonts/OpenSans-Regular-webfont.eot');
 	src:url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
 		url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
@ -498,13 +497,11 @@ inc_bottom.tmpl
 .footer{
 	width:100%;
 	padding:20px 0;
-	color:#4e4e4e;
 	text-align:center;
 	font-size:12px
 }

 .footerhighlight{
-	color:#111;
 	display:inline
 }

@ -1073,9 +1070,38 @@ home_postprocess.tmpl
 displayShow.tmpl 
 ========================================================================== */

+.background-container{
+	position:fixed;
+	top:0;
+	right:0;
+	bottom:0;
+	left:0;
+	z-index:-1
+}
+
+.background{
+	position:absolute;
+	top:0;
+	right:0;
+	bottom:0;
+	left:0;
+	background-position:center center;
+	background-size:cover
+}
+
+.background-transparent:after{
+	position:absolute;
+	content:"";
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+	background:rgba(0,0,0,.5)
+}
+
 #posterCol{
 	float:left;
-	margin:3px 10px 20px 0
+	margin:0 10px 20px 0
 }

 #showCol{
@ -1083,42 +1109,90 @@ displayShow.tmpl
 	margin-bottom:20px
 }

-.navShow{
-	display:inline;
-	cursor:pointer
+.display-show-container{
+	margin-top:10px
 }

-#prevShow,
-#nextShow,
-#topcontrol{
-	-webkit-filter:grayscale(100%);
-	filter:grayscale(100%);
-	filter:gray;
-	filter:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale")
+.display-show{
+	margin:30px 0
 }

-h1.title{
-	padding-bottom:12px;
-	margin-bottom:15px;
-	line-height:30px;
-	text-align:left;
-	text-rendering:optimizelegibility;
-	border-bottom:1px solid #888
+.display-season{
+	background:rgba(0,0,0,0.5);
+	border-radius:3px;
+	padding:10px
 }

-.displayspecials{
-	position:relative;
-	top:-24px
+.display-details,
+.display-details-transparent{
+	border-radius:3px;
+	padding:8px 10px;
+	margin-bottom:20px
 }

-#showinfo{
+#details-wrapper{
+	float:left;
+	width:100%;
+	position:relative;
 	cursor:default
 }

-#showinfo{
+#details-top{
+	height:70px
+}
+
+#details-bottom{
 	display:inline-block;
-	position:relative;
-	top:-3px
+	width:100%
+}
+
+#details-bottom .label{
+	line-height:24px;
+	cursor:default
+}
+
+#details-right{
+	width:250px;
+	float:right;
+	margin-left:15px
+}
+
+#details-right .flag{
+	margin-right:4px;
+	vertical-align:baseline
+}
+
+.details-plot{
+	min-height:217px;
+	overflow:hidden
+}
+
+.show-class{
+	padding-bottom:5px
+}
+
+.title{
+	margin:0;
+	text-align:left;
+	white-space:nowrap;
+	overflow:hidden;
+	text-overflow:ellipsis;
+	height:42px
+}
+
+.genre-tag-bg,
+.genre-tag-nobg{
+	padding:3px 4px 3px 22px;
+	background:url(../images/tag.png) no-repeat scroll 4px 3px;
+	cursor:default
+}
+
+.genre-tag-bg a,
+.genre-tag-bg a:hover,
+.genre-tag-nobg a,
+.genre-tag-nobg a:hover{
+	color:#fff;
+	text-decoration:none
 }

 span.imdbstars{
@ -1127,82 +1201,77 @@ span.imdbstars{
 	vertical-align:baseline;
 	cursor:help
 }
+
 span.imdbstars > *{
 	background-position:0 0 !important;
 	max-width:120px
 }
+
 span.imdbstars, span.imdbstars > *{
 	height:12px;
 	width:120px;
 	display:inline-block;
 	font-size:10px;
-	background:url(../images/rating.png) 0 -12px repeat-x;
-	margin-bottom:-1px
+	background:url(../images/rating.png) 0 -12px repeat-x
 }

-#showinfo .flag{
-	margin:0 3px 1px 0;
-	vertical-align:middle
+.moreless{
+	margin-top:-3px
 }

-#showinfo .imdb-info{
-	margin:0 3px 0 0
+.no-plot{
+	font-style: italic
 }

-#showinfo a.service{
-	margin:0 3px 0 0;
-	font-size:16px
+.paused{
+	font-size:200px;
+	text-align:center;
+	position:absolute;
+	margin:0 auto;
+	left:0;
+	right:0;
+	padding-top:25px;
+	opacity:.3
 }

-#showinfo a.service img{
-	margin-bottom:1px
+.paused-outline{
+	text-shadow:5px 5px 10px #000
 }

-ul.tags{
-	list-style-type:none;
-	position:relative;
-	top:-5px;
-	margin-left:-40px
+.qtip-maxwidth {
+	max-width:1000px
 }

-ul.tags li{
-	margin-right:4px;
-	margin-bottom:5px;
-	padding:3px 7px 3px 23px;
-	background:url(../images/tag.png) no-repeat scroll 5px 4px #555;
-	border-radius:3px;
-	border:1px solid #111;
-	color:#FFF;
-	font:14px/18px "Open Sans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
-	text-shadow:0 1px rgba(0, 0, 0, 0.8);
-	float:left
+.season-status {
+	font-size:12px;
+	vertical-align:middle
 }

-ul.tags li a{
-	color:#FFF
+.navShow{
+	display:inline;
+	cursor:pointer
 }

-.tvshowImg{
-	border:1px solid #ccc;
-	border-radius:5px;
-	height:311px;
-	width:auto;
-	float:left
+#prevShow,
+#nextShow,
+#topcontrol{
+	-webkit-filter:grayscale(100%);
+	filter:grayscale(100%);
+	filter:gray;
+	filter:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale")
 }

-#summary{
-	padding:10px;
-	background-color:#efefef;
-	border:1px solid #dfdede;
-	width:100%;
-	height:250px;
-	overflow:auto;
-	cursor:default
+a.service img{
+	margin-bottom:-2px;
+	vertical-align:baseline
 }

-.summaryTable{
-	max-width:70%;
-	overflow:hidden
+.tvshowImg{
+	border:1px solid #ccc;
+	border-radius:3px;
+	height:329px;
+	width:auto;
+	float:left
 }

 #checkboxControls{
@ -1312,8 +1381,8 @@ span.snatched b{
 .sickbeardTable{
 	table-layout:auto;
 	width:100%;
-	border-collapse:collapse;
-	border-spacing:0;
+	border-collapse:separate !important;
+	border-spacing:1px;
 	text-align:center;
 	border:none;
 	empty-cells:show;
@ -1335,8 +1404,6 @@ span.snatched b{
 .sickbeardTable tr.header td,
 .sickbeardTable th,
 .sickbeardTable td{
-	border-top:1px solid #fff;
-	border-left:1px solid #fff;
 	padding:4px
 }

@ -1346,12 +1413,14 @@ span.snatched b{

 th.row-seasonheader{
 	border:none;
-	background-color:#fff;
-	color:#000;
-	padding-top:15px;
+	background-color:transparent !important;
 	text-align:left
 }

+th.row-seasonheader h3{
+	margin:0
+}
+
 tr.seasonheader{
 	padding-bottom:5px;
 	padding-top:10px;
@ -1420,25 +1489,6 @@ td.col-search{
 	width:46px
 }

-.showLegend{
-	padding-right:6px;
-	padding-bottom:1px;
-	width:150px;
-	vertical-align:top
-}
-
-.options-on-right{
-	width:180px;
-	float:right;
-	vertical-align:middle;
-	height:100%
-}
-
-.options-on-right .showLegendRight{
-	padding-right:6px;
-	padding-bottom:1px
-}
-
 .input-scene{
 	height:20px;
 	line-height:1.5;
@ -1446,8 +1496,6 @@ td.col-search{
 }

 #editShow{
-	/*width:700px;
-	padding-top:10px;*/
 	margin-right:auto;
 	margin-left:auto;
 	padding:15px 0 0
--- a/gui/slick/interfaces/default/config_general.tmpl
+++ b/gui/slick/interfaces/default/config_general.tmpl
@ -247,8 +247,42 @@
 								</span>
 							</label>
 						</div>
+<!-- New stuff
+						<div class="field-pair">
+							<label for="display_background">
+								<span class="component-title">Display background</span>
+								<span class="component-desc">
+									<input type="checkbox" class="enabler" name="display_background" id="display_background" #if $sickbeard.DISPLAY_BACKGROUND then 'checked="checked"' else ''#>
+									<p>on the show summary page</p>
+								</span>
+							</label>
+						</div>
+						
+						<div class="field-pair" id="content_display_background">
+							<label for="display_background_transparent">
+								<span class="component-title">Background transparency</span>
+								<span class="component-desc">
+									<label for="background_transparent">
+										<input type="radio" name="display_background_transparent" id="background_transparent" value="transparent" #if $sickbeard.DISPLAY_BACKGROUND_TRANSPARENT == 'transparent' then 'checked="checked"' else ''#>transparent
+									</label>
+									<label for="background_opaque">
+										<input type="radio" name="display_background_transparent" id="background_opaque" value="opaque" #if $sickbeard.DISPLAY_BACKGROUND_TRANSPARENT == 'opaque' then 'checked="checked"' else ''#>opaque
+									</label>
+								</span>
+							</label>
+						</div>

 						<div class="field-pair">
+							<label for="display_all_seasons">
+								<span class="component-title">Show all seasons</span>
+								<span class="component-desc">
+									<input type="checkbox" name="display_all_seasons" id="display_all_seasons" #if $sickbeard.DISPLAY_ALL_SEASONS then 'checked="checked"' else ''#>
+									<p>on the show summary page</p>
+								</span>
+							</label>
+						</div>
+-->
+						<div class="field-pair">
 							<label for="home_search_focus">
 								<span class="component-title">Give show list search focus</span>
 								<span class="component-desc">
@ -346,7 +380,7 @@
 					<div class="component-group-desc">
 						<h3>Web Interface</h3>
 						<p>It is recommended that you enable a username and password to secure SickGear from being tampered with remotely.</p>
-						<p><b class="boldest">These options require a manual restart to take effect.</b></p>
+						<p><b>These options require a manual restart to take effect.</b></p>
 					</div>

 					<fieldset class="component-group-list">
@ -600,7 +634,7 @@
 				</div><!-- /component-group3 //-->

 				<br/>
-				<h6 class="pull-right"><b class="boldest">All non-absolute folder locations are relative to <span class="path">$sickbeard.DATA_DIR</span></b></h6>
+				<h6 class="pull-right"><b>All non-absolute folder locations are relative to <span class="path">$sickbeard.DATA_DIR</span></b></h6>
 				<input type="submit" class="btn pull-left config_submitter button" value="Save Changes">

 			</div><!-- /config-components -->
--- a/gui/slick/interfaces/default/displayShow.tmpl
+++ b/gui/slick/interfaces/default/displayShow.tmpl
@ -24,6 +24,7 @@
 #end if
 <script type="text/javascript" src="$sbRoot/js/ajaxEpSearch.js?$sbPID"></script>
 <script type="text/javascript" src="$sbRoot/js/ajaxEpSubtitles.js?$sbPID"></script>
+<script type="text/javascript" src="$sbRoot/js/lib/jquery.collapser.min.js?$sbPID"></script>
 <script type="text/javascript" charset="utf-8">
 <!--
 \$(document).ready(function(){
@ -43,7 +44,7 @@
        $(this).qtip({
            show: {solo:true},
            position: {viewport:$(window), my:'left center', adjust:{ y: -10, x: 2 }},
-            style: {classes:'qtip-rounded qtip-shadow'}
+            style: {classes:'qtip-rounded qtip-shadow qtip-maxwidth'}
        });
    });
 #end raw
@ -58,6 +59,23 @@
 //-->
 </script>

+#if $sickbeard.DISPLAY_BACKGROUND:
+
+<style type="text/css">
+body{color:#fff}
+th.row-seasonheader h3{color:#fff}
+.tvshowImg{border-color:rgba(0,0,0,0.5)}
+#if $sickbeard.THEME_NAME == 'light':
+a,.footerhighlight{color:#C7DB40}
+a:hover,a:focus{color:#9FAF33}
+#end if
+</style>
+
+	<div class="background-container">
+		<div style="background-image: url('<!-- background here -->');" class="background #if $sickbeard.DISPLAY_BACKGROUND_TRANSPARENT == 'transparent' then 'background-transparent' else ''#"></div>
+	</div>
+#end if
+
 	<div class="pull-left form-inline">
 		Change Show:
 		<div class="navShow"><img id="prevShow" src="$sbRoot/images/prev.png" alt="&lt;&lt;" title="Prev Show" /></div>
@ -80,12 +98,34 @@
 		<div class="navShow"><img id="nextShow" src="$sbRoot/images/next.png" alt="&gt;&gt;" title="Next Show" /></div>
 	</div>

-	<div class="clearfix"></div>
+	<div class="clearfix" style="margin-bottom:15px"></div>

-	<div id="showtitle" data-showname="$show.name">
-		<h1 class="title" id="scene_exception_$show.indexerid"><span>$show.name</span></h1>
+#if $show_message:
+	<div class="alert alert-info">
+		$show_message
 	</div>
+#end if
+
+#if $sickbeard.DISPLAY_BACKGROUND:
+    #set $infotag = 'info-tag-bg'
+    #set $genretag = 'genre-tag-bg'
+#else
+    #set $infotag = 'info-tag-nobg'
+    #set $genretag = 'genre-tag-nobg'
+#end if
+	<div class="display-show-container">
+		<div id="posterCol" class="hidden-xs">
+			<a href="$sbRoot/showPoster/?show=$show.indexerid&amp;which=poster" rel="dialog" title="View Poster for $show.name"><img src="$sbRoot/showPoster/?show=$show.indexerid&amp;which=poster_thumb" class="tvshowImg" alt=""/></a>
+		</div>
 	
+		<div id="showCol" class="#if $sickbeard.DISPLAY_BACKGROUND then 'display-details-transparent' else 'display-details'#">
+#if int($show.paused) == 1:
+			<div class="paused paused-highlight">
+				<i class="sgicon-pause paused-outline"></i>
+			</div>
+#end if
+			<div id="details-wrapper">
+				<div id="details-right">
 #if $seasonResults:
    ##There is a special/season_0?##
    #set $season_special = (0, 1)[0 == int($seasonResults[-1]['season'])]
@ -93,191 +133,196 @@
    #if not $sickbeard.DISPLAY_SHOW_SPECIALS and $season_special:
 	$seasonResults.pop(-1)
    #end if
-
-	<span class="h2footer displayspecials pull-right">
+					<div>
    #if $season_special:
-		Display Specials:
+						<strong>Display Specials: </strong>
        #if sickbeard.DISPLAY_SHOW_SPECIALS:
-		<a class="inner" href="$sbRoot/toggleDisplayShowSpecials/?show=$show.indexerid">Hide</a>
+						<a class="inner" href="$sbRoot/toggleDisplayShowSpecials/?show=$show.indexerid">Hide</a>
        #else:
-		<a class="inner" href="$sbRoot/toggleDisplayShowSpecials/?show=$show.indexerid">Show</a>
+						<a class="inner" href="$sbRoot/toggleDisplayShowSpecials/?show=$show.indexerid">Show</a>
        #end if
    #end if
-	</span>
-		
-	<div class="h2footer pull-right">
-		<span>
-    #if (len($seasonResults) > 14):
-			<select id="seasonJump" class="form-control input-sm" style="position: relative; top: -4px;">
-				<option value="jump">Jump to Season</option>
+					</div>
+					<div>
+						<strong>Season: </strong>
+    #if (len($seasonResults) > 11):
+						<select id="seasonJump" class="form-control form-control-inline input-sm">
+							<option value="jump">Jump to Season</option>
        #for $seasonNum in $seasonResults:
-				<option value="#season-$seasonNum['season']">#if 0 == int($seasonNum['season']) then 'Specials' else 'Season ' + str($seasonNum['season'])#</option>
+							<option value="#season-$seasonNum['season']">#if 0 == int($seasonNum['season']) then 'Specials' else 'Season ' + str($seasonNum['season'])#</option>
        #end for
-			</select>
+						</select>
    #else:
-			Season:
        #for $seasonNum in $seasonResults:
            #if 0 == int($seasonNum['season']):
-			<a href="#season-$seasonNum['season']">Specials</a>
+						<a href="#season-$seasonNum['season']">Specials</a>
            #else:
-			<a href="#season-$seasonNum['season']">${str($seasonNum['season'])}</a>
-            #end if
-            #if $seasonNum != $seasonResults[-1]:
-			<span class="separator">|</span>
+						<a href="#season-$seasonNum['season']">${str($seasonNum['season'])}</a>
            #end if
        #end for
    #end if
-		</span>
-
+					</div>
+#end if	
+				</div>
+			
+				<div id="details-top">
+					<div id="showtitle" data-showname="$show.name">
+						<h2 class="title" id="scene_exception_$show.indexerid"><span>$show.name</span></h2>
+#if not $show.imdbid
+    #if $show.genre:
+        #for $genre in $show.genre[1:-1].replace('Science-Fiction','Sci-Fi').split('|')
+						<span class="label $genretag"><a href="<%= anon_url('http://www.imdb.com/search/title?at=0&genres=', genre.lower().replace('-','_'),'&amp;sort=moviemeter,asc&amp;title_type=tv_series') %>" target="_blank" title="View other popular $genre shows on imdb.com">$genre</a></span>
+        #end for
+    #end if
 #end if
-	</div>
-	
-	<div class="clearfix"></div>
-    
-#if $show_message:
-	<div class="alert alert-info">
-		$show_message
-	</div>
+#if $sickbeard.USE_IMDB_INFO and 'genres' in $show.imdb_info and '' != $show.imdb_info['genres']:
+    #for $imdbgenre in $show.imdb_info['genres'].split('|')
+						<span class="label $genretag"><a href="<%= anon_url('http://www.imdb.com/search/title?at=0&genres=', imdbgenre.lower().replace('-','_'),'&amp;sort=moviemeter,asc&amp;title_type=tv_series') %>" target="_blank" title="View other popular $imdbgenre shows on imdb.com">$imdbgenre</a></span>
+    #end for
 #end if
+					</div> 
+				</div>
+			</div>

-	<div id="container">
-		<div id="posterCol">
-			<a href="$sbRoot/showPoster/?show=$show.indexerid&amp;which=poster" rel="dialog" title="View Poster for $show.name">
-			<img #echo ('', 'style="height:270px" ')[(not $sickbeard.USE_IMDB_INFO or not $show.imdbid or 'year' not in $show.imdb_info)
-			 or ($sickbeard.USE_IMDB_INFO and 'genres' in $show.imdb_info and '' == $show.imdb_info['genres'])]#src="$sbRoot/showPoster/?show=$show.indexerid&amp;which=poster_thumb" class="tvshowImg" alt="" /></a>
-		</div>
-
-		<div id="showCol">
-
-			<div id="showinfo">
-#if $sickbeard.USE_IMDB_INFO and 'rating' in $show.imdb_info
-    #if '' != $show.imdb_info['votes']
-        #set $rating_tip = '%s of 10 stars<br />%s votes' % (str($show.imdb_info['rating']), str($show.imdb_info['votes']))
-				<span class="imdbstars" qtip-content="$rating_tip">$show.imdb_info['rating']</span>
-    #else
-				<span class="imdb-info">[ No votes available ]</span>
+			<div id="details-wrapper">
+				<div id="details-right">
+					<ul class="list-unstyled">
+#if not $show.imdbid
+    #set $runtime = $show.runtime
+    #set $startyear = $show.startyear
+#else
+    #if $sickbeard.USE_IMDB_INFO and 'countries' in $show.imdb_info:
+        #set $country = $show.imdb_info['countries']
+    #end if
+    #if $sickbeard.USE_IMDB_INFO and 'year' in $show.imdb_info:
+        #set $runtime = $show.imdb_info['runtimes']
+        #set $startyear = $show.imdb_info['year']
    #end if
 #end if

 #set $_show = $show
-#if not $sickbeard.USE_IMDB_INFO or not $show.imdbid
-				<span>#echo ('(%s) - ' % $show.startyear, '')['' == $show.startyear]##echo ('%s minutes - ' % $show.runtime, '')['' == $show.runtime]#</span>
-#else
-    #if 'country_codes' in $show.imdb_info and '' != $show.imdb_info['country_codes']:
-        #for $country in $show.imdb_info['country_codes'].split('|')
-				<img class="flag" src="$sbRoot/images/flags/${$country}.png" width="16" height="11" />
-        #end for
-    #end if
-    #if 'year' in $show.imdb_info:
-				<span class="imdb-info">#echo ('(%s) - ' % $show.imdb_info['year'], '')['' == $show.imdb_info['year']]##echo ('%s minutes' % $show.imdb_info['runtimes'], '')['' == $show.imdb_info['runtimes']]#</span>
-    #end if
-				<a class="service" href="<%= anon_url('http://www.imdb.com/title/', _show.imdbid) %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;" title="http://www.imdb.com/title/$show.imdbid"><img alt="[imdb]" height="16" width="16" src="$sbRoot/images/imdb.png" /></a>
+						<li><strong>Indexers: </strong>
+#if $sickbeard.USE_IMDB_INFO and $show.imdbid
+							<a class="service" href="<%= anon_url('http://www.imdb.com/title/', _show.imdbid) %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;" title="http://www.imdb.com/title/$show.imdbid"><img alt="[imdb]" height="16" width="16" src="$sbRoot/images/imdb.png" /></a>
 #end if
-				<a class="service" href="<%= anon_url(sickbeard.indexerApi(_show.indexer).config['show_url'], _show.indexerid) %>" onclick="window.open(this.href, '_blank'); return false;" title="$sickbeard.indexerApi($show.indexer).config['show_url']$show.indexerid"><img alt="$sickbeard.indexerApi($show.indexer).name" height="16" width="16" src="$sbRoot/images/$sickbeard.indexerApi($show.indexer).config['icon']" /></a>
+							<a class="service" href="<%= anon_url(sickbeard.indexerApi(_show.indexer).config['show_url'], _show.indexerid) %>" onclick="window.open(this.href, '_blank'); return false;" title="$sickbeard.indexerApi($show.indexer).config['show_url']$show.indexerid"><img alt="$sickbeard.indexerApi($show.indexer).name" height="16" width="16" src="$sbRoot/images/$sickbeard.indexerApi($show.indexer).config['icon']" /></a>
 #if $xem_numbering or $xem_absolute_numbering:
-				<a class="service" href="<%= anon_url('http://thexem.de/search?q=', _show.name) %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;" title="http://thexem.de/search?q-$show.name"><img alt="[xem]" height="16" width="16" src="$sbRoot/images/xem.png" /></a>
+							<a class="service" href="<%= anon_url('http://thexem.de/search?q=', _show.name) %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;" title="http://thexem.de/search?q-$show.name"><img alt="[xem]" height="16" width="16" src="$sbRoot/images/xem.png" /></a>
 #end if
-			</div>
-#if not $sickbeard.USE_IMDB_INFO or not $show.imdbid
-## Disabling these trackt tags as they 404 on trakt2.0, remove False to re-enable
-    #if False and $show.genre:
-			<div id="tags">
-				<ul class="tags">
-        #for $genre in $show.genre[1:-1].split('|')
-					<li><a href="<%= anon_url('http://trakt.tv/shows/popular/', genre.lower()) %>" target="_blank" title="View other popular $genre shows on trakt.tv">$genre</a></li>
-        #end for
-				</ul>
-			</div>
-    #end if
-#end if
-#if $sickbeard.USE_IMDB_INFO and 'genres' in $show.imdb_info and '' != $show.imdb_info['genres']:
-			<div id="tags">
-				<ul class="tags">
-    #for $imdbgenre in $show.imdb_info['genres'].split('|')
-					<li><a href="<%= anon_url('http://www.imdb.com/genre/', imdbgenre) %>" target="_blank" title="View other popular $imdbgenre shows on imdb.com">$imdbgenre.replace('Sci-Fi', 'Science-Fiction')</a></li>
+						</li>
+						<li><strong>Premiered: </strong><span>$startyear</span>
+#if $sickbeard.USE_IMDB_INFO and 'country_codes' in $show.imdb_info and '' != $show.imdb_info['country_codes']:
+    #for $country in $show.imdb_info['country_codes'].split('|')
+							<img class="flag" src="$sbRoot/images/flags/${$country}.png" width="16" height="11" />
    #end for
-				</ul>
-			</div>
 #end if
-
-			<div id="summary">
-				<table class="summaryTable pull-left">
+						</li>
 #if $show.network and $show.airs:
-					<tr><td class="showLegend grey-text">Originally airs</td><td>$show.airs #if not $network_timezones.test_timeformat($show.airs) then ' <font color="#FF0000"><b>(invalid Timeformat)</b></font> ' else ''# on $show.network</td></tr>
+						<li><strong>Airs: </strong><span>$show.airs.replace('y','y,') #if not $network_timezones.test_timeformat($show.airs) then " <font color='#FF0000'><b>(invalid Timeformat)</b></font> " else ""#</span></li>
+						<li><strong>Network: </strong><span>$show.network</span></li>
 #else if $show.network:
-					<tr><td class="showLegend grey-text">Originally airs</td><td>$show.network</td></tr>
+						<li><strong>Network: </strong><span>$show.network</span></li>
 #else if $show.airs:
-					<tr><td class="showLegend grey-text">Originally airs</td><td>$show.airs #if not $network_timezones.test_timeformat($show.airs) then ' <font color="#FF0000"><b>(invalid Timeformat)</b></font> ' else ''#</td></tr>
+						<li><strong>Airs: </strong><span>$show.airs.replace('y','y,') #if not $network_timezones.test_timeformat($show.airs) then " <font color='#FF0000'><b>(invalid Timeformat)</b></font> " else ""#</span></li>
 #end if
+						<li><strong>Runtime: </strong><span>$runtime minutes</span></li>
 #if '' != $show.status:
-					<tr><td class="showLegend grey-text">Status</td><td>$show.status</td></tr>
+						<li><strong>Status: </strong><span>$show.status</span></li>
 #end if
-#if $showLoc[1]:
-					<tr><td class="showLegend grey-text">Location</td><td>$showLoc[0]</td></tr>
-#else:
-					<tr><td class="showLegend grey-text"><span style="color: red;">Location</span></td><td><span style="color: red;">$showLoc[0]</span> (dir is missing)</td></tr>
+#if $sickbeard.USE_IMDB_INFO and 'rating' in $show.imdb_info
+    #if '' != $show.imdb_info['votes']
+        #set $rating_tip = '%s of 10 stars<br />%s votes' % (str($show.imdb_info['rating']), str($show.imdb_info['votes']))
+						<li><strong>IMDB Rating: </strong><span class="imdbstars" qtip-content="$rating_tip">$show.imdb_info['rating']</span></li>
+    #else
+						<li><strong>IMDB Rating: </strong><span>No votes available</span></li>
+    #end if
 #end if
 #set $anyQualities, $bestQualities = $Quality.splitQuality(int($show.quality))
-					<tr><td class="showLegend grey-text">Quality</td><td>
 #if $show.quality in $qualityPresets:
-						<span class="quality $qualityPresetStrings[$show.quality]">$qualityPresetStrings[$show.quality]</span>
+						<li><strong>Quality: </strong><span class="quality $qualityPresetStrings[$show.quality]">$qualityPresetStrings[$show.quality]</span></li>
 #else:
-	#if $anyQualities:
-						<i class="grey-text">Initial ...</i> <%= ', '.join([Quality.qualityStrings[x] for x in sorted(anyQualities)])%> #if $bestQualities then ' </br> ' else ''#
-	#end if
+    #if $anyQualities:
+						<li><strong>Initial: </strong><%=", ".join([Quality.qualityStrings[x] for x in sorted(anyQualities)])%></span></li>
+    #end if
    #if $bestQualities:
-						<i class="grey-text">Replace with ...</i> <%= ', '.join([Quality.qualityStrings[x] for x in sorted(bestQualities)])%>
+						<li><strong>Replace with: </strong><%=", ".join([Quality.qualityStrings[x] for x in sorted(bestQualities)])%></span></li>
    #end if
-#end if</td></tr>
-					<tr><td class="showLegend grey-text">Scene name</td><td>#if $show.exceptions then $exceptions_string else $show.name#</td></tr>
-					
-#if $show.rls_ignore_words:
-					<tr><td class="showLegend grey-text">Ignore with any of</td><td>#echo $show.rls_ignore_words#</td></tr>
 #end if
-#if $show.rls_require_words:
-					<tr><td class="showLegend grey-text">Require one of</td><td>#echo $show.rls_require_words#</td></tr>
+					</ul>
+				</div>
+
+				<div id="details-left">
+					<div class="details-plot #if $show.overview == '' then 'no-plot' else ''#">
+#if $show.overview != '':
+    $show.overview
+#else
+						No plot overview available.
 #end if
+					</div>

-#if $bwl and $bwl.whitelist:
-					<tr><td class="showLegend grey-text">Whitelist group#if len($bwl.whitelist)>1 then 's' else ''#</td>
-					<td>#echo ', '.join($bwl.whitelist)#</td>
-					</tr>
+					<div id="details-bottom">
+						<span class="label $infotag"><img src="$sbRoot/images/flags/${show.lang}.png" width="16" height="11" alt="$show.lang" title="$show.lang" style="margin-top: -1px;" /></span>
+#if $showLoc[1]:
+						<span class="label $infotag">$showLoc[0]</span>
+#else:
+						<span class="label $infotag" style="color: red;">$showLoc[0]</span>
 #end if
-#if $bwl and $bwl.blacklist:
-					<tr><td class="showLegend grey-text">Blacklist group#if len($bwl.blacklist)>1 then 's' else ''#</td>
-					<td>#echo ', '.join($bwl.blacklist)#</td>
-					</tr>
+						<span class="label $infotag">$sickbeard.helpers.human(sickbeard.helpers.get_size($showLoc[0]))</span>
+#set $filecount = $epCounts[$Overview.QUAL] + $epCounts[$Overview.GOOD]
+						<span class="label $infotag">$filecount Files</span>
+#if $show.exceptions:
+						<span class="label $infotag addQTip" title="$exceptions_string.replace(', ','<br>')">Scene Names</span>
+#end if
+#if $sickbeard.USE_SUBTITLES
+    #if int($show.subtitles) == 1:
+						<span class="label $infotag">Subtitles</span>
+    #end if
+#end if
+#if $show.flatten_folders == 1 or $sickbeard.NAMING_FORCE_FOLDERS:
+						<span class="label $infotag">Flat Folders</span>
+#end if
+#if int($show.air_by_date) == 1:
+						<span class="label $infotag">Air-by-Date</span>
+#end if
+#if int($show.is_sports) == 1:
+						<span class="label $infotag">Sports</span>
+#end if
+#if int($show.is_anime) == 1:
+						<span class="label $infotag">Anime</span>
+#end if
+#if int($show.dvdorder) == 1:
+						<span class="label $infotag">DVD Order</span>
+#end if
+#if int($show.scene) == 1:
+						<span class="label $infotag">Scene Numbering</span>
 #end if
-
-					<tr><td class="showLegend grey-text">Size</td><td>$sickbeard.helpers.human(sickbeard.helpers.get_size($showLoc[0]))</td></tr>
-				</table>
-			
-				<table class="options-on-right">
-#set $no = 'no16.png" title="No" alt="No'
-#set $yes = 'yes16.png" title="Yes" alt="Yes'
-					<tr><td class="showLegendRight grey-text">Paused</td><td><img src="$sbRoot/images/#echo ($no, $yes)[1 == int($show.paused)]#" width="16" height="16" /></td></tr>
 #if $anyQualities + $bestQualities
-					<tr><td class="showLegendRight grey-text">Archive on first match</td><td><img src="$sbRoot/images/#echo ($no, $yes)[1 == int($show.archive_firstmatch)]#" width="16" height="16" /></td></tr>
+    #if int($show.archive_firstmatch) == 1
+						<span class="label $infotag">Archive First Match</span>
+    #end if
 #end if
-					<tr><td class="showLegendRight grey-text">Flat folder structure</td><td><img src="$sbRoot/images/#echo ($no, $yes)[1 == $show.flatten_folders or $sickbeard.NAMING_FORCE_FOLDERS]#" width="16" height="16" /></td></tr>
-					<tr><td class="showLegendRight grey-text">Air by date naming</td><td><img src="$sbRoot/images/#echo ($no, $yes)[1 == int($show.air_by_date)]#" width="16" height="16" /></td></tr>
-					<tr><td class="showLegendRight grey-text">Use DVD order</td><td><img src="$sbRoot/images/#echo ($no, $yes)[1 == int($show.dvdorder)]#" width="16" height="16" /></td></tr>
-					<tr><td class="showLegendRight grey-text">Scene numbering</td><td><img src="$sbRoot/images/#echo ($no, $yes)[1 == int($show.scene)]#" width="16" height="16" /></td></tr>
-#if $sickbeard.USE_SUBTITLES
-					<tr><td class="showLegendRight grey-text">Subtitles</td><td><img src="$sbRoot/images/#echo ($no, $yes)[1 == int($show.subtitles)]#" width="16" height="16" /></td></tr>
+#if $show.rls_require_words:
+						<span class="label $infotag addQTip" title="#echo $show.rls_require_words.replace(',','<br>')#">Required Words</span> 
+#end if
+#if $show.rls_ignore_words:
+						<span class="label $infotag addQTip" title="#echo $show.rls_ignore_words.replace(',','<br>')#">Ignored Words</span>
+#end if
+#if $bwl and $bwl.whitelist:
+						<span class="label $infotag addQTip" title="#echo ', '.join($bwl.whitelist).replace(',','<br>')#">Wanted Group#if len($bwl.whitelist)>1 then "s" else ""#</span>
+#end if
+#if $bwl and $bwl.blacklist:
+						<span class="label $infotag addQTip" title="#echo ', '.join($bwl.blacklist).replace(',','<br>')#">Unwanted Group#if len($bwl.blacklist)>1 then "s" else ""#</span>
 #end if
-					<tr><td class="showLegendRight grey-text">Show is sports</td><td><img src="$sbRoot/images/#echo ($no, $yes)[1 == int($show.is_sports)]#" width="16" height="16" /></td></tr>
-					<tr><td class="showLegendRight grey-text">Show is anime</td><td><img src="$sbRoot/images/#echo ($no, $yes)[1 == int($show.is_anime)]#" width="16" height="16" /></td></tr>
-					<tr><td class="showLegendRight grey-text">Info language</td><td><img src="$sbRoot/images/flags/${show.lang}.png" width="16" height="11" alt="$show.lang" title="$show.lang" /></td></tr>
-				</table>
+					</div>
+				</div>
 			</div>
 		</div>
 	</div>

 	<div class="clearfix"></div>

-	<div class="pull-left" style="padding-bottom: 10px;">
-		Change selected episodes to 
+	<div class="pull-left">
+		<p style="margin-bottom:5px">Change selected episodes to</p>
 		<select id="statusSelect" class="form-control form-control-inline input-sm">
 #for $curStatus in [$WANTED, $SKIPPED, $ARCHIVED, $IGNORED, $FAILED] + sorted($Quality.DOWNLOADED):
    #if $DOWNLOADED == $curStatus:
@ -306,11 +351,10 @@
 		</div>
 	</div>

-	<br />	
-
-	<table class="sickbeardTable display_show" cellspacing="0" border="0" cellpadding="0">
+	<div class="clearfix"></div>

 #set $curSeason = -1
+#set $seasonCount = 0
 #set $odd = 0

 #for $epResult in $sqlResults:
@ -358,10 +402,35 @@
    #end if

    #if int($epResult['season']) != $curSeason:
-		<tr id="season-$epResult['season']">
-			<th class="row-seasonheader" colspan="13" style="width: auto;"><h3><a name="season-$epResult['season']"></a>#if 0 == int($epResult['season']) then 'Specials' else 'Season ' + str($epResult['season'])#</h3></th>
-		</tr>
-			
+
+<table class="sickbeardTable display-show #if $sickbeard.DISPLAY_BACKGROUND then 'display-season' else ''#" cellspacing="0" border="0" cellpadding="0">
+	<tr id="season-$epResult['season']">
+		<th class="row-seasonheader" colspan="13" style="width: auto;">
+
+        #if $sickbeard.DISPLAY_ALL_SEASONS == False and $seasonCount >= 1:
+			<button id="showseason-$epResult['season']" type="button" class="btn btn-default pull-right" data-toggle="collapse" data-target="#collapseSeason-$epResult['season']"><span class="sgicon-arrowdown"></span> Show Episodes</button>
+			<script type="text/javascript">
+			<!--
+				\$(function() {
+					\$('#collapseSeason-$epResult['season']').on('hide.bs.collapse', function () {
+						\$('#showseason-$epResult['season']').html('<span class="sgicon-arrowdown"></span> Show Episodes');
+					})
+					\$('#collapseSeason-$epResult['season']').on('show.bs.collapse', function () {
+						\$('#showseason-$epResult['season']').html('<span class="sgicon-arrowup"></span> Hide Episodes');
+					})
+				});
+			//-->
+			</script>
+        #end if
+					<h3><a name="season-$epResult['season']"></a>#if 0 == int($epResult['season']) then 'Specials' else 'Season ' + str($epResult['season'])# <!-- Download count &nbsp;<span class="season-status"><b>[</b> <span class="footerhighlight">0</span> / <span class="footerhighlight">0</span> <b>]</b></span> --></h3>
+		</th>
+	</tr>
+
+        #set $seasonCount = $seasonCount + 1
+        #if $sickbeard.DISPLAY_ALL_SEASONS == False and $seasonCount >= 2:
+		<tbody class="collapse" id="collapseSeason-$epResult['season']">
+        #end if
+
 		<tr id="season-$epResult['season']-cols" class="seasoncols">
 			<th class="col-checkbox"><input type="checkbox" class="seasonCheck" id="$epResult['season']" /></th>
 			<th class="col-metadata">NFO</th>
@ -389,33 +458,33 @@

    #set $epLoc = $epResult['location']
    #set never_aired = 0 < $curSeason and 1 == int($epResult['airdate'])
-		
+
 		<tr class="#echo ($Overview.overviewStrings[$epCats[$epStr]], 'airdate-never')[$never_aired]##echo ('', ' archived')[ARCHIVED == int($epResult['status'])]# season-$curSeason seasonstyle">
-		
-			<td class="col-checkbox">
+
+		<td class="col-checkbox">
    #if $UNAIRED != int($epResult['status']) and not $never_aired
-				<input type="checkbox" class="epCheck" id="<%=str(epResult['season'])+'x'+str(epResult['episode'])%>" name="<%=str(epResult['season']) +'x'+str(epResult['episode']) %>" />
+			<input type="checkbox" class="epCheck" id="<%=str(epResult['season'])+'x'+str(epResult['episode'])%>" name="<%=str(epResult['season']) +'x'+str(epResult['episode']) %>" />
    #end if
-			</td>
+		</td>
    
-			<td align="center"><img src="$sbRoot/images/#if 1 == $epResult['hasnfo'] then 'nfo.gif" alt="Y' else 'nfo-no.gif" alt="N'#" width="23" height="11" /></td>
-		
-			<td align="center"><img src="$sbRoot/images/#if 1 == $epResult['hastbn'] then 'tbn.gif" alt="Y' else 'tbn-no.gif" alt="N'#" width="23" height="11" /></td>
-		
+		<td align="center"><img src="$sbRoot/images/#if 1 == $epResult['hasnfo'] then 'nfo.gif" alt="Y' else 'nfo-no.gif" alt="N'#" width="23" height="11" /></td>
+
+		<td align="center"><img src="$sbRoot/images/#if 1 == $epResult['hastbn'] then 'tbn.gif" alt="Y' else 'tbn-no.gif" alt="N'#" width="23" height="11" /></td>
+
 		<td align="center">
    #if $epLoc and $show._location and $epLoc.lower().startswith($show._location.lower()):
        #set $epLoc = $epLoc[len($show._location)+1:]
    #elif $epLoc and (not $epLoc.lower().startswith($show._location.lower()) or not $show._location):
        #set $epLoc = $epLoc
    #end if
-		
+
    #if '' != $epLoc and None != $epLoc:
-			<span title="$epLoc" class="addQTip">$epResult["episode"]</span>
+			<span title="$epLoc - <strong>$sickbeard.helpers.human($epResult['file_size'])</strong>" class="addQTip">$epResult["episode"]</span>
    #else
 			$epResult['episode']
    #end if
 		</td>
-		
+
    #if $show.is_anime:
 		<td align="center">$epResult['absolute_number']</td>
    #end if
@ -432,10 +501,10 @@
 				value="<%=str(scSeas) + 'x' + str(scEpis)%>"
        #end if
 				style="padding: 0; text-align: center; max-width: 60px;" />
-        </td>
+		</td>
    #elif $scene_anime:
-        <td align="center">
-            <input type="text" placeholder="<%=str(dfltAbsolute)%>" size="6" maxlength="8"
+		<td align="center">
+			<input type="text" placeholder="<%=str(dfltAbsolute)%>" size="6" maxlength="8"
 				class="sceneAbsolute form-control input-scene" data-for-absolute="$epResult['absolute_number']"
 				id="sceneAbsolute_$show.indexerid<%='_'+str(epResult['absolute_number'])%>"
 				title="Change the value here if scene absolute numbering differs from the indexer absolute numbering"
@ -460,23 +529,23 @@
 		<td class="col-airdate">
 			<span class="${fuzzydate}">#if 1 == int($epResult['airdate']) then 'never' else $sbdatetime.sbdatetime.sbfdate($sbdatetime.sbdatetime.convert_to_setting($network_timezones.parse_date_time($epResult['airdate'], $show.airs, $show.network)))#</span>
 		</td>
-		
+
    #if $sickbeard.USE_SUBTITLES and $show.subtitles:
 		<td class="col-subtitles" align="center">
-		#if $epResult['subtitles']:
-    		#for $sub_lang in subliminal.language.language_list($epResult['subtitles'].split(',')):
+        #if $epResult['subtitles']:
+            #for $sub_lang in subliminal.language.language_list($epResult['subtitles'].split(',')):
                #if '' != sub_lang.alpha2
 			<img src="$sbRoot/images/flags/${sub_lang.alpha2}.png" width="16" height="11" alt="${sub_lang}" />
-		        #end if
-    		#end for
-		#end if
+                #end if
+            #end for
+        #end if
 		</td>
    #end if
-		
+
    #set $curStatus, $curQuality = $Quality.splitCompositeStatus(int($epResult['status']))
    #if Quality.NONE != $curQuality:   
 		<td class="col-status">$statusStrings[$curStatus] <span class="quality $Quality.qualityStrings[$curQuality].replace('720p','HD720p').replace('1080p','HD1080p').replace('RawHD TV', 'RawHD').replace('HD TV', 'HD720p')">$Quality.qualityStrings[$curQuality]</span></td>
-    #else:    
+    #else:
 		<td class="col-status">$statusStrings[$curStatus]</td>
    #end if
    
@ -488,13 +557,28 @@
 			<a class="epSearch" id="<%=str(epResult['season'])+'x'+str(epResult['episode'])%>" name="<%=str(epResult['season']) +'x'+str(epResult['episode']) %>" href="searchEpisode?show=$show.indexerid&amp;season=$epResult['season']&amp;episode=$epResult['episode']"><img src="$sbRoot/images/search16.png" width="16" height="16" alt="search" title="Manual Search" /></a>
        #end if
    #end if
-        
+
    #if $sickbeard.USE_SUBTITLES and $show.subtitles and len(set(str($epResult['subtitles']).split(',')).intersection(set($subtitles.wantedLanguages()))) < len($subtitles.wantedLanguages()) and $epResult['location']
 			<a class="epSubtitlesSearch" href="searchEpisodeSubtitles?show=$show.indexerid&amp;season=$epResult['season']&amp;episode=$epResult['episode']"><img src="$sbRoot/images/closed_captioning.png" height="16" alt="search subtitles" title="Search Subtitles" /></a>
    #end if
 		</td>
 	</tr>
 #end for
+#if $sickbeard.DISPLAY_ALL_SEASONS == False and $seasonCount > 1:
+	</tbody>
+#end if
 </table>

+<script>
+\$(document).ready(function(){
+	\$('.details-plot').collapser({
+		mode: 'lines',
+		truncate: 10,
+		showText: '<span class="pull-right moreless"><i class="sgicon-arrowdown"></i> More</span>',
+		hideText: '<span class="pull-right moreless"><i class="sgicon-arrowup"></i> Less</span>',
+		showClass: 'show-class'
+	});
+});
+</script>
+
 #include $os.path.join($sickbeard.PROG_DIR, 'gui/slick/interfaces/default/inc_bottom.tmpl')
--- a/gui/slick/js/lib/jquery.collapser.min.js
+++ b/gui/slick/js/lib/jquery.collapser.min.js
@ -0,0 +1,11 @@
+/* jQuery - Collapser - Plugin v2.0 www.aakashweb.com (c) 2014 Aakash Chakravarthy MIT License. */
+(function(e,m,p,q){function l(b,f){this.o=e.extend({},n,f);this.e=e(b);this.init()}var n={target:"next",mode:"words",speed:"slow",truncate:10,ellipsis:"...",effect:"fade",controlBtn:"",showText:"Show more",hideText:"Hide text",showClass:"show-class",hideClass:"hide-class",atStart:"hide",lockHide:!1,dynamic:!1,changeText:!1,beforeShow:null,afterShow:null,beforeHide:null,afterHide:null};l.prototype={init:function(){var b=this;b.mode=b.o.mode;b.remaining={};b.ctrlHtml=' <a href="#" data-ctrl class="'+
+(e.isFunction(b.o.controlBtn)?"":b.o.controlBtn)+'"></a>';e(b.e).each(function(){e(this).data("oCnt",b.e.html());var a=e.isFunction(b.o.atStart)?b.o.atStart.call(b.e):b.o.atStart,a="undefined"!==typeof b.e.attr("data-start")?b.e.attr("data-start"):a;"hide"==a?b.hide(b.e,0):b.show(b.e,0)});var f;e(m).on("resize",function(){b.o.dynamic&&"lines"==b.mode&&(clearTimeout(f),f=setTimeout(function(){b.reInit(b.e)},100))})},show:function(b,f){var a=this,c=e(b);"undefined"===typeof f&&(f=a.o.speed);var g=function(){e.isFunction(a.o.afterShow)&&
+a.o.afterShow.call(a.e,a)};e.isFunction(a.o.beforeShow)&&a.o.beforeShow.call(a.e,a);switch(a.mode){case "chars":case "words":var d=c.height();c.html(c.data("tHTML"));var h=c.height();c.height(d);c.animate({height:h},f,function(){c.height("auto");g()}).removeClass(a.o.hideClass).addClass(a.o.showClass);c.data("tHTML",c.html());break;case "lines":0==c.children("div").length&&c.wrapInner("<div>");var k=c.children("div"),d=k.height(),h=k.html(c.data("oCnt")).css("height","").height();k.css("height",d);
+k.animate({height:h},f,function(){k.height("auto");g()});c.removeClass(a.o.hideClass).addClass(a.o.showClass);break;case "block":a.blockMode(c,"show",f,g)}a.status=1;if(!0==a.o.lockHide)return c.find("[data-ctrl]").remove(),"";if("block"==a.mode)c.off("click.coll").on("click.coll",function(b){b.preventDefault();a.hide(c)});else 0!=c.find("[data-ctrl]").length||e.isFunction(a.o.controlBtn)||c.append(a.ctrlHtml),a.ctrlBtn=e.isFunction(a.o.controlBtn)?a.o.controlBtn.call(a.e):e(c.find("[data-ctrl]")),
+a.ctrlBtn.off("click.coll").on("click.coll",function(b){b.preventDefault();a.hide(c)}).html(a.o.hideText)},hide:function(b,f){var a=this,c=e(b);"undefined"===typeof f&&(f=a.o.speed);var g=function(){e.isFunction(a.o.afterHide)&&a.o.afterHide.call(a.e,a)};e.isFunction(a.o.beforeHide)&&a.o.beforeHide.call(a.e,a);c.find("[data-ctrl]").remove();switch(a.mode){case "chars":var d=e.trim(c.text());a.remaining.chars=d.length-a.o.truncate;d.length>a.o.truncate&&(c.data("tHTML",c.html()),d=a.pad(d.slice(0,
+a.o.truncate),d.slice(a.o.truncate,d.length)),c.html(d).removeClass(a.o.showClass).addClass(a.o.hideClass),g());break;case "words":d=e.trim(c.text());d=d.split(" ");a.remaining.words=d.length-a.o.truncate;d.length>a.o.truncate&&(c.data("tHTML",c.html()),d=a.pad(d.slice(0,a.o.truncate).join(" "),d.slice(a.o.truncate,d.length).join(" ")),c.html(d).removeClass(a.o.showClass).addClass(a.o.hideClass),g());break;case "lines":0==c.children("div").length&&c.wrapInner("<div>");d=c.children("div").css("height",
+"");d.html(d.text());var h=d.height();"undefined"===typeof c.data("lHeight")?(temp=d.clone(),lHeight=temp.text("a").insertAfter(d).height(),c.data("lHeight",lHeight),d.next().remove()):lHeight=c.data("lHeight");lines=h/lHeight;a.remaining.lines=lines-a.o.truncate;0<a.remaining.lines&&(d.css("overflow","hidden"),d.animate({height:lHeight*a.o.truncate},f).data("tHeight",h),c.removeClass(a.o.showClass).addClass(a.o.hideClass),0!=c.find("[data-ctrl]").length||e.isFunction(a.o.controlBtn)||c.append(a.ctrlHtml),
+g());break;case "block":a.blockMode(c,"hide",f,g)}a.status=0;"block"==a.mode?c.unbind("click.coll").bind("click.coll",function(b){b.preventDefault();a.show(c)}):(a.ctrlBtn=e.isFunction(a.o.controlBtn)?a.o.controlBtn.call(a.e):e(c.find("[data-ctrl]")),a.ctrlBtn.off("click.coll").on("click.coll",function(b){b.preventDefault();a.show(c)}).html(a.o.showText),g=a.o.showText,d={chars:["character","characters"],words:["word","words"],lines:["lines","lines"]},g=g.replace("%s",a.remaining[a.mode]+(1==a.remaining[a.mode]?
+" "+d[a.mode][0]:" "+d[a.mode][1])),a.ctrlBtn.html(g))},pad:function(b,f){return b+'<span class="coll-ellipsis">'+this.o.ellipsis+"</span>"+(e.isFunction(this.o.ctrlBtn)?"":this.ctrlHtml)+'<span class="coll-hidden" style="display:none">'+f+"</span>"},blockMode:function(b,f,a,c){var g=["fadeOut","slideUp","fadeIn","slideDown"],d="fade"==this.o.effect?0:1,g="hide"==f?g[d]:g[d+2];if(e.isFunction(this.o.target))this.o.target.call(this.e)[g](a,c);else if(e.fn[this.o.target])e(b)[this.o.target]()[g](a,
+c);"show"==f?(b.removeClass(this.o.showClass).addClass(this.o.hideClass),this.o.changeText&&b.text(this.o.hideText)):(b.removeClass(this.o.hideClass).addClass(this.o.showClass),this.o.changeText&&b.text(this.o.showText))},reInit:function(b){b.find("[data-ctrl]").remove();b.html(this.e.data("oCnt"));0==this.status?this.hide(b,0):this.show(b,0)}};e.fn.collapser=function(b){return this.each(function(){e.data(this,"collapser")||e.data(this,"collapser",new l(this,b))})}})(jQuery,window,document);
--- a/sickbeard/init.py
+++ b/sickbeard/init.py
@ -153,6 +153,9 @@ TRASH_ROTATE_LOGS = False
 HOME_SEARCH_FOCUS = True
 SORT_ARTICLE = False
 DEBUG = False
+DISPLAY_BACKGROUND = False
+DISPLAY_BACKGROUND_TRANSPARENT = None
+DISPLAY_ALL_SEASONS = True

 USE_LISTVIEW = False
 METADATA_XBMC = None
@ -524,7 +527,7 @@ def initialize(consoleLogging=True):
            AUTOPOSTPROCESSER_FREQUENCY, DEFAULT_AUTOPOSTPROCESSER_FREQUENCY, MIN_AUTOPOSTPROCESSER_FREQUENCY, \
            ANIME_DEFAULT, NAMING_ANIME, USE_ANIDB, ANIDB_USERNAME, ANIDB_PASSWORD, ANIDB_USE_MYLIST, \
            ANIME_SPLIT_HOME, SCENE_DEFAULT, BACKLOG_DAYS, ANIME_TREAT_AS_HDTV, \
-            COOKIE_SECRET, USE_IMDB_INFO
+            COOKIE_SECRET, USE_IMDB_INFO, DISPLAY_BACKGROUND, DISPLAY_BACKGROUND_TRANSPARENT, DISPLAY_ALL_SEASONS

        if __INITIALIZED__:
            return False
@ -595,6 +598,9 @@ def initialize(consoleLogging=True):
        TIME_PRESET_W_SECONDS = check_setting_str(CFG, 'GUI', 'time_preset', '%I:%M:%S %p')
        TIME_PRESET = TIME_PRESET_W_SECONDS.replace(u":%S", u"")
        TIMEZONE_DISPLAY = check_setting_str(CFG, 'GUI', 'timezone_display', 'network')
+        DISPLAY_BACKGROUND = bool(check_setting_int(CFG, 'General', 'display_background', 0))
+        DISPLAY_BACKGROUND_TRANSPARENT = check_setting_str(CFG, 'General', 'display_background_transparent', 'transparent')
+        DISPLAY_ALL_SEASONS = bool(check_setting_int(CFG, 'General', 'display_all_seasons', 1))

        ACTUAL_LOG_DIR = check_setting_str(CFG, 'General', 'log_dir', 'Logs')
        # put the log dir inside the data dir, unless an absolute path
@ -1472,6 +1478,9 @@ def save_config():
    new_config['General']['sort_article'] = int(SORT_ARTICLE)
    new_config['General']['proxy_setting'] = PROXY_SETTING
    new_config['General']['proxy_indexers'] = int(PROXY_INDEXERS)
+    new_config['General']['display_background'] = int(DISPLAY_BACKGROUND)
+    new_config['General']['display_background_transparent'] = DISPLAY_BACKGROUND_TRANSPARENT
+    new_config['General']['display_all_seasons'] = int(DISPLAY_ALL_SEASONS)

    new_config['General']['use_listview'] = int(USE_LISTVIEW)
    new_config['General']['metadata_xbmc'] = METADATA_XBMC
--- a/sickbeard/webserve.py
+++ b/sickbeard/webserve.py
@ -3365,7 +3365,8 @@ class ConfigGeneral(Config):
                    handle_reverse_proxy=None, home_search_focus=None, sort_article=None, auto_update=None, notify_on_update=None,
                    proxy_setting=None, proxy_indexers=None, anon_redirect=None, git_path=None, git_remote=None, calendar_unprotected=None,
                    fuzzy_dating=None, trim_zero=None, date_preset=None, date_preset_na=None, time_preset=None,
-                    indexer_timeout=None, rootDir=None, theme_name=None, default_home=None, use_imdb_info=None):
+                    indexer_timeout=None, rootDir=None, theme_name=None, default_home=None, use_imdb_info=None,
+                    display_background=None, display_background_transparent=None, display_all_seasons=None):

        results = []

@ -3384,6 +3385,9 @@ class ConfigGeneral(Config):
        sickbeard.LAUNCH_BROWSER = config.checkbox_to_value(launch_browser)
        sickbeard.HOME_SEARCH_FOCUS = config.checkbox_to_value(home_search_focus)
        sickbeard.USE_IMDB_INFO = config.checkbox_to_value(use_imdb_info)
+        sickbeard.DISPLAY_BACKGROUND = config.checkbox_to_value(display_background)
+        sickbeard.DISPLAY_BACKGROUND_TRANSPARENT = display_background_transparent
+        sickbeard.DISPLAY_ALL_SEASONS = config.checkbox_to_value(display_all_seasons)
        sickbeard.SORT_ARTICLE = config.checkbox_to_value(sort_article)
        sickbeard.CPU_PRESET = cpu_preset
        sickbeard.ANON_REDIRECT = anon_redirect