/* ======================================================================= 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'); src:url('fonts/sgicons.eot?#iefix') format('embedded-opentype'), url('fonts/sgicons.woff') format('woff'), url('fonts/sgicons.ttf') format('truetype'), url('fonts/sgicons.svg#sgicons') format('svg'); font-weight:normal; font-style:normal } /* ======================================================================= inc_top.tmpl ========================================================================== */ .navbaricon{ margin-top:-15px; margin-bottom:-15px } #contentWrapper .episodeview-banner, #contentWrapper .episodeview-daybyday, #contentWrapper .episodeview-list, #contentWrapper .episodeview-poster{ padding-top:45px } [class^="icon-"], [class*=" icon-"]{ background-image:url("../images/glyphicons-halflings.png") } .icon-white{ background-image:url("../images/glyphicons-halflings-white.png") } .ui-autocomplete-loading{ background:white url("../images/loading16.gif") right center no-repeat } .browserDialog.busy .ui-dialog-buttonpane{ background:url("../images/loading.gif") 10px 50% no-repeat !important } .ui-progressbar .ui-progressbar-overlay{ background:url("../css/lib/images/animated-overlay.gif") } .ui-dialog, .ui-dialog-buttonpane{ background:#eceadf url("../css/lib/images/ui-bg_fine-grain_10_eceadf_60x60.png") 50% 50% repeat !important } .ui-accordion-content, .ui-tabs-panel{ background:#ededed !important; background-image:none !important } .ui-widget-content{ background:#dcdcdc url("../css/lib/images/ui-bg_highlight-soft_75_dcdcdc_1x100.png") 50% top repeat-x } .ui-widget-content a{ text-decoration:none } .ui-widget-header{ background:#fff url("../css/lib/images/ui-bg_flat_0_ffffff_40x100.png") 50% 50% repeat-x } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background:#fff; border:1px solid #CCC } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ background:#fff } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ background:#F7F7F7 } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ background:#fbf9ee url("../css/lib/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{ background:#fef1ec url("../css/lib/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x } .ui-icon, .ui-widget-content .ui-icon{ background-image:url("../css/lib/images/ui-icons_222222_256x240.png") } .ui-widget-header .ui-icon{ background-image:url("../css/lib/images/ui-icons_222222_256x240.png") } .ui-state-default .ui-icon{ background-image:url("../css/lib/images/ui-icons_8c291d_256x240.png") } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon{ background-image:url("../css/lib/images/ui-icons_222222_256x240.png") } .ui-state-active .ui-icon{ background-image:url("../css/lib/images/ui-icons_8c291d_256x240.png") } .ui-state-highlight .ui-icon{ background-image:url("../css/lib/images/ui-icons_2e83ff_256x240.png") } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon{ background-image:url("../css/lib/images/ui-icons_cd0a0a_256x240.png") } .ui-widget-overlay{ background:#aaa url("../css/lib/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x } .ui-widget-shadow{ background:#000 url("../css/lib/images/ui-bg_flat_0_000000_40x100.png") 50% 50% repeat-x } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{ color:#140F06; text-decoration:none } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{ color:#222; text-decoration:none } .ui-tabs{ padding:0; background:none; border-width:0 } .ui-tabs .ui-tabs-nav{ padding-left:0; background:transparent; border-width:0 0 0 0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 } .ui-tabs .ui-tabs-panel{ background-color:#F7F7F7 !important; border:1px solid #CCC !important } .ui-tabs .ui-tabs-nav li.ui-tabs-active{ border-top-left-radius:5px; border-top-right-radius:5px } .ui-tabs-nav > :not(.ui-tabs-active){ border-top-left-radius:5px; border-top-right-radius:5px } #content{ width:95%; min-width:875px; padding:15px; margin-left:auto; margin-right:auto; clear:both } #SubMenu{ padding-right:20px; clear:both; font-size:12px; float:right } .upgrade-notification{ width:600px; text-align:center; margin-left:auto; margin-right:auto; margin-top:50px; margin-bottom:0 } [class^="sgicon-"], [class*=" sgicon-"]{ font-family:'sgicons'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-shadow:none; text-transform:none; text-rendering:auto; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .sgicon-rss:before{ content:"\e622" } .sgicon-pause:before{ content:"\e600" } .sgicon-play:before{ content:"\e601" } .sgicon-queued:before{ content:"\e602" } .sgicon-trim:before{ content:"\e603" } .sgicon-backlog:before{ content:"\e604" } .sgicon-home:before{ content:"\e605" } .sgicon-delete:before{ content:"\e606" } .sgicon-errorlog:before{ content:"\e607" } .sgicon-log:before{ content:"\e608" } .sgicon-notification:before{ content:"\e609" } .sgicon-postprocess:before{ content:"\e60a" } .sgicon-failed:before{ content:"\e60b" } .sgicon-updatecheck:before{ content:"\e60c" } .sgicon-subtitles:before{ content:"\e60d" } .sgicon-episodestatus:before{ content:"\e60e" } .sgicon-anime:before{ content:"\e60f" } .sgicon-logout:before{ content:"\e610" } .sgicon-edit:before{ content:"\e611" } .sgicon-rename:before{ content:"\e612" } .sgicon-fullupdate:before{ content:"\e613" } .sgicon-refresh:before{ content:"\e614" } .sgicon-massupdate:before{ content:"\e615" } .sgicon-search:before{ content:"\e616" } .sgicon-info:before{ content:"\e617" } .sgicon-restart:before{ content:"\e618" } .sgicon-shutdown:before{ content:"\e619" } .sgicon-addshow:before{ content:"\e61a" } .sgicon-config:before{ content:"\e61b" } .sgicon-arrowup:before{ content:"\e61c" } .sgicon-arrowdown:before{ content:"\e61d" } .sgicon-plex:before{ content:"\e61e" } .sgicon-kodi:before{ content:"\e61f" } .sgicon-bittorrent:before{ content:"\e620" } .sgicon-xbmc:before{ content:"\e621" } /* ======================================================================= inc_bottom.tmpl ========================================================================== */ .footer{ width:100%; padding:20px 0; text-align:center; font-size:12px } .footerhighlight{ display:inline } /* ======================================================================= inc_rootDirs.tmpl ========================================================================== */ .rootdir-selectbox, .rootdir-selectbox #rootDirs, .rootdir-controls{ width:430px } .rootdir-selectbox{ padding:0 0 5px } .rootdir-controls{ text-align:center } /* ======================================================================= home.tmpl ========================================================================== */ .imgbanner .banner{ border:1px solid #ccc; overflow:hidden; height:66px; border-radius:8px; vertical-align:top; width:360px; display:block; margin-left:auto; margin-right:auto } .imgsmallposter .small{ height:66px; overflow:hidden; border-radius:3px; vertical-align:middle; width:45px; border:1px solid #ccc; margin-right:5px } #HomeLayout{margin-top:-35px} #HomeLayout.not-poster{height:75px} #HomeLayout div.not-poster{position:relative;top:38px} #HomeLayout span.not-poster{margin-top:-30px} #HomeLayout.poster{margin-top:-35px} #HomeLayout span.poster{margin-bottom:10px} #search_show_name{margin-top:0} .ui-progressbar{ height:20px; line-height:18px } .ui-progressbar .ui-progressbar-value{ box-sizing:content-box !important } .progressbarText{ position:absolute; top:0; width:100%; height:100%; overflow:visible; text-align:center; text-shadow:0 0 0.1em #fff; vertical-align:middle; font-size:12px; color:#000 } .progress-80{ background-image:-moz-linear-gradient(#a6cf41, #5b990d) !important; background-image:linear-gradient(#a6cf41, #5b990d) !important; background-image:-webkit-linear-gradient(#a6cf41, #5b990d) !important; background-image:-o-linear-gradient(#a6cf41, #5b990d) !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px } .progress-60{ background-image:-moz-linear-gradient(#fad440, #f2a70d) !important; background-image:linear-gradient(#fad440, #f2a70d) !important; background-image:-webkit-linear-gradient(#fad440, #f2a70d) !important; background-image:-o-linear-gradient(#fad440, #f2a70d) !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px } .progress-40{ background-image:-moz-linear-gradient(#fab543, #f2700d) !important; background-image:linear-gradient(#fab543, #f2700d) !important; background-image:-webkit-linear-gradient(#fab543, #f2700d) !important; background-image:-o-linear-gradient(#fab543, #f2700d) !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px } .progress-20{ background-image:-moz-linear-gradient(#da5945, #b11a10) !important; background-image:linear-gradient(#da5945, #b11a10) !important; background-image:-webkit-linear-gradient(#da5945, #b11a10) !important; background-image:-o-linear-gradient(#da5945, #b11a10) !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px } #container{ margin:0 auto } .show{ margin:12px; width:188px; height:352px; background-color:#DFDACF; border:1px solid #111; border-radius:6px } .show-image{ overflow:hidden; height:273px; width:186px; border-top-left-radius:5px; border-top-right-radius:5px } .show .ui-progressbar{ height:7px !important; top:-2px } .show .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-bottom-right-radius:0 } .show .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{ border-bottom-left-radius:0 } .show .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{ border-top-right-radius:0 } .show .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{ border-top-left-radius:0 } .show .ui-widget-content{ border-top:1px solid #111; border-bottom:1px solid #111; border-left:0; border-right:0 } .ui-progressbar .ui-progressbar-value{ height:20px } .ui-progressbar .progress-20{ border:none } .show .progress-20, .show .progress-40, .show .progress-60, .show .progress-80{ height:7px } .show .progress-80{ border-radius:0 } .show .progress-60{ border-radius:0 } .show .progress-40{ border-radius:0 } .show .progress-20{ border-radius:0 } .show-title{ position:relative; overflow:hidden; white-space:nowrap; font-size:11px; margin:4px 4px 0 4px } .show-title:after{ content:""; pointer-events:none; position:absolute; width:20px; height:100%; top:0; right:0; background-image:-webkit-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0)); background-image:-moz-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0)); background-image:-ms-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0)); background-image:-o-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0)); background-image:linear-gradient(to left, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0)) } .show-date{ position:relative; overflow:hidden; white-space:nowrap; font-size:11px; margin:0 4px 4px 4px } .show-date:after{ content:""; pointer-events:none; position:absolute; width:20px; height:100%; top:0; right:0; background-image:-webkit-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0)); background-image:-moz-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0)); background-image:-ms-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0)); background-image:-o-linear-gradient(right, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0)); background-image:linear-gradient(to left, rgba(223, 218, 207, 1), rgba(223, 218, 207, 0)) } .show-table{ text-align:center; vertical-align:middle; width:33% } .show-add{ font-size:11px; text-align:left; display:block } .show-status{ font-size:11px; text-align:left; display:block } .show-network-image{ width:50px; height:auto } .show-dlstats{ font-size:11px; text-align:left; display:block; margin-left:4px } .show-quality{ font-size:11px; text-align:right; display:block; margin-right:4px } #sort-by{ display:inline; list-style-type:none; padding:0; margin-left:5px } #sort-by ul, #sort-by li{ display:inline; margin:0; padding:0 } .posterview{ margin:0 auto } td.tvShow a{ color:#000; text-decoration:none } td.tvShow a:hover{ cursor:pointer; color:#428BCA } /* ======================================================================= home_addShows.tmpl ========================================================================== */ #addShowPortal{ width:748px; padding:10px 0; margin-right:auto; margin-left:auto } #addShowPortal a{ padding:0 20px; width:360px; float:left; margin:0 7px 14px } div.button{ display:table-cell; vertical-align:middle } div.buttontext{ display:table-cell; padding:10px 0 10px 15px; text-align:left; white-space:normal } div.buttontext p{ margin:0 } div.buttontext h3{ margin-top:0 } div.buttontext p{ font-size:13px } .icon-addnewshow{ background-image:url("../images/addshows/add-new32-black.png"); width:32px; height:32px } .icon-addtrendingshow{ background-image:url("../images/addshows/add-trending32-black.png"); width:32px; height:32px } .icon-addrecommendedshow{ background-image:url("../images/addshows/add-trakt32-black.png"); width:32px; height:32px } .icon-addexistingshow{ background-image:url("../images/addshows/add-existing32-black.png"); width:32px; height:32px } /* ======================================================================= home_newShow.tmpl ========================================================================== */ #addShowForm, #newShowPortal, fieldset.sectionwrap, div.formpaginate{ width:801px } #addShowForm{ margin-left:auto; margin-right:auto } #newShowPortal{ padding:10px 0; margin-right:auto; margin-left:auto } #displayText{ padding:8px; overflow:hidden; font-size:14px; border:1px solid } #searchResults input[type="radio"]{ vertical-align:-2px } #addShowForm #promptForSettings, #addShowForm #rootDirStaticList input, #addShowForm div.field-pair input, #addShowForm div.field-pair select{ margin-right:6px } #addShowForm #customQualityWrapper div.component-group-desc p{ font-size:14px } #addShowForm #nameToSearch{ width:460px; margin-top:0 } #addShowForm #providedIndexer, #addShowForm #indexerLangSelect{ margin-left:7px } #addShowForm #searchName{ margin-left:10px } .stepDiv #searchResults div{ line-height:1.7 } .stepDiv #searchResults #searchingAnim{ margin-right:6px } .stepone-result-title{ font-weight:600; margin-left:10px } .stepone-result-date, .stepone-result-db, .stepone-result-overview{ margin-left:5px } .stepone-result-db img{ margin-top:3px; vertical-align:top } #newShowPortal #displayText .show-name, #newShowPortal #displayText .show-dest, #newShowPortal #displayText p{ margin:0 } #newShowPortal #displayText .show-name, #newShowPortal #displayText .show-dest{ font-weight:600 } #addRootDirTable td label .filepath{ font-weight:900 } #addShowForm #blackwhitelist, #addShowForm #blackwhitelist h4, #addShowForm #blackwhitelist p{ font-size:13px } /* ======================================================================= home_addExistingShow.tmpl ========================================================================== */ .existingtabs{ padding:20px } ul#rootDirStaticList{ width:90%; margin-right:auto; margin-left:auto; text-align:left; list-style-type:none; padding:0 } ul#rootDirStaticList li{ padding:4px 10px; margin:2px 0; list-style:none outside none; cursor:pointer } ul#rootDirStaticList li label{ margin-top:5px; margin-bottom:5px } ul#rootDirStaticList li input[type="checkbox"]{ vertical-align:-2px } /* ======================================================================= home_trendingShows.tmpl ========================================================================== */ .traktShowTitleIcons{ float:right; padding-right:4px; padding-bottom:4px } .traktContainer p{ padding-top:2px } .traktContainer p img{ position:relative; top:-2px } .traktContainer p, .traktContainer i{ white-space:nowrap; font-size:12px; overflow:hidden; padding-left:4px; margin:0 } .traktContainer{ margin:12px; width:188px; background-color:#DFDACF; border:1px solid #111; border-radius:6px } .trakt-image{ overflow:hidden; height:273px; width:186px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:1px solid #111; background-image:url(../images/poster-dark.jpg) } /* ======================================================================= home_postprocess.tmpl ========================================================================== */ #postProcess{ width:800px; padding-top:10px; margin-right:auto; margin-left:auto } /* ======================================================================= displayShow.tmpl ========================================================================== */ body#display-show.back-art { color:#fff } body#display-show .pro #details-bottom .label-paused, body#display-show .pro .season-status .archived-count{ display:inline } body#display-show .season-status, body#display-show #details-bottom .label-paused, body#display-show .season-status .archived-count, .displayshow-wrapper .background-container, .all .sickbeardTable .row-seasonheader button, .reg .sickbeardTable .row-seasonheader button.latest-season, .pro .sickbeardTable .row-seasonheader button.display-season{ display:none } .all .sickbeardTable tbody.collapse, .reg .sickbeardTable tbody.collapse.latest-season, .pro .sickbeardTable tbody.collapse.display-season{ display:table-row-group } body#display-show .pro #details-bottom .label-paused{ background-color:#8f1515 } .back-art .background-container{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:-1; display:block } .back-art .background{ position:absolute; top:0; right:0; bottom:0; left:0; background-position:center center; background-size:cover } .back-art.translucent .background:after{ position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5) } #posterCol{ float:left; margin:0 10px 20px 0 } #showCol{ overflow:hidden; margin-bottom:20px } .display-show-container{ margin-top:10px } body#display-show .sickbeardTable{ margin:30px 0 } body#display-show .back-art .sickbeardTable{ background:rgba(0,0,0,0.5); border-radius:3px; padding:10px } .display-details{ border-radius:3px; padding:8px 10px; margin-bottom:20px } .back-art .display-details{ background:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.5) } #details-wrapper{ float:left; width:100%; position:relative; cursor:default } #details-top{ height:70px } #details-right .details-seasons{ margin-top:3px } #details-right .combo-seasons{ line-height:30px } #details-bottom{ display:inline-block; width:100% } #details-bottom .label{ line-height:24px; cursor:default } #details-right{ width:250px; float:right; margin-left:15px } .details-title{ display:inline-block; float:left } .reg .details-title{ margin-right:4px } .reg .details-title:after{ content:":" } .pro .details-title{ width:80px; font-size:13px; line-height:20px } .pro .details-info{ display:block; margin-left:85px } .details-info .space-right{ margin-right:4px } .details-info .flag{ vertical-align:baseline } .details-plot{ min-height:220px; overflow:hidden } .show-class{ padding-bottom:5px } .title{ margin:0; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:42px } #details-top .label{ padding:3px 4px; cursor:default } #details-top .label a, #details-top .label a:hover{ padding:3px 4px 3px 21px; background:transparent url(../images/tag.png) no-repeat scroll 3px 3px; color:#fff; text-decoration:none } span.imdbstars{ display:inline-block; margin:0 3px 0 0; vertical-align:baseline; cursor:help } span.imdbstars > *{ background-position:0 0 !important; max-width:120px } span.imdbstars, span.imdbstars > *{ height:12px; width:120px; display:inline-block; font-size:10px; background:url(../images/rating.png) 0 -12px repeat-x } .moreless{ margin-top:0 } .no-plot{ font-style:italic } .paused{ font-size:200px; text-align:center; position:absolute; margin:0 auto; left:0; right:0; padding-top:25px; opacity:.3 } .paused-outline{ text-shadow:5px 5px 10px #000 } .qtip-maxwidth { max-width:1000px } .season-status { font-size:12px; vertical-align:middle } .navShow{ display:inline; cursor:pointer } #prevShow, #nextShow, #topcontrol{ -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:url("data:image/svg+xml;utf8,#greyscale") } a.service img{ margin-bottom:-2px; vertical-align:baseline } .tvshowImg{ border:1px solid #ccc; border-radius:3px; height:332px; width:auto; float:left } .no-labels #posterCol .tvshowImg{ height:305px } .back-art .tvshowImg{ border-color:rgba(0,0,0,0.5) } .back-art.translucent.pro .tvshowImg { opacity: 0.85; filter: alpha(opacity=85) } #checkboxControls{ padding-top:5px } #checkboxControls span{ padding:5px; font-size:13px; font-weight:bold; border-radius:5px } #checkboxControls label{ white-space:nowrap; display:inline-block } #checkboxControls input[type="checkbox"]{ vertical-align:-2px } .airdate-never{ background-color:#eae2c8; color:#666 } .back-art.pro .airdate-never{ background-color:rgba(234,226,200,0.7); color:#666 } .unaired{ background-color:#f5f1e4 } .back-art.pro .unaired{ background-color:rgba(245,241,228,0.7); color:#584b20 } .skipped{ background-color:#bedeed } .back-art.pro .skipped{ background-color:rgba(190,222,237,0.7); color:#1d5068 } .good{ background-color:#c3e3c8 } .back-art.pro .good{ background-color:rgba(195,227,200,0.7); color:#295730 } .archived{ background-color:#d5e3d8; color:#295730 } .back-art.pro .archived{ background-color:rgba(213,227,216,0.7); color:#295730 } .qual{ background-color:#ffda8a } .back-art.pro .qual{ background-color:rgba(255,218,138,0.7); color:#765100 } .wanted{ background-color:#ffb0b0 } .back-art.pro .wanted{ background-color:rgba(255,176,176,0.7); color:#890000 } .snatched{ background-color:#ebc1ea } .back-art.pro .snatched{ background-color:rgba(235,193,234,0.7); color:#652164 } span.unaired{ color:#584b20; border:1px solid #584b20 } span.skipped{ color:#1d5068; border:1px solid #1d5068 } span.good{ color:#295730; border:1px solid #295730 } span.qual{ color:#765100; border:1px solid #765100 } span.wanted{ color:#890000; border:1px solid #890000 } span.snatched{ color:#652164; border:1px solid #652164 } span.unaired b, span.skipped b, span.good b, span.qual b, span.wanted b, span.snatched b{ color:#000; font-weight:800 } .plotInfo{ cursor:help; float:right; position:relative; top:2px } .plotInfoNone{ cursor:help; float:right; position:relative; top:2px; opacity:0.4 } .sickbeardTable{ table-layout:auto; width:100%; border-collapse:separate !important; border-spacing:1px; text-align:center; border:none; empty-cells:show; color:#000 } .sickbeardTable tr.header td, .sickbeardTable th{ color:#fff; text-align:center; white-space:nowrap } .sickbeardTable tr.header td, .sickbeardTable th, .sickbeardTable td{ padding:4px } .sickbeardTable tr.header td{ padding:4px 8px } .displayshow-wrapper .sickbeardTable th.row-seasonheader{ border:none; width:auto; background-color:transparent; text-align:left } .back-art th.row-seasonheader h3{ color:#fff } th.row-seasonheader h3{ margin:0 } tr.seasonheader{ padding-bottom:5px; padding-top:10px; text-align:left; border:none; color:#fff } th.col-checkbox, td.col-checkbox{ width:30px; border-left:none; text-align:center } th.col-checkbox input[type="checkbox"], td.col-checkbox input[type="checkbox"]{ vertical-align:-2px } th.col-metadata, td.col-metadata{ width:28px } th.col-ep, td.col-ep{ width:50px; white-space:nowrap } th.col-airdate, td.col-airdate{ width:86px; white-space:nowrap } th.col-name, td.col-name{ min-width:100px } td.col-name{ text-align:left } th.col-subtitles, td.col-subtitles{ width:150px; text-align:center } th.col-simple, td.col-simple{ width: 150px; text-align: center } th.col-status, td.col-status{ width:200px; text-align:center } th.col-legend, td.col-legend{ width:80px } th.col-search, td.col-search{ width:46px } .input-scene{ height:20px; line-height:1.5; border-radius:3px } #editShow{ margin-right:auto; margin-left:auto; padding:15px 0 0 } /* ======================================================================= episodeView.tmpl ========================================================================== */ .sort_data{ display:none } .key{ margin-bottom:20px } .listing-key{ padding:5px; font-size:13px; font-weight:bold; border-radius:5px } .carousel-indicators li.listing-soon, .listing-default{ background-color:#f5f1e4 } .listing-current{ background-color:#dfd } .carousel-indicators li.listing-overdue, .listing-overdue{ background-color:#fdd } .carousel-indicators li.listing-default, .listing-toofar{ background-color:#bedeed } .carousel-indicators li.listing-soon, span.listing-default{ color:#826f30; border:1px solid #826f30 } span.listing-current{ color:#295730; border:1px solid #295730 } .carousel-indicators li.listing-overdue, span.listing-overdue{ color:#890000; border:1px solid #890000 } .carousel-indicators li.listing-default, span.listing-toofar{ color:#1d5068; border:1px solid #1d5068 } h2.day, h2.network{ margin:10px 0; font-size:24px; line-height:36px; font-weight:bold; letter-spacing:1px; color:#FFF; text-align:center; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); background-color:#333 } .tvshowDiv{ display:block; clear:both; border:1px solid #ccc; margin:auto; padding:0; text-align:left; width:750px; border-radius:5px; background:#fff; cursor:default; overflow:hidden } .tvshowDiv a:hover{ color:#428BCA } .tvshowDiv a, .tvshowDiv a:link, .tvshowDiv a:visited, .tvshowDiv a:hover{ text-decoration:none; background:none } .tvshowTitle a{ color:#000; float:left; line-height:1.4em; font-size:1.4em; text-shadow:-1px -1px 0 #FFF) } .tvshowTitleIcons{ float:right; padding:3px 5px } .tvshowDiv td{ padding:5px 10px } .tvshowDiv td.next_episode{ width:100%; height:90%; border-bottom:1px solid #ccc; vertical-align:top; color:#000 } .bannerThumb{ vertical-align:top; height:auto; width:748px; border-bottom:1px solid #ccc } .posterThumb{ vertical-align:top; height:auto; width:180px; border-right:1px solid #ccc } .ep_listing{ width:auto; border:1px solid #ccc; margin-bottom:10px; padding:10px } .ep_summary{ margin-left:5px; font-style:italic } .ep_summaryTrigger{ cursor:pointer; vertical-align:middle } .ep_summaryTriggerNone{ opacity:0.4; vertical-align:middle } .daybydayWrapper{ max-width:1400px; margin:0 auto; padding:0/*3px*/ } .day-of-week{ float:left; width:14.28%; padding:0 2px } .day-of-week .day-number{ position:relative; height:40px } .day-of-week .day-number .number{ position:absolute; right:5px; font-weight:bold; font-size:32px; line-height:38px } .day-of-week .day-number .day{ position:absolute; left:5px; top:3px; text-transform:uppercase; font-weight:bold } .day-of-week .day-number .month{ position:absolute; left:5px; bottom:3px; text-transform:uppercase } .daybyday-show{ margin-top:4px; padding:4px; width:100% } .daybyday-show .state{ height:3px } .daybyday-show .listing-default{ background-color:transparent } .carousel-indicators li.listing-overdue, .daybyday-show .listing-overdue{ background-color:#ffb0b0 } .daybyday-show .listing-current{ background-color:#aaffaa } .day-of-week .poster img{ border:1px solid; border-radius:5px; margin-bottom:2px; display:block; margin-left:auto; margin-right:auto } .day-of-week .text .airtime .network, .day-of-week .text .airtime, .day-of-week .text .episode{ overflow:hidden; text-overflow:ellipsis; display:block; font-size:12px } .day-of-week .text .airtime .network{ white-space:nowrap; text-align:right; max-width:50% } .day-of-week .text .episode .season, .day-of-week .text .episode .number{ font-weight:900 } .day-of-week .text .episode .season{ margin-right:2px } .day-of-week .text .episode .number{ margin-left:2px } .day-of-week .episode-blank{ width:250px; height:32px; text-align:center; font-style:italic; display:table-cell; vertical-align:middle; font-size:12px } .day-of-week .text .episode{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .time-am-pm{ margin-left:2px } #content.episodeview-banner .time-am-pm, #content.episodeview-poster .time-am-pm{ margin-left:0 } .over-layer0{ filter:alpha(opacity=60); opacity:.6 } .over-layer1{ background:transparent } .over-layer0, .over-layer1{ position:absolute; top:0; right:0; font-size:10px; padding:4px 6px 2px 2px } .on-air0, .on-air1{ text-align:right } .on-air0{ background-color:#dfd !important; filter:alpha(opacity=75); opacity:.75 } .on-air1{ color:#295730 !important; border-left:1px solid #295730 !important; border-bottom:1px solid #295730 !important } .daybydayCarouselContainer{ min-height:20px; margin:19px 0 } .controlsBlock{ position:relative; display:block; width:180px; margin:0 auto; height:35px; text-align:center } .carousel-control{ background:none !important; text-align:center; opacity:0.75; height:20px; width:20px; top:1px } .carousel-indicators{ top:1px } .carousel-indicators li{ border-radius:0; width:12px; height:18px } .carousel-indicators .active{ width:14px; height:20px } .carousel-control.right{ right:4px } .carousel-control .glyphicon-chevron-left{ margin-left:-10px } .carousel-control .glyphicon-chevron-right{ margin-right:-10px } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{ width:20px; height:20px; margin-top:0; font-size:20px; top:0 } /* ======================================================================= history.tmpl ========================================================================== */ #historyTable td, #historyTable td.provider span{ text-align:center } #historyTable td.provider span{ padding:0 2px } #historyTable td.provider span.fail img{ opacity:0.5; filter:alpha(opacity=50) } #historyTable td img, #historyTable td span{ vertical-align:middle } #historyTable td img.help, #historyTable td span.help{ cursor:help } #historyTable td.tvShow{ text-align:left } /* ======================================================================= cache.tmpl ========================================================================== */ #cacheTable{ text-align:center } th.col-name-cache, td.col-name-cache{ text-align:left } th.col-episodes, td.col-episodes{ max-width:250px; word-wrap:break-word } th.col-cache, td.col-cache{ width:20px } /* ======================================================================= config*.tmpl ========================================================================== */ #config-content{ display:block; width:960px; padding:0 0 40px; margin:0 auto; clear:both; text-align:left } .component-group{ padding:15px 15px 25px; border-bottom:1px dotted #ccc; min-height:200px } .component-item{ border-bottom:1px dotted #666; min-height:200px } .component-group-desc{ float:left; width:250px; padding-right:10px } .component-group-desc h3{ margin-top:5px } .component-group-desc p{ margin:10px 0; color:#666 } .stepDiv #customQualityWrapper h4{ margin-top:6px; padding:0 0 } .stepDiv div.field-pair{ padding:0 0 10px } #config div.field-pair{ padding:12px 0 } #config .linefix div.field-pair{ padding:6px 0 12px 0 } #config div.field-pair select, #config div.field-pair input{ margin-right:6px } .stepDiv .component-desc select, .stepDiv .component-desc input{ margin-right:15px } .stepDiv .component-desc input, #config div.field-pair input{ float:left } #config .nocheck, #config div #customQuality, .metadataDiv{ padding-left:20px } #config span.component-title.input{ line-height:24px } .stepDiv.linefix span.component-title, #config .linefix span.component-title{ line-height:29px !important } .stepDiv.linefix span.component-desc, #config .linefix span.component-desc{ line-height:30px } .stepDiv.linefix span.component-desc .note, #config .linefix span.component-desc .note{ line-height:18px } .stepDiv.linefix span.component-desc p, #config .linefix span.component-desc p{ margin-bottom:0 } .stepDiv span.component-title.input{ line-height:30px } .stepDiv span.component-title, #config span.component-title{ float:left; width:172px; 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:182px } #config label.space-right{ margin-right:20px } #config .metadataDiv{ display:none } .component-group-save{ float:right; padding-top:10px } select .selected{ font-weight:700; color:#888 } select .selected:before{ content:"> " } .jumbo{ font-size:15px !important; line-height:24px } #editShow .field-pair #SceneException h4, #editShow .field-pair #customQuality h4{ font-size:13px !important; margin-bottom:10px } #editShow .field-pair #customQuality h4{ margin-bottom:1px } .testNotification{ padding:5px; margin-bottom:10px; line-height:20px; border:1px dotted #CCC } #providerOrderList{ width:250px; padding-left:20px; list-style-type:none } #provider_order_list, #service_order_list{ width:250px; padding-left:20px; list-style-type:none } #config.search_providers #core-component-group1 #provider_key h4{ display:inline-block; float:left; margin:0 } #config.search_providers #core-component-group1 #provider_key p{ margin:0 0 20px 30px } #config.search_providers #core-component-group1 .component-group-desc, #config.search_providers #provider_order_list, #config.search_providers #core-component-group1 #provider_key{ width:300px } #config.search_providers #provider_order_list{ padding:0; float:left } #config.search_providers #provider_order_list, #config.search_providers #core-component-group1 .btn{ margin:0 auto } #config.search_providers #core-component-group1 .btn{ display:block } #config.search_providers #core-component-group1 #provider_key{ float:right; margin-bottom:25px } #provider_order_list li, #service_order_list li{ padding:5px; margin:0 0 5px; font-size:14px } #provider_order_list input, #service_order_list input{ margin:0 5px 0 2px; vertical-align:middle } #provider_order_list a.imgLink{ margin-right:3px } #config .tip_scale label span.component-title{ width:85px !important; font-size:12px !important; margin-top:2px !important } #config .tip_scale label span.component-desc{ margin-left:120px !important; width:220px !important } .infoTableHeader, .infoTableCell{ padding:5px } .infoTableSeperator{ border-top:1px dotted #666 } [class^="icon16-"], [class*=" icon16-"]{ background:url('../images/glyphicons-config.png') no-repeat; display:block; height:16px; width:16px; float:left; margin-right:5px } .icon16-github{ background-position:0 0 } .icon16-mirc{ background-position:-26px 0 } .icon16-sg{ background-position:-52px 0 } .icon16-web{ background-position:-78px 0 } .icon16-win{ background-position:-104px 0 } /* ======================================================================= config_postProcessing.tmpl ========================================================================== */ #config .episode-sample{ width:240px; margin-right:10px; border:1px solid } #config .episode-sample h3{ margin:10px; font-size:18px; line-height:24px } #config div.example{ padding:10px; border:1px solid } .Key{ width:100%; padding:6px; font-size:13px; background-color:#f4f4f4; border:1px solid #ccc; border-collapse:collapse; border-spacing:0 } .Key th, .tableHeader{ padding:3px 9px; margin:0; color:#fff; text-align:center; background:none repeat scroll 0 0 #666 } .Key td{ padding:1px 5px !important } .Key tr{ border-bottom:1px solid #ccc } .Key tr.even{ background-color:#dfdede } #failed-guide, #failed-guide .title, #failed-guide li{ margin:0; padding:0 } #failed-guide .title{ list-style-type:none } #failed-guide li{ margin-left:15px } .icon-info-sign{ display:block; width:16px; height:16px; margin:2px 5px; float:left } .pp .component-group-list.right, .pp .field-pair.right{ margin:0 0 0 250px } /* ======================================================================= config_notifications.tmpl ========================================================================== */ div.metadata_options_wrapper{ float:left; width:196px } div.metadata_example_wrapper{ margin-left:220px } div.metadata_options_wrapper h4, div.metadata_example_wrapper h4{ margin:0 0 10px } #config .linefix div.metadata_options input[type=checkbox]{ margin-top:4px } div.metadata_options{ overflow:auto; background:#f5f1e4; border:1px solid #ccc } div.metadata_options label:hover{ cursor:pointer } div.metadata_options label{ color:#036 } div.metadata_example label{ cursor:pointer; font-weight:600 } div.metadata_options label, div.metadata_example label{ line-height:21px; display:block; padding:3px 6px; margin:0 } div.metadata_options input{ margin-right:3px; vertical-align:baseline } div.metadataDiv .disabled{ font-weight:normal } .notifier-icon{ float:left; margin:6px 4px 0 0 } /* ======================================================================= manage*.tmpl ========================================================================== */ .sickbeardTable tr.header td, .manageTable th{ white-space:normal; line-height:24px } .manageTable td.tableright{ text-align:left } td.tableright{ text-align:center } .optionWrapper{ width:450px; margin-left:auto; margin-right:auto; padding:6px 12px } .optionWrapper span.selectTitle{ float:left; text-align:left; vertical-align:middle; width:225px; padding:6px 0 } .optionWrapper div.selectChoices{ float:left; width:175px; margin-left:25px } .optionWrapper br{ clear:both } .manageCustom{ text-align:center; padding:6px; margin-left:25px } .separator{ font-size:90%; color:#333 } a.whitelink{ color:#fff } input.get_more_eps, input.get_less_eps{ display:none } /* ======================================================================= 404.tmpl ========================================================================== */ #error-404{ text-align:center } #error-404 h1{ font-size:200px; line-height:200px; font-weight:900 } #error-404 h2{ text-transform:uppercase; font-size:50px; font-weight:900 } /* ======================================================================= Global ========================================================================== */ span.path{ padding:3px; margin-left:3px } .align-left{ text-align:left } .h2footer{ margin:-45px 0 8px; line-height:18px } span.quality{ font:12px/13px "Open Sans", verdana, sans-serif; background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0.25)); background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0.25)); background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0.25)); background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0.25)); -webkit-box-shadow:inset 0 1px rgba(255, 255, 255, 0.1),inset 0 -1px 3px rgba(0, 0, 0, 0.3),inset 0 0 0 1px rgba(255, 255, 255, 0.08),0 1px 2px rgba(0, 0, 0, 0.15); box-shadow:inset 0 1px rgba(255, 255, 255, 0.1),inset 0 -1px 3px rgba(0, 0, 0, 0.3),inset 0 0 0 1px rgba(255, 255, 255, 0.08),0 1px 2px rgba(0, 0, 0, 0.15); text-shadow:0 1px rgba(0, 0, 0, 0.8); color:#FFF; display:inline-block; padding:2px 4px; text-align:center; vertical-align:baseline; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } span.Custom{ background-color:#621993 } span.HD{ background-color:#2672B6 } span.HD720p{ background-color:#5b990d } span.HD1080p{ background-color:#2672B6 } span.RawHD{ background-color:#cd7300 } span.SD{ background-color:#BE2625 } span.Any{ background-color:#666 } span.Unknown{ background-color:#999 } span.Proper{ background-color:#3F7F00 } span.false{ color:#993333; /* red */ } span.true{ color:#669966; /* green */ } option.flag{ padding-left:35px; background-repeat:no-repeat; background-position:10px 50% } /* Anime section for editShow */ .bwlWrapper{ height:auto; margin:0 auto } #Anime{ clear:both; overflow-x:hidden; overflow-y:hidden; font-size:14px } #Anime div.component-group-desc{ float:left; width:165px } #Anime div.component-group-desc p{ margin:0.4em 0; width:95% } div.blackwhitelist h4{ margin-top:0 } div.blackwhitelist{ text-align:center } div.blackwhitelist.white input, div.blackwhitelist.black input, div.blackwhitelist.pool input{ margin:5px 0 !important } div.blackwhitelist select{ margin :0 !important } div.blackwhitelist .inuse{ margin-right:5px; width:243px; float:left } div.blackwhitelist.white, div.blackwhitelist.black{ width:243px } div.blackwhitelist.white select, div.blackwhitelist.black select{ margin:0; width:215px /* clear:both*/ } div.blackwhitelist.white select, div.blackwhitelist.black select{ height:110px } div.blackwhitelist.pool, div.blackwhitelist.pool select{ width:330px; height:265px; float:right } div.blackwhitelist span{ text-align:center } div#blackwhitelist, div.blackwhitelist.manual{ margin:7px 0 } .boldest{ font-weight:900 } .clear-left{ clear:left } .nextline-block{ display:block } .padbottom{ padding-bottom:10px } .max300{ max-width:300px } /* ======================================================================= bootstrap Overrides ========================================================================== */ body{ padding-top:60px; overflow-y:scroll; font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000 } html *{ outline:0 !important } input[type="checkbox"]{ margin:2px 0 0; line-height:normal } input[type="radio"]{ margin:2px 0 0; line-height:normal } input, textarea, select, .uneditable-input{ width:auto; color:#000 } .container-fluid{ margin-left:10px; margin-right:10px } .navbar-brand{ padding:0 } /* navbar styling */ .navbar-default .navbar-brand{ color:#fff } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{ color:#fff; background-color:transparent } .navbar-default .navbar-text{ color:#ddd } .navbar-default .navbar-nav > li > a{ color:#ddd } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color:#fff; background-color:transparent } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ color:#fff; background-color:#333 } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus{ color:#ccc; background-color:transparent } .navbar-default .navbar-toggle{ border-color:#ccc } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:#333 } .navbar-default .navbar-toggle .icon-bar{ background-color:#333 } .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color:#3e3f3a } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background-color:#333; color:#fff } @media(max-width:767px){ .navbar-default .navbar-nav .open .dropdown-menu > li > a{ color:#ddd } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ color:#fff; background-color:transparent } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{ color:#fff; background-color:#333 } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus{ color:#ccc; background-color:transparent } } .navbar-default .navbar-link{ color:#ddd } .navbar-default .navbar-link:hover{ color:#fff } .navbar-default .btn-link{ color:#98978b } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus{ color:#ddd } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus{ color:#ccc } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ color:#262626; text-decoration:none; background-color:#F5F5F5 } .dropdown-menu > li > a{ padding:4px 36px 4px 20px } .dropdown-menu{ background-color:#F5F1E4; border:1px solid rgba(0, 0, 0, 0.15); box-shadow:0 6px 12px rgba(0, 0, 0, 0.176) } .form-control{ color:#000 } .form-control-inline{ min-width:0; width:auto; display:inline } .btn{ display:inline-block; *display:inline; padding:4px 10px 4px; margin-bottom:0; *margin-left:.3em; font-size:12px; line-height:16px; *line-height:20px; text-align:center; vertical-align:middle; cursor:pointer; background-repeat:repeat-x; *border:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; *zoom:1 } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled]{ background-color:#e6e6e6; *background-color:#d9d9d9 } .btn:active, .btn.active{ background-color:#ccc \9 } .btn:first-child{ *margin-left:0 } .btn:hover{ color:#333; text-decoration:none; background-color:#e6e6e6; *background-color:#d9d9d9; background-position:0 -15px; -webkit-transition:background-position 0.1s linear; -moz-transition:background-position 0.1s linear; -ms-transition:background-position 0.1s linear; -o-transition:background-position 0.1s linear; transition:background-position 0.1s linear } .btn:focus{ outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn.active, .btn:active{ background-color:#e6e6e6; background-color:#d9d9d9 \9; background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) } .btn.disabled, .btn[disabled]{ cursor:default; background-color:#e6e6e6; background-image:none; opacity:0.65; filter:alpha(opacity=65); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .btn-large{ padding:9px 14px; font-size:15px; line-height:normal; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } /*.btn-large [class^="icon-"]{ margin-top:1px; }*/ .btn-small{ padding:5px 9px; font-size:11px; line-height:16px } .btn-small [class^="icon-"]{ margin-top:-1px } .btn-mini{ padding:2px 6px; font-size:11px; line-height:14px } .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover{ color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active{ color:rgba(255, 255, 255, 0.75) } .btn-primary{ background-color:#0074cc; *background-color:#0055cc; background-image:-ms-linear-gradient(top, #0088cc, #0055cc); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)); background-image:-webkit-linear-gradient(top, #0088cc, #0055cc); background-image:-o-linear-gradient(top, #0088cc, #0055cc); background-image:-moz-linear-gradient(top, #0088cc, #0055cc); background-image:linear-gradient(top, #0088cc, #0055cc); background-repeat:repeat-x; border-color:#0055cc #0055cc #003580; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]{ background-color:#0055cc; *background-color:#004ab3 } .btn-primary:active, .btn-primary.active{ background-color:#004099 \9 } .btn-warning{ background-color:#faa732; *background-color:#f89406; background-image:-ms-linear-gradient(top, #fbb450, #f89406); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image:-webkit-linear-gradient(top, #fbb450, #f89406); background-image:-o-linear-gradient(top, #fbb450, #f89406); background-image:-moz-linear-gradient(top, #fbb450, #f89406); background-image:linear-gradient(top, #fbb450, #f89406); background-repeat:repeat-x; border-color:#f89406 #f89406 #ad6704; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled]{ background-color:#f89406; *background-color:#df8505 } .btn-warning:active, .btn-warning.active{ background-color:#c67605 \9 } .btn-danger{ background-color:#da4f49; *background-color:#bd362f; background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image:-o-linear-gradient(top, #ee5f5b, #bd362f); background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f); background-image:linear-gradient(top, #ee5f5b, #bd362f); background-repeat:repeat-x; border-color:#bd362f #bd362f #802420; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled]{ background-color:#bd362f; *background-color:#a9302a } .btn-danger:active, .btn-danger.active{ background-color:#942a25 \9 } .btn-success{ background-color:#5bb75b; *background-color:#51a351; background-image:-ms-linear-gradient(top, #62c462, #51a351); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image:-webkit-linear-gradient(top, #62c462, #51a351); background-image:-o-linear-gradient(top, #62c462, #51a351); background-image:-moz-linear-gradient(top, #62c462, #51a351); background-image:linear-gradient(top, #62c462, #51a351); background-repeat:repeat-x; border-color:#51a351 #51a351 #387038; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled]{ background-color:#51a351; *background-color:#499249 } .btn-success:active, .btn-success.active{ background-color:#408140 \9 } .btn-info{ background-color:#49afcd; *background-color:#2f96b4; background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image:-o-linear-gradient(top, #5bc0de, #2f96b4); background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4); background-image:linear-gradient(top, #5bc0de, #2f96b4); background-repeat:repeat-x; border-color:#2f96b4 #2f96b4 #1f6377; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled]{ background-color:#2f96b4; *background-color:#2a85a0 } .btn-info:active, .btn-info.active{ background-color:#24748c \9 } .btn-inverse{ background-color:#414141; *background-color:#222; background-image:-ms-linear-gradient(top, #555555, #222222); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image:-webkit-linear-gradient(top, #555555, #222222); background-image:-o-linear-gradient(top, #555555, #222222); background-image:-moz-linear-gradient(top, #555555, #222222); background-image:linear-gradient(top, #555555, #222222); background-repeat:repeat-x; border-color:#222 #222 #000; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false) } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled]{ background-color:#222; *background-color:#151515 } .btn-inverse:active, .btn-inverse.active{ background-color:#080808 \9 } .btn-xs{ padding:1px 5px; font-size:12px; line-height:1.5; border-radius:3px } @media(min-width:768px){ .navbar .nav > li > .dropdown-menu:after{ position:absolute; top:-6px; right:12px; display:inline-block; border-right:6px solid transparent; border-bottom:6px solid #F5F1E4; border-left:6px solid transparent; content:"" } } label{ font-weight:normal } pre{ border:1px solid } .alert{ padding:10px; text-align:center } /* ======================================================================= input sizing (for config pages) ========================================================================== */ #config select{ min-width:0; width:auto; display:inline; margin-top:-4px } .btn-inline{ margin-top:-3px } .input75{ width:75px; margin-top:-4px } .input100{ width:100px; margin-top:-4px } .input150{ width:150px; margin-top:-4px } .input200{ width:200px; margin-top:-4px } .input250{ width:250px; margin-top:-4px } .input300{ width:300px; margin-top:-4px } .input350{ width:350px; margin-top:-4px } .stepDiv.linefix .select,.stepDiv.linefix .btn-inline,.stepDiv.linefix .input75,.stepDiv.linefix .input100,.stepDiv.linefix .input150,.stepDiv.linefix .input200,.stepDiv.linefix .input250,.stepDiv.linefix .input300,.stepDiv.linefix .input350, #config .linefix .select,#config .linefix .btn-inline,#config .linefix .input75,#config .linefix .input100,#config .linefix .input150,#config .linefix .input200,#config .linefix .input250,#config .linefix .input300,#config .linefix .input350{ margin-top:0 } .stepDiv.linefix input[type=radio],.stepDiv.linefix input[type=checkbox], #config .linefix input[type=radio],#config .linefix input[type=checkbox]{ margin-top:0.7em } .stepDiv.linefix input[type=button], #config .linefix input[type=button]{ margin-top:1px } /* ======================================================================= browser.css ========================================================================== */ #fileBrowserDialog{ overflow-y:auto } #fileBrowserDialog ul{ padding:0; margin:0 } #fileBrowserDialog ul li{ margin:2px 0; list-style-type:none; cursor:pointer } #fileBrowserDialog ul li a{ display:block; padding:4px 0 } #fileBrowserDialog ul li a:hover{ color:#00f; background:none } #fileBrowserDialog ul li a span.ui-icon{ float:left; margin:0 4px } #fileBrowserDialog h2{ font-size:20px } .ui-autocomplete{ max-height:180px; overflow-x:hidden; overflow-y:auto } /* IE6 hack since it doesn't support max-height */ * html .ui-autocomplete{ height:180px; padding-right:20px } .ui-menu .ui-menu-item{ background-color:#eee } .ui-menu .ui-menu-item-alternate{ background-color:#fff } .ui-autocomplete .ui-menu-item .ui-state-focus{ color:#fff; background:none; background-color:#0a246a } /* restore 1.8.x resize handle on dialog button pane */ .ui-dialog .ui-resizable-se{ width:14px; height:14px; right:3px; bottom:3px; background-position:-80px -224px } /* ======================================================================= formWizard ========================================================================== */ fieldset.sectionwrap{ padding:5px 0; text-align:left; border-width:0 } .step-one #searchResults legend.legendStep{ margin-top:10px } div.stepsguide .step, legend.legendStep{ margin-bottom:0 } legend.legendStep p{ padding-left:15px } div.stepsguide{ text-align:left; cursor:pointer } div.stepsguide .step{ float:left; width:267px; 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{ overflow:hidden } div.formpaginate .prev, div.formpaginate .next{ padding:3px 6px; cursor:hand; cursor:pointer; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px } .stepDiv{ padding:15px } .stepDiv.parent-folder{ padding:15px 0 0; width:430px; margin:0 auto } .stepDiv .nocheck{ padding-left:16px } /* step 3 related */ #customQuality{ display:block; padding:0 0 10px 0; overflow:hidden; clear:both } #customQualityWrapper div.component-group-desc{ float:left; width:165px } #customQualityWrapper div.component-group-desc p{ width:85%; margin:.8em 0; font-size:1.2em } /* ======================================================================= tablesorter.css ========================================================================== */ .tablesorter{ width:100%; margin-right:auto; margin-left:auto; color:#000; text-align:left; background-color:#fff; border-spacing:0 } .tablesorter th, .tablesorter td{ padding:4px; border-top:1px solid; border-left:1px solid; vertical-align:middle } #addRootDirTable.tablesorter td{ vertical-align:baseline } /* remove extra border from left edge */ .tablesorter th:first-child, .tablesorter td:first-child{ border-left:none } .tablesorter th{ text-align:center; border-collapse:collapse; font-weight:normal } .tablesorter .tablesorter-header{ padding:4px 18px 4px 18px; cursor:pointer; vertical-align:middle } .tablesorter .narrow.tablesorter-header{ padding:4px 18px 4px 4px } .tablesorter thead .sorter-false{ background-image:none; padding:4px; cursor:default } thead.tablesorter-stickyHeader{ border-top:2px solid #fff; border-bottom:2px solid #fff } /* Zebra Widget - row alternating colors */ .tablesorter tr.odd, .sickbeardTable tr.odd{ background-color:#f5f1e4 } .tablesorter tr.even, .sickbeardTable tr.even{ background-color:#dfdacf } /* filter widget */ .tablesorter .filtered{ display:none } .tablesorter input.tablesorter-filter{ width:98%; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .tablesorter tr.tablesorter-filter-row, .tablesorter tr.tablesorter-filter-row td{ text-align:center; background:#eee; border-bottom:1px solid #ddd } /* optional disabled input styling */ .tablesorter input.tablesorter-filter-row .disabled{ display:none } .tablesorter-header-inner{ padding:0 2px; text-align:center } .tablesorter tfoot tr{ color:#fff; text-align:center; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); background-color:#333; border-collapse:collapse } .tablesorter tfoot a{ text-decoration:none } /* ======================================================================= token-input.css ========================================================================== */ ul.token-input-list{ overflow:hidden; height:auto !important; height:1%; width:273px; border:1px solid #ccc; cursor:text; font-size:10px; font-family:Verdana; z-index:999; margin:0; padding:0 0 1px 0; background-color:#fff; list-style-type:none; /* clear:left; */ border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px } ul.token-input-list li{ list-style-type:none } ul.token-input-list li input{ border:0; padding:3px 4px; background-color:white /* -webkit-appearance:caret; */ } li.token-input-token{ overflow:hidden; height:auto !important; height:1%; margin:3px; padding:3px 5px 0 5px; background-color:#d0efa0; color:#000; font-weight:bold; cursor:default; display:block } li.token-input-token img{ padding-top:7px; padding-right:4px; float:left } li.token-input-token input{ padding-top:2px !important; padding-right:4px !important; float:left } li.token-input-token p{ float:left; padding:0; margin:0; line-height:2.0 !important } li.token-input-token span{ float:right; color:#777; cursor:pointer } li.token-input-selected-token{ background-color:#08844e; color:#fff } li.token-input-selected-token span{ color:#bbb } li.token-input-input-token input{ margin:3px 3px 3px 3px !important } div.token-input-dropdown{ position:absolute; width:273px; overflow:hidden; border-left:1px solid; border-right:1px solid; border-bottom:1px solid; cursor:default; font-size:11px; font-family:Verdana; z-index:1 } div.token-input-dropdown p{ margin:0; padding:3px; font-weight:bold; color:#777 } div.token-input-dropdown ul{ margin:0; padding:0 } div.token-input-dropdown ul li{ background-color:#fff; padding:3px; list-style-type:none } div.token-input-dropdown ul li.token-input-dropdown-item{ background-color:#fafafa } div.token-input-dropdown ul li.token-input-dropdown-item2{ background-color:#fff } div.token-input-dropdown ul li em{ font-weight:bold; font-style:normal } div.token-input-dropdown ul li.token-input-selected-dropdown-item{ background-color:#6196c2 } span.token-input-delete-token{ margin:0 1px } /* ======================================================================= jquery.confirm.css ========================================================================== */ #confirmOverlay{ width:100%; height:100%; position:fixed; top:0; left:0; background:url(../images/bg.gif); background:-moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) repeat-x rgba(0, 0, 0, 0.5); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))) repeat-x rgba(0, 0, 0, 0.5); z-index:100000 } #confirmBox{ background:#F5F1E4; width:460px; position:fixed; left:50%; top:50%; margin:-130px 0 0 -230px; border:1px solid #111; box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.175) } #confirmBox h1, #confirmBox p{ padding:6px 10px } #confirmBox h1{ background-color:#333; border-bottom:1px solid #111; color:#fff; margin:0; font-size:22px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.75) } #confirmBox p{ padding-top:20px; color:#000; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75) } #confirmButtons{ padding:15px 0; text-align:center } #confirmBox .button{ margin-right:15px; padding:2px 20px; text-decoration:none; display:inline-block; color:#fff; text-align:center; text-shadow:0 1px 1px rgba(0, 0, 0, 0.75); background-clip:padding-box; border:1px solid #111; border-radius:3px; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 51%,rgba(0, 0, 0, 0.25)); background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 51%,rgba(0, 0, 0, 0.25)); background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 51%,rgba(0, 0, 0, 0.25)); background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0) 50%,rgba(0, 0, 0, 0) 51%,rgba(0, 0, 0, 0.25)); -webkit-box-shadow:inset 0 1px rgba(255, 255, 255, 0.1),inset 0 -1px 3px rgba(0, 0, 0, 0.3),inset 0 0 0 1px rgba(255, 255, 255, 0.08),0 1px 2px rgba(0, 0, 0, 0.15); box-shadow:inset 0 1px rgba(255, 255, 255, 0.1),inset 0 -1px 3px rgba(0, 0, 0, 0.3),inset 0 0 0 1px rgba(255, 255, 255, 0.08),0 1px 2px rgba(0, 0, 0, 0.15) } #confirmBox .button:last-child{ margin-right:0 } #confirmBox .green{ background-color:#3F7636 } #confirmBox .green:hover{ background-color:#48873E } #confirmBox .red{ background-color:#8D2D2B } #confirmBox .red:hover{ background-color:#A13331 } /* ======================================================================= pnotify.css ========================================================================== */ .ui-pnotify-sticker{ margin-top:-12px } .ui-pnotify-closer{ margin-top:-12px; margin-right:-10px }