SickGear/gui/slick/css/style.css
JackDandy 6fcf80c02d Add fanart to Episodes View, Display Show, Edit Show, and Media Renamer page.
Add "Maximum fanart image files per show to cache" to config General/Interface.
Add populate images when the daily show updater is run with a default maximum 3 images per show.
Change force full update in a show will replace existing images with new.
Add fanart livepanel to lower right of Episodes View and Display Show page.
Add highlight panel red until button is clicked a few times.
Add flick through multiple background images on Episodes View and Display Show page.
Add persistent move poster image to right hand side or hide on Display Show page (multi-click the eye).
Add persistent translucency of background images on Episodes View and Display Show page.
Add persistent fanart rating to avoid art completely, random display, random from a group, or display fave always.
Add persistent views of the show detail on Display Show page.
Add persistent views on Episodes View.
Add persistent button to collapse and expand card images on Episode View/Layout daybyday.
Add non persistent "Open gear" and "Full fanart" image views to Episodes View and Display Show page.
Add "smart" selection of fanart image to display on Episode view.
Change insert [!] and change text shade of ended shows in drop down show list on Display Show page.
Change button graphic for next and previous show of show list on Display Show page.
Add logic to hide some livepanel buttons until artwork becomes available or in other circumstances.
Add "(Ended)" where appropriate to show title on Display Show page.
Add links to fanart.tv where appropriate on Display Show page.
Change use tense for label "Airs" or "Aired" depending on if show ended.
Change display "No files" instead of "0 files" and "Upgrade once" instead of "End upgrade on first match".
Add persistent button to newest season to "Show all" episodes.
Add persistent button to all shown seasons to "Hide most" episodes.
Add button to older seasons to toggle "Show Season n" or "Show Specials" with "Hide..." episodes.
Add season level status counts next to each season header on display show page
Add sorting to season table headers on display show page
Add filename and size to quality badge on display show page, removed its redundant "downloaded" text
Remove redundant "Add show" buttons
Change combine the NFO and TBN columns into a single Meta column
Change reduce screen estate used by episode numbers columns
Change improve clarity of text on Add Show page.
Add "Reset fanart ratings" to show Edit/Other tab.
Add fanart usage to show Edit/Other tab.
Add fanart keys guide to show Edit/Other tab.
Change add placeholder tip to "Alternative release name(s)" on show Edit.
Change add placeholder tip to search box on shows Search.
Change hide Anime tips on show Edit when selecting its mutually exclusive options.
Change label "End upgrade on first match" to "Upgrade once" on show Edit.
Change improve performance rendering displayShow.
Add total episodes to start of show description (excludes specials if those are hidden).
Add "Add show" actions i.e. "Search", "Trakt cards", "IMDb cards", and "Anime" to Shows menu.
Add "Import (existing)" action to Tools menu.
Change SD quality from red to dark green, 2160p UHD 4K is red.
Change relocate the functions of Logs & Errors to the right side Tools menu -> View Log File.
Add warning indicator to the Tools menu in different colour depending on error count (green through red).
Change View Log error item output from reversed to natural order.
Change View Log add a typeface and some colour to improve readability.
Change View Log/Errors only display "Clear Errors" button when there are errors to clear.
Change improve performance of View Log File.
2016-12-16 21:03:14 +00:00

4515 lines
87 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?v1");
src:url("fonts/sgicons.eot?v1#iefix") format("embedded-opentype"),
url("fonts/sgicons.woff?v1") format("woff"),
url("fonts/sgicons.ttf?v1") format("truetype"),
url("fonts/sgicons.svg?v1#sgicons") format("svg");
font-weight:normal;
font-style:normal
}
/* Hack */
/* Regular */
@font-face{
font-family:"Hack";
src:url("fonts/Hack-Regular.eot");
src:url("fonts/Hack-Regular.eot?#iefix") format("embedded-opentype"),
url("fonts/Hack-Regular.woff") format("woff"),
url("fonts/Hack-Regular.ttf") format("truetype"),
url("fonts/Hack-Regular.svg") format("svg");
font-weight:normal;
font-weight:400;
font-style:normal
}
/* Regular-mono */
@font-face{
font-family:"Hack-mono";
src:url("fonts/Hack-Regular-mono.eot");
src:url("fonts/Hack-Regular-mono.eot?#iefix") format("embedded-opentype"),
url("fonts/Hack-Regular-mono.woff") format("woff"),
url("fonts/Hack-Regular-mono.ttf") format("truetype"),
url("fonts/Hack-Regular-mono.svg") format("svg");
font-weight:normal;
font-weight:400;
font-style:normal
}
/* =======================================================================
inc_top.tmpl
========================================================================== */
.navbaricon{
margin-top:-15px;
margin-bottom:-15px
}
.navbar-default .navbar-nav .logger.bar{
position: absolute;
display:none;
width:14px;
top:2px;
right:12px
}
.navbar-default .navbar-nav .logger.errors{
display:block;
}
.navbar-default .navbar-nav .logger.errors.item{
display:inline-block
}
.navbar-default .navbar-nav .logger{
height:14px
}
[class^="icon-"],
[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:#ddd url("../css/lib/images/ui-bg_flat_0_ffffff_40x100.png") 50% 50% repeat-x
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
background:#ddd;
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:#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{
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
}
.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-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-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"
}
.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:"\e62a"
}
.sgicon-imdb:before{
content:"\e898"
}
.sgicon-trakt:before{
content:"\e899"
}
.sgicon-emby:before{
content:"\e900"
}
/* =======================================================================
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;
-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, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
border-bottom-right-radius:5px
}
#show-list .show-card .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
border-bottom-left-radius:5px
}
#browse-list .show-card .ui-corner-all,
#show-list .show-card .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
border-top-right-radius:0
}
#browse-list .show-card .ui-corner-all,
#show-list .show-card .ui-corner-all, .ui-corner-top, .ui-corner-left, .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))
}
.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
}
#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
}
#edit-show #customQualityWrapper .tip-text p,
#addShowForm #customQualityWrapper .tip-text p,
#edit-show #customQualityWrapper .tip-text em,
#addShowForm #customQualityWrapper .tip-text em{
font-size:13px
}
#addShowForm .stepDiv #customQuality.show-if-quality-custom span.component-desc p{
font-size:12px
}
#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 div .exists-db{
font-weight:800;
font-style:italic
}
.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
}
#edit-show #blackwhitelist,
#edit-show #blackwhitelist h4,
#edit-show #blackwhitelist p,
#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
}
.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")
}
/* =======================================================================
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
}
#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
}
#display-show.pro #pickShow .ended:before{
content:"[ ! ] "
}
#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
}
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;
min-height:220px;
overflow:hidden
}
.paused{
font-size:200px;
text-align:center;
position:absolute;
margin:0 auto;
left:0;
right:0;
padding-top:25px;
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
}
.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
}
.airdate-never,
#display-show .tablesorter tr.airdate-never{
background-color:#eae2c8;
color:#666
}
#display-show.back-art.pro.ii .tablesorter tr.airdate-never{
background-color:rgba(234,226,200,0.7);
color:#666
}
.unaired,
#display-show .tablesorter tr.unaired{
background-color:#f5f1e4
}
#display-show.back-art.pro.ii .tablesorter tr.unaired{
background-color:rgba(245,241,228,0.7);
color:#584b20
}
span.good{
color:#295730;
border:1px solid #295730
}
span.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
}
.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
}
.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,
td.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
}
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{
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
========================================================================== */
#historyTable td,
#historyTable td.provider span{
text-align:center
}
#historyTable td.provider span{
padding:0 2px
}
#historyTable td.provider > img{
margin-right:3px
}
#historyTable td.provider span.fail img{
opacity:0.5;
filter:alpha(opacity=50)
}
#historyTable td img,
#historyTable td span{
vertical-align:middle
}
#historyTable td span.article{
vertical-align:initial
}
#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
}
#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 #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:16px
}
#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;
}
#editShow .field-pair #SceneException h4,
#editShow .field-pair #customQuality h4{
margin-bottom:6px
}
#editShow .field-pair #customQuality h4{
line-height:normal
}
.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:#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{
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: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:#ddd
}
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:#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 */
.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
}
#edit-show div.blackwhitelist.pool{
width:330px;
height:265px;
margin-left:248px;
float:none
}
#edit-show div.blackwhitelist.pool select,
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
}
img[src=""],img:not([src]){
width:102%;
height:102%;
margin:-1%
}
/* =======================================================================
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 styling */
.back-art.pro.ii .navbar-default{
background-image:none
}
.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-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
}
@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
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
color:#262626;
text-decoration:none;
background-color:#f5f5f5
}
.dropdown-menu > li > a{
padding:4px 20px
}
.dropdown-menu li.menu-item-noicon{
padding:0 0 0 20px
}
.dropdown-menu li .menu-item-desc{
clear:both;
padding:0 0 0 22px;
font-size:10px
}
.dropdown-menu{
background-color:#f5f1e4;
border:1px solid rgba(0, 0, 0, 0.15);
box-shadow:0 6px 12px rgba(0, 0, 0, 0.176)
}
.img-trakt-16{background-image:url("../images/addshows/trakt16-black.png")}
.img-imdb-16{background-image:url("../images/addshows/imdb16.png")}
.img-anime-16{background-image:url("../images/addshows/anime16.png")}
.img-import-16{background-image:url("../images/addshows/add-existing16-black.png")}
.square-16{
float:left;
margin:2px 6px 0 0;
width:16px;
height:16px
}
.form-control{
color:#000
}
.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-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 #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;
-moz-border-radius:6px;
-webkit-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 */
#edit-show #customQualityWrapper #customQuality,
#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,
#display-show .tablesorter{
width:100%;
margin-right:auto;
margin-left:auto;
color:#000;
/* text-align:left;*/
background-color:#ddd/*;
border-spacing:0*/
}
#display-show .tablesorter{
background-color:transparent;
}
.tablesorter th,
.tablesorter td{
padding:4px;
/*border-top:1px solid;*/
/*border-left:1px solid;*/
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;*/
padding-right:12px;
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 #ddd;
border-bottom:2px solid #ddd
}
/* 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:#ddd;
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:#ddd;
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:#ddd
}
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:#ddd;
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:#ddd
}
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:#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
}