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