dockeruser
/
SickGear
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Change episode row color away from blue on display show page when indexer airdate is not defined. 

Hide year, runtime, genre tags, country flag, or status if lacking valid data to display.
Remove redundant CSS color use (all browsers treat 3 identical digits as 6, except for possibly in gradients).
pull/282/head
JackDandy 10 years ago
parent
dfa28d31fb
commit
45c6533766
5 changed files with 188 additions and 177 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      CHANGES.md
  2. 82
      gui/slick/css/dark.css
  3. 114
      gui/slick/css/light.css
  4. 128
      gui/slick/css/style.css
  5. 18
      gui/slick/interfaces/default/displayShow.tmpl

3
CHANGES.md
View File

@ -35,6 +35,9 @@
* Change to no longer require restart with the "Scan and post process" option on page config/Post Processing * Change to no longer require restart with the "Scan and post process" option on page config/Post Processing
* Add validation when using Release Group token on page config Post Processing/Episode Naming/Name pattern/Custom * Add validation when using Release Group token on page config Post Processing/Episode Naming/Name pattern/Custom
* Change to simplify and reduce logging output of Recent-Search and Backlog processes * Change to simplify and reduce logging output of Recent-Search and Backlog processes
* Change episode row color away from blue on display show page when indexer airdate is not defined
* Hide year, runtime, genre tags, country flag, or status if lacking valid data to display
* Remove redundant CSS color use (all browsers treat 3 identical digits as 6, except for possibly in gradients)
* Add show names to items listed during startup in the loading from database phase * Add show names to items listed during startup in the loading from database phase
* Add "Enable IMDb info" option to config/General/Interface * Add "Enable IMDb info" option to config/General/Interface
* Change to not display IMDb info on UI when "Enable IMDb info" is disabled * Change to not display IMDb info on UI when "Enable IMDb info" is disabled

82
gui/slick/css/dark.css
View File

@ -128,11 +128,11 @@ inc_top.tmpl
} }
.ui-widget-overlay { .ui-widget-overlay {
background: #000000 url("../css/lib/images/ui-bg_flat_0_000000_40x100.png") 50% 50% repeat-x; background: #000 url("../css/lib/images/ui-bg_flat_0_000000_40x100.png") 50% 50% repeat-x;
} }
.ui-widget-shadow { .ui-widget-shadow {
background: #000000 url("../css/lib/images/ui-bg_flat_0_000000_40x100.png") 50% 50% repeat-x; background: #000 url("../css/lib/images/ui-bg_flat_0_000000_40x100.png") 50% 50% repeat-x;
} }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
@ -584,7 +584,7 @@ h2.day, h2.network {
} }
.tvshowTitle a { .tvshowTitle a {
color: #000000; color: #000;
} }
.tvshowDiv td.next_episode { .tvshowDiv td.next_episode {
@ -728,7 +728,7 @@ config_postProcessing.tmpl
} }
#config div.example { #config div.example {
background-color: #333333; background-color: #333;
border-color: #111; border-color: #111;
} }
@ -847,45 +847,45 @@ input, textarea, select, .uneditable-input {
} }
.navbar-default .navbar-brand { .navbar-default .navbar-brand {
color: #ffffff; color: #fff;
} }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { .navbar-default .navbar-brand:focus {
color: #ffffff; color: #fff;
background-color: transparent; background-color: transparent;
} }
.navbar-default .navbar-text { .navbar-default .navbar-text {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-nav > li > a { .navbar-default .navbar-nav > li > a {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { .navbar-default .navbar-nav > li > a:focus {
color: #ffffff; color: #fff;
background-color: #124477; background-color: #124477;
} }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { .navbar-default .navbar-nav > .active > a:focus {
color: #ffffff; color: #fff;
background-color: #124477; background-color: #124477;
} }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus { .navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc; color: #ccc;
background-color: transparent; background-color: transparent;
} }
.navbar-default .navbar-toggle { .navbar-default .navbar-toggle {
border-color: #cccccc; border-color: #ccc;
} }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:hover,
@ -906,38 +906,38 @@ input, textarea, select, .uneditable-input {
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { .navbar-default .navbar-nav > .open > a:focus {
background-color: #124477; background-color: #124477;
color: #ffffff; color: #fff;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a { .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff; color: #fff;
background-color: transparent; background-color: transparent;
} }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .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:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff; color: #fff;
background-color: #124477; background-color: #124477;
} }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc; color: #ccc;
background-color: transparent; background-color: transparent;
} }
} }
.navbar-default .navbar-link { .navbar-default .navbar-link {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-link:hover { .navbar-default .navbar-link:hover {
color: #ffffff; color: #fff;
} }
.navbar-default .btn-link { .navbar-default .btn-link {
@ -946,14 +946,14 @@ input, textarea, select, .uneditable-input {
.navbar-default .btn-link:hover, .navbar-default .btn-link:hover,
.navbar-default .btn-link:focus { .navbar-default .btn-link:focus {
color: #dddddd; color: #ddd;
} }
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus { fieldset[disabled] .navbar-default .btn-link:focus {
color: #cccccc; color: #ccc;
} }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
@ -1010,7 +1010,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn:active, .btn:active,
.btn.active { .btn.active {
background-color: #cccccc \9; background-color: #ccc \9;
color: #fff; color: #fff;
} }
@ -1084,7 +1084,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn-info:hover, .btn-info:hover,
.btn-inverse, .btn-inverse,
.btn-inverse:hover { .btn-inverse:hover {
color: #ffffff; color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
} }
@ -1249,7 +1249,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn-inverse { .btn-inverse {
background-color: #414141; background-color: #414141;
*background-color: #222222; *background-color: #222;
background-image: -ms-linear-gradient(top, #555555, #222222); background-image: -ms-linear-gradient(top, #555555, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
background-image: -webkit-linear-gradient(top, #555555, #222222); background-image: -webkit-linear-gradient(top, #555555, #222222);
@ -1257,7 +1257,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
background-image: -moz-linear-gradient(top, #555555, #222222); background-image: -moz-linear-gradient(top, #555555, #222222);
background-image: linear-gradient(top, #555555, #222222); background-image: linear-gradient(top, #555555, #222222);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #222222 #222222 #000000; 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); 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); filter: progid:dximagetransform.microsoft.gradient(enabled=false);
@ -1268,7 +1268,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn-inverse.active, .btn-inverse.active,
.btn-inverse.disabled, .btn-inverse.disabled,
.btn-inverse[disabled] { .btn-inverse[disabled] {
background-color: #222222; background-color: #222;
*background-color: #151515; *background-color: #151515;
} }
@ -1363,7 +1363,7 @@ formWizard
========================================================================== */ ========================================================================== */
.step, .step,
legend.legendStep { legend.legendStep {
color: #ffffff; color: #fff;
} }
div.stepsguide .step p { div.stepsguide .step p {
@ -1457,7 +1457,7 @@ thead.tablesorter-stickyHeader {
/* Zebra Widget - row alternating colors */ /* Zebra Widget - row alternating colors */
.tablesorter tr.odd, .sickbeardTable tr.odd { .tablesorter tr.odd, .sickbeardTable tr.odd {
background-color: #333333; background-color: #333;
} }
.tablesorter tr.even, .sickbeardTable tr.even { .tablesorter tr.even, .sickbeardTable tr.even {

114
gui/slick/css/light.css
View File

@ -52,14 +52,14 @@ inc_top.tmpl
} }
.ui-widget-header { .ui-widget-header {
background: #ffffff url("../css/lib/images/ui-bg_flat_0_ffffff_40x100.png") 50% 50% repeat-x; background: #fff url("../css/lib/images/ui-bg_flat_0_ffffff_40x100.png") 50% 50% repeat-x;
} }
.ui-state-default, .ui-state-default,
.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { .ui-widget-header .ui-state-default {
background: #ffffff; background: #fff;
border: 1px solid #CCCCCC; border: 1px solid #CCC;
} }
.ui-state-hover, .ui-state-hover,
@ -68,7 +68,7 @@ inc_top.tmpl
.ui-state-focus, .ui-state-focus,
.ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { .ui-widget-header .ui-state-focus {
background: #ffffff; background: #fff;
} }
.ui-state-active, .ui-state-active,
@ -121,11 +121,11 @@ inc_top.tmpl
} }
.ui-widget-overlay { .ui-widget-overlay {
background: #aaaaaa url("../css/lib/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; background: #aaa url("../css/lib/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
} }
.ui-widget-shadow { .ui-widget-shadow {
background: #000000 url("../css/lib/images/ui-bg_flat_0_000000_40x100.png") 50% 50% repeat-x; background: #000 url("../css/lib/images/ui-bg_flat_0_000000_40x100.png") 50% 50% repeat-x;
} }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
@ -154,7 +154,7 @@ inc_top.tmpl
.ui-tabs .ui-tabs-panel { .ui-tabs .ui-tabs-panel {
background-color: #F7F7F7 !important; background-color: #F7F7F7 !important;
border: 1px solid #CCCCCC !important; border: 1px solid #CCC !important;
} }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { .ui-tabs .ui-tabs-nav li.ui-tabs-active {
@ -363,7 +363,7 @@ home.tmpl
.progressbarText { .progressbarText {
text-shadow: 0 0 0.1em #fff; text-shadow: 0 0 0.1em #fff;
color: #000000; color: #000;
} }
.show { .show {
@ -572,7 +572,7 @@ h2.day, h2.network {
} }
.tvshowTitle a { .tvshowTitle a {
color: #000000; color: #000;
} }
.tvshowDiv td.next_episode { .tvshowDiv td.next_episode {
@ -635,11 +635,11 @@ h2.day, h2.network {
.day-of-week .text .episode .season, .day-of-week .text .episode .season,
.day-of-week .text .episode .number { .day-of-week .text .episode .number {
color: rgb(9, 133, 225); color: rgb(9, 133, 225);
} }
.day-of-week .text .episode { .day-of-week .text .episode {
color: #888; color: #888;
} }
.episodeview-daybyday .time .time-hr-min, .episodeview-daybyday .time .time-hr-min,
@ -753,7 +753,7 @@ manage*.tmpl
========================================================================== */ ========================================================================== */
.separator { .separator {
color: #333333; color: #333;
} }
a.whitelink { a.whitelink {
@ -796,7 +796,7 @@ input, textarea, select, .uneditable-input {
/* navbar styling */ /* navbar styling */
.navbar-default { .navbar-default {
background-color: #333333; 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: -ms-linear-gradient(top, #555555 0%, #333333 100%);
background-image: -moz-linear-gradient(top, #555555 0%, #333333 100%); background-image: -moz-linear-gradient(top, #555555 0%, #333333 100%);
@ -808,54 +808,54 @@ input, textarea, select, .uneditable-input {
} }
.navbar-default .navbar-brand { .navbar-default .navbar-brand {
color: #ffffff; color: #fff;
} }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { .navbar-default .navbar-brand:focus {
color: #ffffff; color: #fff;
background-color: transparent; background-color: transparent;
} }
.navbar-default .navbar-text { .navbar-default .navbar-text {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-nav > li > a { .navbar-default .navbar-nav > li > a {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { .navbar-default .navbar-nav > li > a:focus {
color: #ffffff; color: #fff;
background-color: #333333; background-color: #333;
} }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { .navbar-default .navbar-nav > .active > a:focus {
color: #ffffff; color: #fff;
background-color: #333333; background-color: #333;
} }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus { .navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc; color: #ccc;
background-color: transparent; background-color: transparent;
} }
.navbar-default .navbar-toggle { .navbar-default .navbar-toggle {
border-color: #cccccc; border-color: #ccc;
} }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { .navbar-default .navbar-toggle:focus {
background-color: #333333; background-color: #333;
} }
.navbar-default .navbar-toggle .icon-bar { .navbar-default .navbar-toggle .icon-bar {
background-color: #333333; background-color: #333;
} }
.navbar-default .navbar-collapse, .navbar-default .navbar-collapse,
@ -866,39 +866,39 @@ input, textarea, select, .uneditable-input {
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { .navbar-default .navbar-nav > .open > a:focus {
background-color: #333333; background-color: #333;
color: #ffffff; color: #fff;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a { .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff; color: #fff;
background-color: transparent; background-color: transparent;
} }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .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:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff; color: #fff;
background-color: #333333; background-color: #333;
} }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc; color: #ccc;
background-color: transparent; background-color: transparent;
} }
} }
.navbar-default .navbar-link { .navbar-default .navbar-link {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-link:hover { .navbar-default .navbar-link:hover {
color: #ffffff; color: #fff;
} }
.navbar-default .btn-link { .navbar-default .btn-link {
@ -907,14 +907,14 @@ input, textarea, select, .uneditable-input {
.navbar-default .btn-link:hover, .navbar-default .btn-link:hover,
.navbar-default .btn-link:focus { .navbar-default .btn-link:focus {
color: #dddddd; color: #ddd;
} }
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus { fieldset[disabled] .navbar-default .btn-link:focus {
color: #cccccc; color: #ccc;
} }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
@ -934,7 +934,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
} }
.btn { .btn {
color: #333333; color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5; background-color: #f5f5f5;
*background-color: #e6e6e6; *background-color: #e6e6e6;
@ -944,7 +944,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
border: 1px solid #cccccc; border: 1px solid #ccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 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-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3; border-bottom-color: #b3b3b3;
@ -966,11 +966,11 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn:active, .btn:active,
.btn.active { .btn.active {
background-color: #cccccc \9; background-color: #ccc \9;
} }
.btn:hover { .btn:hover {
color: #333333; color: #333;
background-color: #e6e6e6; background-color: #e6e6e6;
*background-color: #d9d9d9; *background-color: #d9d9d9;
background-position: 0 -15px; background-position: 0 -15px;
@ -1037,7 +1037,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn-info:hover, .btn-info:hover,
.btn-inverse, .btn-inverse,
.btn-inverse:hover { .btn-inverse:hover {
color: #ffffff; color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
} }
@ -1202,7 +1202,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn-inverse { .btn-inverse {
background-color: #414141; background-color: #414141;
*background-color: #222222; *background-color: #222;
background-image: -ms-linear-gradient(top, #555555, #222222); background-image: -ms-linear-gradient(top, #555555, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
background-image: -webkit-linear-gradient(top, #555555, #222222); background-image: -webkit-linear-gradient(top, #555555, #222222);
@ -1210,7 +1210,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
background-image: -moz-linear-gradient(top, #555555, #222222); background-image: -moz-linear-gradient(top, #555555, #222222);
background-image: linear-gradient(top, #555555, #222222); background-image: linear-gradient(top, #555555, #222222);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #222222 #222222 #000000; 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); 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); filter: progid:dximagetransform.microsoft.gradient(enabled=false);
@ -1221,7 +1221,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn-inverse.active, .btn-inverse.active,
.btn-inverse.disabled, .btn-inverse.disabled,
.btn-inverse[disabled] { .btn-inverse[disabled] {
background-color: #222222; background-color: #222;
*background-color: #151515; *background-color: #151515;
} }

128
gui/slick/css/style.css
View File

@ -201,14 +201,14 @@ inc_top.tmpl
} }
.ui-widget-header { .ui-widget-header {
background: #ffffff url("../css/lib/images/ui-bg_flat_0_ffffff_40x100.png") 50% 50% repeat-x; background: #fff url("../css/lib/images/ui-bg_flat_0_ffffff_40x100.png") 50% 50% repeat-x;
} }
.ui-state-default, .ui-state-default,
.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { .ui-widget-header .ui-state-default {
background: #ffffff; background: #fff;
border: 1px solid #CCCCCC; border: 1px solid #CCC;
} }
.ui-state-hover, .ui-state-hover,
@ -217,7 +217,7 @@ inc_top.tmpl
.ui-state-focus, .ui-state-focus,
.ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { .ui-widget-header .ui-state-focus {
background: #ffffff; background: #fff;
} }
.ui-state-active, .ui-state-active,
@ -270,11 +270,11 @@ inc_top.tmpl
} }
.ui-widget-overlay { .ui-widget-overlay {
background: #aaaaaa url("../css/lib/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; background: #aaa url("../css/lib/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
} }
.ui-widget-shadow { .ui-widget-shadow {
background: #000000 url("../css/lib/images/ui-bg_flat_0_000000_40x100.png") 50% 50% repeat-x; background: #000 url("../css/lib/images/ui-bg_flat_0_000000_40x100.png") 50% 50% repeat-x;
} }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
@ -303,7 +303,7 @@ inc_top.tmpl
.ui-tabs .ui-tabs-panel { .ui-tabs .ui-tabs-panel {
background-color: #F7F7F7 !important; background-color: #F7F7F7 !important;
border: 1px solid #CCCCCC !important; border: 1px solid #CCC !important;
} }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { .ui-tabs .ui-tabs-nav li.ui-tabs-active {
@ -578,7 +578,7 @@ home.tmpl
text-shadow: 0 0 0.1em #fff; text-shadow: 0 0 0.1em #fff;
vertical-align: middle; vertical-align: middle;
font-size: 12px; font-size: 12px;
color: #000000; color: #000;
} }
.progress-80 { .progress-80 {
@ -1220,23 +1220,27 @@ ul.tags li a{
vertical-align: -2px; vertical-align: -2px;
} }
.airdate-never {
background-color: #eae2c8;
color: #666
}
.unaired { .unaired {
background-color: #f5f1e4; background-color: #f5f1e4;
} }
.skipped { .skipped {
background-color: #bedeed; background-color: #bedeed;
} }
.good { .good {
background-color: #c3e3c8; background-color: #c3e3c8;
} }
.qual { .qual {
background-color: #ffda8a; background-color: #ffda8a;
} }
.wanted { .wanted {
background-color: #ffb0b0; background-color: #ffb0b0;
} }
.snatched { .snatched {
background-color: #ebc1ea; background-color: #ebc1ea;
} }
span.unaired { span.unaired {
@ -1270,7 +1274,7 @@ span.good b,
span.qual b, span.qual b,
span.wanted b, span.wanted b,
span.snatched b { span.snatched b {
color: #000000; color: #000;
font-weight: 800; font-weight: 800;
} }
@ -1390,7 +1394,7 @@ td.col-legend {
th.col-search, th.col-search,
td.col-search { td.col-search {
width: 46px; width: 46px;
} }
.showLegend { .showLegend {
@ -1521,7 +1525,7 @@ h2.day, h2.network {
} }
.tvshowTitle a { .tvshowTitle a {
color: #000000; color: #000;
float: left; float: left;
line-height: 1.4em; line-height: 1.4em;
font-size: 1.4em; font-size: 1.4em;
@ -2027,7 +2031,7 @@ select .selected {
} }
.infoTableSeperator { .infoTableSeperator {
border-top: 1px dotted #666666; border-top: 1px dotted #666;
} }
[class^="icon16-"], [class^="icon16-"],
@ -2248,7 +2252,7 @@ td.tableright {
.separator { .separator {
font-size: 90%; font-size: 90%;
color: #333333; color: #333;
} }
a.whitelink { a.whitelink {
@ -2302,7 +2306,7 @@ 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); -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); 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); text-shadow: 0 1px rgba(0, 0, 0, 0.8);
color: #FFFFFF; color: #FFF;
display: inline-block; display: inline-block;
padding: 2px 4px; padding: 2px 4px;
text-align: center; text-align: center;
@ -2500,54 +2504,54 @@ input, textarea, select, .uneditable-input {
/* navbar styling */ /* navbar styling */
.navbar-default .navbar-brand { .navbar-default .navbar-brand {
color: #ffffff; color: #fff;
} }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { .navbar-default .navbar-brand:focus {
color: #ffffff; color: #fff;
background-color: transparent; background-color: transparent;
} }
.navbar-default .navbar-text { .navbar-default .navbar-text {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-nav > li > a { .navbar-default .navbar-nav > li > a {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { .navbar-default .navbar-nav > li > a:focus {
color: #ffffff; color: #fff;
background-color: transparent; background-color: transparent;
} }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { .navbar-default .navbar-nav > .active > a:focus {
color: #ffffff; color: #fff;
background-color: #333333; background-color: #333;
} }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus { .navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc; color: #ccc;
background-color: transparent; background-color: transparent;
} }
.navbar-default .navbar-toggle { .navbar-default .navbar-toggle {
border-color: #cccccc; border-color: #ccc;
} }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { .navbar-default .navbar-toggle:focus {
background-color: #333333; background-color: #333;
} }
.navbar-default .navbar-toggle .icon-bar { .navbar-default .navbar-toggle .icon-bar {
background-color: #333333; background-color: #333;
} }
.navbar-default .navbar-collapse, .navbar-default .navbar-collapse,
@ -2558,39 +2562,39 @@ input, textarea, select, .uneditable-input {
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { .navbar-default .navbar-nav > .open > a:focus {
background-color: #333333; background-color: #333;
color: #ffffff; color: #fff;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a { .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff; color: #fff;
background-color: transparent; background-color: transparent;
} }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .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:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff; color: #fff;
background-color: #333333; background-color: #333;
} }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc; color: #ccc;
background-color: transparent; background-color: transparent;
} }
} }
.navbar-default .navbar-link { .navbar-default .navbar-link {
color: #dddddd; color: #ddd;
} }
.navbar-default .navbar-link:hover { .navbar-default .navbar-link:hover {
color: #ffffff; color: #fff;
} }
.navbar-default .btn-link { .navbar-default .btn-link {
@ -2599,14 +2603,14 @@ input, textarea, select, .uneditable-input {
.navbar-default .btn-link:hover, .navbar-default .btn-link:hover,
.navbar-default .btn-link:focus { .navbar-default .btn-link:focus {
color: #dddddd; color: #ddd;
} }
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus { fieldset[disabled] .navbar-default .btn-link:focus {
color: #cccccc; color: #ccc;
} }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
@ -2626,7 +2630,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
} }
.form-control { .form-control {
color: #000000; color: #000;
} }
.form-control-inline { .form-control-inline {
@ -2666,7 +2670,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn:active, .btn:active,
.btn.active { .btn.active {
background-color: #cccccc \9; background-color: #ccc \9;
} }
.btn:first-child { .btn:first-child {
@ -2674,7 +2678,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
} }
.btn:hover { .btn:hover {
color: #333333; color: #333;
text-decoration: none; text-decoration: none;
background-color: #e6e6e6; background-color: #e6e6e6;
*background-color: #d9d9d9; *background-color: #d9d9d9;
@ -2756,7 +2760,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn-info:hover, .btn-info:hover,
.btn-inverse, .btn-inverse,
.btn-inverse:hover { .btn-inverse:hover {
color: #ffffff; color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
} }
@ -2921,7 +2925,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn-inverse { .btn-inverse {
background-color: #414141; background-color: #414141;
*background-color: #222222; *background-color: #222;
background-image: -ms-linear-gradient(top, #555555, #222222); background-image: -ms-linear-gradient(top, #555555, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
background-image: -webkit-linear-gradient(top, #555555, #222222); background-image: -webkit-linear-gradient(top, #555555, #222222);
@ -2929,7 +2933,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
background-image: -moz-linear-gradient(top, #555555, #222222); background-image: -moz-linear-gradient(top, #555555, #222222);
background-image: linear-gradient(top, #555555, #222222); background-image: linear-gradient(top, #555555, #222222);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #222222 #222222 #000000; 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); 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); filter: progid:dximagetransform.microsoft.gradient(enabled=false);
@ -2940,7 +2944,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.btn-inverse.active, .btn-inverse.active,
.btn-inverse.disabled, .btn-inverse.disabled,
.btn-inverse[disabled] { .btn-inverse[disabled] {
background-color: #222222; background-color: #222;
*background-color: #151515; *background-color: #151515;
} }

18
gui/slick/interfaces/default/displayShow.tmpl
View File

@ -143,7 +143,8 @@
<div id="container"> <div id="container">
<div id="posterCol"> <div id="posterCol">
<a href="$sbRoot/showPoster/?show=$show.indexerid&amp;which=poster" rel="dialog" title="View Poster for $show.name"> <a href="$sbRoot/showPoster/?show=$show.indexerid&amp;which=poster" rel="dialog" title="View Poster for $show.name">
<img #echo ('', 'style="height:271px" ')[not $sickbeard.USE_IMDB_INFO or not $show.imdbid or 'year' not in $show.imdb_info]#src="$sbRoot/showPoster/?show=$show.indexerid&amp;which=poster_thumb" class="tvshowImg" alt="" /></a> <img #echo ('', 'style="height:270px" ')[(not $sickbeard.USE_IMDB_INFO or not $show.imdbid or 'year' not in $show.imdb_info)
or ($sickbeard.USE_IMDB_INFO and 'genres' in $show.imdb_info and '' == $show.imdb_info['genres'])]#src="$sbRoot/showPoster/?show=$show.indexerid&amp;which=poster_thumb" class="tvshowImg" alt="" /></a>
</div> </div>
<div id="showCol"> <div id="showCol">
@ -160,15 +161,15 @@
#set $_show = $show #set $_show = $show
#if not $sickbeard.USE_IMDB_INFO or not $show.imdbid #if not $sickbeard.USE_IMDB_INFO or not $show.imdbid
<span>($show.startyear) - $show.runtime minutes - </span> <span>#echo ('(%s) - ' % $show.startyear, '')['' == $show.startyear]##echo ('%s minutes - ' % $show.runtime, '')['' == $show.runtime]#</span>
#else #else
#if 'country_codes' in $show.imdb_info: #if 'country_codes' in $show.imdb_info and '' != $show.imdb_info['country_codes']:
#for $country in $show.imdb_info['country_codes'].split('|') #for $country in $show.imdb_info['country_codes'].split('|')
<img class="flag" src="$sbRoot/images/flags/${$country}.png" width="16" height="11" /> <img class="flag" src="$sbRoot/images/flags/${$country}.png" width="16" height="11" />
#end for #end for
#end if #end if
#if 'year' in $show.imdb_info: #if 'year' in $show.imdb_info:
<span class="imdb-info">($show.imdb_info['year']) - $show.imdb_info['runtimes'] minutes</span> <span class="imdb-info">#echo ('(%s) - ' % $show.imdb_info['year'], '')['' == $show.imdb_info['year']]##echo ('%s minutes' % $show.imdb_info['runtimes'], '')['' == $show.imdb_info['runtimes']]#</span>
#end if #end if
<a class="service" href="<%= anon_url('http://www.imdb.com/title/', _show.imdbid) %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;" title="http://www.imdb.com/title/$show.imdbid"><img alt="[imdb]" height="16" width="16" src="$sbRoot/images/imdb.png" /></a> <a class="service" href="<%= anon_url('http://www.imdb.com/title/', _show.imdbid) %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;" title="http://www.imdb.com/title/$show.imdbid"><img alt="[imdb]" height="16" width="16" src="$sbRoot/images/imdb.png" /></a>
#end if #end if
@ -189,7 +190,7 @@
</div> </div>
#end if #end if
#end if #end if
#if $sickbeard.USE_IMDB_INFO and 'year' in $show.imdb_info: #if $sickbeard.USE_IMDB_INFO and 'genres' in $show.imdb_info and '' != $show.imdb_info['genres']:
<div id="tags"> <div id="tags">
<ul class="tags"> <ul class="tags">
#for $imdbgenre in $show.imdb_info['genres'].split('|') #for $imdbgenre in $show.imdb_info['genres'].split('|')
@ -208,7 +209,9 @@
#else if $show.airs: #else if $show.airs:
<tr><td class="showLegend grey-text">Originally airs</td><td>$show.airs #if not $network_timezones.test_timeformat($show.airs) then ' <font color="#FF0000"><b>(invalid Timeformat)</b></font> ' else ''#</td></tr> <tr><td class="showLegend grey-text">Originally airs</td><td>$show.airs #if not $network_timezones.test_timeformat($show.airs) then ' <font color="#FF0000"><b>(invalid Timeformat)</b></font> ' else ''#</td></tr>
#end if #end if
#if '' != $show.status:
<tr><td class="showLegend grey-text">Status</td><td>$show.status</td></tr> <tr><td class="showLegend grey-text">Status</td><td>$show.status</td></tr>
#end if
#if $showLoc[1]: #if $showLoc[1]:
<tr><td class="showLegend grey-text">Location</td><td>$showLoc[0]</td></tr> <tr><td class="showLegend grey-text">Location</td><td>$showLoc[0]</td></tr>
#else: #else:
@ -385,11 +388,12 @@
#end if #end if
#set $epLoc = $epResult['location'] #set $epLoc = $epResult['location']
#set never_aired = 0 < $curSeason and 1 == int($epResult['airdate'])
<tr class="$Overview.overviewStrings[$epCats[$epStr]] season-$curSeason seasonstyle"> <tr class="#echo ($Overview.overviewStrings[$epCats[$epStr]], 'airdate-never')[$never_aired]# season-$curSeason seasonstyle">
<td class="col-checkbox"> <td class="col-checkbox">
#if $UNAIRED != int($epResult['status']) #if $UNAIRED != int($epResult['status']) and not $never_aired
<input type="checkbox" class="epCheck" id="<%=str(epResult['season'])+'x'+str(epResult['episode'])%>" name="<%=str(epResult['season']) +'x'+str(epResult['episode']) %>" /> <input type="checkbox" class="epCheck" id="<%=str(epResult['season'])+'x'+str(epResult['episode'])%>" name="<%=str(epResult['season']) +'x'+str(epResult['episode']) %>" />
#end if #end if
</td> </td>

Write Preview
Loading…
Cancel
Save