/* ======================================================================= 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 { /* background: url("../images/bg.png") repeat 0 0 transparent; */ } [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"); } [class^="icon16-"], [class*=" icon16-"] { background-image: url("../images/glyphicons-config.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: #2a2a2a !important;; } .ui-accordion-content, .ui-tabs-panel { background: #ededed !important; background-image: none !important; } .ui-widget-content { background: #606060; border: 1px solid #111; color: #fff; } .ui-widget-content a { color: #fff; } .ui-widget-content a:hover { color: #09A2FF; text-decoration: none; } .ui-widget-header { background: #3d3d3d; border: 1px solid #111; color: #fff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #111; } .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: #3d3d3d; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #3d3d3d; } .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_ffffff_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_09a2ff_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: #000000 url("../css/lib/images/ui-bg_flat_0_000000_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: #fff; text-decoration: none; } .ui-dialog .ui-dialog-titlebar-close { background: #333; } .ui-tabs { padding: 0px; background: none; border-width: 0px; } .ui-tabs .ui-tabs-nav { padding-left: 0px; background: transparent; border-width: 0px 0px 0px 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .ui-tabs .ui-tabs-panel { background-color: #3d3d3d !important; border: 1px solid #111 !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){ background: #333; 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: 0px; } [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; } @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: 0px 0px; } .menu-icon-anime { background-position: -21px 0px; } .menu-icon-backlog-view { background-position: -42px 0px; } .menu-icon-backlog { background-position: -63px 0px; } .menu-icon-bittorrent { background-position: -84px 0px; } .menu-icon-config-index { background-position: -105px 0px; } .menu-icon-config { background-position: -126px 0px; } .menu-icon-failed-download { background-position: -147px 0px; } .menu-icon-home { background-position: -168px 0px; } .menu-icon-manage { background-position: -189px 0px; } .menu-icon-manage-searches { background-position: -210px 0px; } .menu-icon-poster { background-position: -231px 0px; } .menu-icon-postprocess { background-position: -252px 0px; } .menu-icon-restart { background-position: -273px 0px; } .menu-icon-shutdown { background-position: -294px 0px; } .menu-icon-update { background-position: -315px 0px; } .menu-icon-viewlog-errors { background-position: -336px 0px; } .menu-icon-viewlog { background-position: -357px 0px; } .menu-icon-xbmc { background-position: -378px 0px; } .menu-icon-help { background-position: -399px 0px; } [class^="submenu-icon-"], [class*=" submenu-icon-"] { background: url("../images/menu/menu-icons-white.png"); height: 16px; width: 16px; } .submenu-icon-anime { background-position: -21px 0px; } .submenu-icon-bittorrent { background-position: -84px 0px; } .submenu-icon-failed-download { background-position: -147px 0px; } .submenu-icon-restart { background-position: -273px 0px; } .submenu-icon-shutdown { background-position: -294px 0px; } .submenu-icon-xbmc { background-position: -378px 0px; } /* ======================================================================= inc_bottom.tmpl ========================================================================== */ .footer { width: 100%; padding: 20px 0; color: #fff; text-align: center; font-size: 12px; } .footerhighlight { color: #09A2FF; display: inline; } /* ======================================================================= home.tmpl ========================================================================== */ .imgbanner .banner { border: 1px solid #111; overflow: hidden; height: 66px; overflow: hidden; 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 #111; margin-right: 5px; } .search { margin-bottom: 10px; } .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 #000; vertical-align: middle; font-size: 12px; color: #fff; } .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: #333; 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: 0px; } .show .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px; } .show .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; } .show .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px; } .show .ui-widget-content { border-top: 1px solid #111; border-bottom: 1px solid #111; border-left: 0px; border-right: 0px; } .show .progress-80 { border-radius: 0px; } .show .progress-60 { border-radius: 0px; } .show .progress-40 { border-radius: 0px; } .show .progress-20 { border-radius: 0px; } .show-title { position: relative; overflow: hidden; white-space: nowrap; font-size: 11px; margin: 4px 4px 0px 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(51, 51, 51, 1), rgba(51, 51, 51, 0)); background-image: -moz-linear-gradient(right, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0)); background-image: -ms-linear-gradient(right, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0)); background-image: -o-linear-gradient(right, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0)); background-image: linear-gradient(to left, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0)); } .show-date { position: relative; overflow: hidden; white-space: nowrap; font-size: 11px; margin: 0px 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(51, 51, 51, 1), rgba(51, 51, 51, 0)); background-image: -moz-linear-gradient(right, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0)); background-image: -ms-linear-gradient(right, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0)); background-image: -o-linear-gradient(right, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0)); background-image: linear-gradient(to left, rgba(51, 51, 51, 1), rgba(51, 51, 51, 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: #fff; text-decoration: none; } td.tvShow a:hover { cursor: pointer; color: #09A2FF; } /* ======================================================================= home_addShows.tmpl ========================================================================== */ #addShowPortal { width: 700px; padding: 10px 0; margin-right: auto; margin-left: auto; } #addShowPortal a { padding: 10px; } div.button { display: table-cell; vertical-align: middle; padding-left: 10px; } div.buttontext { display: table-cell; padding-left: 20px; text-align: left; white-space: normal; } div.buttontext h3 { margin-top: 10px; } div.buttontext p { font-size: 13px; } .icon-addnewshow { background-image: url("../images/addshows/add-new32-white.png"); width: 32px; height: 32px; } .icon-addtrendingshow { background-image: url("../images/addshows/add-trending32-white.png"); width: 32px; height: 32px; } .icon-addrecommendedshow { background-image: url("../images/addshows/add-trakt32-white.png"); width: 32px; height: 32px; } .icon-addexistingshow { background-image: url("../images/addshows/add-existing32-white.png"); width: 32px; height: 32px; } /* ======================================================================= home_newShow.tmpl ========================================================================== */ #addShowForm, #recommendedShowsForm { width: 800px; margin-left: auto; margin-right: auto; padding: 10px 0; font-size:13px; } #newShowPortal { width: 960px; padding: 10px 0; margin-right: auto; margin-left: auto; } #displayText { padding: 8px; overflow: hidden; font-size: 14px; background-color: #3d3d3d; border: 1px solid #111; } #searchResults input[type="radio"] { vertical-align: -2px; } /* ======================================================================= home_addExistingShow.tmpl ========================================================================== */ .existingtabs { padding: 1em 1.4em; } ul#rootDirStaticList { margin-right: auto; margin-left: auto; text-align: left; } ul#rootDirStaticList li { padding: 4px 5px 4px 5px; margin: 2px; list-style: none outside none; cursor: pointer; background: #3d3d3d; } 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; /* text-shadow: 1px 1px 0px #000;*/ padding-left: 4px; margin: 0; } .traktContainer { margin: 12px; width: 188px; background-color: #333; 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-right: 10px; margin-bottom: 20px; } #showCol { overflow: hidden; margin-bottom: 20px; } .navShow { display: inline; cursor: pointer; } #prevShow, #nextShow, #topcontrol { -webkit-filter: "none"; filter: none; } h1.title { padding-bottom: 12px; margin-bottom: 15px; line-height: 30px; text-align: left; text-rendering: optimizelegibility; border-bottom: 1px solid #555; } .displayspecials { position: relative; top: -24px; } #showinfo { cursor: default; } #showinfo { display: inline-block; position: relative; top: -3px; } span.imdbstars { display: inline-block; vertical-align: top; cursor: help; margin-top: 4px; } span.imdbstars, span.imdbstars > * { height: 12px; background: url(../images/rating.png) 0 -12px repeat-x; width: 120px; display: inline-block; vertical-align: top; } span.imdbstars > * { background-position: 0 0; max-width:120px; } 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 #15528F; border-radius: 3px; border: 1px solid #111; color: #FFF; font: 14px/18px "Open Sans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; text-shadow: 0px 1px rgba(0, 0, 0, 0.8); float: left; } ul.tags li a{ color: #FFF; } .tvshowImg { border: 1px solid #111; border-radius: 5px; height: 311px; width: auto; float: left; } #summary { padding: 10px; background-color: #3d3d3d; border: 1px solid #111; 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; color: #000; } .sickbeardTable th{ color: #fff; text-align: center; background-color: #15528F; white-space: nowrap; } .sickbeardTable th, .sickbeardTable td { border-top: 1px solid #222; border-left: 1px solid #222; padding: 4px; } th.row-seasonheader { border: none; background-color: #222; color: #fff; padding-top: 15px; text-align: left; } tr.seasonheader { padding-bottom: 5px; padding-top: 10px; text-align: left; border: none; } 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; } /* ======================================================================= comingEpisodes.tmpl ========================================================================== */ .sort_data { display: none; } .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 0px rgba(0, 0, 0, 0.3); background-color: #15528F; } .tvshowDiv { display: block; clear: both; border: 1px solid #ccc; margin: auto; padding: 0px; text-align: left; width: 750px; border-radius: 5px; background: #fff; cursor: default; overflow: hidden; color: #000; } .tvshowDiv a:hover { color: #09A2FF; } .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; } #showListTable td.tvShow a { color: #000; } #showListTable td.tvShow a:hover { cursor: pointer; color: #09A2FF; } table.cal-odd { background-color: #333; } table.cal-even { background-color: #3d3d3d; } .calendarShow .text .airtime { color:#fff } .calendarShow .text .episode-title { color:#aaa } /* ======================================================================= 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 #555; min-height: 200px; } .component-item { border-bottom: 1px dotted #666; min-height: 200px; } .component-group-desc{ float: left; width: 250px; } .component-group-desc h3{ margin-top: 5px; } .component-group-desc p { width: 90%; margin: 10px 0; color: #ddd; } #config div.field-pair { padding: 12px 0px; } #config div.field-pair input { float: left; margin-right: 6px; } #config .nocheck, #config div #customQuality, .metadataDiv { padding-left: 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; } #provider_order_list li, #service_order_list li { padding: 5px; margin: 5px 0; font-size: 14px; background: #333 !important; color: #fff; } #provider_order_list input, #service_order_list input { margin: 0px 2px; } #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-image: url("../images/glyphicons-config-white.png"); background-position: -40px 0; background-repeat: no-repeat; display: inline-block; height: 16px; line-height: 16px; vertical-align: text-top; width: 16px; } .icon16-github { background-position: 0 0; } .icon16-mirc { background-position: -20px 0; } .icon16-sb { background-position: -40px 0; } .icon16-web { background-position: -60px 0; } .icon16-win { background-position: -80px 0; } /* ======================================================================= config_postProcessing.tmpl ========================================================================== */ #config div.example { padding: 10px; background-color: #333333; border: 1px solid #111; } .Key { width: 100%; padding: 6px; font-size: 13px; background-color: #3d3d3d; border: 1px solid #111; border-collapse: collapse; border-spacing: 0; } .Key th, .tableHeader { padding: 3px 9px; margin: 0; color: #fff; text-align: center; background: #15528F; } .Key td { padding: 1px 5px !important; } .Key tr { border-bottom: 1px solid #111; } .Key tr.even { background-color: #333; } .legend { position: relative; top: 2px; } /* ======================================================================= config_notifications.tmpl ========================================================================== */ div.metadata_options_wrapper { float: left; width: 190px; } div.metadata_example_wrapper { float: right; width: 325px; } div.metadata_options { padding: 7px; overflow: auto; background: #333; color: #fff; border: 1px solid #111; } div.metadata_options label:hover { color: #fff; background-color: #15528F; cursor: pointer; } div.metadata_options label { display: block; padding-left: 7px; line-height: 20px; color: #fff; } div.metadata_example { padding: 8px; } div.metadata_example label { display: block; line-height: 21px; color: #fff; cursor: pointer; } div.metadataDiv .disabled { color: #ccc; } .notifier-icon { float: left; margin: 6px 4px 0px 0px; } .warning { border-color: #F89406; background: url("../images/warning16.png") no-repeat right 5px center #fff; } /* ======================================================================= 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 0px; } .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: #fff; } a.whitelink { } /* ======================================================================= Global ========================================================================== */ span.path { padding: 3px 6px; color: #09A2FF; background-color: #333; } .align-left { text-align: left; } 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: 0px 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 0px; } /* ======================================================================= bootstrap Overrides ========================================================================== */ body { padding-top: 60px; overflow-y: scroll; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; background-color: #222; } html * { outline: 0 !important; } input[type="radio"] { margin: 2px 0px 0px; line-height: normal; } input, textarea, select, .uneditable-input { width: auto; color: #000; } .container-fluid { margin-left: 10px; margin-right: 10px; } .navbar-brand { padding: 0px; } /* navbar styling */ .navbar-default { background-color: #15528F; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#297AB8', endColorstr='#15528F'); background: -webkit-gradient(linear, left top, left bottom, from(#297AB8), to(#15528F)); background: -moz-linear-gradient(top, #297AB8, #15528F); border-color: #3e3f3a; } .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: #124477; } .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: #124477; } .navbar-default .navbar-toggle .icon-bar { background-color: #124477; } .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: #124477; 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: #124477; } .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: #fff; text-decoration: none; background-color: #15528F; } .dropdown-menu > li > a { padding: 4px 36px 4px 20px; color: #fff; } .dropdown-menu { background-color: #333; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0px 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; color: #fff; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); vertical-align: middle; cursor: pointer; background-color: #2672B6; *background-color: #2672B6; background-image: -ms-linear-gradient(top, #297AB8, #15528F); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#297AB8), to(#15528F)); background-image: -webkit-linear-gradient(top, #297AB8, #15528F); background-image: -o-linear-gradient(top, #297AB8, #15528F); background-image: linear-gradient(top, #297AB8, #15528F); background-image: -moz-linear-gradient(top, #297AB8, #15528F); background-repeat: repeat-x; border: 1px solid #111; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #111 #111 #111; border-bottom-color: #111; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#297AB8', endColorstr='#15528F', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.0), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.0), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.0), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #2672B6; *background-color: #2672B6; color: #fff; } .btn:active, .btn.active { background-color: #cccccc \9; color: #fff; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #fff; text-decoration: none; background-color: #2672B6; *background-color: #2672B6; background-position: 0 -150px; -webkit-transition: background-position 0.0s linear; -moz-transition: background-position 0.0s linear; -ms-transition: background-position 0.0s linear; -o-transition: background-position 0.0s linear; transition: background-position 0.0s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; color: #fff; } .btn.active, .btn:active { background-color: #2672B6; background-color: #2672B6 \9; background-image: none; color: #fff; 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: #15528F; 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, 1.0); } .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 #333; border-left: 6px solid transparent; content: ""; } } label { font-weight: normal; } pre { color: #fff; background-color: #3d3d3d; border-color: #111; } .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; background: #333; } #fileBrowserDialog ul li a { display: block; padding: 4px 0; } #fileBrowserDialog ul li a:hover { color: #09a2ff; 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.css ========================================================================== */ fieldset.sectionwrap { width: 800px; padding: 5px; text-align: left; border-width: 0; } legend.legendStep { color: #ffffff; margin-bottom: 0px; } div.stepsguide { margin-bottom: 15px; overflow: hidden; text-align: left; cursor: pointer; } div.stepsguide .step { float: left; width: 33%; font: bold 24px Arial; } div.stepsguide .step p { margin: 12px 0; border-bottom: 4px solid #23AFDC; } div.stepsguide .disabledstep { color: #c4c4c4; } div.stepsguide .disabledstep p { border-bottom: 4px solid #1178B3; } div.stepsguide .step .smalltext { font-size: 13px; font-weight: normal; } div.formpaginate { width: 800px; margin-top: 1em; overflow: auto; font-weight: bold; text-align: center; } div.formpaginate .prev, div.formpaginate .next { padding: 3px 6px; color: #fff; cursor: hand; cursor: pointer; background: #2265A1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .stepDiv { padding: 15px 0; } /* step 3 related */ #customQuality { display: block; padding: 10px 0; overflow: hidden; clear: both; } #customQualityWrapper div.component-group-desc { float: left; width: 172px; margin-right: 10px; } #customQualityWrapper div.component-group-desc p { width: 85%; margin: .8em 0; font-size: 1.13em; color: #666; } /* ======================================================================= pnotify.css ========================================================================== */ .ui-pnotify-container { border: 1px solid #111; background-image: -moz-linear-gradient(#333, #3d3d3d) !important; background-image: linear-gradient(#333, #3d3d3d) !important; background-image: -webkit-linear-gradient(#333, #3d3d3d) !important; background-image: -o-linear-gradient(#333, #3d3d3d) !important; filter: progid:dximagetransform.microsoft.gradient(startColorstr=#333, endColorstr=#3d3d3d) !important; -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#333, endColorstr=#3d3d3d) !important; -moz-box-shadow: 0px 0px 2px #000; -webkit-box-shadow: 0px 0px 2px #000; -o-box-shadow: 0px 0px 2px #000; box-shadow: 0px 0px 2px #000; } .ui-pnotify-title { color: #ffffff; } .ui-pnotify-text { color: #ffffff; } /* ======================================================================= tablesorter.css ========================================================================== */ .tablesorter { width: 100%; margin-right: auto; margin-left: auto; color: #fff; text-align: left; background-color: #333; border-spacing: 0; } .tablesorter th, .tablesorter td { padding: 4px; border-top: #222 1px solid; border-left: #222 1px solid; vertical-align: middle; } /* remove extra border from left edge */ .tablesorter th:first-child, .tablesorter td:first-child { border-left: none; } .tablesorter th { color: #fff; text-align: center; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-color: #15528F; border-collapse: collapse; font-weight: normal; } .tablesorter .tablesorter-header { padding: 4px 18px 4px 18px; cursor: pointer; background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); background-position: center right; background-repeat: no-repeat; /* background-image: url(../images/tablesorter/bg.gif); */ } .tablesorter thead .tablesorter-headerDesc { background-color: #297AB8; background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); /* background-image: url(../images/tablesorter/asc.gif); */ } .tablesorter thead .tablesorter-headerAsc { background-color: #297AB8; background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); /* background-image: url(../images/tablesorter/desc.gif); */ } .tablesorter thead .sorter-false { background-image: none; padding: 4px; cursor: default; } thead.tablesorter-stickyHeader { border-top: 2px solid #222; border-bottom: 2px solid #222; } /* Zebra Widget - row alternating colors */ .tablesorter tr.odd, .sickbeardTable tr.odd { background-color: #333333; } .tablesorter tr.even, .sickbeardTable tr.even { background-color: #2e2e2e; } /* 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: #333; border-bottom: 1px solid #111; } /* 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 { color:#fff; text-decoration: none; } #showListTable tbody { color: #000; } /* ======================================================================= 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 { background-color: #fff; color: #000; border-left-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; } 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: #222; width: 460px; position: fixed; left: 50%; top: 50%; margin: -130px 0 0 -230px; border: 1px solid #111; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.175); } #confirmBox h1, #confirmBox p{ padding: 6px 10px; } #confirmBox h1 { background-color: #15528F; border-bottom: 1px solid #111; color: #fff; margin: 0; font-size: 22px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75); } #confirmBox p { padding-top: 20px; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 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: 0px 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; }