diff --git a/NzbDrone.Backbone/Content/Bootstrap/variables.less b/NzbDrone.Backbone/Content/Bootstrap/variables.less index c17c72e96..002e0151e 100644 --- a/NzbDrone.Backbone/Content/Bootstrap/variables.less +++ b/NzbDrone.Backbone/Content/Bootstrap/variables.less @@ -48,7 +48,7 @@ @serifFontFamily: Georgia, "Times New Roman", Times, serif; @monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace; -@baseFontSize: 20px; +@baseFontSize: 14px; @baseFontFamily: @sansFontFamily; @baseLineHeight: 20px; @altFontFamily: @serifFontFamily; @@ -271,13 +271,13 @@ // Default 940px grid // ------------------------- -@gridColumns: 20; -@gridColumnWidth: 50px; +@gridColumns: 12; +@gridColumnWidth: 60px; @gridGutterWidth: 20px; @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); // 1200px min -@gridColumnWidth1200: 90px; +@gridColumnWidth1200: 70px; @gridGutterWidth1200: 30px; @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1)); diff --git a/NzbDrone.Backbone/Content/Images/white-batch-32.png b/NzbDrone.Backbone/Content/Images/white-batch-32.png new file mode 100644 index 000000000..94678193b Binary files /dev/null and b/NzbDrone.Backbone/Content/Images/white-batch-32.png differ diff --git a/NzbDrone.Backbone/Content/Images/white-batch-64.png b/NzbDrone.Backbone/Content/Images/white-batch-64.png new file mode 100644 index 000000000..ca5e11902 Binary files /dev/null and b/NzbDrone.Backbone/Content/Images/white-batch-64.png differ diff --git a/NzbDrone.Backbone/Content/Menu.css b/NzbDrone.Backbone/Content/Menu.css deleted file mode 100644 index 922125675..000000000 --- a/NzbDrone.Backbone/Content/Menu.css +++ /dev/null @@ -1,86 +0,0 @@ -#menu -{ - height: 60px; - display: inline-block; - margin-bottom: 10px; -} - -#menu ul -{ - margin: 10px 0 0 -30px; - padding: 5px 0 5px 0; - list-style: none; - line-height: normal; -} - -#menu li -{ - float: left; - padding: 5px 15px 2px 10px; -} - - - -#menu a -{ - height: 26px; - padding: 0px 5px 7px 5px; - text-decoration: none; - text-align: center; - text-transform: lowercase; - font-size: 21px; - font-weight: lighter; - vertical-align: middle; -} - -#menu a:hover -{ - text-decoration: none; -} - -#menu li.current_page_item a -{ - border-bottom: 2px solid; - border-color: #065EFE; -} - - -.sub-menu -{ - padding-left: 5px; - margin: 10px 0 10px 0; -} - -.sub-menu li -{ - display: inline; - list-style-type: circle; - margin-right: 12px; - padding-left: 4px; - padding-top: 2px; - border-left: 5px solid #85aeff; - cursor: pointer; -} - - -.sub-menu a -{ - text-decoration: none; - font-size: 21px; - font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif; - color: #065EFE; - font-weight: 300; - text-transform: lowercase; -} - -.t-grid .sub-menu -{ - margin-left: -10px; - margin-bottom: 0px; -} - - -#donate a { - background-color: #065EFE; - color: #191919; -} \ No newline at end of file diff --git a/NzbDrone.Backbone/Content/base.css b/NzbDrone.Backbone/Content/base.css index 50ae9b570..558f15db7 100644 --- a/NzbDrone.Backbone/Content/base.css +++ b/NzbDrone.Backbone/Content/base.css @@ -7,36 +7,6 @@ font-size: 13px; } -body { - background: #191919 url(images/background.jpg) no-repeat right top; - font-size: 14px; - color: #3C3C3C; - background-attachment: fixed; -} - -#logo { - height: 135px; - background: url(images/logo.png) no-repeat left top; - background-color: #065EFE; - color: white; /**color: rgb(40, 40, 40);**/ - text-transform: lowercase; - letter-spacing: -1px; - line-height: 110px; - font-family: "Segoe UI Light", "Open Sans", "Segoe UI", sans-serif; - font-weight: 100; - font-size: 110px; -} - -#content { - background: white; -} - -#main-region { - margin-top: 20px; - margin-bottom: 100px; - min-height: 600px; -} - .nz-center { text-align: center; overflow: hidden; diff --git a/NzbDrone.Backbone/Content/fullcalendar.css b/NzbDrone.Backbone/Content/fullcalendar.css new file mode 100644 index 000000000..d319994e4 --- /dev/null +++ b/NzbDrone.Backbone/Content/fullcalendar.css @@ -0,0 +1,616 @@ +/* + * FullCalendar v1.5.4 Stylesheet + * + * Copyright (c) 2011 Adam Shaw + * Dual licensed under the MIT and GPL licenses, located in + * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. + * + * Date: Tue Sep 4 23:38:33 2012 -0700 + * + */ + + +.fc { + direction: ltr; + text-align: left; +} + + .fc table { + border-collapse: collapse; + border-spacing: 0; + } + + html .fc, + .fc table { + font-size: 1em; + } + + .fc td, + .fc th { + padding: 0; + vertical-align: top; + } + + + +/* Header +------------------------------------------------------------------------*/ + +.fc-header td { + white-space: nowrap; +} + +.fc-header-left { + width: 25%; + text-align: left; +} + +.fc-header-center { + text-align: center; +} + +.fc-header-right { + width: 25%; + text-align: right; +} + +.fc-header-title { + display: inline-block; + vertical-align: top; +} + + .fc-header-title h2 { + margin-top: 0; + white-space: nowrap; + } + +.fc .fc-header-space { + padding-left: 10px; +} + +.fc-header .fc-button { + margin-bottom: 1em; + vertical-align: top; +} + +/* buttons edges butting together */ + +.fc-header .fc-button { + margin-right: -1px; +} + +.fc-header .fc-corner-right { + margin-right: 1px; /* back to normal */ +} + +.fc-header .ui-corner-right { + margin-right: 0; /* back to normal */ +} + +/* button layering (for border precedence) */ + +.fc-header .fc-state-hover, +.fc-header .ui-state-hover { + z-index: 2; +} + +.fc-header .fc-state-down { + z-index: 3; +} + +.fc-header .fc-state-active, +.fc-header .ui-state-active { + z-index: 4; +} + + + +/* Content +------------------------------------------------------------------------*/ + +.fc-content { + clear: both; +} + +.fc-view { + width: 100%; /* needed for view switching (when view is absolute) */ + overflow: hidden; +} + + + +/* Cell Styles +------------------------------------------------------------------------*/ + +.fc-widget-header, /* , usually */ +.fc-widget-content { /* , usually */ + border: 1px solid #ccc; +} + +.fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ + background: #ffc; +} + +.fc-cell-overlay { /* semi-transparent rectangle while dragging */ + background: #9cf; + opacity: .2; + filter: alpha(opacity=20); /* for IE */ +} + + + +/* Buttons +------------------------------------------------------------------------*/ + +.fc-button { + position: relative; + display: inline-block; + cursor: pointer; +} + +.fc-state-default { /* non-theme */ + border-style: solid; + border-width: 1px 0; +} + +.fc-button-inner { + position: relative; + float: left; + overflow: hidden; +} + +.fc-state-default .fc-button-inner { /* non-theme */ + border-style: solid; + border-width: 0 1px; +} + +.fc-button-content { + position: relative; + float: left; + height: 1.9em; + line-height: 1.9em; + padding: 0 .6em; + white-space: nowrap; +} + + /* icon (for jquery ui) */ + + .fc-button-content .fc-icon-wrap { + position: relative; + float: left; + top: 50%; + } + + .fc-button-content .ui-icon { + position: relative; + float: left; + margin-top: -50%; + *margin-top: 0; + *top: -50%; + } + +/* gloss effect */ + +.fc-state-default .fc-button-effect { + position: absolute; + top: 50%; + left: 0; +} + + .fc-state-default .fc-button-effect span { + position: absolute; + top: -100px; + left: 0; + width: 500px; + height: 100px; + border-width: 100px 0 0 1px; + border-style: solid; + border-color: #fff; + background: #444; + opacity: .09; + filter: alpha(opacity=9); + } + +/* button states (determines colors) */ + +.fc-state-default, +.fc-state-default .fc-button-inner { + border-style: solid; + border-color: #ccc #bbb #aaa; + background: #F3F3F3; + color: #000; +} + +.fc-state-hover, +.fc-state-hover .fc-button-inner { + border-color: #999; +} + +.fc-state-down, +.fc-state-down .fc-button-inner { + border-color: #555; + background: #777; +} + +.fc-state-active, +.fc-state-active .fc-button-inner { + border-color: #555; + background: #777; + color: #fff; +} + +.fc-state-disabled, +.fc-state-disabled .fc-button-inner { + color: #999; + border-color: #ddd; +} + +.fc-state-disabled { + cursor: default; +} + + .fc-state-disabled .fc-button-effect { + display: none; + } + + + +/* Global Event Styles +------------------------------------------------------------------------*/ + +.fc-event { + border-style: solid; + border-width: 0; + font-size: .85em; + cursor: default; +} + +a.fc-event, +.fc-event-draggable { + cursor: pointer; +} + +a.fc-event { + text-decoration: none; +} + +.fc-rtl .fc-event { + text-align: right; +} + +.fc-event-skin { + border-color: #36c; /* default BORDER color */ + background-color: #36c; /* default BACKGROUND color */ + color: #fff; /* default TEXT color */ +} + +.fc-event-inner { + position: relative; + width: 100%; + height: 100%; + border-style: solid; + border-width: 0; + overflow: hidden; +} + +.fc-event-time, +.fc-event-title { + padding: 0 1px; +} + +.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ + display: block; + position: absolute; + z-index: 99999; + overflow: hidden; /* hacky spaces (IE6/7) */ + font-size: 300%; /* */ + line-height: 50%; /* */ +} + + + +/* Horizontal Events +------------------------------------------------------------------------*/ + +.fc-event-hori { + border-width: 1px 0; + margin-bottom: 1px; +} + + /* resizable */ + + .fc-event-hori .ui-resizable-e { + top: 0 !important; /* importants override pre jquery ui 1.7 styles */ + right: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: e-resize; + } + + .fc-event-hori .ui-resizable-w { + top: 0 !important; + left: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: w-resize; + } + + .fc-event-hori .ui-resizable-handle { + _padding-bottom: 14px; /* IE6 had 0 height */ + } + + + +/* Fake Rounded Corners (for buttons and events) +------------------------------------------------------------*/ + +.fc-corner-left { + margin-left: 1px; +} + + .fc-corner-left .fc-button-inner, + .fc-corner-left .fc-event-inner { + margin-left: -1px; + } + +.fc-corner-right { + margin-right: 1px; +} + + .fc-corner-right .fc-button-inner, + .fc-corner-right .fc-event-inner { + margin-right: -1px; + } + +.fc-corner-top { + margin-top: 1px; +} + + .fc-corner-top .fc-event-inner { + margin-top: -1px; + } + +.fc-corner-bottom { + margin-bottom: 1px; +} + + .fc-corner-bottom .fc-event-inner { + margin-bottom: -1px; + } + + + +/* Fake Rounded Corners SPECIFICALLY FOR EVENTS +-----------------------------------------------------------------*/ + +.fc-corner-left .fc-event-inner { + border-left-width: 1px; +} + +.fc-corner-right .fc-event-inner { + border-right-width: 1px; +} + +.fc-corner-top .fc-event-inner { + border-top-width: 1px; +} + +.fc-corner-bottom .fc-event-inner { + border-bottom-width: 1px; +} + + + +/* Reusable Separate-border Table +------------------------------------------------------------*/ + +table.fc-border-separate { + border-collapse: separate; +} + +.fc-border-separate th, +.fc-border-separate td { + border-width: 1px 0 0 1px; +} + + .fc-border-separate th.fc-last, + .fc-border-separate td.fc-last { + border-right-width: 1px; + } + +.fc-border-separate tr.fc-last th, +.fc-border-separate tr.fc-last td { + border-bottom-width: 1px; +} + +.fc-border-separate tbody tr.fc-first td, +.fc-border-separate tbody tr.fc-first th { + border-top-width: 0; +} + + + +/* Month View, Basic Week View, Basic Day View +------------------------------------------------------------------------*/ + +.fc-grid th { + text-align: center; +} + +.fc-grid .fc-day-number { + float: right; + padding: 0 2px; +} + +.fc-grid .fc-other-month .fc-day-number { + opacity: 0.3; + filter: alpha(opacity=30); /* for IE */ + /* opacity with small font can sometimes look too faded + might want to set the 'color' property instead + making day-numbers bold also fixes the problem */ +} + +.fc-grid .fc-day-content { + clear: both; + padding: 2px 2px 1px; /* distance between events and day edges */ +} + +/* event styles */ + +.fc-grid .fc-event-time { + font-weight: bold; +} + +/* right-to-left */ + +.fc-rtl .fc-grid .fc-day-number { + float: left; +} + +.fc-rtl .fc-grid .fc-event-time { + float: right; +} + + + +/* Agenda Week View, Agenda Day View +------------------------------------------------------------------------*/ + +.fc-agenda table { + border-collapse: separate; +} + +.fc-agenda-days th { + text-align: center; +} + +.fc-agenda .fc-agenda-axis { + width: 50px; + padding: 0 4px; + vertical-align: middle; + text-align: right; + white-space: nowrap; + font-weight: normal; +} + +.fc-agenda .fc-day-content { + padding: 2px 2px 1px; +} + +/* make axis border take precedence */ + +.fc-agenda-days .fc-agenda-axis { + border-right-width: 1px; +} + +.fc-agenda-days .fc-col0 { + border-left-width: 0; +} + +/* all-day area */ + +.fc-agenda-allday th { + border-width: 0 1px; +} + +.fc-agenda-allday .fc-day-content { + min-height: 34px; /* TODO: doesnt work well in quirksmode */ + _height: 34px; +} + +/* divider (between all-day and slots) */ + +.fc-agenda-divider-inner { + height: 2px; + overflow: hidden; +} + +.fc-widget-header .fc-agenda-divider-inner { + background: #eee; +} + +/* slot rows */ + +.fc-agenda-slots th { + border-width: 1px 1px 0; +} + +.fc-agenda-slots td { + border-width: 1px 0 0; + background: none; +} + + .fc-agenda-slots td div { + height: 20px; + } + +.fc-agenda-slots tr.fc-slot0 th, +.fc-agenda-slots tr.fc-slot0 td { + border-top-width: 0; +} + +.fc-agenda-slots tr.fc-minor th, +.fc-agenda-slots tr.fc-minor td { + border-top-style: dotted; +} + + .fc-agenda-slots tr.fc-minor th.ui-widget-header { + *border-top-style: solid; /* doesn't work with background in IE6/7 */ + } + + + +/* Vertical Events +------------------------------------------------------------------------*/ + +.fc-event-vert { + border-width: 0 1px; +} + + .fc-event-vert .fc-event-head, + .fc-event-vert .fc-event-content { + position: relative; + z-index: 2; + width: 100%; + overflow: hidden; + } + + .fc-event-vert .fc-event-time { + white-space: nowrap; + font-size: 10px; + } + + .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #fff; + opacity: .3; + filter: alpha(opacity=30); + } + +.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ +.fc-select-helper .fc-event-bg { + display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ +} + +/* resizable */ + +.fc-event-vert .ui-resizable-s { + bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ + width: 100% !important; + height: 8px !important; + overflow: hidden !important; + line-height: 8px !important; + font-size: 11px !important; + font-family: monospace; + text-align: center; + cursor: s-resize; +} + +.fc-agenda .ui-resizable-resizing { /* TODO: better selector */ + _overflow: hidden; +} diff --git a/NzbDrone.Backbone/Content/tablesorter.bootstrap.css b/NzbDrone.Backbone/Content/tablesorter.bootstrap.css index 4a69e5687..191e30433 100644 --- a/NzbDrone.Backbone/Content/tablesorter.bootstrap.css +++ b/NzbDrone.Backbone/Content/tablesorter.bootstrap.css @@ -5,124 +5,131 @@ .tablesorter-bootstrap { width: 100%; } -.tablesorter-bootstrap .tablesorter-header, -.tablesorter-bootstrap tfoot th, -.tablesorter-bootstrap tfoot td { - font: bold 14px/20px Arial, Sans-serif; - position: relative; - padding: 8px; - margin: 0 0 18px; - list-style: none; - background-color: #FBFBFB; - background-image: -moz-linear-gradient(top, white, #efefef); - background-image: -ms-linear-gradient(top, white, #efefef); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#efefef)); - background-image: -webkit-linear-gradient(top, white, #efefef); - background-image: -o-linear-gradient(top, white, #efefef); - background-image: linear-gradient(to bottom, white, #efefef); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0); - background-repeat: repeat-x; - -webkit-box-shadow: inset 0 1px 0 white; - -moz-box-shadow: inset 0 1px 0 #ffffff; - box-shadow: inset 0 1px 0 white; -} -.tablesorter-bootstrap .tablesorter-header { - cursor: pointer; -} + .tablesorter-bootstrap .tablesorter-header, + .tablesorter-bootstrap tfoot th, + .tablesorter-bootstrap tfoot td { + font: bold 14px/20px Arial, Sans-serif; + position: relative; + padding: 8px; + margin: 0 0 18px; + list-style: none; + background-color: #FBFBFB; + background-image: -moz-linear-gradient(top, white, #efefef); + background-image: -ms-linear-gradient(top, white, #efefef); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#efefef)); + background-image: -webkit-linear-gradient(top, white, #efefef); + background-image: -o-linear-gradient(top, white, #efefef); + background-image: linear-gradient(to bottom, white, #efefef); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0); + background-repeat: repeat-x; + -webkit-box-shadow: inset 0 1px 0 white; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 white; + } -.tablesorter-bootstrap .tablesorter-header-inner { - position: relative; - padding: 4px 18px 4px 4px; -} + .tablesorter-bootstrap .tablesorter-header { + cursor: pointer; + } -/* bootstrap uses for icons */ -.tablesorter-bootstrap .tablesorter-header i { - position: absolute; - right: 2px; - top: 50%; - margin-top: -7px; /* half the icon height; older IE doesn't like this */ - width: 14px; - height: 14px; + .tablesorter-bootstrap .tablesorter-header-inner { + position: relative; + padding: 4px 18px 4px 4px; + } + + /* bootstrap uses for icons */ + .tablesorter-bootstrap .tablesorter-header i { + position: absolute; + right: 2px; + top: 50%; + margin-top: -7px; /* half the icon height; older IE doesn't like this */ + width: 14px; + height: 14px; + background-repeat: no-repeat; + line-height: 14px; + display: inline-block; + } + + .tablesorter-bootstrap .bootstrap-icon-unsorted { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWVJREFUeNqUUL9Lw2AUTGP8mqGlpBQkNeCSRcckEBcHq1jImMElToKuDvpHFMGhU0BQcHBwLji6CE1B4uB/INQsDi4d2jQ/fPeZxo764OV6915f7lLJ81xot9tCURXqdVEUr7IsO6ffH9Q5BlEUCaLwWxWqTcbYnaIoh0Dw4gAvcWlxq1qt9hqNxg6hUGAP+uIPUrGs0qXLer2+v/pTX6QpxLtkc2U2m53ACb8sSdIDXerSEms2m6+DweAICA4d89KGbduf9MpEVdXQ9/2LVqv1CASHjjn3iq/x1xKFfxQPqGnada1W86bT6SiO42OS3qk3KPStLMvbk8nkfjwen/LLuq6blFymMB0KdUPSGhAcOualjX6/f0bCiC7NaWGPQr0BwaFjzn0gYJqmLAiCA8/zni3LmhuGkQPBoWPOPwQeaPIqD4fDruu6L6Zp5kBw6IudchmdJAkLw3DXcZwnIPjy/FuAAQCiqqWWCAFKcwAAAABJRU5ErkJggg==); + } + + /* since bootstrap (table-striped) uses nth-child(), we just use this to add a zebra stripe color */ + .tablesorter-bootstrap tr.odd td { + background-color: #f9f9f9; + } + + .tablesorter-bootstrap tbody > .odd:hover > td, + .tablesorter-bootstrap tbody > .even:hover > td { + background-color: #f5f5f5; + } + + .tablesorter-bootstrap tr.even td { + background-color: #fff; + } + + /* processing icon */ + .tablesorter-bootstrap .tablesorter-processing { + background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs='); + position: absolute; + z-index: 1000; + } + + /* filter widget */ + .tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter { + width: 98%; + height: inherit; + margin: 0 auto; + padding: 4px 6px; + background-color: #fff; + color: #333; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: height 0.1s ease; + -moz-transition: height 0.1s ease; + -o-transition: height 0.1s ease; + transition: height 0.1s ease; + } + + .tablesorter-bootstrap .tablesorter-filter-row td { + background: #eee; + line-height: normal; + text-align: center; + padding: 4px 6px; + vertical-align: middle; + -webkit-transition: line-height 0.1s ease; + -moz-transition: line-height 0.1s ease; + -o-transition: line-height 0.1s ease; + transition: line-height 0.1s ease; + } + /* hidden filter row */ + .tablesorter-bootstrap .tablesorter-filter-row.hideme td { + padding: 2px; /* change this to modify the thickness of the closed border row */ + margin: 0; + line-height: 0; + } + + .tablesorter-bootstrap .tablesorter-filter-row.hideme .tablesorter-filter { + height: 1px; + min-height: 0; + border: 0; + padding: 0; + margin: 0; + /* don't use visibility: hidden because it disables tabbing */ + opacity: 0; + filter: alpha(opacity=0); + } + + /* pager plugin */ + .tablesorter-bootstrap .tablesorter-pager select { + padding: 4px 6px; + } + + .tablesorter-bootstrap .tablesorter-pager .pagedisplay { + border: 0; + } + +th { background-repeat: no-repeat; - line-height: 14px; - display: inline-block; } -.tablesorter-bootstrap .bootstrap-icon-unsorted { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWVJREFUeNqUUL9Lw2AUTGP8mqGlpBQkNeCSRcckEBcHq1jImMElToKuDvpHFMGhU0BQcHBwLji6CE1B4uB/INQsDi4d2jQ/fPeZxo764OV6915f7lLJ81xot9tCURXqdVEUr7IsO6ffH9Q5BlEUCaLwWxWqTcbYnaIoh0Dw4gAvcWlxq1qt9hqNxg6hUGAP+uIPUrGs0qXLer2+v/pTX6QpxLtkc2U2m53ACb8sSdIDXerSEms2m6+DweAICA4d89KGbduf9MpEVdXQ9/2LVqv1CASHjjn3iq/x1xKFfxQPqGnada1W86bT6SiO42OS3qk3KPStLMvbk8nkfjwen/LLuq6blFymMB0KdUPSGhAcOualjX6/f0bCiC7NaWGPQr0BwaFjzn0gYJqmLAiCA8/zni3LmhuGkQPBoWPOPwQeaPIqD4fDruu6L6Zp5kBw6IudchmdJAkLw3DXcZwnIPjy/FuAAQCiqqWWCAFKcwAAAABJRU5ErkJggg==); -} - -/* since bootstrap (table-striped) uses nth-child(), we just use this to add a zebra stripe color */ -.tablesorter-bootstrap tr.odd td { - background-color: #f9f9f9; -} -.tablesorter-bootstrap tbody > .odd:hover > td, -.tablesorter-bootstrap tbody > .even:hover > td { - background-color: #f5f5f5; -} -.tablesorter-bootstrap tr.even td { - background-color: #fff; -} - -/* processing icon */ -.tablesorter-bootstrap .tablesorter-processing { - background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs='); - position: absolute; - z-index: 1000; -} - -/* filter widget */ -.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter { - width: 98%; - height: inherit; - margin: 0 auto; - padding: 4px 6px; - background-color: #fff; - color: #333; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: height 0.1s ease; - -moz-transition: height 0.1s ease; - -o-transition: height 0.1s ease; - transition: height 0.1s ease; -} -.tablesorter-bootstrap .tablesorter-filter-row td { - background: #eee; - line-height: normal; - text-align: center; - padding: 4px 6px; - vertical-align: middle; - -webkit-transition: line-height 0.1s ease; - -moz-transition: line-height 0.1s ease; - -o-transition: line-height 0.1s ease; - transition: line-height 0.1s ease; -} -/* hidden filter row */ -.tablesorter-bootstrap .tablesorter-filter-row.hideme td { - padding: 2px; /* change this to modify the thickness of the closed border row */ - margin: 0; - line-height: 0; -} -.tablesorter-bootstrap .tablesorter-filter-row.hideme .tablesorter-filter { - height: 1px; - min-height: 0; - border: 0; - padding: 0; - margin: 0; - /* don't use visibility: hidden because it disables tabbing */ - opacity: 0; - filter: alpha(opacity=0); -} - -/* pager plugin */ -.tablesorter-bootstrap .tablesorter-pager select { - padding: 4px 6px; -} -.tablesorter-bootstrap .tablesorter-pager .pagedisplay { - border: 0; -} - -th{ - background-repeat: no-repeat; -} \ No newline at end of file diff --git a/NzbDrone.Backbone/Content/theme.css b/NzbDrone.Backbone/Content/theme.css new file mode 100644 index 000000000..e0f51168a --- /dev/null +++ b/NzbDrone.Backbone/Content/theme.css @@ -0,0 +1,890 @@ +body { + background-color: #f6f6f6; +} + + body p { + font-size: 0.9em; + } + + body p.sub { + color: #999; + } + + body h1, body h2, body h3, body h4, body h5, body h6 { + text-transform: uppercase; + font-weight: 300; + } + +#logo { + color: #333; +} + +.page { + width: 980px; + margin: auto; + background-color: #FFF; + border-radius: 6px; + margin-top: -70px; + padding: 20px 0px; + box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); +} + + .page .header { + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px solid #EEE; + } + +@media (min-width: 1200px) { + .page { + width: 1210px; + } +} + +@media (min-width: 768px) and (max-width: 979px) { + .page { + width: 764px; + } +} + +@media (max-width: 767px) { + body { + padding-left: 0; + padding-right: 0; + } + + .page { + width: 100%; + } + + .page-container { + padding: 0px 20px; + } + + #in-nav ul.pull-right { + top: 0px !important; + } + + .message-sidebar { + margin-right: -20px !important; + } +} + +#in-nav { + background-color: white; + background-repeat: repeat; + height: 50px; + padding-top: 10px; +} + + #in-nav ul { + position: relative; + top: 10px; + } + + #in-nav ul li { + list-style-type: none; + display: inline; + } + + #in-nav ul li a { + padding: 10px; + } + +#in-sub-nav { + background-color: #333333; + -moz-box-shadow: inset 0px 0px 10px #111111; + -webkit-box-shadow: inset 0px 0px 10px #111111; + box-shadow: inset 0px 0px 10px #111111; +} + + #in-sub-nav ul { + text-align: center; + margin-bottom: 80px; + } + + #in-sub-nav li { + list-style-type: none; + display: inline-block; + } + + #in-sub-nav li a { + display: block; + border-radius: 6px; + padding: 15px 10px 5px; + min-height: 56px; + min-width: 64px; + margin: 20px 10px 10px; + color: #FFF; + font-weight: 100; + } + + #in-sub-nav li a:hover, #in-sub-nav li a.active { + background-color: #555; + text-decoration: none; + } + + #in-sub-nav li span.label.pull-right { + position: relative; + top: 24px; + right: 14px; + } + +footer { + padding-top: 20px; + padding-bottom: 20px; + color: #999; +} + + footer a { + color: #999; + } + +.divide { + border-top: 1px solid #EEE; + margin-top: 40px; + padding-top: 40px; +} + +.small-divide { + border-top: 1px solid #EEE; + margin-top: 20px; + padding-top: 20px; +} + +.batch { + background-image: url(images/white-batch-32.png); + display: inline-block; + height: 32px; + width: 32px; +} + +.home { + background-position: -128px -96px; +} + +.star { + background-position: -192px -96px; +} + +.forms { + background-position: -96px -32px; +} + +.stream { + background-position: 0 -64px; +} + +.tables { + background-position: -32px -32px; +} + +.settings { + background-position: -288px -128px; +} + +.quill { + background-position: -288px 0px; +} + +.users { + background-position: 0 -96px; +} + +.plane { + background-position: -256px -96px; +} + +.calendar { + background-position: -160px -128px; +} + +.batch-big { + background-image: url(images/white-batch-64.png); + display: inline-block; + height: 64px; + width: 64px; +} + +.b-wifi { + background-position: -256px -64px; +} + +.b-code { + background-position: -64px 0px; +} + +.b-comment { + background-position: -192px -256px; +} + +.b-flag { + background-position: -384px -256px; +} + +.b-database { + background-position: -256px 0px; +} + +.b-alarm { + background-position: -384px 0px; +} + +/* ============== messages ============== */ +.message-sidebar { + border-right: 1px solid #EEE; + margin: -20px; + margin-right: 0; +} + + .message-sidebar a.message-preview { + display: block; + background-color: #F6F6F6; + border-bottom: 1px solid #EEE; + padding: 10px 20px; + } + + .message-sidebar a.message-preview h4 { + font-weight: 400; + text-transform: none; + } + + .message-sidebar a.message-preview p, .message-sidebar a.message-preview h5 { + color: #999; + } + + .message-sidebar a.new { + background-color: #FFF; + } + + .message-sidebar a.active { + background-color: #008DCD; + color: #FFF; + } + + .message-sidebar a.active p, .message-sidebar a.active h5 { + color: rgba(255, 255, 255, 0.8); + } + + .message-sidebar a:hover { + text-decoration: none; + cursor: pointer; + } + + .message-sidebar .load-more { + text-align: center; + } + + .message-sidebar .load-more a { + padding: 20px; + display: block; + } + +@media (min-width: 768px) { + .message-sidebar { + overflow: auto; + height: 700px; + } +} + +.messages h4 { + text-transform: none; + font-weight: 400; +} + +.messages .message { + padding-bottom: 20px; + border-bottom: 1px solid #EEE; + margin-bottom: 20px; +} + + .messages .message h5 { + font-weight: 300; + } + +.messages .message-body { + padding-left: 80px; +} + + .messages .message-body textarea { + height: 80px; + margin-right: 20px; + width: 96%; + } + +/* ============== login ============== */ +.login { + padding: 20px; + margin-top: 40px; + margin-bottom: 80px; +} + +/* ============== sidebar ============== */ +.sidebar { + border-top: 1px solid #EEE; +} + + .sidebar ul { + padding: 0; + margin: 0; + } + + .sidebar ul li { + list-style-type: none; + } + + .sidebar ul li a { + display: block; + padding: 10px; + border-bottom: 1px solid #EEE; + text-transform: uppercase; + } + + .sidebar ul li a:hover { + background-color: #EEE; + /* color: #FFF;*/ + text-decoration: none; + } + + .sidebar ul li ul { + background-color: #F6F6F6; + box-shadow: inset 0 1px 10px #E0E0E0; + } + +/* ============== stat lists ============== */ +ul.stat-list { + margin: 0; +} + + ul.stat-list li { + list-style-type: none; + } + + ul.stat-list li label, ul.stat-list li h4, ul.stat-list li small, ul.stat-list li p { + display: inline-block; + } + + ul.stat-list li label { + height: 32px; + width: 32px; + border-radius: 2px; + text-align: center; + vertical-align: middle; + margin-right: 10px; + } + + ul.stat-list li label i { + margin-top: 8px; + } + + ul.stat-list li h4 { + font-weight: 600; + margin-right: 10px; + min-width: 30px; + } + + ul.stat-list li h4.sub { + color: #999; + font-weight: 300; + } + +.progress-small { + height: 8px; +} + +/* ============== widgets ============== */ +.widget { + background-color: #eeeeee; + color: #555555; + padding: 20px; + border-radius: 6px; + margin-bottom: 20px; +} + + .widget td.bar-label { + width: 20%; + text-align: right; + padding-right: 20px; + color: #999; + font-weight: 300; + } + + .widget td.bar-number, .widget td.bar-percent { + width: 15%; + font-weight: 600; + } + + .widget td.bar-percent span { + font-weight: 300; + } + + .widget td .progress { + margin-top: 10px; + margin-bottom: 10px; + border-radius: 4px; + display: block; + width: 100%; + height: 8px; + overflow: hidden; + } + +/* ============== sparks ============== */ +.spark { + margin-bottom: 20px; +} + + .spark h4 { + font-weight: 500; + } + + .spark h4.sub { + color: #999; + font-weight: 300; + } + + .spark h4.sub span.minus { + color: #ea494a; + float: right; + } + + .spark h4.sub span.plus { + color: #4cb158; + float: right; + } + + .spark .sparklines { + float: right; + } + +/* ============== knobs ============== */ +.knob { + text-align: center; +} + +/* ============== table-panel ============== */ +.table-panel i { + margin: 4px; +} + +.table-panel table { + border-top: 1px solid #EEE; +} + +/* ============== peity ============== */ +.peity { + margin-bottom: 20px; +} + + .peity canvas { + margin-right: 10px; + } + + .peity h4 { + display: inline-block; + font-weight: 600; + min-width: 30px; + margin: 0; + } + + .peity h4.sub { + font-weight: 300; + color: #999; + } + +/* ============== panels ============== */ +.panel { + width: 150px; + background-color: #EEE; + border-radius: 6px; + text-align: center; + display: inline-block; + margin-bottom: 20px; + margin-right: 20px; +} + + .panel .top { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + background-color: #555555; + padding-top: 20px; + } + + .panel .top i { + display: block; + margin: 0px auto 20px; + } + + .panel .top h6 { + display: inline; + background-color: #555555; + position: relative; + top: 5px; + padding: 6px 12px; + border-radius: 30px; + color: #FFF; + font-weight: 600; + font-size: 0.7em; + } + + .panel .bottom { + padding-top: 20px; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + text-align: center; + border-top: none; + } + + .panel .bottom h2 { + font-weight: 600; + margin: 0; + } + + .panel .bottom h6 { + font-size: 0.7em; + font-weight: 600; + position: relative; + bottom: 10px; + color: #555555; + } + + .panel .warning, .panel .warning h6 { + background-color: #ffa93c; + /* box-shadow: inset 0 0 10px lighten($warning, 8%); + border: 1px solid darken($warning, 20%)*/ + } + + .panel .success, .panel .success h6 { + background-color: #4cb158; + /* box-shadow: inset 0 0 10px lighten($success, 8%); + border: 1px solid darken($success, 20%)*/ + } + + .panel .danger, .panel .danger h6 { + background-color: #ea494a; + /* box-shadow: inset 0 0 10px lighten($danger, 8%); + border: 1px solid darken($danger, 20%)*/ + } + + .panel .info, .panel .info h6 { + background-color: #14b8d4; + /* box-shadow: inset 0 0 10px lighten($info, 8%); + border: 1px solid darken($info, 20%)*/ + } + + .panel .primary, .panel .primary h6 { + background-color: #007ccd; + /* box-shadow: inset 0 0 10px lighten($primary, 8%); + border: 1px solid darken($primary, 20%)*/ + } + + .panel .purple, .panel .purple h6 { + background-color: #7932ea; + /* box-shadow: inset 0 0 10px lighten($purple, 8%); + border: 1px solid darken($purple, 20%)*/ + } + +/* ============== profile ============== */ +.stats { + text-align: center; +} + + .stats .stat { + background-color: #eeeeee; + color: #555555; + padding: 10px; + border-radius: 6px; + margin-bottom: 20px; + text-align: center; + } + + .stats .stat h2 { + font-weight: 600; + } + + .stats .stat h6 { + margin-top: -10px; + } + + .stats .warning { + background-color: #ffa93c; + color: #FFF; + } + + .stats .success { + background-color: #4cb158; + color: #FFF; + } + + .stats .danger { + background-color: #ea494a; + color: #FFF; + } + + .stats .info { + background-color: #14b8d4; + color: #FFF; + } + + .stats .primary { + background-color: #007ccd; + color: #FFF; + } + + .stats .purple { + background-color: #7932ea; + color: #FFF; + } + + .stats .inverse { + background-color: #333; + color: #FFF; + } + +.rating-star, .no-star, .half-star { + display: inline-block; + height: 16px; + width: 16px; + background-image: url(../img/stars.png); +} + +.no-star { + background-position: 0 -16px; +} + +.half-star { + background-position: 0 -32px; +} + +.profile-sidebar ul { + margin: 0; + margin-top: 20px; +} + + .profile-sidebar ul li { + list-style-type: none; + border-top: 1px solid #EEE; + padding: 10px 0px; + } + + .profile-sidebar ul li i { + margin-right: 5px; + } + +/* ============== tables ============== */ +.tables code { + display: inline-block; + margin: 2px; +} + +/* ============== stream ============== */ +.filters input[type="checkbox"] { + float: left; + margin-right: 10px; +} + +.filters h5 { + margin-top: 20px; + padding-bottom: 5px; + border-bottom: 1px solid #EEE; +} + +.filters span { + color: #999; +} + +.stream .item { + border-bottom: 1px solid #EEE; + padding: 10px 0px 30px 60px; +} + + .stream .item .stream-icon { + display: inline-block; + background-color: #CCC; + border-radius: 4px; + height: 40px; + width: 40px; + text-align: center; + margin-left: -40px; + margin-bottom: -40px; + position: relative; + top: 15px; + right: 20px; + float: left; + } + + .stream .item .stream-icon i { + margin-top: 12px; + } + + .stream .item .stream-success { + background-color: #4cb158; + } + + .stream .item .stream-danger { + background-color: #ea494a; + } + + .stream .item .stream-warning { + background-color: #ffa93c; + } + + .stream .item .stream-info { + background-color: #14b8d4; + } + + .stream .item .avatar { + border-radius: 4px; + margin-left: -40px; + margin-bottom: -40px; + height: 40px; + position: relative; + top: 15px; + right: 20px; + float: left; + } + + .stream .item h4 { + margin-bottom: 6px; + } + + .stream .item p { + color: #777; + } + + .stream .item p.date { + padding: 0; + float: right; + margin-top: 10px; + } + +/* ============== faq ============== */ +.qa { + border-bottom: 1px solid #EEE; + padding-bottom: 20px; + margin-bottom: 20px; + margin-top: 20px; +} + + .qa h4 { + text-transform: none; + font-weight: 400; + } + +/* ============== calendar ============== */ +.event { + display: inline-block; + width: 100%; + margin-bottom: 10px; + border-top: 1px solid #EEE; + padding-top: 10px; +} + + .event p { + color: #999; + } + + .event h4 { + text-transform: none !important; + font-weight: 500; + color: #008dcd; + margin: 5px 0px; + } + + .event .date { + text-align: center; + display: inline-block; + border-left: 4px solid #EEE; + padding-left: 16px; + float: left; + margin-right: 20px; + } + + .event .date h1 { + font-weight: 500; + line-height: 0.8em; + } + + .event .date h4 { + line-height: 1em; + color: #555555; + font-weight: 300; + } + + .event .success { + border-color: #4cb158; + } + + .event .danger { + border-color: #ea494a; + } + + .event .info { + border-color: #14b8d4; + } + + .event .primary { + border-color: #007ccd; + } + + .event .warning { + border-color: #ffa93c; + } + + .event .purple { + border-color: #7932ea; + } + + .event .inverse { + border-color: #333; + } + +#events .load-more { + text-align: center; +} + +@media (min-width: 768px) { + #events { + overflow: auto; + height: 600px; + } +} + +#calendar h2 { + font-size: 17.5px; +} + +#calendar th { + background-color: #EEE; +} + +#calendar th, #calendar td { + border-color: #EEE; +} + +#calendar .fc-event-skin { + background-color: #007ccd; + border: 1px solid #007ccd; + border-radius: 4px; + text-align: center; +} + +/* ============== tags ============== */ +.tag { + display: inline-block; + background-color: #EEE; + padding: 3px 8px; + margin-right: 5px; + margin-bottom: 5px; + border-radius: 4px; +} + + .tag:hover { + background-color: #008dcd; + color: #FFF; + text-decoration: none; + } + +/* ============== settings ============== */ +.settings-group { + margin-top: 40px; +} diff --git a/NzbDrone.Backbone/Content/toastr.css b/NzbDrone.Backbone/Content/toastr.css new file mode 100644 index 000000000..c30ba9f44 --- /dev/null +++ b/NzbDrone.Backbone/Content/toastr.css @@ -0,0 +1,174 @@ +.toast-title +{ + font-weight: bold; +} + +.toast-message +{ + -ms-word-wrap: break-word; + word-wrap: break-word; +} + + .toast-message a, + .toast-message label + { + color: #FFF; + } + + .toast-message a:hover + { + color: #CCC; + text-decoration: none; + } + +.toast-top-left +{ + left: 12px; + top: 12px; +} + +.toast-bottom-right +{ + bottom: 12px; + right: 12px; +} + +.toast-bottom-left +{ + bottom: 12px; + left: 12px; +} + +#toast-container +{ + position: fixed; + z-index: 9999; +} + + #toast-container > div + { + background-position: 15px center; + background-repeat: no-repeat; + -moz-border-radius: 3px 3px 3px 3px; + -webkit-border-radius: 3px 3px 3px 3px; + border-radius: 3px 3px 3px 3px; + -moz-box-shadow: 0 0 12px #999999; + -webkit-box-shadow: 0 0 12px #999999; + box-shadow: 0 0 12px #999999; + color: #FFFFFF; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + margin: 0 0 6px; + opacity: 0.8; + padding: 15px 15px 15px 50px; + width: 300px; + } + +.toast +{ + background-color: #030303; +} + +.toast-success +{ + background-color: #51A351; +} + +.toast-error +{ + background-color: #BD362F; +} + +.toast-info +{ + background-color: #2F96B4; +} + +.toast-warning +{ + background-color: #F89406; +} + +.toast-top-right +{ + right: 12px; + top: 12px; +} + +#toast-container > :hover +{ + -moz-box-shadow: 0 0 12px #000000; + -webkit-box-shadow: 0 0 12px #000000; + box-shadow: 0 0 12px #000000; + cursor: pointer; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + opacity: 1; +} + +#toast-container > .toast-info +{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; +} + +#toast-container > .toast-error +{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; +} + +#toast-container > .toast-success +{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; +} + +#toast-container > .toast-warning +{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; +} + +/*Responsive Design*/ + +@media all and (max-width: 240px) +{ + #toast-container > div + { + padding: 8px 8px 8px 50px; + width: 108px; + } +} + +@media all and (min-width: 241px) and (max-width: 320px) +{ + #toast-container > div + { + padding: 8px 8px 8px 50px; + width: 128px; + } +} + +@media all and (min-width: 321px) and (max-width: 480px) +{ + #toast-container > div + { + padding: 8px 8px 8px 50px; + width: 192px; + } +} + +@media all and (min-width: 481px) and (max-width: 768px) +{ + #toast-container > div + { + padding: 15px 15px 15px 50px; + width: 300px; + } +} + +@media all and (min-width: 769px) +{ + #toast-container > div + { + padding: 15px 15px 15px 50px; + width: 300px; + } +} \ No newline at end of file diff --git a/NzbDrone.Backbone/Index.html b/NzbDrone.Backbone/Index.html index a3e2a6aec..2994ab51c 100644 --- a/NzbDrone.Backbone/Index.html +++ b/NzbDrone.Backbone/Index.html @@ -9,13 +9,11 @@ - - - - - + + + + -