/* ======================================================================= fonts ========================================================================== */ /* Open Sans */ /* Regular */ @font-face { font-family: 'Open Sans'; src:url('fonts/OpenSans-Regular-webfont.eot'); src:url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-weight: 400; font-style: normal; } /* Italic */ @font-face { font-family: 'Open Sans'; src:url('fonts/OpenSans-Italic-webfont.eot'); src:url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-weight: 400; font-style: italic; } /* Light */ @font-face { font-family: 'Open Sans'; src:url('fonts/OpenSans-Light-webfont.eot'); src:url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: 200; font-style: normal; } /* Light Italic */ @font-face { font-family: 'Open Sans'; src:url('fonts/OpenSans-LightItalic-webfont.eot'); src:url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); font-weight: 200; font-style: italic; } /* Semibold */ @font-face { font-family: 'Open Sans'; src:url('fonts/OpenSans-Semibold-webfont.eot'); src:url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: 600; font-style: normal; } /* Semibold Italic */ @font-face { font-family: 'Open Sans'; src:url('fonts/OpenSans-SemiboldItalic-webfont.eot'); src:url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight: 600; font-style: italic; } /* Bold */ @font-face { font-family: 'Open Sans'; src:url('fonts/OpenSans-Semibold-webfont.eot'); src:url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: bold; font-weight: 700; font-style: normal; } /* Bold Italic */ @font-face { font-family: 'Open Sans'; src:url('fonts/OpenSans-SemiboldItalic-webfont.eot'); src:url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight: bold; font-weight: 700; font-style: italic; } /* Extra Bold */ @font-face { font-family: 'Open Sans'; src:url('fonts/OpenSans-Bold-webfont.eot'); src:url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: 900; font-style: normal; } /* Extra Bold Italic */ @font-face { font-family: 'Open Sans'; src:url('fonts/OpenSans-BoldItalic-webfont.eot'); src:url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: 900; font-style: italic; } /* Droid Sans */ @font-face { font-family: 'droid_sans_mono'; src:url('fonts/droidsansmono-webfont.eot'); src:url('fonts/droidsansmono-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidsansmono-webfont.woff') format('woff'), url('fonts/droidsansmono-webfont.ttf') format('truetype'), url('fonts/droidsansmono-webfont.svg#droid_sans_monoregular') 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"); } .dropdown-menu li > a:hover > [class^="menu-icon-"], .dropdown-menu li > a:hover > [class*=" menu-icon-"] { background-image: url("../images/menu/menu-icons-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: #ffffff 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: #ffffff; border: 1px solid #CCCCCC; } .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: #ffffff; } .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: #aaaaaa url("../css/lib/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; } .ui-widget-shadow { background: #000000 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 #CCCCCC !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^="menu-icon-"], [class*=" menu-icon-"] { background: url("../images/menu/menu-icons-black.png"); height: 16px; width: 16px; display: inline-block; position: relative; top: 2px; float: left; } @media(max-width:767px){ [class^="menu-icon-"], [class*=" menu-icon-"] { background: url("../images/menu/menu-icons-white.png"); height: 16px; width: 16px; display: inline-block; position: relative; top: 2px; float: left; } } .menu-icon-addshow { background-position: 0 0; } .menu-icon-anime { background-position: -21px 0; } .menu-icon-backlog-view { background-position: -42px 0; } .menu-icon-backlog { background-position: -63px 0; } .menu-icon-bittorrent { background-position: -84px 0; } .menu-icon-config-index { background-position: -105px 0; } .menu-icon-config { background-position: -126px 0; } .menu-icon-failed-download { background-position: -147px 0; } .menu-icon-home { background-position: -168px 0; } .menu-icon-manage { background-position: -189px 0; } .menu-icon-manage-searches { background-position: -210px 0; } .menu-icon-poster { background-position: -231px 0; } .menu-icon-postprocess { background-position: -252px 0; } .menu-icon-restart { background-position: -273px 0; } .menu-icon-shutdown { background-position: -294px 0; } .menu-icon-update { background-position: -315px 0; } .menu-icon-viewlog-errors { background-position: -336px 0; } .menu-icon-viewlog { background-position: -357px 0; } .menu-icon-xbmc { background-position: -378px 0; } .menu-icon-help { background-position: -399px 0; } [class^="submenu-icon-"], [class*=" submenu-icon-"] { background: url("../images/menu/menu-icons-black.png"); height: 16px; width: 16px; } .submenu-icon-anime { background-position: -21px 0; } .submenu-icon-bittorrent { background-position: -84px 0; } .submenu-icon-failed-download { background-position: -147px 0; } .submenu-icon-restart { background-position: -273px 0; } .submenu-icon-shutdown { background-position: -294px 0; } .submenu-icon-xbmc { background-position: -378px 0; } /* ======================================================================= inc_bottom.tmpl ========================================================================== */ .footer { width: 100%; padding: 20px 0; color: #4e4e4e; text-align: center; font-size: 12px; } .footerhighlight { color: #111; 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: #000000; } .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, #container-anime { 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 } /* ======================================================================= 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; } /* ======================================================================= home_postprocess.tmpl ========================================================================== */ #postProcess { width: 800px; padding-top: 10px; margin-right: auto; margin-left: auto; } /* ======================================================================= displayShow.tmpl ========================================================================== */ #posterCol { float: left; margin: 3px 10px 20px 0; } #showCol { overflow: hidden; margin-bottom: 20px; } .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"); } h1.title { padding-bottom: 12px; margin-bottom: 15px; line-height: 30px; text-align: left; text-rendering: optimizelegibility; border-bottom: 1px solid #888; } .displayspecials { position: relative; top: -24px; } #showinfo { cursor: default; } #showinfo { display: inline-block; position: relative; top: -3px; } 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 } #showinfo .flag { margin: 0 3px 0 0; vertical-align: baseline; } #showinfo .imdb-info { margin: 0 3px 0 0; } #showinfo a.service { margin: 0 3px 0 0; font-size: 16px; } ul.tags { list-style-type: none; position: relative; top: -5px; margin-left: -40px; } ul.tags li { margin-right: 4px; margin-bottom: 5px; padding: 3px 4px 3px 25px; background: url(../images/tag.png) no-repeat scroll 5px 4px #555; border-radius: 3px; border: 1px solid #111; color: #FFF; font: 14px/18px "Open Sans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; text-shadow: 0 1px rgba(0, 0, 0, 0.8); float: left; } ul.tags li a{ color: #FFF; } .tvshowImg { border: 1px solid #ccc; border-radius: 5px; height: 311px; width: auto; float: left; } #summary { padding: 10px; background-color: #efefef; border: 1px solid #dfdede; width: 100%; height: 250px; overflow: auto; cursor: default; } .summaryTable { max-width: 70%; overflow: hidden; } #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; } .unaired { background-color: #f5f1e4; } .skipped { background-color: #bedeed; } .good { background-color: #c3e3c8; } .qual { background-color: #ffda8a; } .wanted { background-color: #ffb0b0; } .snatched { background-color: #ebc1ea; } 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: #000000; 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: collapse; border-spacing: 0; text-align: center; border: none; empty-cells: show; } .sickbeardTable.display_show { clear:both } .sickbeardTable th{ color: #fff; text-align: center; background-color: #333; white-space: nowrap; } .sickbeardTable th, .sickbeardTable td { border-top: 1px solid #fff; border-left: 1px solid #fff; padding: 4px; } th.row-seasonheader { border: none; background-color: #fff; color: #000; padding-top: 15px; text-align: left; } tr.seasonheader { padding-bottom: 5px; padding-top: 10px; text-align: left; border: none; color: #fff; } th.col-checkbox, td.col-checkbox { width: 30px; border-left: none; text-align: center; } th.col-checkbox input[type="checkbox"], td.col-checkbox input[type="checkbox"] { vertical-align: -2px; } th.col-metadata, td.col-metadata { width: 28px; } th.col-ep, td.col-ep { width: 50px; white-space: nowrap; } th.col-airdate, td.col-airdate { width: 86px; white-space: nowrap; } th.col-name, td.col-name { min-width: 100px; } td.col-name { text-align: left; } th.col-subtitles, td.col-subtitles { width: 150px; text-align: center; } th.col-status, td.col-status { width: 200px; text-align: center; } th.col-legend, td.col-legend { width: 80px; } th.col-search, td.col-search { width: 46px; } .showLegend { padding-right: 6px; padding-bottom: 1px; width: 150px; } .input-scene { height: 20px; line-height: 1.5; border-radius: 3px; } #editShow { width: 700px; padding-top: 10px; margin-right: auto; margin-left: auto; } /* ======================================================================= episodeView.tmpl ========================================================================== */ .sort_data { display: none; } .key { margin-bottom: 20px; } .listing-key { padding: 5px; font-size: 13px; font-weight: bold; border-radius: 5px; } .listing-default { background-color: #f5f1e4; } .listing-current { background-color: #dfd; } .listing-overdue { background-color: #fdd; } .listing-toofar { background-color: #bedeed; } span.listing-default { color: #826f30; border: 1px solid #826f30; } span.listing-current { color: #295730; border: 1px solid #295730; } span.listing-overdue { color: #890000; border: 1px solid #890000; } 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: #000000; 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% } .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, .day-of-week .text .episode { overflow: hidden; text-overflow: ellipsis; display: block; font-size: 12px; } .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; } /* ======================================================================= 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 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; } .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; } .jumbo { font-size: 15px !important; line-height: 24px; } .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 #666666; } [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; } .legend { position: relative; top: 2px; } /* ======================================================================= config_notifications.tmpl ========================================================================== */ div.metadata_options_wrapper { float: left; width: 190px; } div.metadata_example_wrapper { margin-left: 220px; } div.metadata_options_wrapper h4, div.metadata_example_wrapper h4 { margin: 0 0 10px; } 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; 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 ========================================================================== */ .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: #333333; } a.whitelink { color: #fff; } /* ======================================================================= 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: #FFFFFF; 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-bottom: 0.4em; margin-left: 0; margin-right: 0; margin-top: 0.4em; width: 95%; } div.blackwhitelist{ float:left; text-align: center; } div.blackwhitelist input { margin: 5px 5px; } div.blackwhitelist.pool select{ width: 300px; } div.blackwhitelist.pool { margin:5px; } div.blackwhitelist.white select, div.blackwhitelist.black select { width: 180px; } div.blackwhitelist.white, div.blackwhitelist.black { margin:5px; } div.blackwhitelist span { display: block; text-align: center; } div.blackwhitelist.anidb, div.blackwhitelist.manual { margin: 7px 0; } /* ======================================================================= 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: #ffffff; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #ffffff; background-color: transparent; } .navbar-default .navbar-text { color: #dddddd; } .navbar-default .navbar-nav > li > a { color: #dddddd; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background-color: #333333; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #cccccc; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #333333; } .navbar-default .navbar-toggle .icon-bar { background-color: #333333; } .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: #333333; color: #ffffff; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #dddddd; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; 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: #ffffff; background-color: #333333; } .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: #cccccc; background-color: transparent; } } .navbar-default .navbar-link { color: #dddddd; } .navbar-default .navbar-link:hover { color: #ffffff; } .navbar-default .btn-link { color: #98978b; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #dddddd; } .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: #cccccc; } .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: #000000; } .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: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; 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: #ffffff; 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: #222222; 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: #222222 #222222 #000000; 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: #222222; *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; } /* ======================================================================= 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 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; } .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 } .boldest {font-weight: 900} .red-text {color:#d33} .clear-left {clear:left} .float-left {float:left} .nextline-block {display:block} #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; } .trakt-image { display: block; width: 100%; height: 100%; z-index: 0; background-image: url(../images/poster-dark.jpg) } .time-am-pm { margin-left: 2px; } #content.episodeview-banner .time-am-pm, #content.episodeview-poster .time-am-pm { margin-left: 0; } /* ======================================================================= 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; }