1
0
mirror of https://github.com/moparisthebest/SickRage synced 2024-12-12 19:12:26 -05:00
SickRage/gui/slick/css/original.css
Supremicus 2c510aa210 Improve UI to display fluidly on different screen sizes.
Fixes the issue where top menu items would disappear on smaller screens.
Add Bootstrap v3.2.0 with Normalize v3.0.1 from github.com/twbs/bootstrap.
Add a modified jquery pnotify stylesheet.
Various UI tweaks.
Update CHANGES.md and TODO.txt
2014-10-23 23:23:56 +01:00

2919 lines
60 KiB
CSS

/* =======================================================================
fonts
========================================================================== */
/* Open Sans */
/* Regular */
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Regular-webfont.eot');
src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
font-weight: normal;
font-weight: 400;
font-style: normal;
}
/* Italic */
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Italic-webfont.eot');
src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
font-weight: normal;
font-weight: 400;
font-style: italic;
}
/* Light */
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Light-webfont.eot');
src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Light-webfont.woff') format('woff'),
url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
font-weight: 200;
font-style: normal;
}
/* Light Italic */
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-LightItalic-webfont.eot');
src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
font-weight: 200;
font-style: italic;
}
/* Semibold */
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Semibold-webfont.eot');
src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
font-weight: 600;
font-style: normal;
}
/* Semibold Italic */
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
font-weight: 600;
font-style: italic;
}
/* Bold */
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Semibold-webfont.eot');
src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
font-weight: bold;
font-weight: 700;
font-style: normal;
}
/* Bold Italic */
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
font-weight: bold;
font-weight: 700;
font-style: italic;
}
/* Extra Bold */
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Bold-webfont.eot');
src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
font-weight: 900;
font-style: normal;
}
/* Extra Bold Italic */
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-BoldItalic-webfont.eot');
src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
font-weight: 900;
font-style: italic;
}
/* 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: #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-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: 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: #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: 0px;
}
[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: 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-black.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: #4e4e4e;
text-align: center;
font-size: 12px;
}
.footerhighlight {
color: #111;
display: inline;
}
/* =======================================================================
home.tmpl
========================================================================== */
.imgbanner .banner {
border: 1px solid #ccc;
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 #ccc;
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 #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: 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(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: 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(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: 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-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, #recommendedShowsForm {
margin-left: auto;
margin-right: auto;
}
#newShowPortal {
width: 800px;
padding: 10px 0;
margin-right: auto;
margin-left: auto;
}
#displayText {
padding: 8px;
overflow: hidden;
font-size: 14px;
background-color: #efefef;
border: 1px solid #dfdede;
}
#searchResults input[type="radio"] {
vertical-align: -2px;
}
/* =======================================================================
home_addExistingShow.tmpl
========================================================================== */
.existingtabs {
padding: 1em 1.4em;
}
ul#rootDirStaticList {
width: 90%;
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: url('../css/lib/images/ui-bg_highlight-soft_75_efefef_1x100.png') repeat-x scroll 50% 50% #EFEFEF;
}
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: #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-right: 10px;
margin-bottom: 20px;
}
#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,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#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;
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 #555;
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 #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 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;
}
/* =======================================================================
comingEpisodes.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 0px rgba(0, 0, 0, 0.3);
background-color: #333;
}
.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;
}
.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;
}
table.cal-odd {
background-color: #ddd;
}
table.cal-even {
background-color: #d2d2d2;
}
.calendarShow .text .airtime {
color:#000
}
.calendarShow .text .episode-title {
color:#888
}
/* =======================================================================
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;
}
.component-group-desc h3{
margin-top: 5px;
}
.component-group-desc p {
width: 90%;
margin: 10px 0;
color: #666;
}
#config div.field-pair {
padding: 12px 0px;
}
#config div.field-pair input {
float: left;
margin-right: 6px;
}
#config .nocheck, #config div #customQuality, .metadataDiv, .providerDiv {
padding-left: 20px;
}
#config label span.component-title {
float: left;
width: 172px;
margin-right: 10px;
font-size: 13px;
font-weight: bold;
}
#config label span.component-desc {
padding-bottom: 2px;
font-size: 12px;
font-weight: normal;
display:inline-block;
width:475px;
}
#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;
}
#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-black.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: #efefef;
}
.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 {
float: right;
width: 325px;
}
div.metadata_options {
padding: 7px;
overflow: auto;
background: #f5f1e4;
border: 1px solid #ccc;
}
div.metadata_options label:hover {
color: #fff;
background-color: #57442b;
cursor: pointer;
}
div.metadata_options label {
display: block;
padding-left: 7px;
line-height: 20px;
color: #036;
}
div.metadata_example {
padding: 8px;
}
div.metadata_example label {
display: block;
line-height: 21px;
color: #000;
cursor: pointer;
}
div.metadataDiv .disabled {
color: #ccc;
}
.notifier-icon {
float: left;
margin: 6px 4px 0px 0px;
}
/* =======================================================================
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: #333333;
}
a.whitelink {
color: #fff;
}
/* =======================================================================
Global
========================================================================== */
span.path {
padding: 3px 6px;
color: #8b0000;
background-color: #f5f1e4;
}
.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: 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: #000;
}
html * {
outline: 0 !important;
}
input[type="checkbox"] {
margin: 3px 0px 0px;
line-height: normal;
}
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-image: -moz-linear-gradient(#555555, #333333);
background-image: linear-gradient(#555555, #333333);
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: #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: #fff;
text-decoration: none;
background-color: #333;
}
.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: 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: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
*border: 0;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.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 {
color: #fff;
background-color: #3d3d3d;
border: 1px solid #111;
}
/* =======================================================================
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.css
========================================================================== */
fieldset.sectionwrap {
width: 800px;
padding: 5px;
text-align: left;
border-width: 0;
}
legend.legendStep {
color: #57442b;
margin-bottom: 0px;
}
div.stepsguide {
margin-bottom: 15px;
overflow: hidden;
text-align: left;
cursor: pointer;
}
div.stepsguide .step {
float: left;
width: 266px;
font: bold 24px Arial;
}
div.stepsguide .step p {
margin: 12px 0;
border-bottom: 4px solid #57442b;
}
div.stepsguide .disabledstep {
color: #c4c4c4;
}
div.stepsguide .disabledstep p {
border-bottom: 4px solid #8a775e;
}
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: #57442b;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.stepDiv {
padding: 15px;
}
/* step 3 related */
#customQuality {
display: block;
padding: 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;
color: #666;
}
/* =======================================================================
tablesorter.css
========================================================================== */
.tablesorter {
width: 100%;
margin-right: auto;
margin-left: auto;
color: #000;
text-align: left;
background-color: #ddd;
border-spacing: 0;
}
.tablesorter th,
.tablesorter td {
padding: 4px;
border-top: #fff 1px solid;
border-left: #fff 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: #333;
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: #555;
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
/* background-image: url(../images/tablesorter/asc.gif); */
}
.tablesorter thead .tablesorter-headerAsc {
background-color: #555;
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 #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 {
color:#fff;
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;
background-color: #fff;
overflow: hidden;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
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;
}