SickGear/gui/slick/css/style.css
2023-02-09 13:41:15 +00:00

5214 lines
106 KiB
CSS

/* =======================================================================
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-weight:normal;
font-weight:400;
font-style:normal
}
/* 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-weight:normal;
font-weight:400;
font-style:italic
}
/* 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-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-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-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-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-weight:bold;
font-weight:700;
font-style:normal
}
/* 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-weight:bold;
font-weight:700;
font-style:italic
}
/* 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-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-weight:900;
font-style:italic
}
/* SickGear Icons */
@font-face{
font-family:"sgicons";
src:url("fonts/sgicons.eot?v4");
src:url("fonts/sgicons.eot?v4#iefix") format("embedded-opentype"),
url("fonts/sgicons.woff?v4") format("woff"),
url("fonts/sgicons.ttf?v4") format("truetype"),
url("fonts/sgicons.svg?v4#sgicons") format("svg");
font-weight:normal;
font-style:normal
}
/* Hack */
/* 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
========================================================================== */
.navbaricon{
margin-top:-15px;
margin-bottom:-15px
}
.navbar-default .navbar-nav .snf.bar,
.navbar-default .navbar-nav .logger.bar{
position: absolute;
display:none;
width:14px;
top:2px;
right:12px
}
.navbar-default .navbar-nav .item .sgicon-showqueue,
.shows-not-found .navbar-default .navbar-nav .snf.item .sgicon-warning,
.shows-not-found.n .navbar-default .navbar-nav .snf.bar, .shows-not-found.nn .navbar-default .navbar-nav .snf.bar,
.shows-not-found.nnn .navbar-default .navbar-nav .snf.bar, .shows-not-found.nnnn .navbar-default .navbar-nav .snf.bar,
.n .navbar-default .navbar-nav .snf.item .sgicon-showqueue, .nn .navbar-default .navbar-nav .snf.item .sgicon-showqueue,
.nnn .navbar-default .navbar-nav .snf.item .sgicon-showqueue, .nnnn .navbar-default .navbar-nav .snf.item .sgicon-showqueue,
.navbar-default .navbar-nav .logger.errors{
display:block;
}
@-webkit-keyframes webkit-pulse{
0% { -webkit-transform:scale(0); opacity:0 }
25% { -webkit-transform:scale(.1); opacity:.1 }
50% { -webkit-transform:scale(.5); opacity:.3 }
75% { -webkit-transform:scale(.8); opacity:.5 }
to { -webkit-transform:scale(1); opacity:0 }
}
@-moz-keyframes moz-pulse{
0% { -moz-transform:scale(0); opacity:0 }
25% { -moz-transform:scale(.1); opacity:.1 }
50% { -moz-transform:scale(.5); opacity:.3 }
75% { -moz-transform:scale(.8); opacity:.5 }
to { -moz-transform:scale(1); opacity:0 }
}
@-o-keyframes o-pulse{
0% { -o-transform:scale(0); opacity:0 }
25% { -o-transform:scale(.1); opacity:.1 }
50% { -o-transform:scale(.5); opacity:.3 }
75% { -o-transform:scale(.8); opacity:.5 }
to { -o-transform:scale(1); opacity:0 }
}
@keyframes pulse{
0% { transform:scale(0); opacity:0 }
25% { transform:scale(.1); opacity:.1 }
50% { transform:scale(.5); opacity:.3 }
75% { transform:scale(.8); opacity:.5 }
to { transform:scale(1); opacity:0 }
}
.bar .pulse{ top:-5px; right:-6px }
.item .pulse{ top:-7px; right:0 }
.errors .pulse{ top:-5px }
.pulse{
height:27px;
width:26px;
position:absolute;
z-index:10;
border:3px solid;
border-radius:70px;
-webkit-animation:webkit-pulse 1s ease-out;
-moz-animation:moz-pulse 1s ease-out;
-o-animation:o-pulse 1s ease-out;
animation:pulse 1s ease-out;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.navbar-default .navbar-nav .snf.item,
.navbar-default .navbar-nav .logger.errors.item{
position:relative;
display:inline-block
}
.navbar-default .navbar-nav .snf,
.navbar-default .navbar-nav .logger{
height:14px
}
.shows-not-found .navbar-default .navbar-nav .snf.bar,
.shows-not-found .navbar-default .navbar-nav .snf.item .sgicon-showqueue,
.navbar-default .navbar-nav .snf.item .sgicon-warning{
display:none
}
[class^="icon-"],
[class*=" icon-"]{
background-image:url("../images/glyphicons-halflings.png")
}
.icon-white{
background-image:url("../images/glyphicons-halflings-white.png")
}
.ui-autocomplete-loading{
background:white url("../images/loading16.gif") right center no-repeat
}
.browserDialog.busy .ui-dialog-buttonpane{
background:url("../images/loading.gif") 10px 50% no-repeat !important
}
.ui-progressbar .ui-progressbar-overlay{
background:url("../css/lib/images/animated-overlay.gif")
}
.ui-dialog,
.ui-dialog-buttonpane{
background:#eceadf url("../css/lib/images/ui-bg_fine-grain_10_eceadf_60x60.png") 50% 50% repeat !important
}
.ui-accordion-content,
.ui-tabs-panel{
background:#ededed !important;
background-image:none !important
}
.ui-widget-content{
background:#dcdcdc url("../css/lib/images/ui-bg_highlight-soft_75_dcdcdc_1x100.png") 50% top repeat-x
}
.ui-widget.ui-widget-content{
border:1px solid
}
.component-group.bubblelist a,
.ui-widget-content a{
text-decoration:none
}
.ui-widget-header{
background:#ddd url("../css/lib/images/ui-bg_flat_0_ffffff_40x100.png") 50% 50% repeat-x
}
.ui-dialog-buttonpane .ui-widget.ui-button{
padding:0.8em 1.85em
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
background:#ddd;
border:1px solid #ccc
}
.ui-widget.ui-button:hover{
border:1px solid
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
background:#ddd
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active{
background:#f7f7f7
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{
background:#fbf9ee url("../css/lib/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error{
background:#fef1ec url("../css/lib/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x
}
.ui-icon,
.ui-widget-content .ui-icon{
background-image:url("../css/lib/images/ui-icons_222222_256x240.png")
}
.ui-widget-header .ui-icon{
background-image:url("../css/lib/images/ui-icons_222222_256x240.png")
}
.ui-state-default .ui-icon{
background-image:url("../css/lib/images/ui-icons_8c291d_256x240.png")
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon{
background-image:url("../css/lib/images/ui-icons_222222_256x240.png")
}
.ui-state-active .ui-icon{
background-image:url("../css/lib/images/ui-icons_8c291d_256x240.png")
}
.ui-state-highlight .ui-icon{
background-image:url("../css/lib/images/ui-icons_2e83ff_256x240.png")
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon{
background-image:url("../css/lib/images/ui-icons_cd0a0a_256x240.png")
}
.ui-widget-overlay{
background:#aaa url("../css/lib/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x
}
.ui-widget-shadow{
margin:-8px 0 0 -8px;
padding:8px;
opacity:.35;
filter:alpha(opacity=35);
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
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{
color:#140f06;
text-decoration:none
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
color:#222;
text-decoration:none
}
.ui-tabs{
padding:0;
background:none;
border-width:0
}
.ui-tabs .ui-tabs-nav{
padding-left:0;
background:transparent;
border-width:0 0 0 0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0
}
.ui-tabs .ui-tabs-panel{
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-top-left-radius:5px;
border-top-right-radius:5px
}
.ui-tabs-nav > :not(.ui-tabs-active){
border-bottom:1px solid transparent !important;
border-top-left-radius:5px;
border-top-right-radius:5px
}
#content{
width:95%;
min-width:875px;
padding:15px;
margin-left:auto;
margin-right:auto;
clear:both
}
#SubMenu{
padding-right:20px;
clear:both;
font-size:12px;
float:right
}
.topbar-notification{
width:600px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:0
}
[class^="sgicon-"], [class*=" sgicon-"]{
font-family:"sgicons";
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-shadow:none;
text-transform:none;
text-rendering:auto;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.dropdown [class^="sgicon-"], .dropdown [class*="sgicon-"]{
margin-right:6px
}
.dropdown [class^="sgicon-"].tight{
margin-right:0px
}
#SubMenu [class^="sgicon-"], #SubMenu [class*="sgicon-"]{
margin-right:3px
}
.sgicon-pause:before{
content:"\e600"
}
.sgicon-play:before{
content:"\e601"
}
.sgicon-queued:before{
content:"\e602"
}
.sgicon-trim:before{
content:"\e603"
}
.sgicon-backlog:before{
content:"\e604"
}
.sgicon-home:before{
content:"\e605"
}
.sgicon-delete:before{
content:"\e606"
}
.sgicon-errorlog:before{
content:"\e607"
}
.sgicon-log:before{
content:"\e608"
}
.sgicon-notification:before{
content:"\e609"
}
.sgicon-postprocess:before{
content:"\e60a"
}
.sgicon-failed:before{
content:"\e60b"
}
.sgicon-subtitles:before{
content:"\e60d"
}
.sgicon-anime:before{
content:"\e60f"
}
.sgicon-logout:before{
content:"\e610"
}
.sgicon-edit:before{
content:"\e611"
}
.sgicon-rename:before{
content:"\e612"
}
.sgicon-fullupdate:before{
content:"\e613"
}
.sgicon-showqueue:before,
.sgicon-refresh:before{
content:"\e614"
}
.sgicon-bulk-change:before{
content:"\e615"
}
.sgicon-search:before{
content:"\e616"
}
.sgicon-info:before{
content:"\e65b"
}
.sgicon-restart:before{
content:"\e618"
}
.sgicon-shutdown:before{
content:"\e619"
}
.sgicon-addshow:before{
content:"\e61a"
}
.sgicon-config:before{
content:"\e61b"
}
.sgicon-arrowup:before{
content:"\e63b"
}
.sgicon-arrowdown:before{
content:"\e63a"
}
.sgicon-plex:before{
content:"\e903"
}
.sgicon-kodi:before{
content:"\e901"
}
.sgicon-bittorrent:before{
content:"\e910"
}
.sgicon-xbmc:before{
content:"\e902"
}
.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-img-portrait:before{
content:"\e627"
}
.sgicon-img-landscape:before{
content:"\e628"
}
.sgicon-episodestatus:before{
content:"\e629"
}
.sgicon-warning:before{
content:"\e657"
}
.sgicon-list:before{
content:"\e62b"
}
.sgicon-cal:before{
content:"\e62c"
}
.sgicon-mediafile:before{
content:"\e62d"
}
.sgicon-archive:before{
content:"\e62e"
}
.sgicon-book:before{
content:"\e62f"
}
.sgicon-downloaded:before{
content:"\e634"
}
.sgicon-personlines:before{
content:"\e63f"
}
.sgicon-personsquare:before{
content:"\e640"
}
.sgicon-people:before{
content:"\e641"
}
.sgicon-watched:before{
content:"\e643"
}
.sgicon-failures:before{
content:"\e685"
}
.sgicon-metac:before{
content:"\e890"
}
.sgicon-tvc:before{
content:"\e891"
}
.sgicon-ne:before{
content:"\e892"
}
.sgicon-imdb:before{
content:"\e898"
}
.sgicon-trakt:before{
content:"\e899"
}
.sgicon-tvmaze:before{
content:"\e89a";
margin-right:14px
}
.sgicon-emby:before{
content:"\e900"
}
.searchadd.icon-glyph{
display:none
}
.active .searchadd.icon-glyph{
opacity:0.4;filter:alpha(opacity=40);
float:none;
display:inline-block;
margin:0 0 -2px 0;
height:14px
}
.searchadd.icon-glyph{
background-position:-337px 0
}
.personage.icon-glyph{
background-position:-168px 0;
margin:1px 0 0 0;
height:14px;
opacity:0.75;filter:alpha(opacity=75);
}
#add-show-name:hover{
cursor:pointer
}
#service_order_list .input-sm,
#add-show-name input{
margin:0 0 0 -1px;
padding:0 2px;
height:18px;
width:135px;
font-size:12px
}
#service_order_list .input-sm{
width:100px
}
/* =======================================================================
inc_bottom.tmpl
========================================================================== */
.footer{
width:100%;
padding:20px 0;
text-align:center;
clear:both;
font-size:12px
}
.footerhighlight{
display:inline
}
#history-table thead th .icon-glyph,
.footer .icon-glyph{
opacity:0.4;filter:alpha(opacity=40);
float:none;
display:inline-block;
margin:0 0 -2px 4px;
height:13px;
width:14px
}
#history-table thead th .icon-glyph:hover,
#history-table tfoot th .icon-glyph:hover,
.footer .icon-glyph:hover{
opacity:0.6;filter:alpha(opacity=60)
}
#history-table thead th .icon-glyph:hover,
.footer .icon-glyph:hover{
cursor:pointer
}
#history-table thead th .icon-glyph.age,
#history-table thead th .icon-glyph.date:hover,
.footer .icon-glyph.timeleft,
.footer .icon-glyph.time:hover{
background-position:-49px -25px
}
#history-table thead th .icon-glyph.date,
#history-table thead th .icon-glyph.age:hover,
.footer .icon-glyph.time,
.footer .icon-glyph.timeleft:hover{
background-position:-193px -121px
}
/* =======================================================================
inc_rootDirs.tmpl
========================================================================== */
.rootdir-selectbox,
.rootdir-selectbox #rootDirs,
.rootdir-controls{
width:430px
}
.rootdir-selectbox{
padding:0 0 5px
}
.rootdir-controls{
text-align:center
}
/* =======================================================================
home.tmpl
========================================================================== */
.imgbanner .banner{
border:1px solid #ccc;
overflow:hidden;
height:66px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
vertical-align:top;
width:360px;
display:block;
margin-left:auto;
margin-right:auto
}
.imgsmallposter .small{
height:66px;
overflow:hidden;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
vertical-align:middle;
width:45px;
border:1px solid #ccc;
margin-right:5px
}
.imgsmallposter.small{
font-size:100%
}
#HomeLayout{
margin-top:-35px;
height:75px;
margin-bottom:10px
}
#HomeLayout #top-row{height:40px}
#search_show_name{margin-top:0}
.ui-progressbar{
height:20px;
line-height:18px
}
.ui-progressbar .ui-progressbar-value{
box-sizing:content-box !important
}
.progressbarText{
position:absolute;
top:0;
width:100%;
height:100%;
overflow:visible;
text-align:center;
text-shadow:0 0 0.1em #ddd;
vertical-align:middle;
font-size:12px
}
.progress-80{
background-image:-moz-linear-gradient(#a6cf41, #5b990d) !important;
background-image:linear-gradient(#a6cf41, #5b990d) !important;
background-image:-webkit-linear-gradient(#a6cf41, #5b990d) !important;
background-image:-o-linear-gradient(#a6cf41, #5b990d) !important;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}
.progress-60{
background-image:-moz-linear-gradient(#fad440, #f2a70d) !important;
background-image:linear-gradient(#fad440, #f2a70d) !important;
background-image:-webkit-linear-gradient(#fad440, #f2a70d) !important;
background-image:-o-linear-gradient(#fad440, #f2a70d) !important;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}
.progress-40{
background-image:-moz-linear-gradient(#fab543, #f2700d) !important;
background-image:linear-gradient(#fab543, #f2700d) !important;
background-image:-webkit-linear-gradient(#fab543, #f2700d) !important;
background-image:-o-linear-gradient(#fab543, #f2700d) !important;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}
.progress-20{
background-image:-moz-linear-gradient(#da5945, #b11a10) !important;
background-image:linear-gradient(#da5945, #b11a10) !important;
background-image:-webkit-linear-gradient(#da5945, #b11a10) !important;
background-image:-o-linear-gradient(#da5945, #b11a10) !important;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}
.yes,
.no{
display:inline-block;
vertical-align:middle;
width:16px;
height:16px
}
.yes{background-image:url("../images/yes16.png")}
.no{background-image:url("../images/no16.png")}
.container,
#container{
margin:12px auto 12px
}
#show-list .show-card{
margin:0 2px 12px;
width:188px;
height:352px;
float:left;
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{
height:344px
}
.show-image{
overflow:hidden;
height:273px;
width:186px;
border-top-left-radius:5px;
border-top-right-radius:5px
}
.show-image a{
display:block;
height:100%;
width:100%
}
#browse-list .show-card .ui-progressbar{
height:5px !important
}
#browse-list .show-card .ui-corner-right{
border-bottom-right-radius:3px
}
#browse-list .show-card .ui-corner-left{
border-bottom-right-radius:3px
}
#show-list .show-card .ui-progressbar{
height:8px !important
}
#show-list .show-card .ui-corner-all, #show-list .show-card .ui-corner-bottom,
#show-list .show-card .ui-corner-right, #show-list .show-card .ui-corner-br{
border-bottom-right-radius:5px
}
#show-list .show-card .ui-corner-all, #show-list .show-card .ui-corner-bottom,
#show-list .show-card .ui-corner-left, #show-list .show-card .ui-corner-bl{
border-bottom-left-radius:5px
}
#browse-list .show-card .ui-corner-all, #browse-list .show-card .ui-corner-top,
#browse-list .show-card .ui-corner-right, #browse-list .show-card .ui-corner-tr,
#show-list .show-card .ui-corner-all, #show-list .show-card .ui-corner-top,
#show-list .show-card .ui-corner-right, #show-list .show-card .ui-corner-tr{
border-top-right-radius:0
}
#browse-list .show-card .ui-corner-all, #browse-list .show-card .ui-corner-top,
#browse-list .show-card .ui-corner-left, #browse-list .show-card .ui-corner-tl,
#show-list .show-card .ui-corner-all, #show-list .show-card .ui-corner-top,
#show-list .show-card .ui-corner-left, #show-list .show-card .ui-corner-tl{
border-top-left-radius:0
}
#show-list .show-card .ui-widget-content{
border-top:1px solid #111;
border-bottom:1px solid #111;
border-left:0;
border-right:0
}
.ui-progressbar .ui-progressbar-value{
height:20px
}
.ui-progressbar .progress-20{
border:none
}
#show-list .show-card .progress-20,
#show-list .show-card .progress-40,
#show-list .show-card .progress-60,
#show-list .show-card .progress-80{
height:8px
}
#show-list .show-card .progress-20,
#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
}
.show-title{
position:relative;
overflow:hidden;
white-space:nowrap;
font-size:11px;
margin:4px 4px 0 4px
}
.show-title:after{
content:"";
pointer-events:none;
position:absolute;
width:20px;
height:100%;
top:0;
right:0;
background-image:-webkit-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0));
background-image:-moz-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0));
background-image:-ms-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0));
background-image:-o-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0));
background-image:linear-gradient(to left, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0))
}
.exception-divider{
margin:3px 0
}
.season-mark-exception{
font-size:12px;
vertical-align:super;
margin-right:-6px
}
.show-toggle-hide{
position:absolute;
top:272px;
right:2px
}
.show-date{
position:relative;
overflow:hidden;
white-space:nowrap;
font-size:11px;
margin:0 4px 4px 4px
}
.show-date:after{
content:"";
pointer-events:none;
position:absolute;
width:20px;
height:100%;
top:0;
right:0;
background-image:-webkit-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0));
background-image:-moz-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0));
background-image:-ms-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0));
background-image:-o-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0));
background-image:linear-gradient(to left, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0))
}
.show-table{
text-align:center;
vertical-align:middle;
width:33%
}
.show-add{
font-size:11px;
text-align:left;
display:block
}
.show-status{
font-size:11px;
text-align:left;
display:block
}
.show-network{
font-size:11px
}
.show-network-image{
width:50px;
height:auto
}
.show-dlstats{
font-size:11px;
text-align:left;
display:block;
margin-left:4px
}
.show-quality{
font-size:11px;
text-align:right;
display:block;
margin-right:4px
}
#sort-by{
display:inline;
list-style-type:none;
padding:0;
margin-left:5px
}
#sort-by ul, #sort-by li{
display:inline;
margin:0;
padding:0
}
.posterview{
margin:0 auto
}
td.tvShow a{
color:#000;
text-decoration:none
}
td.tvShow a:hover{
cursor:pointer;
color:#428bca
}
#rename th, #rename td,
#failed th, #failed td,
#backlog th, #backlog td,
#show-list th, #show-list td{
text-align:center
}
#rename th.text-left, #rename td.text-left,
#failed th.text-left, #failed td.text-left,
#backlog th.text-left, #backlog td.text-left,
#show-list th.text-left, #show-list td.text-left{
text-align:left
}
/* =======================================================================
home_addShows.tmpl
========================================================================== */
#addShowPortal{
width:570px;
padding:10px 0;
margin-right:auto;
margin-left:auto
}
#addShowPortal a.btn{
padding:0 15px;
width:261px;
float:left;
margin:0 12px 14px
}
div.button{
display:table-cell;
vertical-align:middle
}
div.buttontext{
display:table-cell;
padding:10px 0 10px 15px;
text-align:left;
white-space:normal
}
div.buttontext p{
margin:0
}
div.buttontext h3{
margin-top:0
}
div.buttontext p{
font-size:13px
}
.icon-addnewshow{background-image:url("../images/addshows/add-new32-black.png")}
.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")}
.square-32{
width:32px;
height:32px
}
/* =======================================================================
home_newShow.tmpl
========================================================================== */
#addShowForm,
#newShowPortal,
.content-centred,
fieldset.sectionwrap,
div.formpaginate{
width:831px
}
.content-centred,
#addShowForm{
margin-left:auto;
margin-right:auto
}
#newShowPortal{
padding:10px 0;
margin-right:auto;
margin-left:auto
}
#displayText{
padding:8px;
overflow:hidden;
font-size:14px;
border:1px solid
}
#search-results input[type="radio"]{
vertical-align:-2px
}
.icon16,
#search-results .results-item label{
padding:0;
margin:0
}
#search-results .results-item label i{
margin:0 6px 2px 0;
}
.icon16,
#search-results .results-item label i{
display:inline-block;
vertical-align:middle;
width:16px;
height:16px;
}
.results-item.imdb label i, i.imdb{background-image:url(../images/imdb16.png)}
.results-item.tmdb label i, i.tmdb{background-image:url(../images/tmdb16.png)}
.results-item.trakt label i, i.trakt{background-image:url(../images/trakt16.png)}
.results-item.tvdb label i, i.tvdb{background-image:url(../images/thetvdb16.png)}
.results-item.tvmaze label i, i.tvmaze{background-image:url(../images/tvmaze16.png)}
#addShowForm #promptForSettings,
#addShowForm #rootDirStaticList input,
#addShowForm div.field-pair input,
#addShowForm div.field-pair select{
margin-right:6px
}
#edit-show #custom-quality-wrapper .tip-text p,
#addShowForm #custom-quality-wrapper .tip-text p,
#edit-show #custom-quality-wrapper .tip-text em,
#addShowForm #custom-quality-wrapper .tip-text em{
font-size:13px
}
#addShowForm .stepDiv #custom-quality.show-if-quality-custom span.component-desc p{
font-size:12px
}
#addShowForm #nameToSearch{
width:480px;
margin-top:0
}
#addShowForm #nameToSearch.wide{
width:591px;
}
#addShowForm #providedIndexer,
#addShowForm #indexerLangSelect{
margin-left:7px
}
#addShowForm #searchName{
margin-left:10px
}
.stepDiv #search-results .results-item{
width:100%;
line-height:1.7
}
.stepDiv #search-results .results-item input[disabled=disabled]{
visibility:hidden
}
.stepDiv #search-results .results-item .exists-db{
font-weight:800;
font-style:italic
}
.stepDiv #search-results #searchingAnim{
margin-right:6px
}
#addShowForm a span.article,
#addShowForm a:hover span.article{
color:#2f4799
}
.stepone-result-title{
font-weight:600;
margin-left:10px
}
.stepone-result-date,
.stepone-result-db,
.stepone-result-overview{
margin-left:5px
}
.stepone-result-db img{
margin-top:3px;
vertical-align:top
}
#newShowPortal #displayText .show-name,
#newShowPortal #displayText .show-dest,
#newShowPortal #displayText p{
margin:0
}
#newShowPortal #displayText .show-name,
#newShowPortal #displayText .show-dest{
font-weight:600
}
#addRootDirTable td label .filepath{
font-weight:900
}
#addShowForm #anigrouplists{
padding:0 0 0 15px
}
#edit-show #anigrouplists,
#edit-show #anigrouplists h4,
#edit-show #anigrouplists p,
#addShowForm #anigrouplists,
#addShowForm #anigrouplists h4,
#addShowForm #anigrouplists p{
font-size:13px
}
/* =======================================================================
home_addExistingShow.tmpl
========================================================================== */
.existingtabs{
padding:20px
}
ul#rootDirStaticList{
width:90%;
margin-right:auto;
margin-left:auto;
text-align:left;
list-style-type:none;
padding:0
}
ul#rootDirStaticList li{
padding:4px 10px;
margin:2px 0;
list-style:none outside none;
cursor:pointer
}
ul#rootDirStaticList li label{
margin-top:5px;
margin-bottom:5px
}
ul#rootDirStaticList li input[type="checkbox"]{
vertical-align:-2px
}
/* =======================================================================
home_browseShows.tmpl
========================================================================== */
.browse-add-show-holder{
float:right;
padding-right:4px;
padding-bottom:4px
}
.show-card-inner p{
padding-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{
white-space:nowrap;
font-size:12px;
overflow:hidden;
padding-left:4px;
margin:0
}
#browse-list .show-card{
margin:0 2px 17px;
width:188px;
height:341px;
float:left;
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
}
.browse-image{
display:block;
overflow:hidden;
height:273px;
width:186px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom:1px solid #111;
background-image:url("../images/poster-dark.jpg")
}
#browse-list.tvcalendar a.browse-image{
background-size:145px;
background-position:50% 46%
}
#browse-list.tvcalendar .browse-image{
height:104px /* 62% of image height */
}
#browse-list.tvcalendar .show-toggle-hide{
top:105px
}
#browse-list.tvcalendar .show-card{
height:172px /* -169px */
}
#browse-list.tvcalendar.no-votes .show-card{
height:155px
}
#browse-list.tvcalendar .show-card-inner .heart.icon-glyph{
margin-left:0
}
#browse-list.nextepisode a.browse-image{
background-position-y:45%
}
#browse-list.nextepisode .browse-image{
height:140px /* 65% of image height */
}
#browse-list.nextepisode .show-toggle-hide{
top:141px
}
#browse-list.nextepisode.no-votes .show-card{
height:209px
}
/* =======================================================================
home_postprocess.tmpl
========================================================================== */
#postProcess{
width:650px;
padding-top:30px;
margin-right:auto;
margin-left:auto
}
/* =======================================================================
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{
padding:10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}
/* =======================================================================
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
}
#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
}
#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
}
#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
}
#background-container ul,
#background-container li{
margin:0;
padding:0
}
#background-container li{
list-style:none
}
body.back-art #background-container{
position:fixed;
top:50px;
right:0;
bottom:0;
left:0;
z-index:-1;
display:block
}
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;
display:block
}
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;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.5)
}
.display-show-container{
margin-top:10px
}
#display-show .sickbeardTable{
margin:30px 0
}
#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
}
#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
}
#display-show #showCol{
padding:5px 10px
}
#display-show.back-art #showCol{
padding:5px 10px 4px
}
#edit-show.back-art .ui-tabs-nav .ui-state-default{
border-bottom:transparent !important;
margin-bottom:0;
padding-bottom:0
}
.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
}
#details-top{
height:70px
}
.details-right.top .details-seasons{
margin-top:3px
}
.details-right.top .combo-seasons{
line-height:30px
}
#details-bottom{
display:inline-block;
width:100%
}
#details-bottom .label{
line-height:24px
}
#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
}
.details-title{
display:inline-block;
float:left
}
.reg .details-title{
margin-right:4px
}
.reg .details-title:after{
content:":"
}
.pro .details-title{
width:80px;
font-size:13px;
line-height:20px
}
.pro .details-info{
display:block;
margin-left:85px
}
.details-info .space-right{
margin-right:4px
}
.details-info .flag{
vertical-align:baseline
}
.details-plot{
min-height:220px;
overflow:hidden
}
.show-class{
padding-bottom:5px
}
.title{
margin:0;
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
height:44px;
padding:2px 0
}
#details-top .label{
padding:3px 4px;
cursor:default
}
#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:#ddd;
text-decoration:none
}
#details-top .label a:hover{
color:#aaa
}
#display-show .cast-holder{display:block; margin:5px 0 0; padding:0; position:relative; width:100%; box-sizing:border-box}
#display-show .cast-header{margin-bottom:3px; font-weight:bolder}
#display-show .cast-panel{white-space:nowrap}
#display-show .cast{display:inline-block; vertical-align:top; position:relative; top:0; width:100%;/*170px*/ height:auto; padding:6px 0; margin:0 0 10px; text-align:center}
#display-show .cast,
#display-show .cast .thumb .cast-bg,
.glide-arrows button,
#pin-glide{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
#display-show .cast .thumb{display:block}
#display-show .cast .thumb,
#display-show .cast .thumb .cast-bg{height:150px; min-width:102px}
#display-show .cast .thumb .cast-bg{display:inline-block; margin:0 auto; background:url(../images/poster-person150.jpg) center center no-repeat; border:1px solid #181818}
#display-show .back-art.pro.ii .cast .thumb .cast-bg{opacity:0.85; filter:alpha(opacity=85)}
#display-show .role,
#display-show .person{width:auto; overflow:hidden; margin:0 5px; text-overflow:ellipsis; white-space:nowrap}
.glide-arrows button{cursor:pointer; padding:1px 0 0; border:0; outline:0; position:absolute; top:105px; z-index:1; width:22px; height:21px; margin-top:-9px; -webkit-box-shadow:0 .5rem 4rem 0 rgba(0,0,0,.5); box-shadow:0 .5rem 4rem 0 rgba(0,0,0,.5)}
.glide-arrows button{background-color:rgb(255,255,255)}
.glide-arrows button svg{padding:1px}
.glide-next{right:0.7rem}
.glide-prev{left:0.7rem}
#pin-glide,
#pin-glide i{display:block; width:22px; height:21px; z-index:99}
#pin-glide{position:absolute; top:130px; left:0.7rem; background-color:rgba(0,0,0,0.5); border:0; padding:0}
.contain-glide #pin-glide{cursor:pointer}
.glide-arrows button:hover,
#pin-glide:hover{background-color:#ed145b; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:0.5; filter:alpha(opacity=50)}
#pin-glide:hover i{color:black !important; opacity:1 !important; filter:alpha(opacity=1) !important}
#pin-glide i{margin:0; line-height:21px; color:rgb(255,255,255); opacity:0.7; filter:alpha(opacity=70)}
.glide-arrows button,
#pin-glide.one .one{opacity:0.3; filter:alpha(opacity=30)}
#pin-glide.two .two, #pin-glide.three .three, #pin-glide.four .four{font-size:12px}
#pin-glide.two .two{margin-left:-1px}
#pin-glide.one .two, #pin-glide.one .three, #pin-glide.one .four, #pin-glide.two .one, #pin-glide.two .three, #pin-glide.two .four,
#pin-glide.three .one, #pin-glide.three .two, #pin-glide.three .four, #pin-glide.four .one, #pin-glide.four .two, #pin-glide.four .three{display:none}
span.imdbstars{
display:inline-block;
margin:0 3px 0 0;
vertical-align:baseline;
cursor:help
}
span.imdbstars > *{
background-position:0 0 !important;
max-width:120px
}
span.imdbstars, span.imdbstars > *{
height:12px;
width:120px;
display:inline-block;
font-size:10px;
background:url("../images/rating.png") 0 -12px repeat-x
}
.details-plot [data-ctrl]{
display:inline-block;
float:right;
text-decoration:none;
margin-top:2px
}
.details-plot [data-ctrl] i{
margin-right:4px
}
.details-plot [data-ctrl] i.sgicon-arrowdown{
margin-right:-10px
}
.no-plot{
font-style:italic;
min-height:220px;
overflow:hidden
}
.paused-holder{
position:relative
}
.paused{
font-size:200px;
text-align:center;
position:absolute;
z-index:-1;
margin:0 auto;
height:250px;
top:-10px;
left:0;
right:0;
opacity:0.3;
filter:alpha(opacity=30)
}
.paused-outline{
text-shadow:5px 5px 10px #000
}
.qtip-maxwidth{
max-width:1000px
}
.season-status{
padding:0 0 3px 10px;
font-size:12px;
vertical-align:middle
}
.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;
}
.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;
vertical-align:baseline
}
.tvshowImg{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
height:332px;
width:auto;
float:left
}
.back-art .day-of-week .poster img,
.back-art .tvshowImg{
border-color:rgba(0,0,0,0.5)
}
.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
}
#checkboxControls span{
padding:5px;
font-size:13px;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px
}
#checkboxControls label{
white-space:nowrap;
display:inline-block
}
#checkboxControls input[type="checkbox"]{
vertical-align:-2px
}
.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
}
.unknown,
#display-show.back-art.pro.ii .tablesorter tr.unaired{
background-color:rgba(245,241,228,0.7);
color:#584b20
}
.good,
#display-show .tablesorter tr.good{
background-color:#c3e3c8
}
.back-art.pro.ii .good,
#display-show.back-art.pro.ii .tablesorter tr.good{
background-color:rgba(195,227,200,0.7);
color:#295730
}
.snatched,
#display-show .tablesorter tr.snatched{
background-color:#ebc1ea
}
.back-art.pro.ii .snatched,
#display-show.back-art.pro.ii .tablesorter tr.snatched{
background-color:rgba(235,193,234,0.7);
color:#652164
}
.wanted,
#display-show .tablesorter tr.wanted{
background-color:#ffb0b0
}
.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
}
span.good{
color:#295730;
border:1px solid #295730
}
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.good b,
span.snatched b,
span.wanted b,
span.qual b,
span.skipped b,
span.unaired b{
color:#000;
font-weight:800
}
.plotInfoNone,
.plotInfo{
float:right;
position:relative;
top:2px;
right:-2px
}
#display-show .plotInfoNone,
#display-show .plotInfo{
float:none;
top:-2px;
right:0
}
.plotInfo{
cursor:help;
}
.sickbeardTable{
table-layout:auto;
width:100%;
border-collapse:separate !important;
border-spacing:0 1px;
text-align:center;
border:none;
empty-cells:show;
color:#000
}
#display-show .sickbeardTable{
border-spacing:0
}
#display-show .sickbeardTable td{
border-top:1px solid black
}
.sickbeardTable tr.header td,
.sickbeardTable th{
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{
padding:4px
}
.sickbeardTable tr.header td{
padding:4px 8px
}
.displayshow-wrapper .sickbeardTable th.row-seasonheader{
border:none;
width:auto;
background-color:transparent;
text-align:left
}
th.row-seasonheader h3{
margin:0
}
tr.seasonheader{
padding-bottom:5px;
padding-top:10px;
text-align:left;
border:none;
color:#ddd
}
th.col-checkbox,
td.col-checkbox{
width:30px;
border-left:none;
text-align:center
}
th.col-checkbox input[type="checkbox"],
td.col-checkbox input[type="checkbox"]{
vertical-align:-2px
}
th.col-metadata{
width:28px
}
th.col-ep,
td.col-ep{
min-width:38px;
width:38px;
white-space:nowrap
}
th.col-airdate,
td.col-airdate{
width:86px;
white-space:nowrap
}
th.col-name{
text-align:left
}
th.col-name,
td.col-name{
min-width:100px
}
td.col-name{
text-align:left
}
th.col-subtitles,
td.col-subtitles{
width:50px;
text-align:center
}
th.col-status,
td.col-status{
width:80px;
text-align:center;
white-space:nowrap
}
th.col-legend,
td.col-legend{
width:80px
}
#display-show .tablesorter th.col-search{
padding-right:4px
}
th.col-search,
td.col-search{
width:46px
}
td.col-search{
font-size:10px
}
.ep-search,
.ep-retry,
.ep-search img[src=""],
.ep-retry img[src=""]{
display:inline-block;
width:16px;
height:16px
}
#testRenameTable tbody td.col-checkbox,
#testRenameTable tbody td.col-ep{width:1%;vertical-align:middle}
#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
}
#editShow{
margin-right:auto;
margin-left:auto;
padding:15px 0 0
}
#edit-show #config span.component-desc,
#addShowForm #editShow.stepDiv span.component-desc{
width:639px
}
/* =======================================================================
episodeView.tmpl
========================================================================== */
.sort-data{
display:none
}
#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
}
.carousel-indicators li.listing-soon,
.listing-default{
background-color:#f5f1e4
}
.listing-current{
background-color:#dfd
}
.carousel-indicators li.listing-overdue,
.listing-overdue{
background-color:#fdd
}
.carousel-indicators li.listing-default,
.listing-toofar{
background-color:#bedeed
}
.carousel-indicators li.listing-soon,
span.listing-default{
color:#826f30;
border:1px solid #826f30
}
span.listing-current{
color:#295730;
border:1px solid #295730
}
.carousel-indicators li.listing-overdue,
span.listing-overdue{
color:#890000;
border:1px solid #890000
}
.carousel-indicators li.listing-default,
span.listing-toofar{
color:#1d5068;
border:1px solid #1d5068
}
h2.day, h2.network{
margin:10px 0;
font-size:24px;
line-height:36px;
font-weight:bold;
letter-spacing:1px;
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;
border:1px solid #ccc;
margin:auto;
padding:0;
text-align:left;
width:750px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#ddd;
cursor:default;
overflow:hidden
}
.tvshowDiv a:hover{
color:#428bca
}
.tvshowDiv a, .tvshowDiv a:link, .tvshowDiv a:visited, .tvshowDiv a:hover{
text-decoration:none;
background:none
}
.tvshowTitle a{
color:#000;
float:left;
line-height:1.4em;
font-size:1.4em;
text-shadow:-1px -1px 0 #ddd
}
.tvshowTitleIcons{
float:right;
padding:3px 5px
}
.tvshowDiv td{
padding:5px 10px
}
.tvshowDiv td.next_episode{
width:100%;
height:90%;
border-bottom:1px solid #ccc;
vertical-align:top;
color:#000
}
.bannerThumb{
vertical-align:top;
height:auto;
width:748px;
border-bottom:1px solid #ccc
}
.posterThumb{
vertical-align:top;
height:auto;
width:180px;
border-right:1px solid #ccc
}
.ep_listing{
width:auto;
border:1px solid #ccc;
margin-bottom:10px;
padding:10px
}
.ep_summary{
margin-left:5px;
font-style:italic
}
.ep_summaryTrigger{
cursor:pointer;
vertical-align:middle
}
.ep_summaryTriggerNone{
opacity:0.4;
filter:alpha(opacity=40);
vertical-align:middle
}
.daybydayWrapper{
max-width:1400px;
margin:0 auto;
padding:0/*3px*/
}
.day-of-week{
float:left;
width:14.28%;
padding:0 2px
}
.day-of-week .day-number{
position:relative;
height:40px
}
.day-of-week .day-number .number{
position:absolute;
right:5px;
font-weight:bold;
font-size:32px;
line-height:38px
}
.day-of-week .day-number .day{
position:absolute;
left:5px;
top:3px;
text-transform:uppercase;
font-weight:bold
}
.day-of-week .day-number .month{
position:absolute;
left:5px;
bottom:3px;
text-transform:uppercase
}
.daybyday-show{
margin-top:4px;
padding:4px !important;
width:100%
}
.daybyday-show .state{
height:3px
}
.daybyday-show .listing-default{
background-color:transparent
}
.carousel-indicators li.listing-overdue,
.daybyday-show .listing-overdue{
background-color:#ffb0b0
}
.daybyday-show .listing-current{
background-color:#aaffaa
}
.day-of-week .poster img{
border:1px solid;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2px;
display:block;
margin-left:auto;
margin-right:auto
}
.day-of-week .text .airtime .network,
.day-of-week .text .airtime,
.day-of-week .text .episode{
overflow:hidden;
text-overflow:ellipsis;
display:block;
font-size:12px
}
.day-of-week .text .episode{
white-space:nowrap
}
.day-of-week .text .airtime .network{
white-space:nowrap;
text-align:right;
max-width:50%
}
.day-of-week .text .episode .season,
.day-of-week .text .episode .number{
font-weight:900
}
.day-of-week .text .episode .season{
margin-right:2px
}
.day-of-week .text .episode .number{
margin-left:2px
}
.day-of-week .episode-blank{
width:250px;
height:32px;
text-align:center;
font-style:italic;
display:table-cell;
vertical-align:middle;
font-size:12px
}
.time-am-pm{
margin-left:2px
}
#content.episodeview-banner .time-am-pm,
#content.episodeview-poster .time-am-pm{
margin-left:0
}
.opacity40{
opacity:0.4;
filter:alpha(opacity=40)
}
.opacity60,
.over-layer0{
opacity:0.6;
filter:alpha(opacity=60)
}
.over-layer1{
background:transparent
}
.over-layer0,
.over-layer1{
position:absolute;
top:0;
right:0;
font-size:10px;
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
}
.on-air0{
background-color:#dfd !important;
opacity:0.75;
filter:alpha(opacity=75)
}
.on-air1{
color:#295730 !important;
border-left:1px solid #295730 !important;
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
}
.controlsBlock{
position:relative;
display:block;
width:180px;
height:36px;
margin:12px auto;
text-align:center
}
.carousel-control{
background:none !important;
text-align:center;
opacity:0.75;
filter:alpha(opacity=75);
height:20px;
width:20px;
top:1px
}
.carousel-control,
.carousel-indicators{
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
}
.carousel-indicators .active{
width:14px;
height:20px
}
.carousel-control .glyphicon-chevron-left{
margin-left:-10px
}
.carousel-control .glyphicon-chevron-right{
margin-right:-10px
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right{
width:20px;
height:20px;
margin-top:0;
font-size:20px;
top:0
}
/* =======================================================================
history.tmpl
========================================================================== */
.strike-deleted{
text-decoration:line-through
}
.red-bg{
background-color:#992828
}
.green-bg{
background-color:#3f993f
}
.yellow-bg{
background-color:#cfd958;
color:#282828
}
.blue-bg{
background-color:#2779d0
}
#history-table td,
#history-table td.provider span{
text-align:center
}
#history-table td.provider span{
padding:0 2px
}
#history-table td.provider > img{
margin-right:3px
}
#history-table td.provider span.fail img{
opacity:0.5;
filter:alpha(opacity=50)
}
#history-table td img,
#history-table td span{
vertical-align:middle
}
#history-table td span.article{
vertical-align:initial
}
#history-table td img.help,
#history-table td span.help{
cursor:help
}
#history-table td.tvShow{
text-align:left
}
/* =======================================================================
cache.tmpl
========================================================================== */
#cacheTable{
text-align:center
}
th.col-name-cache,
td.col-name-cache{
text-align:left
}
th.col-episodes,
td.col-episodes{
max-width:250px;
word-wrap:break-word
}
th.col-cache,
td.col-cache{
width:20px
}
/* =======================================================================
viewchanges.tmpl
========================================================================== */
#changes{
display:block;
padding:9.5px;
border-radius:4px 4px 4px 4px;
font:12px/13px "Open Sans",verdana,sans-serif
}
#changes .release{
margin:15px 5px 6px 0;
padding-bottom:3px;
border-bottom:1px solid gray
}
#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}
#changes .btn-text{width:5em;margin-right:0.2em;float:left}
#changes .change-text{display:block;margin-left:5.5em;padding-top:2px}
.change-add{background-color:rgb(63,127,0)}
.change-change{background-color:rgb(91,153,13)}
.change-fix{background-color:rgb(38,114,182)}
.change-port{background-color:rgb(102,102,102)}
.change-remove{}
.change-update{background-color:rgb(98,25,147)}
/* =======================================================================
config*.tmpl
========================================================================== */
#config-content{
display:block;
width:960px;
padding:0 0 40px;
margin:0 auto;
clear:both;
text-align:left
}
.ui-tabs .ui-tabs-panel{
padding-left:15px;
padding-right:15px
}
.component-group{
padding:0 0 13px;
margin: 0 0 12px;
border-bottom:1px dotted #ccc;
min-height:200px
}
#edit-show .component-group{
padding:25px 30px
}
.component-item{
border-bottom:1px dotted #666;
min-height:200px
}
.component-group-desc{
float:left;
width:240px;
padding-right:10px
}
.component-group-desc h3{
margin-top:5px
}
.component-group-desc p{
margin:10px 0;
color:#666
}
.stepDiv #custom-quality-wrapper h4{
margin-top:6px;
padding:0 0
}
.stepDiv div.field-pair{
padding:0 0 10px
}
#config div.field-pair{
padding:12px 0
}
#config .linefix div.field-pair{
padding:6px 0 12px 0
}
#config div.field-pair select,
#config div.field-pair input{
margin-right:6px
}
.stepDiv .component-desc select,
.stepDiv .component-desc input{
margin-right:15px
}
.stepDiv .component-desc input,
#config div.field-pair input{
float:left
}
#config .nocheck, #config div #custom-quality, .metadataDiv{
padding-left:20px
}
#config span.component-title.input{
line-height:24px
}
.stepDiv.linefix span.component-title,
#config .linefix span.component-title{
line-height:29px !important
}
.stepDiv.linefix span.component-desc,
#config .linefix span.component-desc{
line-height:30px
}
.stepDiv.linefix span.component-desc .note,
#config .linefix span.component-desc .note{
line-height:18px
}
.stepDiv.linefix span.component-desc p,
#config .linefix span.component-desc p{
margin-bottom:0
}
.stepDiv span.component-title.input{
line-height:30px
}
.stepDiv span.component-title,
#config span.component-title{
float:left;
width:182px;
margin-right:10px;
font-size:13px;
font-weight:bold
}
#addShowForm .stepDiv span.component-desc{
width:578px
}
.stepDiv span.component-desc,
#config span.component-desc{
font-size:12px;
font-weight:normal;
display:block;
width:475px;
margin-left:192px
}
#config label.space-right{
margin-right:16px
}
#config .metadataDiv{
display:none
}
.component-group-save{
float:right;
padding-top:10px
}
select .selected-text,
select .selected{
font-weight:700;
color:#888
}
select .selected:before{
content:"> "
}
.jumbo{
font-size:15px !important;
line-height:24px
}
#editShow .field-pair #SceneException h4,
#editShow .field-pair #custom-quality h4{
font-size:13px !important;
}
#editShow .field-pair #SceneException h4,
#editShow .field-pair #custom-quality h4{
margin-bottom:6px
}
#editShow .field-pair #custom-quality h4{
line-height:normal
}
#custom-quality .btn,
#custom-quality .btn-placeholder{
width:13em
}
#custom-quality .btn-placeholder{
display:inline-block;
border:1px transparent
}
#addShowForm #add-allow,
#addShowForm #add-block{
margin:0 0 10px 30px !important
}
#addShowForm #remove-allow,
#addShowForm #remove-block{
margin:0 0 0 30px !important
}
#edit-show #add-allow,
#edit-show #add-block{
margin:0 0 10px !important
}
#edit-show #remove-allow,
#edit-show #remove-block{
margin:0 !important
}
.dotted-surround,
.test-notification{
padding:5px;
margin-bottom:10px;
line-height:20px;
border:1px dotted #ccc
}
#providerOrderList{
width:250px;
padding-left:20px;
list-style-type:none
}
#provider_order_list,
#service_order_list{
width:250px;
padding-left:20px;
list-style-type:none
}
#service_order_list{
width:300px;
}
#config.search_providers #core-component-group1 #provider_key h4{
display:inline-block;
float:left;
margin:0
}
#config.search_providers #core-component-group1 #provider_key p{
margin:0 0 20px 30px
}
#config.search_providers #core-component-group1 .component-group-desc,
#config.search_providers #provider_order_list,
#config.search_providers #core-component-group1 #provider_key{
width:300px
}
#config.search_providers #provider_order_list{
padding:0;
float:left
}
#config.search_providers #provider_order_list,
#config.search_providers #core-component-group1 .btn{
margin:0 auto
}
#config.search_providers #core-component-group1 .btn{
display:block
}
#config.search_providers #core-component-group1 #provider_key{
float:right;
margin-bottom:25px
}
#provider_order_list li,
#service_order_list li{
padding:5px;
margin:0 0 5px;
font-size:14px
}
#provider_order_list input,
#service_order_list input{
margin:0 5px 0 2px;
vertical-align:middle
}
#provider_order_list a.imgLink{
margin-right:3px
}
#config .tip_scale label span.component-title{
width:85px !important;
font-size:12px !important;
margin-top:2px !important
}
#config .tip_scale label span.component-desc{
margin-left:120px !important;
width:220px !important
}
.infoTableHeader,
.infoTableCell{
padding:5px
}
.infoTableSeperator{
border-top:1px dotted #666
}
[class^="icon16-"],
[class*=" icon16-"]{
background:url("../images/glyphicons-config.png") no-repeat;
display:block;
height:16px;
width:16px;
float:left;
margin-right:5px
}
.icon16-github{
background-position:0 0
}
.icon16-mirc{
background-position:-26px 0
}
.icon16-sg{
background-position:-52px 0
}
.icon16-web{
background-position:-78px 0
}
.icon16-win{
background-position:-104px 0
}
#api-keys > #qr-body{display:none}
#api-keys > div{display:inline-block}
#api-keys span{float:left}
#api-keys span, #generate-result{line-height:22px}
#api-keys .api-key{width:235px}
#api-keys .app-name{width:135px}
.qr-btn{margin-right:6px}
.qr-btn .glyphicon-qrcode{cursor:pointer;font-size:15px}
.apikey-qr-dlg .qr-title{text-align:right}
.apikey-qr-dlg .qr-title em{color:#999;font-weight:bolder}
.apikey-qr-dlg .qr-title span{color:#333}
.apikey-qr-dlg #qr-body{padding:30px 25px 5px; overflow:hidden; min-width:350px; min-height:350px}
.apikey-qr-dlg #qr-body .fancybox-close-small{top:-6px; right:-8px}
/* =======================================================================
config_postProcessing.tmpl
========================================================================== */
#config .episode-sample{
width:240px;
margin-right:10px;
border:1px solid
}
#config .episode-sample h3{
margin:10px;
font-size:18px;
line-height:24px
}
#config div.example{
padding:10px;
border:1px solid
}
.Key{
width:100%;
padding:6px;
font-size:13px;
background-color:#f4f4f4;
border:1px solid #ccc;
border-collapse:collapse;
border-spacing:0
}
.Key th, .tableHeader{
padding:3px 9px;
margin:0;
color:#ddd;
text-align:center;
background:none repeat scroll 0 0 #666
}
.Key td{
padding:1px 5px !important
}
.Key tr{
border-bottom:1px solid #ccc
}
.Key tr.even{
background-color:#dfdede
}
#failed-guide,
#failed-guide .title,
#failed-guide li{
margin:0;
padding:0
}
#failed-guide .title{
height:unset;
list-style-type:none
}
#failed-guide li{
margin-left:15px
}
.icon-glyph{
display:block;
width:16px;
height:16px;
margin:2px 5px;
float:left
}
.pp .component-group-list.right,
.pp .field-pair.right{
margin:0 0 0 250px
}
/* =======================================================================
config_notifications.tmpl
========================================================================== */
div.metadata_options_wrapper{
float:left;
width:196px
}
div.metadata_example_wrapper{
margin-left:220px
}
div.metadata_options_wrapper h4,
div.metadata_example_wrapper h4{
margin:0 0 10px
}
#config .linefix div.metadata_options input[type=checkbox]{
margin-top:4px
}
div.metadata_options{
overflow:auto;
background:#f5f1e4;
border:1px solid #ccc
}
div.metadata_options label:hover{
cursor:pointer
}
div.metadata_options label{
color:#036
}
div.metadata_example label{
cursor:pointer;
font-weight:600
}
div.metadata_options label,
div.metadata_example label{
line-height:21px;
display:block;
padding:3px 6px;
margin:0
}
div.metadata_options input{
margin-right:3px;
vertical-align:baseline
}
div.metadataDiv .disabled{
font-weight:normal
}
.notifier-icon{
float:left;
margin:6px 4px 0 0
}
#trakt-collection th,#trakt-collection td{
padding:3px 5px
}
#trakt-collection .col-1{
text-align:left
}
#trakt-collection th,#trakt-collection td.opt{
text-align:center
}
#trakt-collection .col-1{
width:192px
}
#config #trakt-collection input{
float:none;
margin:0;
vertical-align:middle
}
#config .trakt.component-desc{
margin-left:0
}
/* =======================================================================
manage*.tmpl
========================================================================== */
.sickbeardTable tr.header td,
.manageTable th{
white-space:normal;
line-height:24px
}
.manageTable td.tableright{
text-align:left
}
td.tableright{
text-align:center
}
.optionWrapper{
width:475px;
margin-left:auto;
margin-right:auto;
padding:6px 12px
}
.optionWrapper span.selectTitle{
float:left;
text-align:left;
vertical-align:middle;
width:225px;
padding:6px 0
}
.optionWrapper div.selectChoices{
float:left;
width:200px;
margin-left:25px
}
.optionWrapper br{
clear:both
}
.manageCustom{
text-align:center;
padding:6px;
margin-left:25px
}
.separator{
font-size:90%;
color:#333
}
a.whitelink{
color:#ddd
}
input.get_more_eps,
input.get_less_eps{
display:none
}
#media-search .section{
padding-bottom:10px
}
#media-search .btn,
#server-failures .btn{
margin:0 6px 0 0;
min-width:70px
}
#server-failures .check-site .btn{
min-width:115px
}
#media-search .btn.shows-more,
#media-search .btn.shows-less,
#server-failures .btn.shows-more,
#server-failures .btn.shows-less{
margin:6px 6px 6px 0;
}
#server-failures .btn.provider-retry{
margin:6px 0 6px 4px;
}
.tablesorter.server-failures{width:auto;clear:both;margin-bottom:10px}
.tablesorter.server-failures > tbody > tr.tablesorter-childRow td{display:none}
.tablesorter.server-failures.tablesorter > tbody > tr{background-color:transparent}
.server-failures.hover-highlight th:hover::after,
.server-failures.hover-highlight td:hover::after,
.server-failures.focus-highlight th:focus::after,
.server-failures.focus-highlight td:focus::after{
content:'';
position:absolute;
width:100%;
height:999em;
left:0;
top:-555em;
z-index:-1
}
.server-failures.focus-highlight th:focus::before,
.server-failures.focus-highlight td:focus::before{
content:'';
position:absolute;
width:999em;
height:100%;
left:-555em;
top:0;
z-index:-2
}
/* required styles */
.server-failures.hover-highlight,
.server-failures.focus-highlight{
overflow:hidden
}
.server-failures.hover-highlight th,
.server-failures.hover-highlight td,
.server-failures.focus-highlight th,
.server-failures.focus-highlight td{
position:relative;
outline:0
}
/* override the tablesorter theme styling */
.server-failures.hover-highlight,
.server-failures.hover-highlight tbody > tr > td,
.server-failures.focus-highlight,
.server-failures.focus-highlight tbody > tr > td,
/* override zebra styling */
.server-failures.hover-highlight tbody tr.even > th,
.server-failures.hover-highlight tbody tr.even > td,
.server-failures.hover-highlight tbody tr.odd > th,
.server-failures.hover-highlight tbody tr.odd > td,
.server-failures.focus-highlight tbody tr.even > th,
.server-failures.focus-highlight tbody tr.even > td,
.server-failures.focus-highlight tbody tr.odd > th,
.server-failures.focus-highlight tbody tr.odd > td{
background:transparent
}
/* table background positioned under the highlight */
.server-failures.hover-highlight td:before,
.server-failures.focus-highlight td:before{
content:'';
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:-3
}
/* =======================================================================
404.tmpl
========================================================================== */
#error-404{
text-align:center
}
#error-404 h1{
font-size:200px;
line-height:200px;
font-weight:900
}
#error-404 h2{
text-transform:uppercase;
font-size:50px;
font-weight:900
}
/* =======================================================================
Global
========================================================================== */
.contrast-text,
a.contrast-text:focus,
a.contrast-text:active,
a.contrast-text:visited{
color:#ddd
}
a.contrast-text:hover{
color:#999
}
span.path{
padding:3px;
margin-left:3px
}
.align-left{
text-align:left
}
.h2footer{
margin:-45px 0 8px;
line-height:18px
}
span.btn-text,
span.quality{
font:12px/13px "Open Sans", verdana, sans-serif;
background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0.25));
background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0.25));
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0.25));
background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0.25));
-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:#ddd;
display:inline-block;
padding:2px 4px;
text-align:center;
vertical-align:baseline;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px
}
span.Custom{
background-color:#621993
}
span.HD{
background-color:#2672b6
}
span.HD720p{
background-color:#5b990d
}
span.HD1080p{
background-color:#2672b6
}
span.UHD2160p{
background-color:#be2625 /*#7500ff*/
}
span.RawHD{
background-color:#cd7300
}
span.SD{
background-color:#2f5f00 /*#be2625*/
}
span.Any{
background-color:#666
}
span.Unknown{
background-color:#999
}
span.Proper{
background-color:#3f7f00
}
span.false{
color:#993333;
}
span.true{
color:#669966;
}
option.flag{
padding-left:35px;
background-repeat:no-repeat;
background-position:10px 50%
}
/* Anime section for editShow */
.anigrouplists-wrapper{
height:auto;
margin:0 auto
}
#Anime{
clear:both;
overflow-x:hidden;
overflow-y:hidden;
font-size:14px
}
#Anime div.component-group-desc{
float:left;
width:165px
}
#Anime div.component-group-desc p{
margin:0.4em 0;
width:95%
}
div.anigrouplists h4{
margin-top:0
}
#addShowForm .anigrouplists.pool h4{
margin-right:20px !important
}
div.anigrouplists{
text-align:center
}
div.anigrouplists.allow input,
div.anigrouplists.block input,
div.anigrouplists.pool input{
margin:5px 0 !important
}
div.anigrouplists select{
margin:0 !important
}
div.anigrouplists .inuse{
margin-right:5px;
width:243px;
float:left
}
div.anigrouplists.allow,
div.anigrouplists.block{
width:243px
}
div.anigrouplists.allow select,
div.anigrouplists.block select{
margin:0;
width:215px
/* clear:both*/
}
div.anigrouplists.allow select,
div.anigrouplists.block select{
height:110px
}
#edit-show div.anigrouplists.pool{
width:330px;
height:265px;
margin-left:248px;
float:none
}
#edit-show div.anigrouplists.pool select,
div.anigrouplists.pool,
div.anigrouplists.pool select{
width:330px;
height:265px;
float:right
}
#addShowForm #pool{
width:310px;
margin-right:20px !important
}
div.anigrouplists span{
text-align:center
}
div#anigrouplists,
div.anigrouplists.manual{
margin:7px 0
}
.boldest{
font-weight:900
}
.clear-left{
clear:left
}
.nextline-block{
display:block
}
.padbottom{
padding-bottom:10px
}
.max300{
max-width:300px
}
img[src=""],img:not([src]){
width:102%;
height:102%;
margin:-1%
}
/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix(){
img:-moz-loading{visibility:hidden}
}
.lazy-loading-image{
display:inline-block;
position:absolute;
top:0;
left:0
}
.bfr{
position:absolute;
left:-999px;
top:-999px
}
.box-green{
background-color:#68b92b
}
.box-red{
background-color:#b72828
}
.box-green,
.box-red{
color:#eee;
padding:0 10px;
text-align:center;
text-decoration:none;
border-radius:4px 4px 4px 4px;
-moz-border-radius:3px;
-webkit-border-radius:3px
}
.img-warning-16{
background-image:url("../images/warning16.png");
display:inline-block;
vertical-align:middle;
margin-right:3px;
width:16px;
height:16px
}
/* =======================================================================
bootstrap Overrides
========================================================================== */
body{
padding-top:60px;
overflow-y:scroll;
font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}
pre,pre code{
font-family:Hack-mono, Menlo, Monaco, Consolas, "Courier New", monospace
}
html *{
outline:0 !important
}
input[type="checkbox"]{
margin:2px 0 0;
line-height:normal
}
input[type="radio"]{
margin:2px 0 0;
line-height:normal
}
input, textarea, select, .uneditable-input{
width:auto;
color:#000
}
.container-fluid{
margin-left:10px;
margin-right:10px
}
.navbar-brand{
padding:0
}
.navbar-default .navbar-brand{
color:#ddd
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{
color:#ddd;
background-color:transparent
}
.navbar-default .navbar-text{
color:#ddd
}
.navbar-default .navbar-nav > li > a{
color:#ddd;
width:100%;
height:100%
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
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:#ddd;
background-color:#333
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus{
color:#ccc;
background-color:transparent
}
.navbar-default .navbar-toggle{
border-color:#ccc
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
background-color:#333
}
.navbar-default .navbar-toggle .icon-bar{
background-color:#333
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle .icon-bar{
text-decoration:none
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
border-color:#3e3f3a
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
background-color:#333;
color:#ddd
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.back-art.pro.ii .navbar-default,
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus{
background-image:none;
text-decoration:none
}
@media(max-width:767px){
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
color:#ddd
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
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:#ddd;
background-color:#333
}
.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:focus{
color:#ccc;
background-color:transparent
}
}
.navbar-default .navbar-link{
color:#ddd
}
.navbar-default .navbar-link:hover{
color:#ddd
}
.navbar-default .btn-link{
color:#98978b
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus{
color:#ddd
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus{
color:#ccc
}
.component-group.bubble.last{padding:0;margin:0;border-bottom:none}
.component-group.bubble i[class^="icon16-"],
.component-group.bubble i[class*="square-"],
.component-group.bubble i[class^="sgicon-"]{display:inline-block;float:unset;vertical-align:middle}
.component-group.bubble img{margin-right:5px}
.component-group.bubblelist{min-height:30px}
.component-group.bubblelist .type{padding:6px}
.component-group.bubblelist .item{display:inline-block}
.component-group.bubblelist .item i{display:inline-block;float:unset}
.component-group.bubblelist .item i,
.component-group.bubblelist .item img{margin-right:4px}
.component-group.bubblelist .item.text{font-size:12px; padding-right:3px}
.component-group.bubblelist .item a{font-size:16px;padding-right:20px}
.component-group.bubblelist .item.text,
.component-group.bubblelist .item a{line-height:16px;vertical-align:middle}
.component-group.bubblelist .item a i,
.component-group.bubblelist .item a img{vertical-align:bottom}
.component-group.bubblelist .item a i,
.component-group.bubblelist .item a img{opacity:0.65;filter:alpha(opacity=65)}
.component-group.bubblelist .item a:hover i,
.component-group.bubblelist .item a:hover img{opacity:1;filter:alpha(opacity=1)}
.dropdown-menu li > a{
display:block;
padding:4px 20px;
clear:none;
font-weight:400
}
.dropdown-menu li > .history{
width:72%;
display:inline-block;
padding-right:0
}
.dropdown-menu li > .history .sgicon-downloaded,
.dropdown-menu li > .history .sgicon-watched,
.dropdown-menu li > .history-sub [class^="sgicon-"]{
margin:0
}
.dropdown-menu li > .history .sgicon-failures{
margin:0 2px 0 3px
}
.dropdown-menu li > .history .sgicon-downloaded,
.dropdown-menu li > .history .sgicon-watched,
.dropdown-menu li > .history .sgicon-failures,
.dropdown-menu li > .history-sub [class^="sgicon-"]{
opacity:0.6;filter:alpha(opacity=0.6)
}
.dropdown-menu li > .history:hover .sgicon-downloaded,
.dropdown-menu li > .history:hover .sgicon-watched,
.dropdown-menu li > .history:hover .sgicon-failures,
.dropdown-menu li > .history-sub:hover [class^="sgicon-"]{
opacity:1;filter:alpha(opacity=1)
}
.dropdown-menu li > .history-sub{
width:28px;
padding:4px 7px;
float:right
}
.dropdown-menu ul[class*="nav"][class*="add-tab"] .truncate{
max-width:135px
}
.add-tab3 a span{
margin:0 6px 0 -3px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.add-tab3 a i{
margin: 0 2px !important
}
.truncate{
display:inline-block;
vertical-align:middle;
overflow:hidden;
white-space:nowrap;
-ms-text-overflow:ellipsis;
text-overflow:ellipsis
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus{
color:#262626;
text-decoration:none;
background-color:#f5f5f5
}
.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;
border:1px solid rgba(0, 0, 0, 0.15);
box-shadow:0 6px 12px rgba(0, 0, 0, 0.176)
}
.dropdown-menu #add-view{
float:right;
padding:0 15px
}
.dropdown-menu #add-view .paginate{
font-size:0.7em
}
.dropdown-menu .default-off{
display:none
}
.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
}
.form-control-inline{
min-width:0;
width:auto;
display:inline
}
#fileBrowserDialog .form-control{background-color:#f5f1e4}
#fileBrowserDialog .form-control:active,
#fileBrowserDialog .form-control:hover{background-color:#ffffca}
.btn{
display:inline-block;
*display:inline;
padding:4px 10px 4px;
margin-bottom:0;
*margin-left:.3em;
font-size:12px;
line-height:16px;
*line-height:20px;
text-align:center;
vertical-align:middle;
cursor:pointer;
background-repeat:repeat-x;
*border:0;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
*zoom:1
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled]{
background-color:#e6e6e6;
*background-color:#d9d9d9
}
.btn:active,
.btn.active{
background-color:#ccc \9
}
.btn:first-child{
*margin-left:0
}
.btn:hover{
color:#333;
text-decoration:none;
background-color:#e6e6e6;
*background-color:#d9d9d9;
background-position:0 -15px;
-webkit-transition:background-position 0.1s linear;
-moz-transition:background-position 0.1s linear;
-ms-transition:background-position 0.1s linear;
-o-transition:background-position 0.1s linear;
transition:background-position 0.1s linear
}
.btn:focus{
outline:thin dotted #333;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
.btn.active,
.btn:active{
background-color:#e6e6e6;
background-color:#d9d9d9 \9;
background-image:none;
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);
box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.btn.disabled,
.btn[disabled]{
cursor:default;
background-color:#e6e6e6;
background-image:none;
opacity:0.65;
filter:alpha(opacity=65);
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.btn-large{
padding:9px 14px;
font-size:15px;
line-height:normal;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px
}
/*.btn-large [class^="icon-"]{
margin-top:1px
}*/
.btn-small{
padding:5px 9px;
font-size:11px;
line-height:16px
}
.btn-small [class^="icon-"]{
margin-top:-1px
}
.btn-mini{
padding:2px 6px;
font-size:11px;
line-height:14px
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover{
color:#ddd;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active{
color:rgba(255, 255, 255, 0.75)
}
.btn-primary{
background-color:#0074cc;
*background-color:#0055cc;
background-image:-ms-linear-gradient(top, #0088cc, #0055cc);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
background-image:-webkit-linear-gradient(top, #0088cc, #0055cc);
background-image:-o-linear-gradient(top, #0088cc, #0055cc);
background-image:-moz-linear-gradient(top, #0088cc, #0055cc);
background-image:linear-gradient(top, #0088cc, #0055cc);
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(enabled=false)
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled]{
background-color:#0055cc;
*background-color:#004ab3
}
.btn-primary:active,
.btn-primary.active{
background-color:#004099 \9
}
.btn-warning{
background-color:#faa732;
*background-color:#f89406;
background-image:-ms-linear-gradient(top, #fbb450, #f89406);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image:-webkit-linear-gradient(top, #fbb450, #f89406);
background-image:-o-linear-gradient(top, #fbb450, #f89406);
background-image:-moz-linear-gradient(top, #fbb450, #f89406);
background-image:linear-gradient(top, #fbb450, #f89406);
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(enabled=false)
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled]{
background-color:#f89406;
*background-color:#df8505
}
.btn-warning:active,
.btn-warning.active{
background-color:#c67605 \9
}
.btn-danger{
background-color:#da4f49;
*background-color:#bd362f;
background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);
background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image:linear-gradient(top, #ee5f5b, #bd362f);
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(enabled=false)
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled]{
background-color:#bd362f;
*background-color:#a9302a
}
.btn-danger:active,
.btn-danger.active{
background-color:#942a25 \9
}
.btn-success{
background-color:#5bb75b;
*background-color:#51a351;
background-image:-ms-linear-gradient(top, #62c462, #51a351);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image:-webkit-linear-gradient(top, #62c462, #51a351);
background-image:-o-linear-gradient(top, #62c462, #51a351);
background-image:-moz-linear-gradient(top, #62c462, #51a351);
background-image:linear-gradient(top, #62c462, #51a351);
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(enabled=false)
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled]{
background-color:#51a351;
*background-color:#499249
}
.btn-success:active,
.btn-success.active{
background-color:#408140 \9
}
.btn-info{
background-color:#49afcd;
*background-color:#2f96b4;
background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);
background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image:linear-gradient(top, #5bc0de, #2f96b4);
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(enabled=false)
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled]{
background-color:#2f96b4;
*background-color:#2a85a0
}
.btn-info:active,
.btn-info.active{
background-color:#24748c \9
}
.btn-inverse{
background-color:#414141;
*background-color:#222;
background-image:-ms-linear-gradient(top, #555555, #222222);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
background-image:-webkit-linear-gradient(top, #555555, #222222);
background-image:-o-linear-gradient(top, #555555, #222222);
background-image:-moz-linear-gradient(top, #555555, #222222);
background-image:linear-gradient(top, #555555, #222222);
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(enabled=false)
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled]{
background-color:#222;
*background-color:#151515
}
.btn-inverse:active,
.btn-inverse.active{
background-color:#080808 \9
}
.btn-inverse.btn.disabled,
.btn-inverse[disabled]{
color:#444
}
.btn-xs{
padding:1px 5px;
font-size:12px;
line-height:1.5;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}
@media(min-width:768px){
.navbar .nav > li > .dropdown-menu:after{
position:absolute;
top:-6px;
right:12px;
display:inline-block;
border-right:6px solid transparent;
border-bottom:6px solid #f5f1e4;
border-left:6px solid transparent;
content:""
}
}
label{
font-weight:normal
}
.label-container{
display:inline-block;
max-width:100%;
margin-bottom:5px
}
pre{
border:1px solid
}
.alert{
padding:10px;
text-align:center
}
/* =======================================================================
input sizing (for config pages)
========================================================================== */
#config select{
min-width:0;
width:auto;
display:inline;
margin-top:-4px
}
.btn-inline{
margin-top:-2px
}
.input75{
width:75px;
margin-top:-4px
}
.input100{
width:100px;
margin-top:-4px
}
.input150{
width:150px;
margin-top:-4px
}
.input200{
width:200px;
margin-top:-4px
}
.input250{
width:250px;
margin-top:-4px
}
.input300{
width:300px;
margin-top:-4px
}
#config .input350,
.input350{
width:350px;
margin-top:-4px
}
.stepDiv.linefix .select,.stepDiv.linefix .btn-inline,.stepDiv.linefix .input75,.stepDiv.linefix .input100,.stepDiv.linefix .input150,.stepDiv.linefix .input200,.stepDiv.linefix .input250,.stepDiv.linefix .input300,.stepDiv.linefix .input350,
#config .linefix .select,#config .linefix .btn-inline,#config .linefix .input75,#config .linefix .input100,#config .linefix .input150,#config .linefix .input200,#config .linefix .input250,#config .linefix .input300,#config .linefix .input350{
margin-top:0
}
.stepDiv.linefix input[type=radio],.stepDiv.linefix input[type=checkbox],
#config .linefix input[type=radio],#config .linefix input[type=checkbox]{
margin-top:0.7em
}
.stepDiv.linefix input[type=button],
#config .linefix input[type=button]{
margin-top:1px
}
/* =======================================================================
browser.css
========================================================================== */
#fileBrowserDialog{
overflow-y:auto
}
#fileBrowserDialog ul{
padding:0;
margin:0
}
#fileBrowserDialog ul li{
margin:2px 0;
list-style-type:none;
cursor:pointer
}
#fileBrowserDialog ul li a{
display:block;
padding:4px 0
}
#fileBrowserDialog ul li a:hover{
color:#00f;
background:none
}
#fileBrowserDialog ul li a span.ui-icon{
float:left;
margin:0 4px
}
#fileBrowserDialog h2{
font-size:20px
}
.ui-autocomplete{
max-height:180px;
overflow-x:hidden;
overflow-y:auto
}
/* IE6 hack since it doesn't support max-height */
* html .ui-autocomplete{
height:180px;
padding-right:20px
}
.ui-menu .ui-menu-item{
background-color:#eee
}
.ui-menu .ui-menu-item-alternate{
background-color:#ddd
}
.ui-autocomplete .ui-menu-item .ui-state-focus{
color:#ddd;
background:none;
background-color:#0a246a
}
/* restore 1.8.x resize handle on dialog button pane */
.ui-dialog .ui-resizable-se{
width:14px;
height:14px;
right:3px;
bottom:3px;
background-position:-80px -224px
}
/* =======================================================================
formWizard
========================================================================== */
fieldset.sectionwrap{
padding:5px 0;
text-align:left;
border-width:0
}
.step-one #search-results legend.legendStep{
margin-top:10px
}
.fullwidth,
.fullwidth div.stepsguide,
.fullwidth div.stepsguide .step{
width:100%;
cursor:default
}
div.stepsguide .step,
legend.legendStep{
margin-bottom:0
}
legend.legendStep p{
padding-left:15px
}
div.stepsguide{
text-align:left;
cursor:pointer
}
div.stepsguide .step{
float:left;
width:277px;
font:bold 24px Arial
}
div.stepsguide .step p{
margin:12px 0 0;
border-bottom:5px solid
}
div.stepsguide .disabledstep p{
border-bottom:2px solid
}
div.stepsguide .step .smalltext{
font-size:13px;
font-weight:normal
}
div.formpaginate{
margin-top:1em;
font-weight:bold;
text-align:center
}
.step-outer{
padding-top:10px;
overflow:hidden
}
div.formpaginate .prev, div.formpaginate .next{
padding:3px 6px;
cursor:hand;
cursor:pointer;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px
}
.stepDiv{
padding:15px
}
#import-shows .stepDiv,
.step-three .stepDiv{
padding:15px 0
}
#import-shows #addShowForm{
width:861px
}
.step-three #custom-quality-wrapper{
width:831px
}
#import-shows #addShowForm .stepDiv span.component-desc,
#addShowForm .step-three .stepDiv span.component-desc{
width:639px
}
.stepDiv.parent-folder{
padding:15px 0 0;
width:430px;
margin:0 auto
}
.stepDiv .nocheck{
padding-left:16px
}
/* step 3 related */
#edit-show #custom-quality-wrapper #custom-quality,
#custom-quality{
display:block;
padding:0 0 10px 0;
overflow:hidden;
clear:both
}
#custom-quality-wrapper div.component-group-desc{
float:left;
width:172px;
padding:0
}
#custom-quality-wrapper div.component-group-desc p{
margin:.8em 0;
font-size:1.2em
}
/* =======================================================================
tablesorter.css
========================================================================== */
.tablesorter,
#display-show .tablesorter{
width:100%;
margin-right:auto;
margin-left:auto;
color:#000;
/* text-align:left;*/
/* border-spacing:0*/
}
#display-show .tablesorter{
background-color:transparent;
}
.tablesorter th,
.tablesorter td,
#tfoot{
padding:4px;
/*border-top:1px solid;*/
/*border-left:1px solid;*/
vertical-align:middle
}
#addRootDirTable.tablesorter td{
vertical-align:baseline
}
#addRootDirTable.tablesorter.existing-highlight td{
vertical-align:middle
}
/* remove extra border from left edge */
.tablesorter th:first-child,
.tablesorter td:first-child{
border-left:none
}
.tablesorter th{
/* text-align:center;*/
border-collapse:collapse/*;
font-weight:normal*/
}
.tablesorter .tablesorter-header{
/* padding:4px 18px 4px 18px;*/
padding-right:12px;
cursor:pointer;
vertical-align:middle
}
.tablesorter thead .sort-size-type.tablesorter-headerSorted,
#display-show .tablesorter .tablesorter-header,
#display-show .tablesorter thead .tablesorter-headerDesc,
#display-show .tablesorter thead .tablesorter-headerAsc{background-image:none}
#display-show .tablesorter .tablesorter-header .hdr-text,
#display-show .tablesorter thead .tablesorter-headerDesc .hdr-text,
#display-show .tablesorter thead .tablesorter-headerAsc .hdr-text{margin-left:-8px;padding-left:18px;background:transparent no-repeat center left}
#display-show .tablesorter .tablesorter-header .hdr-text{background-image:url("data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==")}
#display-show .tablesorter thead .tablesorter-headerDesc .hdr-text{background-image:url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7")}
#display-show .tablesorter thead .tablesorter-headerAsc .hdr-text{background-image:url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7")}
#display-show .tablesorter .tablesorter-header{
padding:4px 0
}
#display-show .tablesorter .tablesorter-header.col-name{
padding-left:10px
}
.tablesorter .narrow.tablesorter-header{
padding:4px 18px 4px 4px
}
.tablesorter thead .sorter-false{
background-image:none;
padding:4px;
cursor:default
}
/* filter widget */
.tablesorter .filtered{
display:none
}
.tablesorter input.tablesorter-filter{
width:98%;
height:auto;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.tablesorter tr.tablesorter-filter-row,
.tablesorter tr.tablesorter-filter-row td{
text-align:center
}
/* optional disabled input styling */
.tablesorter input.tablesorter-filter-row .disabled{
display:none
}
/*.tablesorter-header-inner{
padding:0 2px;
text-align:center
}*/
.tablesorter tfoot tr{
text-align:center;
border-collapse:collapse
}
.tablesorter tfoot a{
text-decoration:none
}
/* =======================================================================
token-input.css Overrides
========================================================================== */
ul.token-input-list{
width:273px;
border:1px solid #ccc;
font-size:10px;
padding:0 0 1px 0;
clear:none;
border-radius:3px
}
ul.token-input-list li input{
padding:3px 4px;
-webkit-appearance:none
}
li.token-input-token{
padding:3px 5px 0 5px
}
li.token-input-token input{
padding-top:2px !important;
padding-right:4px !important;
float:left
}
li.token-input-token p{
line-height:2.0 !important
}
li.token-input-input-token input{
margin:3px !important
}
div.token-input-dropdown{
width:273px;
color:#000;
font-size:11px
}
div.token-input-dropdown p{
padding:3px
}
div.token-input-dropdown ul li.token-input-dropdown-item2{
background-color:#ddd
}
div.token-input-dropdown ul li.token-input-selected-dropdown-item{
background-color:#6196c2
}
span.token-input-delete-token{
margin:0 1px
}
li.token-input-token img{
padding:5px 4px 0 0;
float:left
}
li.token-input-dropdown-item img,
li.token-input-dropdown-item2 img{
padding:2px 4px 0 0;
float:left
}
/* =======================================================================
jquery.confirm.css
========================================================================== */
#confirmOverlay{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
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;
width:460px;
position:fixed;
left:50%;
top:50%;
margin:-130px 0 0 -230px;
border:1px solid #111;
box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.175)
}
#confirmBox h1,
#confirmBox p{
padding:6px 10px
}
#confirmBox h1{
background-color:#333;
border-bottom:1px solid #111;
color:#ddd;
margin:0;
font-size:22px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.75)
}
#confirmBox p{
padding-top:20px;
color:#000;
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75)
}
#confirmButtons{
padding:15px 0;
text-align:center
}
#confirmBox .button{
margin-right:15px;
padding:2px 20px;
text-decoration:none;
display:inline-block;
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;
-moz-box-sizing:border-box;
box-sizing:border-box;
background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 51%,rgba(0, 0, 0, 0.25));
background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 51%,rgba(0, 0, 0, 0.25));
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 51%,rgba(0, 0, 0, 0.25));
background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 51%,rgba(0, 0, 0, 0.25));
-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)
}
#confirmBox .button:last-child{
margin-right:0
}
#confirmBox .green{
background-color:#3f7636
}
#confirmBox .green:hover{
background-color:#48873e
}
#confirmBox .red{
background-color:#8d2d2b
}
#confirmBox .red:hover{
background-color:#a13331
}
/* =======================================================================
pnotify.css
========================================================================== */
.ui-pnotify-sticker{
margin-top:-12px
}
.ui-pnotify-closer{
margin-top:-12px;
margin-right:-10px
}
/* =======================================================================
glide.core.css
========================================================================== */
.glide__slides{will-change: auto !important; -ms-touch-action: auto !important; touch-action: auto !important}
/* =======================================================================
fancybox.css Overrides
========================================================================== */
.fancybox-container .fancybox-bg{
background-color:rgba(0, 0, 0, 0.4)
}
.fancybox-image{
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px
}
.fancybox-container .fancybox-progress{
background-color:#181818
}