diff --git a/CHANGES.md b/CHANGES.md index 901706ff..2ed6d64b 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -201,6 +201,56 @@ * Change sab API request to prevent naming mismatch * Change update rTorrent systems * Change logger to properly cleanup used resources +* Add fanart to Episodes View, Display Show, and Edit Show page +* Add path used for fanart images /images/fanart ( value on Help page) +* Add populate images when the daily show updater is run with default maximum 3 images per show +* Change force full update in a show will replace existing images with new +* Add "Maximum fanart image files per show to cache" to config General/Interface +* Add fanart livepanel to lower right of Episodes View and Display Show page +* Add highlight panel red on Episodes view until button is clicked a few times +* Add flick through multiple background images on Episodes View and Display Show page +* Add persistent move poster image to right hand side or hide on Display Show page (multi-click the eye) +* Add persistent translucency of background images on Episodes View and Display Show page +* Add persistent fanart rating to avoid art completely, random display, random from a group, or display fave always +* Add persistent views of the show detail on Display Show page +* Add persistent views on Episodes View +* Add persistent button to collapse and expand card images on Episode View/Layout daybyday +* Add non persistent "Open gear" and "Backart only" image views to Episodes View and Display Show page +* Add "smart" selection of fanart image to display on Episode view +* Change insert [!] and change text shade of ended shows in drop down show list on Display Show page +* Change button graphic for next and previous show of show list on Display Show page +* Add logic to hide some livepanel buttons until artwork becomes available or in other circumstances +* Add "(Ended)" where appropriate to show title on Display Show page +* Change use tense for label "Airs" or "Aired" depending on if show ended +* Change display "No files" instead of "0 files" and "Upgrade once" instead of "End upgrade on first match" +* Add persistent button to newest season to "Show all" episodes +* Add persistent button to all shown seasons to "Hide most" episodes +* Add button to older seasons to toggle "Show Season n" or "Show Specials" with "Hide..." episodes +* Add season level status counts next to each season header on display show page +* Add sorting to season table headers on display show page +* Add filename and size to quality badge on display show page, removed its redundant "downloaded" text +* Remove redundant "Add show" buttons +* Change combine the NFO and TBN columns into a single Meta column +* Change reduce screen estate used by episode numbers columns +* Change improve clarity of text on Add Show page +* Change rename Edit show/"Post-Processing" tab to "Other" +* Add "Reset fanart ratings" to show Edit/Other tab +* Add fanart keys guide to show Edit/Other tab +* Change add placeholder tip to "Alternative release name(s)" on show Edit +* Change add placeholder tip to search box on shows Search +* Change hide Anime tips on show Edit when selecting its mutually exclusive options +* Change label "End upgrade on first match" to "Upgrade once" on show Edit +* Change improve performance rendering displayShow +* Add total episodes to start of show description (excludes specials if those are hidden) +* Add "Add show" actions i.e. "Search", "Trakt cards", "IMDb cards", and "Anime" to Shows menu +* Add "Import (existing)" action to Tools menu +* Change SD quality from red to dark green, 2160p UHD 4K is red +* Change relocate the functions of Logs & Errors to the right side Tools menu -> View Log File +* Add warning indicator to the Tools menu in different colour depending on error count (green through red) +* Change View Log error item output from reversed to natural order +* Change View Log File add a typeface and some colour to improve readability +* Change View Log File/Errors only display "Clear Errors" button when there are errors to clear +* Change improve performance of View Log File [develop changelog] * Change send nzb data to NZBGet for Anizb instead of url @@ -371,7 +421,7 @@ * Fix post processing season pack folders * Fix saving torrent provider option "Seed until ratio" after recent refactor * Change white text in light theme on Manage / Episode Status Management page to black for better readability -* Change displayShow page episode colours when a minimum quality is met with "End upgrade on first match" +* Change displayShow page episode colours when a minimum quality is met with "Upgrade once" * Add seed time per provider for torrent clients that support seed time per torrent, i.e. currently only uTorrent * Remove seed time display for Transmission in config/Torrent Search page because the torrent client doesn't support it * Add PreToMe torrent provider @@ -559,7 +609,7 @@ * Change Trakt url to fix baseline uses (e.g. add from trending) * Fix edit on show page for shows that have anime enabled in mass edit * Fix issue parsing items in ToktoToshokan provider -* Change to only show option "End upgrade on first match" on edit show page if quality custom is selected +* Change to only show option "Upgrade once" on edit show page if quality custom is selected * Change label "Show is grouped in" in edit show page to "Show is in group" and move the section higher * Fix post processing of anime with version tags * Change accept SD titles that contain audio quality diff --git a/HACKS.txt b/HACKS.txt index db0f4cfa..6780f8cd 100644 --- a/HACKS.txt +++ b/HACKS.txt @@ -12,6 +12,7 @@ Libs with customisations... /lib/pynma/pynma.py /lib/requests/packages/urllib3/connectionpool.py /lib/requests/packages/urllib3/util/ssl_.py +/lib/tmdb_api/tmdb_api.py /lib/tornado -/lib/tvdb/tvdb_api.py +/lib/tvdb_api/tvdb_api.py /lib/tzlocal/unix.py diff --git a/gui/slick/css/dark.css b/gui/slick/css/dark.css index e06d3a68..c0113931 100644 --- a/gui/slick/css/dark.css +++ b/gui/slick/css/dark.css @@ -1,6 +1,24 @@ /* ======================================================================= inc_top.tmpl ========================================================================== */ +.navbar-default .navbar-nav .logger.errors.n, +pre .prelight{ + color:#c3ed9b +} + +.navbar-default .navbar-nav .logger.errors.nn, +pre .prelight2{ + color:#f6ff41 +} + +.navbar-default .navbar-nav .logger.errors.nnn, +pre .prelight-num{ + color:#ffba57 +} + +.navbar-default .navbar-nav .logger.errors.nnnn{ + color:#ff6d5e +} [class^="icon-"], [class*=" icon-"]{ @@ -41,21 +59,21 @@ inc_top.tmpl .ui-widget-content{ background:#606060; border:1px solid #111; - color:#fff + color:#ddd } .ui-widget-content a{ - color:#2D8FBF + color:#2d8fbf } .ui-widget-content a:hover{ - color:#09A2FF + color:#09a2ff } .ui-widget-header{ background:#3d3d3d; border:1px solid #111; - color:#fff + color:#ddd } .ui-state-default, @@ -103,7 +121,7 @@ inc_top.tmpl } .ui-state-default .ui-icon{ - background-image:url('../css/lib/images/ui-icons_09a2ff_256x240.png') + background-image:url("../css/lib/images/ui-icons_09a2ff_256x240.png") } .ui-state-hover .ui-icon, @@ -133,12 +151,12 @@ inc_top.tmpl } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{ - color:#140F06; + color:#140f06; text-decoration:none } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{ - color:#fff; + color:#ddd; text-decoration:none } @@ -180,13 +198,6 @@ inc_top.tmpl border-top-right-radius:5px } -#SubMenu{ - padding-right:20px; - clear:both; - font-size:12px; - float:right -} - .upgrade-notification{ width:600px; text-align:center; @@ -201,7 +212,7 @@ inc_bottom.tmpl ========================================================================== */ .footerhighlight{ - color:#09A2FF + color:#09a2ff } /* ======================================================================= @@ -219,7 +230,7 @@ home.tmpl .ui-font, a.ui-font{ text-shadow:0 0 0.1em #000; - color:#fff + color:#ddd } #show-list .show-card{ @@ -265,14 +276,14 @@ a.ui-font{ } td.tvShow a{ - color:#fff; + color:#ddd; text-decoration:none } td.tvShow a:hover span, td.tvShow a:hover{ cursor:pointer; - color:#09A2FF + color:#09a2ff } /* ======================================================================= @@ -302,9 +313,8 @@ home_newShow.tmpl } #addRootDirTable td label .filepath, -.grey-text{ - color:#999 -} +.grey-text{color:#999} +.highlight-text{color:#fff} #newShowPortal #displayText .show-name, #newShowPortal #displayText .show-dest, @@ -314,7 +324,7 @@ home_newShow.tmpl #newShowPortal #displayText .show-name, #newShowPortal #displayText .show-dest{ - color:rgb(255, 255, 255) + color:#ddd } /* ======================================================================= @@ -343,9 +353,28 @@ home_postprocess.tmpl ========================================================================== */ +/* ======================================================================= +displayShow.tmpl and episodeView.tmpl +========================================================================== */ +#episode-view.back-art .controlsBlock, +#episode-view.back-art .h2footer, +#episode-view.back-art.daybyday h1.header, +#episode-view.back-art.pro .daybyday-show, +#display-show.back-art #change-show, +#display-show.back-art #change-status, +#display-show.back-art #no-episode-data, +body.back-art .footer, +#display-show.back-art .sickbeardTable{ + background:rgba(0, 0, 0, 0.5) +} + + /* ======================================================================= displayShow.tmpl ========================================================================== */ +body#display-show.back-art{ + color:#ddd +} tr.seasonheader{ text-align:left; @@ -355,51 +384,88 @@ tr.seasonheader{ #prevShow, #nextShow, #topcontrol{ - -webkit-filter:"none"; + -webkit-filter:none; filter:none } -.tvshowImg{ +#posterCol .tvshowImg{ border:1px solid #111 } -.display-details{ - background-color:#3d3d3d; - border:1px solid #111 +body#display-show.back-art .displayshow-wrapper .label a{ + color:#ddd +} +body#display-show.back-art .displayshow-wrapper .label a:hover, +body#display-show.back-art .displayshow-wrapper .label a:focus{ + color:#aaa } -.pro .details-title{ - color:#999 +#edit-show.back-art .ui-tabs-nav > :not(.ui-tabs-active){ + background:rgba(0,0,0,0.2) } -.back-art.pro .details-title{ - color:#bbb +#edit-show.back-art .ui-tabs-nav .ui-tabs-active, +#edit-show.back-art .ui-tabs .ui-tabs-panel{ + background:rgba(0,0,0,0.8) !important +} + +#edit-show.back-art .header, +#display-show.back-art #showCol{ + background:rgba(0,0,0,0.5); + border:1px solid rgba(0,0,0,0.5) +} + +#livepanel .over-layer0, +#showCol{ + background-color:#3d3d3d +} + +#livepanel .over-layer0, +#livepanel .over-layer1, +#showCol{ + border-color:#111 +} + +.back-art #livepanel .over-layer0{ + background:rgba(0,0,0,0.5); + border-color:rgba(0,0,0,0.5) +} + +.pro .details-title, +.pro .hint{ + color:#aaa } .back-art #details-top .label, .back-art #details-bottom .label{ - background-color:#15528F + background-color:#15528f } #details-top .label, #details-bottom .label{ - background-color:#15528F + background-color:#15528f } .paused-highlight{ - color:#09A2FF + color:#09a2ff } .sickbeardTable th{ background-color:#15528f } +.back-art th.row-seasonheader h3, .displayshow-wrapper .sickbeardTable th.row-seasonheader{ - color:#fff + color:#ddd } -.back-art.pro .sickbeardTable .seasoncols th, -.translucent.pro .sickbeardTable .seasoncols th{ +.back-art.pro.ii .navbar-default, +.back-art.pro.ii .day-of-week .day-number, +.translucent.pro.ii .day-of-week .day-number, +.back-art.pro.ii .sickbeardTable .seasoncols th, +.translucent.pro.ii .sickbeardTable .seasoncols th, +.back-art.pro.ii .sickbeardTable thead .seasoncols td, +.translucent.pro.ii .sickbeardTable thead .seasoncols td{ background-color:rgba(21, 82, 143, 0.5) } @@ -408,19 +474,19 @@ episodeView.tmpl ========================================================================== */ h2.day, h2.network{ - color:#FFF; + color:#ddd; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); - background-color:#15528F + background-color:#15528f } .tvshowDiv{ border:1px solid #ccc; - background:#fff; + background:#ddd; color:#000 } .tvshowDiv a:hover{ - color:#09A2FF + color:#09a2ff } .tvshowTitle a{ @@ -450,12 +516,12 @@ h2.day, h2.network{ #showListTable td.tvShow a:hover{ cursor:pointer; - color:#09A2FF + color:#09a2ff } .day-of-week .day-number{ - background-color:#15528F; - color:#fff + background-color:#15528f; + color:#ddd } .today .day-number .number, .today .day-number .month, .today .day-number .day{ @@ -477,7 +543,7 @@ h2.day, h2.network{ .day-of-week .text .airtime, .day-of-week .text .episode, .day-of-week .text .episode .name{ - color:#fff + color:#ddd } .day-of-week .text .episode .season, @@ -506,14 +572,14 @@ h2.day, h2.network{ } .carousel-control{ - color:#297AB8; + color:#297ab8; filter:alpha(opacity=100); opacity:1 } .carousel-control:hover, .carousel-control:focus{ - color:#15528F; + color:#15528f; filter:alpha(opacity=100); opacity:1 } @@ -524,8 +590,8 @@ h2.day, h2.network{ } .carousel-indicators .active{ - background:#8DBEEE; - border-color:#8DBEEE + background:#8dbeee; + border-color:#8dbeee } /* ======================================================================= @@ -554,13 +620,16 @@ config*.tmpl } .testNotification{ - border:1px dotted #CCC + border:1px dotted #ccc } #provider_order_list li, +#service_order_list li{ + color:#ddd +} + #service_order_list li{ background:#333 !important; - color:#fff } .infoTableSeperator{ @@ -581,14 +650,23 @@ config_postProcessing.tmpl border-color:#111 } +.back-art #config .episode-sample{ + background:rgba(34,34,34,0.8); + border-color:rgba(17,17,17,0.8) +} +.back-art #config .example{ + background:rgba(33,33,33,0.8); + border-color:rgba(11,11,11,0.8); + line-height: 24px +} .Key{ background-color:#3d3d3d; border:1px solid #111 } .Key th, .tableHeader{ - color:#fff; - background:#15528F + color:#ddd; + background:#15528f } .Key tr{ @@ -605,17 +683,17 @@ config_notifications.tmpl div.metadata_options{ background:#333; - color:#fff; + color:#ddd; border:1px solid #111 } div.metadata_options label:hover{ - color:#fff; - background-color:#15528F + color:#ddd; + background-color:#15528f } div.metadata_options label{ - color:#fff + color:#ddd } div.metadata_example{ @@ -623,7 +701,7 @@ div.metadata_example{ } div.metadata_example label{ - color:#fff + color:#ddd } div.metadataDiv .disabled{ @@ -631,8 +709,8 @@ div.metadataDiv .disabled{ } .warning{ - border-color:#F89406; - background:url("../images/warning16.png") no-repeat right 5px center #fff + border-color:#f89406; + background:url("../images/warning16.png") no-repeat right 5px center #ddd } .solid-border{ @@ -648,7 +726,7 @@ manage*.tmpl ========================================================================== */ .separator{ - color:#fff + color:#ddd } a.whitelink{ @@ -660,7 +738,7 @@ a.whitelink{ ========================================================================== */ #error-404 path{ -fill:#fff +fill:#ddd } /* ======================================================================= @@ -668,7 +746,7 @@ Global ========================================================================== */ span.path{ - color:#09A2FF; + color:#09a2ff; background-color:#333 } @@ -687,7 +765,7 @@ body{ body, .show-date{ - color:#fff + color:#ddd } input, textarea, select, .uneditable-input{ @@ -697,24 +775,24 @@ input, textarea, select, .uneditable-input{ /* navbar styling */ .navbar-default{ - background-color:#15528F; - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#297AB8', endColorstr='#15528F'); - background-image:-ms-linear-gradient(top, #297AB8 0%, #15528F 100%); - background-image:-moz-linear-gradient(top, #297AB8 0%, #15528F 100%); - background-image:-o-linear-gradient(top, #297AB8 0%, #15528F 100%); - background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #297AB8), color-stop(1, #15528F)); - background-image:-webkit-linear-gradient(top, #297AB8 0%, #15528F 100%); - background-image:linear-gradient(to bottom, #297AB8 0%, #15528F 100%); + background-color:#15528f; + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#297ab8", endColorstr="#15528f"); + background-image:-ms-linear-gradient(top, #297ab8 0%, #15528f 100%); + background-image:-moz-linear-gradient(top, #297ab8 0%, #15528f 100%); + background-image:-o-linear-gradient(top, #297ab8 0%, #15528f 100%); + background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #297ab8), color-stop(1, #15528f)); + background-image:-webkit-linear-gradient(top, #297ab8 0%, #15528f 100%); + background-image:linear-gradient(to bottom, #297ab8 0%, #15528f 100%); border-color:#3e3f3a } .navbar-default .navbar-brand{ - color:#fff + color:#ddd } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{ - color:#fff; + color:#ddd; background-color:transparent } @@ -728,14 +806,14 @@ input, textarea, select, .uneditable-input{ .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ - color:#fff; + color:#ddd; background-color:#124477 } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ - color:#fff; + color:#ddd; background-color:#124477 } @@ -768,7 +846,7 @@ input, textarea, select, .uneditable-input{ .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background-color:#124477; - color:#fff + color:#ddd } @media (max-width:767px){ @@ -777,13 +855,13 @@ input, textarea, select, .uneditable-input{ } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ - color:#fff; + color:#ddd; background-color:transparent } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{ - color:#fff; + color:#ddd; background-color:#124477 } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, @@ -799,7 +877,7 @@ input, textarea, select, .uneditable-input{ } .navbar-default .navbar-link:hover{ - color:#fff + color:#ddd } .navbar-default .btn-link{ @@ -819,13 +897,13 @@ fieldset[disabled] .navbar-default .btn-link:focus{ } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ - color:#fff; + color:#ddd; text-decoration:none; - background-color:#15528F + background-color:#15528f } .dropdown-menu > li > a{ - color:#fff + color:#ddd } .dropdown-menu{ @@ -834,26 +912,29 @@ fieldset[disabled] .navbar-default .btn-link:focus{ box-shadow:0 6px 12px rgba(0, 0, 0, 0.176) } +.img-trakt-16{background-image:url("../images/addshows/trakt16-white.png")} +.img-import-16{background-image:url("../images/addshows/add-existing16-white.png")} + .form-control{ color:#000 } .btn{ - color:#fff; + color:#ddd; text-shadow:0 1px 1px rgba(0, 0, 0, 0.75); - background-color:#2672B6; - *background-color:#2672B6; - background-image:-ms-linear-gradient(top, #297AB8, #15528F); - background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#297AB8), to(#15528F)); - background-image:-webkit-linear-gradient(top, #297AB8, #15528F); - background-image:-o-linear-gradient(top, #297AB8, #15528F); - background-image:linear-gradient(top, #297AB8, #15528F); - background-image:-moz-linear-gradient(top, #297AB8, #15528F); + background-color:#2672b6; + *background-color:#2672b6; + background-image:-ms-linear-gradient(top, #297ab8, #15528f); + background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#297ab8), to(#15528f)); + background-image:-webkit-linear-gradient(top, #297ab8, #15528f); + background-image:-o-linear-gradient(top, #297ab8, #15528f); + background-image:linear-gradient(top, #297ab8, #15528f); + background-image:-moz-linear-gradient(top, #297ab8, #15528f); border:1px solid #111; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color:#111 #111 #111; border-bottom-color:#111; - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#297AB8', endColorstr='#15528F', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startcolorstr="#297ab8", endcolorstr="#15528f", gradienttype=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false); -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.0), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.0), 0 1px 2px rgba(0, 0, 0, 0.05); @@ -865,21 +946,21 @@ fieldset[disabled] .navbar-default .btn-link:focus{ .btn.active, .btn.disabled, .btn[disabled]{ - background-color:#2672B6; - *background-color:#2672B6; - color:#fff + background-color:#2672b6; + *background-color:#2672b6; + color:#ddd } .btn:active, .btn.active{ background-color:#ccc \9; - color:#fff + color:#ddd } .btn:hover{ - color:#fff; - background-color:#2672B6; - *background-color:#2672B6; + color:#ddd; + background-color:#2672b6; + *background-color:#2672b6; background-position:0 -150px; -webkit-transition:background-position 0.0s linear; -moz-transition:background-position 0.0s linear; @@ -892,15 +973,15 @@ fieldset[disabled] .navbar-default .btn-link:focus{ outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; - color:#fff + color:#ddd } .btn.active, .btn:active{ - background-color:#2672B6; - background-color:#2672B6 \9; + background-color:#2672b6; + background-color:#2672b6 \9; background-image:none; - color:#fff; + color:#ddd; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); @@ -910,7 +991,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ .btn.disabled, .btn[disabled]{ cursor:default; - background:#15528F none; + background:#15528f none; opacity:0.65; filter:alpha(opacity=65); -webkit-box-shadow:none; @@ -940,13 +1021,15 @@ fieldset[disabled] .navbar-default .btn-link:focus{ .btn-warning:hover, .btn-danger, .btn-danger:hover, +.ui-widget-content .btn-danger, +.ui-widget-content .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover{ - color:#fff; + color:#ddd; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) } @@ -971,7 +1054,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#0055cc #0055cc #003580; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#0088cc", endColorstr="#0055cc", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -1001,7 +1084,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#f89406 #f89406 #ad6704; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#fbb450", endColorstr="#f89406", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -1031,7 +1114,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#bd362f #bd362f #802420; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ee5f5b", endColorstr="#bd362f", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -1061,7 +1144,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#51a351 #51a351 #387038; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#62c462", endColorstr="#51a351", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -1091,7 +1174,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#2f96b4 #2f96b4 #1f6377; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#5bc0de", endColorstr="#2f96b4", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -1121,7 +1204,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#222 #222 #000; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#555555", endColorstr="#222222", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -1160,9 +1243,9 @@ fieldset[disabled] .navbar-default .btn-link:focus{ .navbar-default .navbar-nav > .active > a{ background-color:transparent; - -webkit-box-shadow:inset 0px -5px 0px 0px #8DBEEE; - -moz-box-shadow:inset 0px -5px 0px 0px #8DBEEE; - box-shadow:inset 0px -5px 0px 0px #8DBEEE + -webkit-box-shadow:inset 0px -5px 0px 0px #8dbeee; + -moz-box-shadow:inset 0px -5px 0px 0px #8dbeee; + box-shadow:inset 0px -5px 0px 0px #8dbeee } .navbar-fixed-top{ @@ -1171,7 +1254,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ } pre{ - color:#fff; + color:#ddd; background-color:#3d3d3d; border-color:#111 } @@ -1193,7 +1276,7 @@ input sizing (for config pages) #showfilter optgroup option, #editAProvider optgroup option{ color:#222; - background-color:#fff + background-color:#ddd } /* ======================================================================= @@ -1206,7 +1289,7 @@ browser.css #fileBrowserDialog ul li a:hover{ color:#09a2ff; - background: rgb(61, 61, 61) none + background:rgb(61, 61, 61) none } .ui-menu .ui-menu-item{ @@ -1214,11 +1297,11 @@ browser.css } .ui-menu .ui-menu-item-alternate{ - background-color:#fff + background-color:#ddd } .ui-autocomplete .ui-menu-item .ui-state-focus{ - color:#fff; + color:#ddd; background:none; background-color:#0a246a } @@ -1229,11 +1312,11 @@ formWizard .step, legend.legendStep{ - color:#fff + color:#ddd } div.stepsguide .step p{ - border-color:#23AFDC + border-color:#23afdc } .disabledstep{ @@ -1241,7 +1324,7 @@ div.stepsguide .step p{ } #newShowPortal #addShowForm .stepsguide .disabledstep:hover > .smalltext{ - color:#ccc; + color:#ccc } .stepDiv #searchResults div .exists-db{ @@ -1249,16 +1332,16 @@ div.stepsguide .step p{ } div.stepsguide .disabledstep p{ - border-color:#1178B3 + border-color:#1178b3 } div.formpaginate .prev, div.formpaginate .next{ - color:#fff; - background:#2265A1 + color:#ddd; + background:#2265a1 } #customQualityWrapper .tip-text p{ - color:#888 + color:#999 } /* ======================================================================= @@ -1276,11 +1359,11 @@ pnotify.css } .ui-pnotify-title{ - color:#fff + color:#ddd } .ui-pnotify-text{ - color:#fff + color:#ddd } /* ======================================================================= @@ -1288,7 +1371,7 @@ tablesorter.css ========================================================================== */ .tablesorter{ - color:#fff; + color:#ddd; background-color:#333 } @@ -1303,25 +1386,26 @@ tablesorter.css border-left:none } -.tablesorter th{ - color:#fff; +.tablesorter th, +.sickbeardTable thead .seasoncols td{ + color:#ddd; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); - background-color:#15528F + background-color:#15528f } .tablesorter .tablesorter-header{ - background:#15528F url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) no-repeat center right; - /* background-image:url(../images/tablesorter/bg.gif) */ + background:#15528f url("data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==") no-repeat center right; + /* background-image:url("../images/tablesorter/bg.gif") */ } .tablesorter thead .tablesorter-headerDesc{ - background:#297AB8 url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) no-repeat center right; - /* background-image:url(../images/tablesorter/asc.gif) */ + background:#297ab8 url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7") no-repeat center right; + /* background-image:url("../images/tablesorter/asc.gif") */ } .tablesorter thead .tablesorter-headerAsc{ - background:#297AB8 url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) no-repeat center right; - /* background-image:url(../images/tablesorter/desc.gif) */ + background:#297ab8 url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7") no-repeat center right; + /* background-image:url("../images/tablesorter/desc.gif") */ } thead.tablesorter-stickyHeader{ @@ -1329,11 +1413,16 @@ thead.tablesorter-stickyHeader{ border-bottom:2px solid #222 } +.ui-state-default.row-odd{ + background-color:#363636 +} + /* Zebra Widget - row alternating colors */ .tablesorter tr.odd, .sickbeardTable tr.odd{ background-color:#333 } +.ui-state-default.row-even, .tablesorter tr.even, .sickbeardTable tr.even{ background-color:#2e2e2e } @@ -1346,7 +1435,7 @@ thead.tablesorter-stickyHeader{ } .tablesorter tfoot tr{ - color:#fff; + color:#ddd; text-align:center; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); background-color:#333; @@ -1354,7 +1443,7 @@ thead.tablesorter-stickyHeader{ } .tablesorter tfoot a{ - color:#fff + color:#ddd } #showListTable tbody{ @@ -1368,7 +1457,7 @@ token-input.css ul.token-input-list{ border:1px solid #ccc; - background-color:#fff + background-color:#ddd } ul.token-input-list li input{ @@ -1387,7 +1476,7 @@ li.token-input-token span{ li.token-input-selected-token{ background-color:#08844e; - color:#fff + color:#ddd } li.token-input-selected-token span{ @@ -1395,7 +1484,7 @@ li.token-input-selected-token span{ } div.token-input-dropdown{ - background-color:#fff; + background-color:#ddd; color:#000; border-left-color:#ccc; border-right-color:#ccc; @@ -1407,7 +1496,7 @@ div.token-input-dropdown p{ } div.token-input-dropdown ul li{ - background-color:#fff + background-color:#ddd } div.token-input-dropdown ul li.token-input-dropdown-item{ @@ -1415,7 +1504,7 @@ div.token-input-dropdown ul li.token-input-dropdown-item{ } div.token-input-dropdown ul li.token-input-dropdown-item2{ - background-color:#fff + background-color:#ddd } div.token-input-dropdown ul li.token-input-selected-dropdown-item{ @@ -1427,7 +1516,7 @@ jquery.confirm.css ========================================================================== */ #confirmOverlay{ - background:url('../images/bg.gif'); + background:url("../images/bg.gif"); background:-moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) repeat-x rgba(0, 0, 0, 0.5); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))) repeat-x rgba(0, 0, 0, 0.5); z-index:100000 @@ -1440,19 +1529,19 @@ jquery.confirm.css } #confirmBox h1{ - background-color:#15528F; + background-color:#15528f; border-bottom:1px solid #111; - color:#fff; + color:#ddd; text-shadow:0 1px 1px rgba(0, 0, 0, 0.75) } #confirmBox p{ - color:#fff; + color:#ddd; text-shadow:0 1px 1px rgba(0, 0, 0, 0.75) } #confirmBox .button{ - color:#fff; + color:#ddd; text-shadow:0 1px 1px rgba(0, 0, 0, 0.75); border:1px solid #111; border-radius:3px; @@ -1465,17 +1554,17 @@ jquery.confirm.css } #confirmBox .green{ - background-color:#3F7636 + background-color:#3f7636 } #confirmBox .green:hover{ - background-color:#48873E + background-color:#48873e } #confirmBox .red{ - background-color:#8D2D2B + background-color:#8d2d2b } #confirmBox .red:hover{ - background-color:#A13331 + background-color:#a13331 } diff --git a/gui/slick/css/fonts/Hack-Regular-mono.eot b/gui/slick/css/fonts/Hack-Regular-mono.eot new file mode 100644 index 00000000..20edb7c0 Binary files /dev/null and b/gui/slick/css/fonts/Hack-Regular-mono.eot differ diff --git a/gui/slick/css/fonts/Hack-Regular-mono.svg b/gui/slick/css/fonts/Hack-Regular-mono.svg new file mode 100644 index 00000000..6b37f797 --- /dev/null +++ b/gui/slick/css/fonts/Hack-Regular-mono.svg @@ -0,0 +1,1543 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gui/slick/css/fonts/Hack-Regular-mono.ttf b/gui/slick/css/fonts/Hack-Regular-mono.ttf new file mode 100644 index 00000000..1c68f51e Binary files /dev/null and b/gui/slick/css/fonts/Hack-Regular-mono.ttf differ diff --git a/gui/slick/css/fonts/Hack-Regular-mono.woff b/gui/slick/css/fonts/Hack-Regular-mono.woff new file mode 100644 index 00000000..3bcc88af Binary files /dev/null and b/gui/slick/css/fonts/Hack-Regular-mono.woff differ diff --git a/gui/slick/css/fonts/sgicons.eot b/gui/slick/css/fonts/sgicons.eot index 33f43000..bb80b1f6 100644 Binary files a/gui/slick/css/fonts/sgicons.eot and b/gui/slick/css/fonts/sgicons.eot differ diff --git a/gui/slick/css/fonts/sgicons.svg b/gui/slick/css/fonts/sgicons.svg index dcc47b4d..30f6c3a7 100644 --- a/gui/slick/css/fonts/sgicons.svg +++ b/gui/slick/css/fonts/sgicons.svg @@ -11,7 +11,7 @@ - + @@ -22,8 +22,8 @@ - - + + @@ -35,7 +35,7 @@ - + @@ -43,7 +43,11 @@ - + + + + + diff --git a/gui/slick/css/fonts/sgicons.ttf b/gui/slick/css/fonts/sgicons.ttf index e5da9210..7804d1d4 100644 Binary files a/gui/slick/css/fonts/sgicons.ttf and b/gui/slick/css/fonts/sgicons.ttf differ diff --git a/gui/slick/css/fonts/sgicons.woff b/gui/slick/css/fonts/sgicons.woff index 24352c51..90cbbb53 100644 Binary files a/gui/slick/css/fonts/sgicons.woff and b/gui/slick/css/fonts/sgicons.woff differ diff --git a/gui/slick/css/lib/jquery-ui-1.10.4.custom.css b/gui/slick/css/lib/jquery-ui-1.10.4.custom.css index a61154cf..dbf5897a 100644 --- a/gui/slick/css/lib/jquery-ui-1.10.4.custom.css +++ b/gui/slick/css/lib/jquery-ui-1.10.4.custom.css @@ -853,3 +853,21 @@ button.ui-button::-moz-focus-inner { filter: Alpha(Opacity=35); border-radius: 8px; } + +.ui-tooltip { + padding:3px 6px; + position:absolute; + z-index:9999; + max-width:300px; + + -webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15); + -moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15); + box-shadow:1px 1px 3px 1px rgba(0,0,0,.15) +} +body .ui-tooltip { + font-size: 10px; + border-radius: 5px 5px 5px 5px; + border: 1px solid rgb(241, 208, 49); + background-color: rgb(255, 255, 163); + color: rgb(85, 85, 85) +} \ No newline at end of file diff --git a/gui/slick/css/light.css b/gui/slick/css/light.css index a694fb4b..94b04bd8 100644 --- a/gui/slick/css/light.css +++ b/gui/slick/css/light.css @@ -1,14 +1,32 @@ /* ======================================================================= inc_top.tmpl ========================================================================== */ +.navbar-default .navbar-nav .logger.errors.n, +pre .prelight{ + color:#6f8c53 +} + +.navbar-default .navbar-nav .logger.errors.nn, +pre .prelight2{ + color:#b7b82c +} + +.navbar-default .navbar-nav .logger.errors.nnn, +pre .prelight-num{ + color:#eaab52 +} + +.navbar-default .navbar-nav .logger.errors.nnnn{ + color:#ff6d5e +} [class^="icon-"], [class*=" icon-"]{ - background-image:url("../images/glyphicons-halflings.png") + background-image:url("../images/glyphicons-halflings-white.png") } .icon-white{ - background-image:url("../images/glyphicons-halflings-white.png") + background-image:url("../images/glyphicons-halflings.png") } .ui-autocomplete-loading{ @@ -43,7 +61,7 @@ inc_top.tmpl } .ui-widget-content a:hover{ - color:#09A2FF + color:#09a2ff } .ui-widget-header{ @@ -54,7 +72,7 @@ inc_top.tmpl .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background:#fff; - border:1px solid #CCC + border:1px solid #ccc } .ui-state-hover, @@ -69,7 +87,7 @@ inc_top.tmpl .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ - background:#F7F7F7 + background:#f7f7f7 } .ui-state-highlight, @@ -124,7 +142,7 @@ inc_top.tmpl } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{ - color:#140F06; + color:#140f06; text-decoration:none } @@ -149,8 +167,8 @@ inc_top.tmpl } .ui-tabs .ui-tabs-panel{ - background-color:#F7F7F7 !important; - border:1px solid #CCC !important + background-color:#f7f7f7 !important; + border:1px solid #ccc !important } .ui-tabs .ui-tabs-nav li.ui-tabs-active{ @@ -184,19 +202,30 @@ inc_bottom.tmpl ========================================================================== */ .footerhighlight{ - color:#428BCA + color:#428bca } body#display-show.back-art .displayshow-wrapper a, body#display-show.back-art .footerhighlight a, body#display-show.back-art .footerhighlight{ - color:#c7db40 + color:#288536 +/* color:#c7db40 +*/ } - body#display-show.back-art .displayshow-wrapper a:hover, body#display-show.back-art .displayshow-wrapper a:focus, body#display-show.back-art .footerhighlight a:hover, body#display-show.back-art .footerhighlight a:focus{ + color:#7C8119 +/* color:#c7db40 +*/ +} + +body#display-show.back-art .displayshow-wrapper .label a{ + color:#c7db40 +} +body#display-show.back-art .displayshow-wrapper .label a:hover, +body#display-show.back-art .displayshow-wrapper .label a:focus{ color:#9faf33 } @@ -219,7 +248,7 @@ a.ui-font{ } #show-list .show-card{ - background-color:#DFDACF; + background-color:#dfdacf; color:#666; border:1px solid #111 } @@ -269,7 +298,7 @@ td.tvShow a{ td.tvShow a:hover span, td.tvShow a:hover{ cursor:pointer; - color:#428BCA + color:#428bca } /* ======================================================================= @@ -299,9 +328,8 @@ home_newShow.tmpl } #addRootDirTable td label .filepath, -.grey-text{ - color:#666 -} +.grey-text{color:#666} +.highlight-text{color:#000} #newShowPortal #displayText .show-name, #newShowPortal #displayText .show-dest, @@ -319,7 +347,7 @@ home_addExistingShow.tmpl ========================================================================== */ ul#rootDirStaticList li{ - background:url('../css/lib/images/ui-bg_highlight-soft_75_efefef_1x100.png') repeat-x scroll 50% 50% #EFEFEF + background:url("../css/lib/images/ui-bg_highlight-soft_75_efefef_1x100.png") repeat-x scroll 50% 50% #efefef } /* ======================================================================= @@ -327,7 +355,7 @@ home_browseShows.tmpl ========================================================================== */ #browse-list .show-card{ - background-color:#DFDACF; + background-color:#dfdacf; border:1px solid #111 } @@ -340,6 +368,21 @@ home_postprocess.tmpl ========================================================================== */ +/* ======================================================================= +displayShow.tmpl and episodeView.tmpl +========================================================================== */ +#episode-view.back-art .controlsBlock, +#episode-view.back-art .h2footer, +#episode-view.back-art.daybyday h1.header, +#episode-view.back-art.pro .daybyday-show, +#display-show.back-art #change-show, +#display-show.back-art #change-status, +#display-show.back-art #no-episode-data, +body.back-art .footer, +#display-show.back-art .sickbeardTable{ + background-color: rgba(239, 239, 239, 0.8) +} + /* ======================================================================= displayShow.tmpl ========================================================================== */ @@ -358,23 +401,41 @@ tr.seasonheader{ filter:url("data:image/svg+xml;utf8,#greyscale") } -.tvshowImg{ - border:1px solid #ccc +#posterCol .tvshowImg{ + border: 1px solid rgba(239, 239, 239, 0.8); } -.display-details{ - background-color:#efefef; - border:1px solid #dfdede +#edit-show.back-art .ui-tabs-nav > :not(.ui-tabs-active){ + background:rgba(239, 239, 239,0.4) } -.pro .details-title{ +#edit-show.back-art .ui-tabs-nav .ui-tabs-active, +#edit-show.back-art .ui-tabs .ui-tabs-panel{ + background:rgba(239, 239, 239,0.8) !important +} + +#edit-show.back-art .header, +#display-show.back-art #showCol{ + background:rgba(239, 239, 239, 0.8); + border:1px solid rgba(239, 239, 239, 0.8) +} + +#livepanel .over-layer0, +#showCol{ + background-color:#efefef +} + +#livepanel .over-layer0, +#livepanel .over-layer1, +#showCol{ + border-color:#dfdede +} + +.pro .details-title, +.pro .hint{ color:#666 } -.back-art.pro .details-title{ - color:#bbb -} - .back-art #details-top .label, .back-art #details-bottom .label{ background-color:#215f2f @@ -386,19 +447,24 @@ tr.seasonheader{ } .paused-highlight{ - color:#C7DB40 + color:#c7db40 } .sickbeardTable th{ background-color:#333 } +body#display-show.back-art, .displayshow-wrapper .sickbeardTable th.row-seasonheader{ color:#000 } -.translucent.pro .sickbeardTable th{ - background-color:rgba(51, 51, 51, 0.5) +.back-art.pro.ii .navbar-default, +.back-art.pro.ii .day-of-week .day-number, +.translucent.pro.ii .day-of-week .day-number, +.back-art.pro.ii .sickbeardTable .seasoncols th, +.translucent.pro.ii .sickbeardTable .seasoncols th{ + background-color:rgba(51, 51, 51, 0.7) } /* ======================================================================= @@ -406,7 +472,7 @@ episodeView.tmpl ========================================================================== */ h2.day, h2.network{ - color:#FFF; + color:#fff; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); background-color:#333 } @@ -417,7 +483,7 @@ h2.day, h2.network{ } .tvshowDiv a:hover{ - color:#428BCA + color:#428bca } .tvshowTitle a{ @@ -451,15 +517,15 @@ h2.day, h2.network{ } .odd .daybyday-show{ - background-color:#F5F1E4 + background-color:#f5f1e4 } .even .daybyday-show{ - background-color:#DFDACF + background-color:#dfdacf } .day-of-week .poster img{ - border-color:#CCC + border-color:#ccc } .over-layer0{ @@ -484,13 +550,25 @@ h2.day, h2.network{ .day-of-week .text .episode .season, .day-of-week .text .episode .number{ - color:rgb(9, 133, 225) + color:#0985e1 } .day-of-week .text .episode{ color:#888 } +.daybyday-show .state{ + height:5px +} + +.daybyday-show .listing-current{ + border:1px solid #1d5068 +} + +.daybyday-show .listing-overdue{ + border:1px solid #890000 +} + .episodeview-daybyday .time .time-hr-min, .episodeview-daybyday .time .time-am-pm{ color:#666 @@ -502,8 +580,8 @@ h2.day, h2.network{ } .carousel-indicators .active{ - background:#C7DB40; - border-color:#C7DB40 + background:#c7db40; + border-color:#c7db40 } /* ======================================================================= @@ -532,7 +610,7 @@ config*.tmpl } .testNotification{ - border:1px dotted #CCC + border:1px dotted #ccc } .infoTableSeperator{ @@ -553,6 +631,16 @@ config_postProcessing.tmpl border-color:rgb(204, 204, 204) } +.back-art #config .episode-sample{ + background:rgba(255,255,255,0.8); + border-color:rgba(204,204,204,0.8) +} +.back-art #config .example{ + background:rgba(239,239,239,0.8); + border-color:rgba(204,204,204,0.8); + line-height: 24px +} + .Key{ background-color:#f4f4f4; border:1px solid #ccc @@ -602,7 +690,7 @@ div.metadataDiv .disabled{ } .warning{ - border-color:#F89406; + border-color:#f89406; background:url("../images/warning16.png") no-repeat right 5px center #fff } @@ -665,7 +753,7 @@ input, textarea, select, .uneditable-input{ /* navbar styling */ .navbar-default{ background-color:#333; - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333'); + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#555555", endColorstr="#333333"); background-image:-ms-linear-gradient(top, #555555 0%, #333333 100%); background-image:-moz-linear-gradient(top, #555555 0%, #333333 100%); background-image:-o-linear-gradient(top, #555555 0%, #333333 100%); @@ -792,7 +880,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ } .dropdown-menu{ - background-color:#F5F1E4; + background-color:#f5f1e4; border:1px solid rgba(0, 0, 0, 0.15); box-shadow:0 6px 12px rgba(0, 0, 0, 0.176) } @@ -816,7 +904,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color:#e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color:#b3b3b3; - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false); -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); @@ -899,6 +987,8 @@ fieldset[disabled] .navbar-default .btn-link:focus{ .btn-warning:hover, .btn-danger, .btn-danger:hover, +.ui-widget-content .btn-danger, +.ui-widget-content .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, @@ -930,7 +1020,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#0055cc #0055cc #003580; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#0088cc", endColorstr="#0055cc", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -960,7 +1050,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#f89406 #f89406 #ad6704; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#fbb450", endColorstr="#f89406", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -990,7 +1080,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#bd362f #bd362f #802420; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ee5f5b", endColorstr="#bd362f", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -1020,7 +1110,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#51a351 #51a351 #387038; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#62c462", endColorstr="#51a351", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -1050,7 +1140,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#2f96b4 #2f96b4 #1f6377; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#5bc0de", endColorstr="#2f96b4", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -1080,7 +1170,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#222 #222 #000; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#555555", endColorstr="#222222", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -1112,16 +1202,16 @@ fieldset[disabled] .navbar-default .btn-link:focus{ right:12px; display:inline-block; border-right:6px solid transparent; - border-bottom:6px solid #F5F1E4; + border-bottom:6px solid #f5f1e4; border-left:6px solid transparent; content:"" } .navbar-default .navbar-nav > .active > a{ background-color:transparent; - -webkit-box-shadow:inset 0px -5px 0px 0px #C7DB40; - -moz-box-shadow:inset 0px -5px 0px 0px #C7DB40; - box-shadow:inset 0px -5px 0px 0px #C7DB40 + -webkit-box-shadow:inset 0px -5px 0px 0px #c7db40; + -moz-box-shadow:inset 0px -5px 0px 0px #c7db40; + box-shadow:inset 0px -5px 0px 0px #c7db40 } .navbar-fixed-top{ @@ -1131,7 +1221,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ pre{ color:#000; - background-color:#F5F5F5; + background-color:#f5f5f5; border-color:#ccc } @@ -1161,7 +1251,7 @@ browser.css #fileBrowserDialog ul li a:hover{ color:#00f; - background: rgb(220, 220, 220) none + background:rgb(220, 220, 220) none } .ui-menu .ui-menu-item{ @@ -1200,7 +1290,7 @@ div.stepsguide .disabledstep p{ } #newShowPortal #addShowForm .stepsguide .disabledstep:hover > .smalltext{ - color:#8a775e; + color:#8a775e } .stepDiv #searchResults div .exists-db{ @@ -1243,18 +1333,18 @@ tablesorter.css } .tablesorter .tablesorter-header{ - background:#333 url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) no-repeat center right; - /* background-image:url(../images/tablesorter/bg.gif) */ + background:#333 url("data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==") no-repeat center right; + /* background-image:url("../images/tablesorter/bg.gif" */ } .tablesorter thead .tablesorter-headerDesc{ - background:#555 url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) no-repeat center right; - /* background-image:url(../images/tablesorter/asc.gif) */ + background:#555 url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7") no-repeat center right; + /* background-image:url("../images/tablesorter/asc.gif" */ } .tablesorter thead .tablesorter-headerAsc{ - background:#555 url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) no-repeat center right; - /* background-image:url(../images/tablesorter/desc.gif) */ + background:#555 url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7") no-repeat center right; + /* background-image:url("../images/tablesorter/desc.gif" */ } thead.tablesorter-stickyHeader{ @@ -1263,10 +1353,12 @@ thead.tablesorter-stickyHeader{ } /* Zebra Widget - row alternating colors */ +.ui-state-default.row-odd, .tablesorter tr.odd, .sickbeardTable tr.odd{ background-color:#f5f1e4 } +.ui-state-default.row-even, .tablesorter tr.even, .sickbeardTable tr.even{ background-color:#dfdacf } @@ -1355,14 +1447,14 @@ jquery.confirm.css ========================================================================== */ #confirmOverlay{ - background:url('../images/bg.gif'); + background:url("../images/bg.gif"); background:-moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) repeat-x rgba(0, 0, 0, 0.5); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))) repeat-x rgba(0, 0, 0, 0.5); z-index:100000 } #confirmBox{ - background:#F5F1E4; + background:#f5f1e4; border:1px solid #111; box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.175) } @@ -1392,17 +1484,17 @@ jquery.confirm.css } #confirmBox .green{ - background-color:#3F7636 + background-color:#3f7636 } #confirmBox .green:hover{ - background-color:#48873E + background-color:#48873e } #confirmBox .red{ - background-color:#8D2D2B + background-color:#8d2d2b } #confirmBox .red:hover{ - background-color:#A13331 + background-color:#a13331 } diff --git a/gui/slick/css/style.css b/gui/slick/css/style.css index cddcbb19..440a9e4a 100644 --- a/gui/slick/css/style.css +++ b/gui/slick/css/style.css @@ -4,12 +4,12 @@ fonts /* Open Sans */ /* 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'), - url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), - url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); + 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"), + url("fonts/OpenSans-Regular-webfont.ttf") format("truetype"), + url("fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg"); font-weight:normal; font-weight:400; font-style:normal @@ -17,12 +17,12 @@ fonts /* Italic */ @font-face{ - font-family:'Open Sans'; - src:url('fonts/OpenSans-Italic-webfont.eot'); - src:url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/OpenSans-Italic-webfont.woff') format('woff'), - url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), - url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); + font-family:"Open Sans"; + src:url("fonts/OpenSans-Italic-webfont.eot"); + src:url("fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/OpenSans-Italic-webfont.woff") format("woff"), + url("fonts/OpenSans-Italic-webfont.ttf") format("truetype"), + url("fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg"); font-weight:normal; font-weight:400; font-style:italic @@ -30,60 +30,60 @@ fonts /* Light */ @font-face{ - font-family:'Open Sans'; - src:url('fonts/OpenSans-Light-webfont.eot'); - src:url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/OpenSans-Light-webfont.woff') format('woff'), - url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), - url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); + font-family:"Open Sans"; + src:url("fonts/OpenSans-Light-webfont.eot"); + src:url("fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/OpenSans-Light-webfont.woff") format("woff"), + url("fonts/OpenSans-Light-webfont.ttf") format("truetype"), + url("fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg"); font-weight:200; font-style:normal } /* Light Italic */ @font-face{ - font-family:'Open Sans'; - src:url('fonts/OpenSans-LightItalic-webfont.eot'); - src:url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'), - url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), - url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); + font-family:"Open Sans"; + src:url("fonts/OpenSans-LightItalic-webfont.eot"); + src:url("fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/OpenSans-LightItalic-webfont.woff") format("woff"), + url("fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), + url("fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg"); font-weight:200; font-style:italic } /* Semibold */ @font-face{ - font-family:'Open Sans'; - src:url('fonts/OpenSans-Semibold-webfont.eot'); - src:url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), - url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), - url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); + font-family:"Open Sans"; + src:url("fonts/OpenSans-Semibold-webfont.eot"); + src:url("fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/OpenSans-Semibold-webfont.woff") format("woff"), + url("fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), + url("fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg"); font-weight:600; font-style:normal } /* Semibold Italic */ @font-face{ - font-family:'Open Sans'; - src:url('fonts/OpenSans-SemiboldItalic-webfont.eot'); - src:url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), - url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), - url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); + font-family:"Open Sans"; + src:url("fonts/OpenSans-SemiboldItalic-webfont.eot"); + src:url("fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), + url("fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), + url("fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic") format("svg"); font-weight:600; font-style:italic } /* Bold */ @font-face{ - font-family:'Open Sans'; - src:url('fonts/OpenSans-Semibold-webfont.eot'); - src:url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), - url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), - url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); + font-family:"Open Sans"; + src:url("fonts/OpenSans-Semibold-webfont.eot"); + src:url("fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/OpenSans-Semibold-webfont.woff") format("woff"), + url("fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), + url("fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg"); font-weight:bold; font-weight:700; font-style:normal @@ -91,12 +91,12 @@ fonts /* Bold Italic */ @font-face{ - font-family:'Open Sans'; - src:url('fonts/OpenSans-SemiboldItalic-webfont.eot'); - src:url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), - url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), - url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); + font-family:"Open Sans"; + src:url("fonts/OpenSans-SemiboldItalic-webfont.eot"); + src:url("fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), + url("fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), + url("fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic") format("svg"); font-weight:bold; font-weight:700; font-style:italic @@ -104,40 +104,67 @@ fonts /* Extra Bold */ @font-face{ - font-family:'Open Sans'; - src:url('fonts/OpenSans-Bold-webfont.eot'); - src:url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/OpenSans-Bold-webfont.woff') format('woff'), - url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), - url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); + font-family:"Open Sans"; + src:url("fonts/OpenSans-Bold-webfont.eot"); + src:url("fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/OpenSans-Bold-webfont.woff") format("woff"), + url("fonts/OpenSans-Bold-webfont.ttf") format("truetype"), + url("fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg"); font-weight:900; font-style:normal } /* Extra Bold Italic */ @font-face{ - font-family:'Open Sans'; - src:url('fonts/OpenSans-BoldItalic-webfont.eot'); - src:url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), - url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), - url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); + font-family:"Open Sans"; + src:url("fonts/OpenSans-BoldItalic-webfont.eot"); + src:url("fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), + url("fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), + url("fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg"); font-weight:900; font-style:italic } /* SickGear Icons */ @font-face{ - font-family:'sgicons'; - src:url('fonts/sgicons.eot?v1'); - src:url('fonts/sgicons.eot?v1#iefix') format('embedded-opentype'), - url('fonts/sgicons.woff?v1') format('woff'), - url('fonts/sgicons.ttf?v1') format('truetype'), - url('fonts/sgicons.svg?v1#sgicons') format('svg'); + font-family:"sgicons"; + src:url("fonts/sgicons.eot?v1"); + src:url("fonts/sgicons.eot?v1#iefix") format("embedded-opentype"), + url("fonts/sgicons.woff?v1") format("woff"), + url("fonts/sgicons.ttf?v1") format("truetype"), + url("fonts/sgicons.svg?v1#sgicons") format("svg"); font-weight:normal; font-style:normal } +/* Hack */ +/* Regular */ +@font-face{ + font-family:"Hack"; + src:url("fonts/Hack-Regular.eot"); + src:url("fonts/Hack-Regular.eot?#iefix") format("embedded-opentype"), + url("fonts/Hack-Regular.woff") format("woff"), + url("fonts/Hack-Regular.ttf") format("truetype"), + url("fonts/Hack-Regular.svg") format("svg"); + font-weight:normal; + font-weight:400; + font-style:normal +} + +/* Regular-mono */ +@font-face{ + font-family:"Hack-mono"; + src:url("fonts/Hack-Regular-mono.eot"); + src:url("fonts/Hack-Regular-mono.eot?#iefix") format("embedded-opentype"), + url("fonts/Hack-Regular-mono.woff") format("woff"), + url("fonts/Hack-Regular-mono.ttf") format("truetype"), + url("fonts/Hack-Regular-mono.svg") format("svg"); + font-weight:normal; + font-weight:400; + font-style:normal +} + /* ======================================================================= inc_top.tmpl ========================================================================== */ @@ -147,11 +174,24 @@ inc_top.tmpl margin-bottom:-15px } -#contentWrapper .episodeview-banner, -#contentWrapper .episodeview-daybyday, -#contentWrapper .episodeview-list, -#contentWrapper .episodeview-poster{ - padding-top:45px +.navbar-default .navbar-nav .logger.bar{ + position: absolute; + display:none; + width:14px; + top:2px; + right:12px +} + +.navbar-default .navbar-nav .logger.errors{ + display:block; +} + +.navbar-default .navbar-nav .logger.errors.item{ + display:inline-block +} + +.navbar-default .navbar-nav .logger{ + height:14px } [class^="icon-"], @@ -195,14 +235,14 @@ inc_top.tmpl } .ui-widget-header{ - background:#fff url("../css/lib/images/ui-bg_flat_0_ffffff_40x100.png") 50% 50% repeat-x + background:#ddd url("../css/lib/images/ui-bg_flat_0_ffffff_40x100.png") 50% 50% repeat-x } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ - background:#fff; - border:1px solid #CCC + background:#ddd; + border:1px solid #ccc } .ui-state-hover, @@ -211,13 +251,13 @@ inc_top.tmpl .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ - background:#fff + background:#ddd } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ - background:#F7F7F7 + background:#f7f7f7 } .ui-state-highlight, @@ -272,7 +312,7 @@ inc_top.tmpl } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{ - color:#140F06; + color:#140f06; text-decoration:none } @@ -297,13 +337,13 @@ inc_top.tmpl } .ui-tabs .ui-tabs-panel{ - background-color:#F7F7F7 !important; - border:1px solid #CCC !important; + background-color:#f7f7f7 !important; + border:1px solid #ccc !important; border-top-width:0 !important } .ui-tabs .ui-tabs-nav li.ui-tabs-active{ - border-bottom:1px solid #F7F7F7 !important; + border-bottom:1px solid #f7f7f7 !important; border-top-left-radius:5px; border-top-right-radius:5px } @@ -340,7 +380,7 @@ inc_top.tmpl } [class^="sgicon-"], [class*=" sgicon-"]{ - font-family:'sgicons'; + font-family:"sgicons"; speak:none; font-style:normal; font-weight:normal; @@ -353,18 +393,14 @@ inc_top.tmpl -moz-osx-font-smoothing:grayscale } -.dropdown [class^="sgicon-"], .dropdown [class*=" sgicon-"]{ +.dropdown [class^="sgicon-"], .dropdown [class*="sgicon-"]{ margin-right:6px } -#SubMenu [class^="sgicon-"], #SubMenu [class*=" sgicon-"]{ +#SubMenu [class^="sgicon-"], #SubMenu [class*="sgicon-"]{ margin-right:3px } -.sgicon-rss:before{ - content:"\e622" -} - .sgicon-pause:before{ content:"\e600" } @@ -413,18 +449,10 @@ inc_top.tmpl content:"\e60b" } -.sgicon-updatecheck:before{ - content:"\e60c" -} - .sgicon-subtitles:before{ content:"\e60d" } -.sgicon-episodestatus:before{ - content:"\e60e" -} - .sgicon-anime:before{ content:"\e60f" } @@ -502,12 +530,52 @@ inc_top.tmpl content:"\e621" } +.sgicon-rss:before{ + content:"\e622" +} + +.sgicon-import:before{ + content:"\e623" +} + +.sgicon-changes:before{ + content:"\e624" +} + +.sgicon-updatecheck:before{ + content:"\e625" +} + .sgicon-download:before{ content:"\e626" } -.sgicon-emby:before { - content: "\e900" +.sgicon-img-portrait:before{ + content:"\e627" +} + +.sgicon-img-landscape:before{ + content:"\e628" +} + +.sgicon-episodestatus:before{ + content:"\e629" +} + +.sgicon-warning:before{ + content:"\e62a" +} + +.sgicon-imdb:before{ + content:"\e898" +} + +.sgicon-trakt:before{ + content:"\e899" +} + +.sgicon-emby:before{ + content:"\e900" } /* ======================================================================= @@ -552,6 +620,8 @@ home.tmpl border:1px solid #ccc; overflow:hidden; height:66px; + -moz-border-radius:8px; + -webkit-border-radius:8px; border-radius:8px; vertical-align:top; width:360px; @@ -563,6 +633,8 @@ home.tmpl .imgsmallposter .small{ height:66px; overflow:hidden; + -moz-border-radius:3px; + -webkit-border-radius:3px; border-radius:3px; vertical-align:middle; width:45px; @@ -579,6 +651,7 @@ home.tmpl height:75px; margin-bottom:10px } +#HomeLayout #top-row{height:40px} #search_show_name{margin-top:0} .ui-progressbar{ @@ -597,8 +670,9 @@ home.tmpl height:100%; overflow:visible; text-align:center; + text-shadow:0 0 0.1em #ddd; vertical-align:middle; - font-size:12px; + font-size:12px } .progress-80{ @@ -662,9 +736,11 @@ home.tmpl width:188px; height:352px; float:left; - background-color:#DFDACF; + background-color:#dfdacf; color:#a6a6a6; border:1px solid #111; + -moz-border-radius:6px; + -webkit-border-radius:6px; border-radius:6px } #show-list .show-card-top{ @@ -742,6 +818,8 @@ home.tmpl #show-list .show-card .progress-40, #show-list .show-card .progress-60, #show-list .show-card .progress-80{ + -moz-border-radius:0; + -webkit-border-radius:0; border-radius:0 } @@ -810,7 +888,7 @@ home.tmpl } .show-network{ - font-size:11px; + font-size:11px } .show-network-image{ @@ -856,7 +934,7 @@ td.tvShow a{ td.tvShow a:hover{ cursor:pointer; - color:#428BCA + color:#428bca } @@ -879,17 +957,17 @@ home_addShows.tmpl ========================================================================== */ #addShowPortal{ - width:748px; + width:570px; padding:10px 0; margin-right:auto; margin-left:auto } #addShowPortal a.btn{ - padding:0 20px; - width:360px; + padding:0 15px; + width:261px; float:left; - margin:0 7px 14px + margin:0 12px 14px } div.button{ @@ -918,8 +996,8 @@ div.buttontext p{ .icon-addexistingshow{background-image:url("../images/addshows/add-existing32-black.png")} .icon-addrecommendedshow{background-image:url("../images/addshows/add-trakt32-black.png")} .icon-addtrendingshow{background-image:url("../images/addshows/add-trending32-black.png")} -.img-anime{background-image: url("../images/addshows/add-anime.gif")} -.img-imdb{background-image: url("../images/addshows/add-imdb.gif")} +.img-anime{background-image:url("../images/addshows/add-anime.gif")} +.img-imdb{background-image:url("../images/addshows/add-imdb.gif")} .square-32{ width:32px; @@ -932,11 +1010,13 @@ home_newShow.tmpl #addShowForm, #newShowPortal, +.content-centred, fieldset.sectionwrap, div.formpaginate{ width:831px } +.content-centred, #addShowForm{ margin-left:auto; margin-right:auto @@ -970,7 +1050,7 @@ div.formpaginate{ #addShowForm #customQualityWrapper .tip-text p, #edit-show #customQualityWrapper .tip-text em, #addShowForm #customQualityWrapper .tip-text em{ - font-size:14px + font-size:13px } #addShowForm .stepDiv #customQuality.show-if-quality-custom span.component-desc p{ @@ -1095,9 +1175,12 @@ home_browseShows.tmpl padding-top:2px } -.show-card-inner p img{ - position:relative; - top:-2px +.show-card-inner .heart.icon-glyph{ + display:inline-block; + float:none; + height:15px; + width:15px; + margin:0 -3px -2px 2px } .show-card-inner p, .show-card-inner i{ @@ -1113,8 +1196,12 @@ home_browseShows.tmpl width:188px; height:341px; float:left; - background-color:#DFDACF; + background-color:#dfdacf; border:1px solid #111; + -moz-border-top-left-radius:6px; + -moz-border-top-right-radius:6px; + -webkit-border-top-left-radius:6px; + -webkit-border-top-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px } @@ -1127,7 +1214,7 @@ home_browseShows.tmpl border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:1px solid #111; - background-image:url(../images/poster-dark.jpg) + background-image:url("../images/poster-dark.jpg") } /* ======================================================================= @@ -1142,40 +1229,117 @@ home_postprocess.tmpl } /* ======================================================================= -displayShow.tmpl +displayShow.tmpl and episodeView.tmpl ========================================================================== */ -body#display-show.back-art{ - color:#fff +#episode-view.back-art .controlsBlock, +#episode-view.back-art .h2footer, +#episode-view.back-art.daybyday h1.header, +#episode-view.back-art.pro .daybyday-show, +#display-show.back-art #change-show, +#display-show.back-art #change-status, +#display-show.back-art #no-episode-data, +body.back-art .footer, +#display-show.back-art .sickbeardTable{ + padding:10px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + border-radius:3px } -body#display-show .pro #details-bottom .label-paused, -body#display-show .pro .season-status .archived-count{ +/* ======================================================================= +displayShow.tmpl +========================================================================== */ +#display-show .displayshow-wrapper{ + padding:0 10px +} + +#display-show.pro #title-status, +#display-show.pro #details-bottom .label-paused, +#display-show.pro .season-status .archived-count{ display:inline } -body#display-show .season-status, -body#display-show #details-bottom .label-paused, -body#display-show .season-status .archived-count, -.displayshow-wrapper .background-container, -.all .sickbeardTable .row-seasonheader button, -.reg .sickbeardTable .row-seasonheader button.latest-season, -.pro .sickbeardTable .row-seasonheader button.display-season{ +#livepanel.off, +#background-container, +#background-container ul li, +#display-show #title-status, +#display-show #details-bottom .label-paused, +#display-show .season-status .archived-count, +#display-show .row-seasonheader .btn, +#display-show .row-seasonheader .btn span, +#display-show .row-seasonheader .btn.allseasons span.onshow, +#display-show .latest-season .row-seasonheader .btn, +#display-show .latest-season .row-seasonheader .btn span, +#display-show.min .row-seasonheader .btn.allseasons span.onhide, +#display-show.min .open .row-seasonheader .btn span.onshow, +#display-show.min .sickbeardTable thead tr.collapse, +#display-show.min .sickbeardTable tbody.collapse, +#display-show.min .row-seasonheader .btn span.onhide, +#display-show.min .latest-season .row-seasonheader .btn, +#display-show.min .row-seasonheader .btn.allseasons, +#display-show.min.min-force .row-seasonheader .btn.allseasons, +#display-show.pro .season-min .row-seasonheader .btn, +#display-show.pro.min .open.season-min .row-seasonheader span.onhide, +#display-show.pro.min.min-force .row-seasonheader .btn.allseasons, +.add-tip +{ display:none } -.all .sickbeardTable tbody.collapse, -.reg .sickbeardTable tbody.collapse.latest-season, -.pro .sickbeardTable tbody.collapse.display-season{ +#display-show .latest-season .row-seasonheader .btn.allseasons, +#display-show .row-seasonheader .btn.allseasons span.onhide, +#display-show.min .row-seasonheader .btn, +#display-show.min .row-seasonheader .btn span, +#display-show.min .row-seasonheader .btn.allseasons span.onshow, +#display-show.min .open .row-seasonheader .btn span.onhide, +#display-show.pro .season-min .row-seasonheader .btn.allseasons, +#display-show.pro .allseasons, +body.no-placeholders .add-tip +{ + display:inline-block +} + +#display-show .sickbeardTable tbody.collapse, +#display-show.min .sickbeardTable.latest-season tbody.collapse, +#display-show.min .sickbeardTable.open tbody.collapse, +#display-show.pro.min .sickbeardTable.season-min tbody.collapse +{ display:table-row-group } -body#display-show .pro #details-bottom .label-paused{ +#display-show .sickbeardTable thead tr.collapse, +#display-show.min .sickbeardTable.latest-season thead tr.collapse, +#display-show.min .sickbeardTable.open thead tr.collapse, +#display-show.pro.min .sickbeardTable.season-min thead tr.collapse +{ + display:table-row +} + +#display-show .row-seasonheader .btn i[class*="sgicon-"]{ + margin-left:4px +} + +#display-show #title-status{ + color:#f5ffc9 +} + +#display-show.pro #details-bottom .label-paused{ background-color:#8f1515 } -.back-art .background-container{ +#background-container ul, +#background-container li{ + margin:0; + padding:0 +} + +#background-container li{ + list-style:none +} + +body.back-art #background-container{ position:fixed; - top:0; + top:50px; right:0; bottom:0; left:0; @@ -1183,17 +1347,24 @@ body#display-show .pro #details-bottom .label-paused{ display:block } -.back-art .background{ +body.back-art #background-container li.background, +body.back-art #background-container li.background-rem{ position:absolute; top:0; right:0; bottom:0; left:0; background-position:center center; - background-size:cover + background-size:cover; + display:block } -.back-art.translucent .background:after{ +body.back-art #background-container li.background.first-load{ + display:none +} + +body.back-art.translucent .background:after, +body.back-art.translucent .background-rem:after{ position:absolute; content:""; top:0; @@ -1203,57 +1374,175 @@ body#display-show .pro #details-bottom .label-paused{ background:rgba(0,0,0,.5) } -#posterCol{ - float:left; - margin:0 10px 20px 0 -} - -#showCol{ - overflow:hidden; - margin-bottom:20px -} - .display-show-container{ margin-top:10px } -body#display-show .sickbeardTable{ +#display-show .sickbeardTable{ margin:30px 0 } -body#display-show .back-art .sickbeardTable{ - background:rgba(0,0,0,0.5); - border-radius:3px; +#display-show #no-episode-data{ + margin-top:50px +} + +#display-show.back-art #no-episode-data{ + margin-top:40px +} + +#display-show.back-art #no-episode-data h3{ + margin-bottom:20px; +} + +#display-show #no-episode-data h3{ + text-align:center +} + +#episode-view .controlsBlock{ padding:10px } -.display-details{ +#episode-view.daybyday.back-art #HomeLayout{ + margin-top:-45px; + padding-right:10px +} + +#episode-view.daybyday.back-art .key{ + position:relative; + z-index:50; + margin-top:20px +} + +#episode-view .btn i[class*="sgicon-"]{ + margin-right:4px +} + +#episode-view.daybyday #card-layout, +#episode-view.daybyday #portrait, +#episode-view.daybyday #landscape{display:none} +#episode-view.daybyday.portrait #card-layout, +#episode-view.daybyday.landscape #card-layout{display:inline-block} +#episode-view.daybyday.landscape #portrait, +#episode-view.daybyday.portrait #landscape{display:block} + +body.back-art .footer{padding:20px 0} + +#edit-show.back-art .header, +#showCol{ + overflow:hidden; + -moz-border-radius:3px; + -webkit-border-radius:3px; border-radius:3px; padding:8px 10px; margin-bottom:20px } -.back-art .display-details{ - background:rgba(0,0,0,0.5); - border:1px solid rgba(0,0,0,0.5) +#edit-show.back-art .ui-tabs-nav .ui-state-default{ + border-bottom:transparent !important; + margin-bottom:0; + padding-bottom:0 } -#details-wrapper{ +.details-wrapper{ float:left; width:100%; position:relative; cursor:default } +#livepanel{position:fixed;right:11px;bottom:64px} +#display-show #livepanel{bottom:82px} +#episode-view.back-art #livepanel, +#display-show.back-art #livepanel{bottom:154px} +#episode-view.back-art.oneof #livepanel, +#display-show.back-art.oneof #livepanel{bottom:118px} + +#livepanel .art-toggle, +#episode-view #livepanel .art-toggle-all, +body.oneof #livepanel .art-toggle.oneof{display:none} +body.back-art #livepanel .art-toggle, +#episode-view.back-art #livepanel .art-toggle-all{display:block} +#livepanel .over-layer0 .icon-glyph{background-position:-278px -105px} + +#livepanel #art-next .icon-glyph{background-position:-239px -143px} +#livepanel #art-prev .icon-glyph{background-position:-263px -143px} + +#livepanel #viewart .icon-glyph{background-position:-119px -119px} +body.poster-off #livepanel #viewart .icon-glyph, +body.viewart #livepanel #viewart .icon-glyph{background-position:-95px -119px} +#display-show #posterCol{float:left;margin:0 10px 20px 0} +#display-show.poster-right #posterCol{float:right;margin:0 0 20px 10px} +#display-show.back-art.poster-off #posterCol{display:none;margin:0 0 20px} +#episode-view.daybyday.back-art.open-gear h1.header, +body.back-art.open-gear .displayshow-wrapper{margin:400px 0 0} +#episode-view.daybyday.back-art.viewart h1.header, +#episode-view.daybyday.back-art.viewart #HomeLayout, +body.back-art.viewart .daybydayCarouselContainer, /*#rate-art, .rate-art,*/ +body.back-art.viewart .displayshow-wrapper{display:none !important} +body.back-art.viewart footer{position:absolute;bottom:0;width:100%;z-index:-1} +#display-show.back-art.viewart #SubMenu{position:relative;top:-5px} +#display-show.back-art.viewart #SubMenu .btn{opacity:0.7;filter:alpha(opacity=70)} +#display-show.back-art.viewart #SubMenu .not-viewall, +body.back-art.viewart #livepanel .not-viewall{display:none} + +body.back-art #livepanel #translucent .icon-glyph{background-position:-47px -71px} + +body.back-art #livepanel #rate-art .icon-glyph{background-position:-216px -119px} +body.back-art.allart #livepanel #rate-art .icon-glyph{background-position:-479px -119px} +body.back-art.fave #livepanel #rate-art .icon-glyph, .heart{background-position:-95px 1px} +body.back-art.fave.allart #livepanel #rate-art .icon-glyph{background-position:-479px 1px} + +#livepanel #back-art .icon-glyph.image{background-position:-455px -47px} +#livepanel #back-art .icon-glyph.fatv{background-image:url("../images/fanart.png")} + +#livepanel #proview .icon-glyph{background-position:-287px -143px} +body.pro #livepanel #proview .icon-glyph{background-position:-71px -95px} +body.back-art.pro.ii #livepanel #proview .icon-glyph{background-position:-191px -95px} +body.back-art.avoid #livepanel #rate-art .icon-glyph{background-position:-215px -95px} +body.back-art.avoid.allart #livepanel #rate-art .icon-glyph{background-position:-479px -95px} +body.back-art.allart #livepanel #proview .icon-glyph, +body.back-art.pro.ii.allart #livepanel #proview .icon-glyph{background-position:-479px -144px} + +#livepanel .icon-glyph{margin:0 0;opacity:0.4;filter:alpha(opacity=40)} +body.poster-right #livepanel #viewart .icon-glyph, +body.back-art.open-gear #livepanel #viewart .icon-glyph, +body.back-art.viewart #livepanel #viewart .icon-glyph, +body.back-art.translucent #livepanel #translucent .icon-glyph, +body.back-art.group #livepanel #rate-art .icon-glyph, +body.back-art.fave #livepanel #rate-art .icon-glyph, +body.back-art.avoid #livepanel #rate-art .icon-glyph, +body.back-art #livepanel #back-art .icon-glyph, +body.back-art.allart #livepanel #proview .icon-glyph, +body.pro #livepanel #proview .icon-glyph, +#livepanel #back-art .icon-glyph.fatv{opacity:0.85;filter:alpha(opacity=85)} +#livepanel .over-layer0 .icon-glyph, +#livepanel a{width:16px;height:16px;display:block;margin:0 0 2px 0} +#livepanel .over-layer0 .icon-glyph.last, +#livepanel a#proview{margin:0} +body.back-art.avoid #livepanel #rate-art .icon-glyph:hover, +#livepanel .icon-glyph:hover{opacity:0.6;filter:alpha(opacity=60)} + +#display-show .allseasons{display:none} +.row-seasonheader .allseasons .icon-glyph{background-position:-263px -25px;float:none;display:inline-block;margin:0 0 -1px 4px;height:12px;width:14px} + +#display-show.pro #pickShow .ended{ + font-style:italic; + font-weight:700; + color:#888 +} +#display-show.pro #pickShow .ended:before{ + content:"[ ! ] " +} + #details-top{ height:70px } -#details-right .details-seasons{ +.details-right.top .details-seasons{ margin-top:3px } -#details-right .combo-seasons{ +.details-right.top .combo-seasons{ line-height:30px } @@ -1263,11 +1552,25 @@ body#display-show .back-art .sickbeardTable{ } #details-bottom .label{ - line-height:24px; - cursor:default + line-height:24px } -#details-right{ +#display-show .addQTip{ + cursor:help +} + +a.addQTip{ + cursor:pointer !important +} + +.qtip-dark +{ + background-color:rgba(48, 48, 48, 0.90); + border-color:#000; + color:#fff +} + +.details-right{ width:250px; float:right; margin-left:15px @@ -1320,7 +1623,8 @@ body#display-show .back-art .sickbeardTable{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; - height:42px + height:44px; + padding:2px 0 } #details-top .label{ @@ -1331,10 +1635,13 @@ body#display-show .back-art .sickbeardTable{ #details-top .label a, #details-top .label a:hover{ padding:3px 4px 3px 21px; - background:transparent url(../images/tag.png) no-repeat scroll 3px 3px; - color:#fff; + background:transparent url("../images/tag.png") no-repeat scroll 3px 3px; + color:#ddd; text-decoration:none } +#details-top .label a:hover{ + color:#aaa +} span.imdbstars{ display:inline-block; @@ -1353,7 +1660,7 @@ span.imdbstars, span.imdbstars > *{ width:120px; display:inline-block; font-size:10px; - background:url(../images/rating.png) 0 -12px repeat-x + background:url("../images/rating.png") 0 -12px repeat-x } .moreless{ @@ -1361,7 +1668,9 @@ span.imdbstars, span.imdbstars > *{ } .no-plot{ - font-style:italic + font-style:italic; + min-height:220px; + overflow:hidden } .paused{ @@ -1372,7 +1681,8 @@ span.imdbstars, span.imdbstars > *{ left:0; right:0; padding-top:25px; - opacity:.3 + opacity:0.3; + filter:alpha(opacity=30) } .paused-outline{ @@ -1384,23 +1694,29 @@ span.imdbstars, span.imdbstars > *{ } .season-status{ + padding:0 0 3px 10px; font-size:12px; vertical-align:middle } -.navShow{ - display:inline; - cursor:pointer +.season-status .status-badge{ + padding:0 2px; + margin-right:1px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:1px\0; + border-radius:5px; } -#prevShow, -#nextShow, -#topcontrol{ - -webkit-filter:grayscale(100%); - filter:grayscale(100%); - filter:gray; - filter:url("data:image/svg+xml;utf8,#greyscale") +.navShow{ + display:inline-block; + background:url("../images/arrows2.png") no-repeat scroll 0 0 transparent; + width:20px; + height:20px; + vertical-align:middle; + cursor:pointer } +#nextShow{background-position:-20px 0} a.service img{ margin-bottom:-2px; @@ -1408,25 +1724,29 @@ a.service img{ } .tvshowImg{ - border:1px solid #ccc; + -moz-border-radius:3px; + -webkit-border-radius:3px; border-radius:3px; height:332px; width:auto; float:left } -.no-labels #posterCol .tvshowImg{ - height:305px -} +.back-art .day-of-week .poster img, .back-art .tvshowImg{ border-color:rgba(0,0,0,0.5) } -.back-art.translucent.pro .tvshowImg{ +.back-art.pro.ii .tvshowImg{ opacity:0.85; filter:alpha(opacity=85) } +#episode-view.back-art.pro.ii .day-of-week .poster img{ + opacity:0.80; + filter:alpha(opacity=80) +} + #checkboxControls{ padding-top:5px } @@ -1435,6 +1755,8 @@ a.service img{ padding:5px; font-size:13px; font-weight:bold; + -moz-border-radius:5px; + -webkit-border-radius:5px; border-radius:5px } @@ -1447,135 +1769,137 @@ a.service img{ vertical-align:-2px } -.airdate-never{ - background-color:#eae2c8; - color:#666 -} - -.back-art.pro .airdate-never{ - background-color:rgba(234,226,200,0.7); - color:#666 -} - -.unaired{ - background-color:#f5f1e4 -} - -.back-art.pro .unaired{ - background-color:rgba(245,241,228,0.7); - color:#584b20 -} - -.skipped{ - background-color:#bedeed -} - -.back-art.pro .skipped{ - background-color:rgba(190,222,237,0.7); - color:#1d5068 -} - -.good{ +.good, +#display-show .tablesorter tr.good{ background-color:#c3e3c8 } - -.back-art.pro .good{ +.back-art.pro.ii .good, +#display-show.back-art.pro.ii .tablesorter tr.good{ background-color:rgba(195,227,200,0.7); color:#295730 } -.archived{ - background-color:#d5e3d8; - color:#295730 -} - -.back-art.pro .archived{ - background-color:rgba(213,227,216,0.7); - color:#295730 -} - -.qual{ - background-color:#ffda8a -} - -.back-art.pro .qual{ - background-color:rgba(255,218,138,0.7); - color:#765100 -} - -.wanted{ - background-color:#ffb0b0 -} - -.back-art.pro .wanted{ - background-color:rgba(255,176,176,0.7); - color:#890000 -} - -.snatched{ +.snatched, +#display-show .tablesorter tr.snatched{ background-color:#ebc1ea } - -.back-art.pro .snatched{ +.back-art.pro.ii .snatched, +#display-show.back-art.pro.ii .tablesorter tr.snatched{ background-color:rgba(235,193,234,0.7); color:#652164 } -span.unaired{ - color:#584b20; - border:1px solid #584b20 +.wanted, +#display-show .tablesorter tr.wanted{ + background-color:#ffb0b0 } -span.skipped{ - color:#1d5068; - border:1px solid #1d5068 +.back-art.pro.ii .wanted, +#display-show.back-art.pro.ii .tablesorter tr.wanted{ + background-color:rgba(255,176,176,0.7); + color:#890000 } + +.qual, +#display-show .tablesorter tr.qual{ + background-color:#ffda8a +} +.back-art.pro.ii .qual, +#display-show.back-art.pro.ii .tablesorter tr.qual{ + background-color:rgba(255,218,138,0.7); + color:#765100 +} + +.skipped, +#display-show .tablesorter tr.skipped{ + background-color:#bedeed +} +.back-art.pro.ii .skipped, +#display-show.back-art.pro.ii .tablesorter tr.skipped{ + background-color:rgba(190,222,237,0.7); + color:#1d5068 +} + +.archived, +#display-show .tablesorter tr.archived{ + background-color:#d5e3d8; + color:#295730 +} +#display-show.back-art.pro.ii .tablesorter tr.archived{ + background-color:rgba(213,227,216,0.7); + color:#295730 +} + +.airdate-never, +#display-show .tablesorter tr.airdate-never{ + background-color:#eae2c8; + color:#666 +} +#display-show.back-art.pro.ii .tablesorter tr.airdate-never{ + background-color:rgba(234,226,200,0.7); + color:#666 +} + +.unaired, +#display-show .tablesorter tr.unaired{ + background-color:#f5f1e4 +} +#display-show.back-art.pro.ii .tablesorter tr.unaired{ + background-color:rgba(245,241,228,0.7); + color:#584b20 +} + span.good{ color:#295730; border:1px solid #295730 } -span.qual{ - color:#765100; - border:1px solid #765100 -} -span.wanted{ - color:#890000; - border:1px solid #890000 -} span.snatched{ color:#652164; border:1px solid #652164 } +span.wanted{ + color:#890000; + border:1px solid #890000 +} +span.qual{ + color:#765100; + border:1px solid #765100 +} +span.skipped{ + color:#1d5068; + border:1px solid #1d5068 +} +span.unaired{ + color:#584b20; + border:1px solid #584b20 +} -span.unaired b, -span.skipped b, span.good b, -span.qual b, +span.snatched b, span.wanted b, -span.snatched b{ +span.qual b, +span.skipped b, +span.unaired b{ color:#000; font-weight:800 } +.plotInfoNone, .plotInfo{ - cursor:help; - float:right; - position:relative; - top:2px -} - -.plotInfoNone{ - cursor:help; float:right; position:relative; top:2px; - opacity:0.4 + right:-2px +} + +.plotInfo{ + cursor:help; } .sickbeardTable{ table-layout:auto; width:100%; border-collapse:separate !important; - border-spacing:1px; + border-spacing:0 1px; text-align:center; border:none; empty-cells:show; @@ -1584,11 +1908,20 @@ span.snatched b{ .sickbeardTable tr.header td, .sickbeardTable th{ - color:#fff; + color:#ddd; text-align:center; white-space:nowrap } +#display-show .sickbeardTable th.row-seasonheader{ + padding:3px 0 +} + +#display-show .sickbeardTable td.meta{ + line-height:0.7; + padding:2px 0 +} + .sickbeardTable tr.header td, .sickbeardTable th, .sickbeardTable td{ @@ -1606,10 +1939,6 @@ span.snatched b{ text-align:left } -.back-art th.row-seasonheader h3{ - color:#fff -} - th.row-seasonheader h3{ margin:0 } @@ -1619,7 +1948,7 @@ tr.seasonheader{ padding-top:10px; text-align:left; border:none; - color:#fff + color:#ddd } th.col-checkbox, @@ -1641,7 +1970,8 @@ td.col-metadata{ th.col-ep, td.col-ep{ - width:50px; + min-width:38px; + width:38px; white-space:nowrap } @@ -1651,6 +1981,10 @@ td.col-airdate{ white-space:nowrap } +th.col-name{ + text-align:left +} + th.col-name, td.col-name{ min-width:100px @@ -1662,14 +1996,15 @@ td.col-name{ th.col-subtitles, td.col-subtitles{ - width:150px; + width:50px; text-align:center } th.col-status, td.col-status{ - width:200px; - text-align:center + width:80px; + text-align:center; + white-space:nowrap } th.col-legend, @@ -1684,11 +2019,19 @@ td.col-search{ #testRenameTable tbody td.col-checkbox, #testRenameTable tbody td.col-ep{width:1%;vertical-align:middle} -#testRenameTable tbody td.col-name{width:49%} +#testRenameTable tbody td.col-name{ + max-width:405px; + white-space:-o-pre-wrap; + word-wrap:break-word; + white-space:pre-wrap; + white-space:-moz-pre-wrap; +} .input-scene{ height:20px; line-height:1.5; + -moz-border-radius:3px; + -webkit-border-radius:3px; border-radius:3px } @@ -1711,14 +2054,23 @@ episodeView.tmpl display:none } -.key{ - margin-bottom:20px +#episode-view #content{ + padding-top:41px +} + +#episode-view .key{ + line-height:30px; + position:relative; + z-index:10; + clear:right } .listing-key{ padding:5px; font-size:13px; font-weight:bold; + -moz-border-radius:5px; + -webkit-border-radius:5px; border-radius:5px } @@ -1770,12 +2122,17 @@ h2.day, h2.network{ line-height:36px; font-weight:bold; letter-spacing:1px; - color:#FFF; + clear:both; + color:#ddd; text-align:center; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); background-color:#333 } +h2.day.add-apace, h2.network.add-space{ + margin-top:40px +} + .tvshowDiv{ display:block; clear:both; @@ -1784,14 +2141,16 @@ h2.day, h2.network{ padding:0; text-align:left; width:750px; + -moz-border-radius:5px; + -webkit-border-radius:5px; border-radius:5px; - background:#fff; + background:#ddd; cursor:default; overflow:hidden } .tvshowDiv a:hover{ - color:#428BCA + color:#428bca } .tvshowDiv a, .tvshowDiv a:link, .tvshowDiv a:visited, .tvshowDiv a:hover{ @@ -1804,7 +2163,7 @@ h2.day, h2.network{ float:left; line-height:1.4em; font-size:1.4em; - text-shadow:-1px -1px 0 #FFF + text-shadow:-1px -1px 0 #ddd } .tvshowTitleIcons{ @@ -1857,6 +2216,7 @@ h2.day, h2.network{ .ep_summaryTriggerNone{ opacity:0.4; + filter:alpha(opacity=40); vertical-align:middle } @@ -1902,7 +2262,7 @@ h2.day, h2.network{ .daybyday-show{ margin-top:4px; - padding:4px; + padding:4px !important; width:100% } @@ -1925,6 +2285,8 @@ h2.day, h2.network{ .day-of-week .poster img{ border:1px solid; + -moz-border-radius:5px; + -webkit-border-radius:5px; border-radius:5px; margin-bottom:2px; display:block; @@ -1941,6 +2303,10 @@ h2.day, h2.network{ font-size:12px } +.day-of-week .text .episode{ + white-space:nowrap +} + .day-of-week .text .airtime .network{ white-space:nowrap; text-align:right; @@ -1970,12 +2336,6 @@ h2.day, h2.network{ font-size:12px } -.day-of-week .text .episode{ - white-space:nowrap; - overflow:hidden; - text-overflow:ellipsis -} - .time-am-pm{ margin-left:2px } @@ -1985,9 +2345,15 @@ h2.day, h2.network{ margin-left:0 } +.opacity40{ + opacity:0.4; + filter:alpha(opacity=40) +} + +.opacity60, .over-layer0{ - filter:alpha(opacity=60); - opacity:.6 + opacity:0.6; + filter:alpha(opacity=60) } .over-layer1{ @@ -2003,6 +2369,21 @@ h2.day, h2.network{ padding:4px 6px 2px 2px } +#episode-view #livepanel.highlight .over-layer0, +#episode-view #livepanel.highlight .over-layer1{ + border:1px solid #930000 +} + +#episode-view #livepanel.highlight1 .over-layer0, +#episode-view #livepanel.highlight1 .over-layer1{ + border:2px solid #C20000 +} + +#episode-view #livepanel.highlight2 .over-layer0, +#episode-view #livepanel.highlight2 .over-layer1{ + border:4px solid red +} + .on-air0, .on-air1{ text-align:right @@ -2010,8 +2391,8 @@ h2.day, h2.network{ .on-air0{ background-color:#dfd !important; - filter:alpha(opacity=75); - opacity:.75 + opacity:0.75; + filter:alpha(opacity=75) } .on-air1{ @@ -2020,17 +2401,40 @@ h2.day, h2.network{ border-bottom:1px solid #295730 !important } +#livepanel .over-layer0, +#livepanel .over-layer1{ + padding:0; + top:inherit; + right:inherit; + border:1px solid +} + +#episode-view.back-art #livepanel .over-layer0, +#episode-view.back-art #livepanel .over-layer1, +#display-show #livepanel .over-layer0, +#display-show #livepanel .over-layer1{ + -moz-border-radius:9px; + -webkit-border-radius:9px; + border-radius:9px +} + +#episode-view #livepanel .over-layer0, +#episode-view #livepanel .over-layer1{ + -moz-border-radius:3px; + -webkit-border-radius:3px; + border-radius:3px +} + .daybydayCarouselContainer{ - min-height:20px; - margin:19px 0 + min-height:20px } .controlsBlock{ position:relative; display:block; width:180px; - margin:0 auto; - height:35px; + height:36px; + margin:12px auto; text-align:center } @@ -2038,16 +2442,37 @@ h2.day, h2.network{ background:none !important; text-align:center; opacity:0.75; + filter:alpha(opacity=75); height:20px; width:20px; top:1px } +.carousel-control, .carousel-indicators{ - top:1px + top:50%; + margin-top:-10px +} + +.carousel-indicators{ + width:76%; + left:-38%; + margin-left:50%; + padding-left:3px /* -3 added to left due to right image alignment difference to left */ +} + +.carousel-control.left{ + left:5px +} + +.carousel-control.right{ + margin-top:-11px; + right:5px } .carousel-indicators li{ + -moz-border-radius:0; + -webkit-border-radius:0; border-radius:0; width:12px; height:18px @@ -2058,10 +2483,6 @@ h2.day, h2.network{ height:20px } -.carousel-control.right{ - right:4px -} - .carousel-control .glyphicon-chevron-left{ margin-left:-10px } @@ -2092,6 +2513,10 @@ history.tmpl padding:0 2px } +#historyTable td.provider > img{ + margin-right:3px +} + #historyTable td.provider span.fail img{ opacity:0.5; filter:alpha(opacity=50) @@ -2155,7 +2580,7 @@ viewchanges.tmpl border-bottom:1px solid gray } -#changes .ver{font:16px/17px "Open Sans",verdana,sans-serif;margin-right:0.2em;} +#changes .ver{font:16px/17px "Open Sans",verdana,sans-serif;margin-right:0.2em} #changes .old{padding-top:15px} #changes div{margin:0 0 8px} @@ -2329,22 +2754,22 @@ select .selected:before{ #editShow .field-pair #SceneException h4, #editShow .field-pair #customQuality h4{ font-size:13px !important; - margin-bottom:10px } -#editShow .field-pair #SceneException h4{ - margin-bottom:5px +#editShow .field-pair #SceneException h4, +#editShow .field-pair #customQuality h4{ + margin-bottom:6px } #editShow .field-pair #customQuality h4{ - margin-bottom:1px + line-height:normal } .testNotification{ padding:5px; margin-bottom:10px; line-height:20px; - border:1px dotted #CCC + border:1px dotted #ccc } #providerOrderList{ @@ -2434,7 +2859,7 @@ select .selected:before{ [class^="icon16-"], [class*=" icon16-"]{ - background:url('../images/glyphicons-config.png') no-repeat; + background:url("../images/glyphicons-config.png") no-repeat; display:block; height:16px; width:16px; @@ -2496,7 +2921,7 @@ config_postProcessing.tmpl .Key th, .tableHeader{ padding:3px 9px; margin:0; - color:#fff; + color:#ddd; text-align:center; background:none repeat scroll 0 0 #666 } @@ -2528,7 +2953,7 @@ config_postProcessing.tmpl margin-left:15px } -.icon-info-sign{ +.icon-glyph{ display:block; width:16px; height:16px; @@ -2684,7 +3109,7 @@ td.tableright{ } a.whitelink{ - color:#fff + color:#ddd } input.get_more_eps, @@ -2740,13 +3165,13 @@ span.quality{ -webkit-box-shadow:inset 0 1px rgba(255, 255, 255, 0.1),inset 0 -1px 3px rgba(0, 0, 0, 0.3),inset 0 0 0 1px rgba(255, 255, 255, 0.08),0 1px 2px rgba(0, 0, 0, 0.15); box-shadow:inset 0 1px rgba(255, 255, 255, 0.1),inset 0 -1px 3px rgba(0, 0, 0, 0.3),inset 0 0 0 1px rgba(255, 255, 255, 0.08),0 1px 2px rgba(0, 0, 0, 0.15); text-shadow:0 1px rgba(0, 0, 0, 0.8); - color:#FFF; + color:#ddd; display:inline-block; padding:2px 4px; text-align:center; vertical-align:baseline; - -webkit-border-radius:4px; -moz-border-radius:4px; + -webkit-border-radius:4px; border-radius:4px } @@ -2755,7 +3180,7 @@ span.Custom{ } span.HD{ - background-color:#2672B6 + background-color:#2672b6 } span.HD720p{ @@ -2763,11 +3188,11 @@ span.HD720p{ } span.HD1080p{ - background-color:#2672B6 + background-color:#2672b6 } span.UHD2160p{ - background-color:#7500FF + background-color:#be2625 /*#7500ff*/ } span.RawHD{ @@ -2775,7 +3200,7 @@ span.RawHD{ } span.SD{ - background-color:#BE2625 + background-color:#2f5f00 /*#be2625*/ } span.Any{ @@ -2787,17 +3212,15 @@ span.Unknown{ } span.Proper{ - background-color:#3F7F00 + background-color:#3f7f00 } span.false{ color:#993333; - /* red */ } span.true{ color:#669966; - /* green */ } option.flag{ @@ -2908,10 +3331,10 @@ div.blackwhitelist.manual{ max-width:300px } -img[src=''],img:not([src]){ +img[src=""],img:not([src]){ width:102%; height:102%; - margin:-1%; + margin:-1% } /* ======================================================================= @@ -2921,8 +3344,11 @@ bootstrap Overrides body{ padding-top:60px; overflow-y:scroll; - font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - color:#000 + font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif +} + +pre,pre code{ + font-family:Hack-mono, Menlo, Monaco, Consolas, "Courier New", monospace } html *{ @@ -2954,13 +3380,17 @@ input, textarea, select, .uneditable-input{ } /* navbar styling */ +.back-art.pro.ii .navbar-default{ + background-image:none +} + .navbar-default .navbar-brand{ - color:#fff + color:#ddd } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{ - color:#fff; + color:#ddd; background-color:transparent } @@ -2969,19 +3399,21 @@ input, textarea, select, .uneditable-input{ } .navbar-default .navbar-nav > li > a{ - color:#ddd + color:#ddd; + width:100%; + height:100% } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ - color:#fff; + color:#ddd; background-color:transparent } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ - color:#fff; + color:#ddd; background-color:#333 } @@ -3014,7 +3446,7 @@ input, textarea, select, .uneditable-input{ .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background-color:#333; - color:#fff + color:#ddd } @media(max-width:767px){ @@ -3024,14 +3456,14 @@ input, textarea, select, .uneditable-input{ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ - color:#fff; + color:#ddd; background-color:transparent } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{ - color:#fff; + color:#ddd; background-color:#333 } @@ -3048,7 +3480,7 @@ input, textarea, select, .uneditable-input{ } .navbar-default .navbar-link:hover{ - color:#fff + color:#ddd } .navbar-default .btn-link{ @@ -3070,19 +3502,41 @@ fieldset[disabled] .navbar-default .btn-link:focus{ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ color:#262626; text-decoration:none; - background-color:#F5F5F5 + background-color:#f5f5f5 } .dropdown-menu > li > a{ - padding:4px 36px 4px 20px + padding:4px 20px +} + +.dropdown-menu li.menu-item-noicon{ + padding:0 0 0 20px +} + +.dropdown-menu li .menu-item-desc{ + clear:both; + padding:0 0 0 22px; + font-size:10px } .dropdown-menu{ - background-color:#F5F1E4; + background-color:#f5f1e4; border:1px solid rgba(0, 0, 0, 0.15); box-shadow:0 6px 12px rgba(0, 0, 0, 0.176) } +.img-trakt-16{background-image:url("../images/addshows/trakt16-black.png")} +.img-imdb-16{background-image:url("../images/addshows/imdb16.png")} +.img-anime-16{background-image:url("../images/addshows/anime16.png")} +.img-import-16{background-image:url("../images/addshows/add-existing16-black.png")} + +.square-16{ + float:left; + margin:2px 6px 0 0; + width:16px; + height:16px +} + .form-control{ color:#000 } @@ -3111,8 +3565,8 @@ fieldset[disabled] .navbar-default .btn-link:focus{ cursor:pointer; background-repeat:repeat-x; *border:0; - -webkit-border-radius:4px; -moz-border-radius:4px; + -webkit-border-radius:4px; border-radius:4px; *zoom:1 } @@ -3181,13 +3635,13 @@ fieldset[disabled] .navbar-default .btn-link:focus{ padding:9px 14px; font-size:15px; line-height:normal; - -webkit-border-radius:5px; -moz-border-radius:5px; + -webkit-border-radius:5px; border-radius:5px } /*.btn-large [class^="icon-"]{ - margin-top:1px; + margin-top:1px }*/ .btn-small{ @@ -3218,7 +3672,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ .btn-info:hover, .btn-inverse, .btn-inverse:hover{ - color:#fff; + color:#ddd; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) } @@ -3243,7 +3697,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#0055cc #0055cc #003580; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#0088cc", endColorstr="#0055cc", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -3273,7 +3727,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#f89406 #f89406 #ad6704; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#fbb450", endColorstr="#f89406", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -3303,7 +3757,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#bd362f #bd362f #802420; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ee5f5b", endColorstr="#bd362f", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -3333,7 +3787,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#51a351 #51a351 #387038; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#62c462", endColorstr="#51a351", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -3363,7 +3817,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#2f96b4 #2f96b4 #1f6377; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#5bc0de", endColorstr="#2f96b4", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -3393,7 +3847,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ background-repeat:repeat-x; border-color:#222 #222 #000; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter:progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); + filter:progid:dximagetransform.microsoft.gradient(startColorstr="#555555", endColorstr="#222222", GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } @@ -3415,6 +3869,8 @@ fieldset[disabled] .navbar-default .btn-link:focus{ padding:1px 5px; font-size:12px; line-height:1.5; + -moz-border-radius:3px; + -webkit-border-radius:3px; border-radius:3px } @@ -3425,7 +3881,7 @@ fieldset[disabled] .navbar-default .btn-link:focus{ right:12px; display:inline-block; border-right:6px solid transparent; - border-bottom:6px solid #F5F1E4; + border-bottom:6px solid #f5f1e4; border-left:6px solid transparent; content:"" } @@ -3436,9 +3892,9 @@ label{ } .label-container{ - display: inline-block; - max-width: 100%; - margin-bottom: 5px + display:inline-block; + max-width:100%; + margin-bottom:5px } pre{ @@ -3462,7 +3918,7 @@ input sizing (for config pages) } .btn-inline{ - margin-top:-3px + margin-top:-2px } .input75{ @@ -3571,11 +4027,11 @@ browser.css } .ui-menu .ui-menu-item-alternate{ - background-color:#fff + background-color:#ddd } .ui-autocomplete .ui-menu-item .ui-state-focus{ - color:#fff; + color:#ddd; background:none; background-color:#0a246a } @@ -3653,8 +4109,8 @@ div.formpaginate .prev, div.formpaginate .next{ padding:3px 6px; cursor:hand; cursor:pointer; - -webkit-border-radius:6px; -moz-border-radius:6px; + -webkit-border-radius:6px; border-radius:6px } @@ -3696,21 +4152,26 @@ div.formpaginate .prev, div.formpaginate .next{ tablesorter.css ========================================================================== */ -.tablesorter{ +.tablesorter, +#display-show .tablesorter{ width:100%; margin-right:auto; margin-left:auto; color:#000; - text-align:left; - background-color:#fff; - border-spacing:0 +/* text-align:left;*/ + background-color:#ddd/*; + border-spacing:0*/ +} + +#display-show .tablesorter{ + background-color:transparent; } .tablesorter th, .tablesorter td{ padding:4px; - border-top:1px solid; - border-left:1px solid; + /*border-top:1px solid;*/ + /*border-left:1px solid;*/ vertical-align:middle } @@ -3725,13 +4186,14 @@ tablesorter.css } .tablesorter th{ - text-align:center; - border-collapse:collapse; - font-weight:normal +/* text-align:center;*/ + border-collapse:collapse/*; + font-weight:normal*/ } .tablesorter .tablesorter-header{ - padding:4px 18px 4px 18px; +/* padding:4px 18px 4px 18px;*/ + padding-right:12px; cursor:pointer; vertical-align:middle } @@ -3747,8 +4209,8 @@ tablesorter.css } thead.tablesorter-stickyHeader{ - border-top:2px solid #fff; - border-bottom:2px solid #fff + border-top:2px solid #ddd; + border-bottom:2px solid #ddd } /* Zebra Widget - row alternating colors */ @@ -3785,13 +4247,13 @@ thead.tablesorter-stickyHeader{ display:none } -.tablesorter-header-inner{ +/*.tablesorter-header-inner{ padding:0 2px; text-align:center -} +}*/ .tablesorter tfoot tr{ - color:#fff; + color:#ddd; text-align:center; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); background-color:#333; @@ -3818,7 +4280,7 @@ ul.token-input-list{ z-index:999; margin:0; padding:0 0 1px 0; - background-color:#fff; + background-color:#ddd; list-style-type:none; /* clear:left; */ border-top-left-radius:3px; @@ -3835,7 +4297,7 @@ ul.token-input-list li input{ border:0; padding:3px 4px; background-color:white -/* -webkit-appearance:caret; */ +/* -webkit-appearance:caret */ } li.token-input-token{ @@ -3878,7 +4340,7 @@ li.token-input-token span{ li.token-input-selected-token{ background-color:#08844e; - color:#fff + color:#ddd } li.token-input-selected-token span{ @@ -3915,7 +4377,7 @@ div.token-input-dropdown ul{ } div.token-input-dropdown ul li{ - background-color:#fff; + background-color:#ddd; padding:3px; list-style-type:none } @@ -3925,7 +4387,7 @@ div.token-input-dropdown ul li.token-input-dropdown-item{ } div.token-input-dropdown ul li.token-input-dropdown-item2{ - background-color:#fff + background-color:#ddd } div.token-input-dropdown ul li em{ @@ -3951,14 +4413,14 @@ jquery.confirm.css position:fixed; top:0; left:0; - background:url(../images/bg.gif); + background:url("../images/bg.gif"); background:-moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) repeat-x rgba(0, 0, 0, 0.5); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))) repeat-x rgba(0, 0, 0, 0.5); z-index:100000 } #confirmBox{ - background:#F5F1E4; + background:#f5f1e4; width:460px; position:fixed; left:50%; @@ -3976,7 +4438,7 @@ jquery.confirm.css #confirmBox h1{ background-color:#333; border-bottom:1px solid #111; - color:#fff; + color:#ddd; margin:0; font-size:22px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.75) @@ -3998,11 +4460,13 @@ jquery.confirm.css padding:2px 20px; text-decoration:none; display:inline-block; - color:#fff; + color:#ddd; text-align:center; text-shadow:0 1px 1px rgba(0, 0, 0, 0.75); background-clip:padding-box; border:1px solid #111; + -moz-border-radius:3px; + -webkit-border-radius:3px; border-radius:3px; cursor:pointer; -webkit-box-sizing:border-box; @@ -4021,19 +4485,19 @@ jquery.confirm.css } #confirmBox .green{ - background-color:#3F7636 + background-color:#3f7636 } #confirmBox .green:hover{ - background-color:#48873E + background-color:#48873e } #confirmBox .red{ - background-color:#8D2D2B + background-color:#8d2d2b } #confirmBox .red:hover{ - background-color:#A13331 + background-color:#a13331 } /* ======================================================================= diff --git a/gui/slick/images/addshows/add-existing16-black.png b/gui/slick/images/addshows/add-existing16-black.png new file mode 100644 index 00000000..2d39c2ac Binary files /dev/null and b/gui/slick/images/addshows/add-existing16-black.png differ diff --git a/gui/slick/images/addshows/add-existing16-white.png b/gui/slick/images/addshows/add-existing16-white.png new file mode 100644 index 00000000..4ec2b42d Binary files /dev/null and b/gui/slick/images/addshows/add-existing16-white.png differ diff --git a/gui/slick/images/addshows/anime16.png b/gui/slick/images/addshows/anime16.png new file mode 100644 index 00000000..6e55d7a0 Binary files /dev/null and b/gui/slick/images/addshows/anime16.png differ diff --git a/gui/slick/images/addshows/imdb16.png b/gui/slick/images/addshows/imdb16.png new file mode 100644 index 00000000..8405b6e5 Binary files /dev/null and b/gui/slick/images/addshows/imdb16.png differ diff --git a/gui/slick/images/addshows/trakt16-black.png b/gui/slick/images/addshows/trakt16-black.png new file mode 100644 index 00000000..ef522927 Binary files /dev/null and b/gui/slick/images/addshows/trakt16-black.png differ diff --git a/gui/slick/images/addshows/trakt16-white.png b/gui/slick/images/addshows/trakt16-white.png new file mode 100644 index 00000000..b0dbb9d4 Binary files /dev/null and b/gui/slick/images/addshows/trakt16-white.png differ diff --git a/gui/slick/images/arrows2.png b/gui/slick/images/arrows2.png new file mode 100644 index 00000000..5b3b9a5b Binary files /dev/null and b/gui/slick/images/arrows2.png differ diff --git a/gui/slick/images/banner_thumb.jpg b/gui/slick/images/banner_thumb.jpg new file mode 100644 index 00000000..0496edb5 Binary files /dev/null and b/gui/slick/images/banner_thumb.jpg differ diff --git a/gui/slick/images/fanart.png b/gui/slick/images/fanart.png index aabb790f..9e907b41 100644 Binary files a/gui/slick/images/fanart.png and b/gui/slick/images/fanart.png differ diff --git a/gui/slick/images/glyphicons-halflings-white.png b/gui/slick/images/glyphicons-halflings-white.png index 3bf6484a..2a369dea 100644 Binary files a/gui/slick/images/glyphicons-halflings-white.png and b/gui/slick/images/glyphicons-halflings-white.png differ diff --git a/gui/slick/images/glyphicons-halflings.png b/gui/slick/images/glyphicons-halflings.png index eb829a32..e28c40e7 100644 Binary files a/gui/slick/images/glyphicons-halflings.png and b/gui/slick/images/glyphicons-halflings.png differ diff --git a/gui/slick/images/imdb.png b/gui/slick/images/imdb.png deleted file mode 100644 index 2eb430c0..00000000 Binary files a/gui/slick/images/imdb.png and /dev/null differ diff --git a/gui/slick/images/poster_thumb.jpg b/gui/slick/images/poster_thumb.jpg new file mode 100644 index 00000000..dc97282c Binary files /dev/null and b/gui/slick/images/poster_thumb.jpg differ diff --git a/gui/slick/images/tmdb16.png b/gui/slick/images/tmdb16.png index c4bc9806..c19727a2 100644 Binary files a/gui/slick/images/tmdb16.png and b/gui/slick/images/tmdb16.png differ diff --git a/gui/slick/interfaces/default/config.tmpl b/gui/slick/interfaces/default/config.tmpl index 60434a68..9526de0c 100644 --- a/gui/slick/interfaces/default/config.tmpl +++ b/gui/slick/interfaces/default/config.tmpl @@ -2,12 +2,14 @@ #from sickbeard import db #from sickbeard.helpers import anon_url #import os.path +<% def sg_var(varname, default=False): return getattr(sickbeard, varname, default) %>#slurp# +<% def sg_str(varname, default=''): return getattr(sickbeard, varname, default) %>#slurp# ## #set global $title = 'Configuration' #set global $header = 'Configuration' #set global $sbPath = '..' #set global $topmenu = 'config' -#include $os.path.join($sickbeard.PROG_DIR, 'gui/slick/interfaces/default/inc_top.tmpl') +#include $os.path.join($sg_str('PROG_DIR'), 'gui/slick/interfaces/default/inc_top.tmpl') ## #if $varExists('header')

$header

@@ -20,23 +22,25 @@ Version: - BRANCH: #echo $sickbeard.BRANCH or 'UNKNOWN'# / COMMIT: #echo $sickbeard.CUR_COMMIT_HASH or 'UNKNOWN'#
+ BRANCH: #echo $sg_str('BRANCH') or 'UNKNOWN'# / COMMIT: #echo $sg_str('CUR_COMMIT_HASH') or 'UNKNOWN'#
This is BETA software
-#if not $sickbeard.VERSION_NOTIFY: +#if not $sg_var('VERSION_NOTIFY'): You don't have version checking turned on, see "Check software updates" in Config > General. #end if - Config file:$sickbeard.CONFIG_FILE + Config file:$sg_str('CONFIG_FILE') Database file:$db.dbFilename() - Cache Dir:$sickbeard.CACHE_DIR - Arguments:<%= (sickbeard.MY_ARGS, 'None used')[0 == len(sickbeard.MY_ARGS)] %> - Web Root:$sickbeard.WEB_ROOT + Cache Dir:$sg_str('CACHE_DIR') + Arguments:#echo $sg_var('MY_ARGS') or 'None used'# + Web Root:$sg_str('WEB_ROOT') Python Version:$sys.version[:120] Homepagehttps://github.com/SickGear/SickGear/wiki Sourcehttps://github.com/SickGear/SickGear/ Internet Relay Chat#SickGear on irc.freenode.net + Powered byPython, HTML5, jQuery, SQLite, TheTVDB, Trakt.tv, Fanart.tv, TMDb, GitHub +  This project uses the TMDb API but is not endorsed or certified by TMDb. -#include $os.path.join($sickbeard.PROG_DIR,'gui/slick/interfaces/default/inc_bottom.tmpl') \ No newline at end of file +#include $os.path.join($sg_str('PROG_DIR'),'gui/slick/interfaces/default/inc_bottom.tmpl') diff --git a/gui/slick/interfaces/default/config_general.tmpl b/gui/slick/interfaces/default/config_general.tmpl index 321f1db8..3cfdebe7 100644 --- a/gui/slick/interfaces/default/config_general.tmpl +++ b/gui/slick/interfaces/default/config_general.tmpl @@ -10,6 +10,8 @@ #from sickbeard.helpers import anon_url #from sickbeard.logger import reverseNames as file_logging_presets #from sickbeard.helpers import maybe_plural +<% def sg_var(varname, default=False): return getattr(sickbeard, varname, default) %>#slurp# +<% def sg_str(varname, default=''): return getattr(sickbeard, varname, default) %>#slurp# ## #set global $title = 'Config - General' #set global $header = 'General Configuration' @@ -17,7 +19,7 @@ #set global $topmenu = 'config' ## #import os.path -#include $os.path.join($sickbeard.PROG_DIR, 'gui/slick/interfaces/default/inc_top.tmpl') +#include $os.path.join($sg_str('PROG_DIR'), 'gui/slick/interfaces/default/inc_top.tmpl') #if $varExists('header')

$header

@@ -29,8 +31,8 @@ #set $selected = ' selected="selected"' ## #set $indexer = 0 -#if $sickbeard.INDEXER_DEFAULT - #set $indexer = $sickbeard.INDEXER_DEFAULT +#if $sg_var('INDEXER_DEFAULT') + #set $indexer = $sg_var('INDEXER_DEFAULT') #end if @@ -62,7 +64,7 @@ @@ -72,8 +74,8 @@ @@ -82,7 +84,7 @@ @@ -92,11 +94,11 @@ Send to trash for actions

selected actions use trash (recycle bin) instead of the default permanent delete

@@ -107,7 +109,7 @@ @@ -119,7 +121,7 @@ as the default selection when adding new shows @@ -131,7 +133,7 @@ @@ -142,7 +144,7 @@ Show root directories

where the files of shows are located

-#include $os.path.join($sickbeard.PROG_DIR, 'gui/slick/interfaces/default/inc_rootDirs.tmpl') +#include $os.path.join($sg_str('PROG_DIR'), 'gui/slick/interfaces/default/inc_rootDirs.tmpl') @@ -162,7 +164,7 @@