SickGear/gui/slick/css/style.css
JackDandy 6a22484bc0 Fix Search Settings display fail.
Fix Search Settings display fail.
Add Audience, Channel 5 (UK), Five US, Fox Channel, FreeForm, Global, Keshet, HBO Canada, More4, Rooster Teeth, TF1, Toon Disney, WE tv, XBox Video.
Change BET network logo.
Change provider TB icon.
Delete 3fm and redundant network logo.
2016-01-17 23:50:28 +00:00

3982 lines
72 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
}
/* Droid Sans */
@font-face{
font-family:'sgicons';
src:url('fonts/sgicons.eot');
src:url('fonts/sgicons.eot?#iefix') format('embedded-opentype'),
url('fonts/sgicons.woff') format('woff'),
url('fonts/sgicons.ttf') format('truetype'),
url('fonts/sgicons.svg#sgicons') format('svg');
font-weight:normal;
font-style:normal
}
/* =======================================================================
inc_top.tmpl
========================================================================== */
.navbaricon{
margin-top:-15px;
margin-bottom:-15px
}
#contentWrapper .episodeview-banner,
#contentWrapper .episodeview-daybyday,
#contentWrapper .episodeview-list,
#contentWrapper .episodeview-poster{
padding-top:45px
}
[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-content a{
text-decoration:none
}
.ui-widget-header{
background:#fff url("../css/lib/images/ui-bg_flat_0_ffffff_40x100.png") 50% 50% repeat-x
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
background:#fff;
border:1px solid #CCC
}
.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:#fff
}
.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{
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
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
border-top-left-radius:5px;
border-top-right-radius:5px
}
.ui-tabs-nav > :not(.ui-tabs-active){
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
}
.upgrade-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
}
#SubMenu [class^="sgicon-"], #SubMenu [class*=" sgicon-"]{
margin-right:3px
}
.sgicon-rss:before{
content:"\e622"
}
.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-updatecheck:before{
content:"\e60c"
}
.sgicon-subtitles:before{
content:"\e60d"
}
.sgicon-episodestatus:before{
content:"\e60e"
}
.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-massupdate:before{
content:"\e615"
}
.sgicon-search:before{
content:"\e616"
}
.sgicon-info:before{
content:"\e617"
}
.sgicon-restart:before{
content:"\e618"
}
.sgicon-shutdown:before{
content:"\e619"
}
.sgicon-addshow:before{
content:"\e61a"
}
.sgicon-config:before{
content:"\e61b"
}
.sgicon-arrowup:before{
content:"\e61c"
}
.sgicon-arrowdown:before{
content:"\e61d"
}
.sgicon-plex:before{
content:"\e61e"
}
.sgicon-kodi:before{
content:"\e61f"
}
.sgicon-bittorrent:before{
content:"\e620"
}
.sgicon-xbmc:before{
content:"\e621"
}
/* =======================================================================
inc_bottom.tmpl
========================================================================== */
.footer{
width:100%;
padding:20px 0;
text-align:center;
clear:both;
font-size:12px
}
.footerhighlight{
display:inline
}
/* =======================================================================
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;
border-radius:8px;
vertical-align:top;
width:360px;
display:block;
margin-left:auto;
margin-right:auto
}
.imgsmallposter .small{
height:66px;
overflow:hidden;
border-radius:3px;
vertical-align:middle;
width:45px;
border:1px solid #ccc;
margin-right:5px
}
.imgsmallposter.small{
font-size:100%
}
#HomeLayout{margin-top:-35px}
#HomeLayout.not-poster{height:75px}
#HomeLayout div.not-poster{position:relative;top:38px}
#HomeLayout span.not-poster{margin-top:-30px}
#HomeLayout.poster{margin-top:-35px}
#HomeLayout span.poster{margin-bottom:10px}
#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 #fff;
vertical-align:middle;
font-size:12px;
color:#000
}
.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{
margin:0 auto
}
.show{
margin:12px;
width:188px;
height:352px;
background-color:#DFDACF;
border:1px solid #111;
border-radius:6px
}
.show-image{
overflow:hidden;
height:273px;
width:186px;
border-top-left-radius:5px;
border-top-right-radius:5px
}
.show .ui-progressbar{
height:7px !important;
top:-2px
}
.show .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
border-bottom-right-radius:0
}
.show .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
border-bottom-left-radius:0
}
.show .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
border-top-right-radius:0
}
.show .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
border-top-left-radius:0
}
.show .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 .progress-20,
.show .progress-40,
.show .progress-60,
.show .progress-80{
height:7px
}
.show .progress-80{
border-radius:0
}
.show .progress-60{
border-radius:0
}
.show .progress-40{
border-radius:0
}
.show .progress-20{
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))
}
.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-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:748px;
padding:10px 0;
margin-right:auto;
margin-left:auto
}
#addShowPortal a{
padding:0 20px;
width:360px;
float:left;
margin:0 7px 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");
width:32px;
height:32px
}
.icon-addtrendingshow{
background-image:url("../images/addshows/add-trending32-black.png");
width:32px;
height:32px
}
.icon-addrecommendedshow{
background-image:url("../images/addshows/add-trakt32-black.png");
width:32px;
height:32px
}
.icon-addexistingshow{
background-image:url("../images/addshows/add-existing32-black.png");
width:32px;
height:32px
}
/* =======================================================================
home_newShow.tmpl
========================================================================== */
#addShowForm,
#newShowPortal,
fieldset.sectionwrap,
div.formpaginate{
width:831px
}
#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
}
#searchResults input[type="radio"]{
vertical-align:-2px
}
#addShowForm #promptForSettings,
#addShowForm #rootDirStaticList input,
#addShowForm div.field-pair input,
#addShowForm div.field-pair select{
margin-right:6px
}
#addShowForm #customQualityWrapper div.component-group-desc p{
font-size:14px
}
#addShowForm #nameToSearch{
width:460px;
margin-top:0
}
#addShowForm #providedIndexer,
#addShowForm #indexerLangSelect{
margin-left:7px
}
#addShowForm #searchName{
margin-left:10px
}
.stepDiv #searchResults div{
line-height:1.7
}
.stepDiv #searchResults #searchingAnim{
margin-right:6px
}
.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 #blackwhitelist{
padding:0 0 0 15px
}
#addShowForm #blackwhitelist,
#addShowForm #blackwhitelist h4,
#addShowForm #blackwhitelist 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
}
.browse-container p{
padding-top:2px
}
.browse-container p img{
position:relative;
top:-2px
}
.browse-container p, .browse-container i{
white-space:nowrap;
font-size:12px;
overflow:hidden;
padding-left:4px;
margin:0
}
.browse-container{
margin:12px 12px 12px 0;
width:188px;
background-color:#DFDACF;
border:1px solid #111;
border-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)
}
/* =======================================================================
home_postprocess.tmpl
========================================================================== */
#postProcess{
width:650px;
padding-top:30px;
margin-right:auto;
margin-left:auto
}
/* =======================================================================
displayShow.tmpl
========================================================================== */
body#display-show.back-art{
color:#fff
}
body#display-show .pro #details-bottom .label-paused,
body#display-show .pro .season-status .archived-count{
display:inline
}
body#display-show .season-status,
body#display-show #details-bottom .label-paused,
body#display-show .season-status .archived-count,
.displayshow-wrapper .background-container,
.all .sickbeardTable .row-seasonheader button,
.reg .sickbeardTable .row-seasonheader button.latest-season,
.pro .sickbeardTable .row-seasonheader button.display-season{
display:none
}
.all .sickbeardTable tbody.collapse,
.reg .sickbeardTable tbody.collapse.latest-season,
.pro .sickbeardTable tbody.collapse.display-season{
display:table-row-group
}
body#display-show .pro #details-bottom .label-paused{
background-color:#8f1515
}
.back-art .background-container{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:-1;
display:block
}
.back-art .background{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-position:center center;
background-size:cover
}
.back-art.translucent .background:after{
position:absolute;
content:"";
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.5)
}
#posterCol{
float:left;
margin:0 10px 20px 0
}
#showCol{
overflow:hidden;
margin-bottom:20px
}
.display-show-container{
margin-top:10px
}
body#display-show .sickbeardTable{
margin:30px 0
}
body#display-show .back-art .sickbeardTable{
background:rgba(0,0,0,0.5);
border-radius:3px;
padding:10px
}
.display-details{
border-radius:3px;
padding:8px 10px;
margin-bottom:20px
}
.back-art .display-details{
background:rgba(0,0,0,0.5);
border:1px solid rgba(0,0,0,0.5)
}
#details-wrapper{
float:left;
width:100%;
position:relative;
cursor:default
}
#details-top{
height:70px
}
#details-right .details-seasons{
margin-top:3px
}
#details-right .combo-seasons{
line-height:30px
}
#details-bottom{
display:inline-block;
width:100%
}
#details-bottom .label{
line-height:24px;
cursor:default
}
#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:42px
}
#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:#fff;
text-decoration: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
}
.moreless{
margin-top:0
}
.no-plot{
font-style:italic
}
.paused{
font-size:200px;
text-align:center;
position:absolute;
margin:0 auto;
left:0;
right:0;
padding-top:25px;
opacity:.3
}
.paused-outline{
text-shadow:5px 5px 10px #000
}
.qtip-maxwidth{
max-width:1000px
}
.season-status{
font-size:12px;
vertical-align:middle
}
.navShow{
display:inline;
cursor:pointer
}
#prevShow,
#nextShow,
#topcontrol{
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
filter:gray;
filter:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale")
}
a.service img{
margin-bottom:-2px;
vertical-align:baseline
}
.tvshowImg{
border:1px solid #ccc;
border-radius:3px;
height:332px;
width:auto;
float:left
}
.no-labels #posterCol .tvshowImg{
height:305px
}
.back-art .tvshowImg{
border-color:rgba(0,0,0,0.5)
}
.back-art.translucent.pro .tvshowImg{
opacity:0.85;
filter:alpha(opacity=85)
}
#checkboxControls{
padding-top:5px
}
#checkboxControls span{
padding:5px;
font-size:13px;
font-weight:bold;
border-radius:5px
}
#checkboxControls label{
white-space:nowrap;
display:inline-block
}
#checkboxControls input[type="checkbox"]{
vertical-align:-2px
}
.airdate-never{
background-color:#eae2c8;
color:#666
}
.back-art.pro .airdate-never{
background-color:rgba(234,226,200,0.7);
color:#666
}
.unaired{
background-color:#f5f1e4
}
.back-art.pro .unaired{
background-color:rgba(245,241,228,0.7);
color:#584b20
}
.skipped{
background-color:#bedeed
}
.back-art.pro .skipped{
background-color:rgba(190,222,237,0.7);
color:#1d5068
}
.good{
background-color:#c3e3c8
}
.back-art.pro .good{
background-color:rgba(195,227,200,0.7);
color:#295730
}
.archived{
background-color:#d5e3d8;
color:#295730
}
.back-art.pro .archived{
background-color:rgba(213,227,216,0.7);
color:#295730
}
.qual{
background-color:#ffda8a
}
.back-art.pro .qual{
background-color:rgba(255,218,138,0.7);
color:#765100
}
.wanted{
background-color:#ffb0b0
}
.back-art.pro .wanted{
background-color:rgba(255,176,176,0.7);
color:#890000
}
.snatched{
background-color:#ebc1ea
}
.back-art.pro .snatched{
background-color:rgba(235,193,234,0.7);
color:#652164
}
span.unaired{
color:#584b20;
border:1px solid #584b20
}
span.skipped{
color:#1d5068;
border:1px solid #1d5068
}
span.good{
color:#295730;
border:1px solid #295730
}
span.qual{
color:#765100;
border:1px solid #765100
}
span.wanted{
color:#890000;
border:1px solid #890000
}
span.snatched{
color:#652164;
border:1px solid #652164
}
span.unaired b,
span.skipped b,
span.good b,
span.qual b,
span.wanted b,
span.snatched b{
color:#000;
font-weight:800
}
.plotInfo{
cursor:help;
float:right;
position:relative;
top:2px
}
.plotInfoNone{
cursor:help;
float:right;
position:relative;
top:2px;
opacity:0.4
}
.sickbeardTable{
table-layout:auto;
width:100%;
border-collapse:separate !important;
border-spacing:1px;
text-align:center;
border:none;
empty-cells:show;
color:#000
}
.sickbeardTable tr.header td,
.sickbeardTable th{
color:#fff;
text-align:center;
white-space:nowrap
}
.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
}
.back-art th.row-seasonheader h3{
color:#fff
}
th.row-seasonheader h3{
margin:0
}
tr.seasonheader{
padding-bottom:5px;
padding-top:10px;
text-align:left;
border:none;
color:#fff
}
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,
td.col-metadata{
width:28px
}
th.col-ep,
td.col-ep{
width:50px;
white-space:nowrap
}
th.col-airdate,
td.col-airdate{
width:86px;
white-space:nowrap
}
th.col-name,
td.col-name{
min-width:100px
}
td.col-name{
text-align:left
}
th.col-subtitles,
td.col-subtitles{
width:150px;
text-align:center
}
th.col-status,
td.col-status{
width:200px;
text-align:center
}
th.col-legend,
td.col-legend{
width:80px
}
th.col-search,
td.col-search{
width:46px
}
#testRenameTable tbody td.col-checkbox,
#testRenameTable tbody td.col-ep{width:1%;vertical-align:middle}
#testRenameTable tbody td.col-name{width:49%}
.input-scene{
height:20px;
line-height:1.5;
border-radius:3px
}
#editShow{
margin-right:auto;
margin-left:auto;
padding:15px 0 0
}
#addShowForm #editShow.stepDiv span.component-desc{
width:639px
}
/* =======================================================================
episodeView.tmpl
========================================================================== */
.sort-data{
display:none
}
.key{
margin-bottom:20px
}
.listing-key{
padding:5px;
font-size:13px;
font-weight:bold;
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;
color:#FFF;
text-align:center;
text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);
background-color:#333
}
.tvshowDiv{
display:block;
clear:both;
border:1px solid #ccc;
margin:auto;
padding:0;
text-align:left;
width:750px;
border-radius:5px;
background:#fff;
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 #FFF
}
.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;
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;
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;
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 .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
}
.day-of-week .text .episode{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.time-am-pm{
margin-left:2px
}
#content.episodeview-banner .time-am-pm,
#content.episodeview-poster .time-am-pm{
margin-left:0
}
.over-layer0{
filter:alpha(opacity=60);
opacity:.6
}
.over-layer1{
background:transparent
}
.over-layer0,
.over-layer1{
position:absolute;
top:0;
right:0;
font-size:10px;
padding:4px 6px 2px 2px
}
.on-air0,
.on-air1{
text-align:right
}
.on-air0{
background-color:#dfd !important;
filter:alpha(opacity=75);
opacity:.75
}
.on-air1{
color:#295730 !important;
border-left:1px solid #295730 !important;
border-bottom:1px solid #295730 !important
}
.daybydayCarouselContainer{
min-height:20px;
margin:19px 0
}
.controlsBlock{
position:relative;
display:block;
width:180px;
margin:0 auto;
height:35px;
text-align:center
}
.carousel-control{
background:none !important;
text-align:center;
opacity:0.75;
height:20px;
width:20px;
top:1px
}
.carousel-indicators{
top:1px
}
.carousel-indicators li{
border-radius:0;
width:12px;
height:18px
}
.carousel-indicators .active{
width:14px;
height:20px
}
.carousel-control.right{
right:4px
}
.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
========================================================================== */
#historyTable td,
#historyTable td.provider span{
text-align:center
}
#historyTable td.provider span{
padding:0 2px
}
#historyTable td.provider span.fail img{
opacity:0.5;
filter:alpha(opacity=50)
}
#historyTable td img,
#historyTable td span{
vertical-align:middle
}
#historyTable td img.help,
#historyTable td span.help{
cursor:help
}
#historyTable 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
}
.component-group{
padding:15px 15px 25px;
border-bottom:1px dotted #ccc;
min-height:200px
}
.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 #customQualityWrapper 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 #customQuality, .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:20px
}
#config .metadataDiv{
display:none
}
.component-group-save{
float:right;
padding-top:10px
}
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 #customQuality h4{
font-size:13px !important;
margin-bottom:10px
}
#editShow .field-pair #customQuality h4{
margin-bottom:1px
}
.testNotification{
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
}
#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
}
/* =======================================================================
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:#fff;
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{
list-style-type:none
}
#failed-guide li{
margin-left:15px
}
.icon-info-sign{
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:450px;
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:175px;
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:#fff
}
input.get_more_eps,
input.get_less_eps{
display:none
}
/* =======================================================================
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
========================================================================== */
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:#FFF;
display:inline-block;
padding:2px 4px;
text-align:center;
vertical-align:baseline;
-webkit-border-radius:4px;
-moz-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.RawHD{
background-color:#cd7300
}
span.SD{
background-color:#BE2625
}
span.Any{
background-color:#666
}
span.Unknown{
background-color:#999
}
span.Proper{
background-color:#3F7F00
}
span.false{
color:#993333;
/* red */
}
span.true{
color:#669966;
/* green */
}
option.flag{
padding-left:35px;
background-repeat:no-repeat;
background-position:10px 50%
}
/* Anime section for editShow */
.bwlWrapper{
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.blackwhitelist h4{
margin-top:0
}
div.blackwhitelist{
text-align:center
}
div.blackwhitelist.white input,
div.blackwhitelist.black input,
div.blackwhitelist.pool input{
margin:5px 0 !important
}
div.blackwhitelist select{
margin:0 !important
}
div.blackwhitelist .inuse{
margin-right:5px;
width:243px;
float:left
}
div.blackwhitelist.white,
div.blackwhitelist.black{
width:243px
}
div.blackwhitelist.white select,
div.blackwhitelist.black select{
margin:0;
width:215px
/* clear:both*/
}
div.blackwhitelist.white select,
div.blackwhitelist.black select{
height:110px
}
div.blackwhitelist.pool,
div.blackwhitelist.pool select{
width:330px;
height:265px;
float:right
}
div.blackwhitelist span{
text-align:center
}
div#blackwhitelist,
div.blackwhitelist.manual{
margin:7px 0
}
.boldest{
font-weight:900
}
.clear-left{
clear:left
}
.nextline-block{
display:block
}
.padbottom{
padding-bottom:10px
}
.max300{
max-width:300px
}
/* =======================================================================
bootstrap Overrides
========================================================================== */
body{
padding-top:60px;
overflow-y:scroll;
font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#000
}
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 styling */
.navbar-default .navbar-brand{
color:#fff
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{
color:#fff;
background-color:transparent
}
.navbar-default .navbar-text{
color:#ddd
}
.navbar-default .navbar-nav > li > a{
color:#ddd
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
color:#fff;
background-color:transparent
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
color:#fff;
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-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:#fff
}
@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:#fff;
background-color:transparent
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{
color:#fff;
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:#fff
}
.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
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
color:#262626;
text-decoration:none;
background-color:#F5F5F5
}
.dropdown-menu > li > a{
padding:4px 36px 4px 20px
}
.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)
}
.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;
-webkit-border-radius:4px;
-moz-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;
-webkit-border-radius:5px;
-moz-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:#fff;
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-xs{
padding:1px 5px;
font-size:12px;
line-height:1.5;
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
}
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:-3px
}
.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
}
.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:#fff
}
.ui-autocomplete .ui-menu-item .ui-state-focus{
color:#fff;
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 #searchResults legend.legendStep{
margin-top:10px
}
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;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.stepDiv{
padding:15px
}
.stepDiv.parent-folder{
padding:15px 0 0;
width:430px;
margin:0 auto
}
.stepDiv .nocheck{
padding-left:16px
}
/* step 3 related */
#customQuality{
display:block;
padding:0 0 10px 0;
overflow:hidden;
clear:both
}
#customQualityWrapper div.component-group-desc{
float:left;
width:172px;
padding:0
}
#customQualityWrapper div.component-group-desc p{
margin:.8em 0;
font-size:1.2em
}
/* =======================================================================
tablesorter.css
========================================================================== */
.tablesorter{
width:100%;
margin-right:auto;
margin-left:auto;
color:#000;
text-align:left;
background-color:#fff;
border-spacing:0
}
.tablesorter th,
.tablesorter td{
padding:4px;
border-top:1px solid;
border-left:1px solid;
vertical-align:middle
}
#addRootDirTable.tablesorter td{
vertical-align:baseline
}
/* 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;
cursor:pointer;
vertical-align:middle
}
.tablesorter .narrow.tablesorter-header{
padding:4px 18px 4px 4px
}
.tablesorter thead .sorter-false{
background-image:none;
padding:4px;
cursor:default
}
thead.tablesorter-stickyHeader{
border-top:2px solid #fff;
border-bottom:2px solid #fff
}
/* Zebra Widget - row alternating colors */
.tablesorter tr.odd, .sickbeardTable tr.odd{
background-color:#f5f1e4
}
.tablesorter tr.even, .sickbeardTable tr.even{
background-color:#dfdacf
}
/* 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;
background:#eee;
border-bottom:1px solid #ddd
}
/* optional disabled input styling */
.tablesorter input.tablesorter-filter-row .disabled{
display:none
}
.tablesorter-header-inner{
padding:0 2px;
text-align:center
}
.tablesorter tfoot tr{
color:#fff;
text-align:center;
text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);
background-color:#333;
border-collapse:collapse
}
.tablesorter tfoot a{
text-decoration:none
}
/* =======================================================================
token-input.css
========================================================================== */
ul.token-input-list{
overflow:hidden;
height:auto !important;
height:1%;
width:273px;
border:1px solid #ccc;
cursor:text;
font-size:10px;
font-family:Verdana;
z-index:999;
margin:0;
padding:0 0 1px 0;
background-color:#fff;
list-style-type:none;
/* clear:left; */
border-top-left-radius:3px;
border-top-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px
}
ul.token-input-list li{
list-style-type:none
}
ul.token-input-list li input{
border:0;
padding:3px 4px;
background-color:white
/* -webkit-appearance:caret; */
}
li.token-input-token{
overflow:hidden;
height:auto !important;
height:1%;
margin:3px;
padding:3px 5px 0 5px;
background-color:#d0efa0;
color:#000;
font-weight:bold;
cursor:default;
display:block
}
li.token-input-token img{
padding-top:7px;
padding-right:4px;
float:left
}
li.token-input-token input{
padding-top:2px !important;
padding-right:4px !important;
float:left
}
li.token-input-token p{
float:left;
padding:0;
margin:0;
line-height:2.0 !important
}
li.token-input-token span{
float:right;
color:#777;
cursor:pointer
}
li.token-input-selected-token{
background-color:#08844e;
color:#fff
}
li.token-input-selected-token span{
color:#bbb
}
li.token-input-input-token input{
margin:3px 3px 3px 3px !important
}
div.token-input-dropdown{
position:absolute;
width:273px;
overflow:hidden;
border-left:1px solid;
border-right:1px solid;
border-bottom:1px solid;
cursor:default;
font-size:11px;
font-family:Verdana;
z-index:1
}
div.token-input-dropdown p{
margin:0;
padding:3px;
font-weight:bold;
color:#777
}
div.token-input-dropdown ul{
margin:0;
padding:0
}
div.token-input-dropdown ul li{
background-color:#fff;
padding:3px;
list-style-type:none
}
div.token-input-dropdown ul li.token-input-dropdown-item{
background-color:#fafafa
}
div.token-input-dropdown ul li.token-input-dropdown-item2{
background-color:#fff
}
div.token-input-dropdown ul li em{
font-weight:bold;
font-style:normal
}
div.token-input-dropdown ul li.token-input-selected-dropdown-item{
background-color:#6196c2
}
span.token-input-delete-token{
margin:0 1px
}
/* =======================================================================
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:#fff;
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:#fff;
text-align:center;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.75);
background-clip:padding-box;
border:1px solid #111;
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
}