diff --git a/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css b/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css index 61d4106e..a906dc4d 100644 --- a/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css +++ b/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css @@ -108,4 +108,4 @@ [class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"], [class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] { color: white; -} +} \ No newline at end of file diff --git a/CSS/themes/adguard/adguard-base.css b/CSS/themes/adguard/adguard-base.css index 4949782b..8c284cce 100644 --- a/CSS/themes/adguard/adguard-base.css +++ b/CSS/themes/adguard/adguard-base.css @@ -10,6 +10,8 @@ /* Made by @gilbN */ /* https://htpc.deathbybandaid.net/assets/theme.park */ +@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/defaults/placeholders.css"); + body { background: var(--main-bg-color); background-repeat: repeat, no-repeat; @@ -231,6 +233,12 @@ h6, color: var(--label-text-color); } +.tooltip-custom__container .button-action--arrow-option:not(:disabled):hover { + cursor: pointer; + background: rgb(0 0 0 / 0.15); + overflow: hidden; +} + .toast--success { background-color: rgba(90, 173, 99, 0.75); } @@ -428,7 +436,13 @@ h6, } .ReactTable .-pagination .-btn { - color: var(--text-muted); + color: var(--text); + background: var(--button-color); +} + +.ReactTable .-pagination .-btn:not([disabled]):hover { + background: var(--button-color-hover); + color: var(--text-hover); } .ReactTable .-loading, @@ -446,6 +460,20 @@ h6, border-bottom: solid 1px rgb(255 255 255 / 20%); } +.ReactTable .rt-thead.-header { + background: rgb(0 0 0 / 25%); +} + +.ReactTable .rt-thead .rt-th.-sort-asc, .ReactTable .rt-thead .rt-td.-sort-asc { + -webkit-box-shadow: inset 0 3px 0 0 rgb(var(--accent-color), 0.60); + box-shadow: inset 0 3px 0 0 rgb(var(--accent-color), 0.60); +} + +.ReactTable .rt-thead .rt-th.-sort-desc, .ReactTable .rt-thead .rt-td.-sort-desc { + -webkit-box-shadow: inset 0 -3px 0 0 rgb(var(--accent-color), 0.60); + box-shadow: inset 0 -3px 0 0 rgb(var(--accent-color), 0.60); +} + .table th, .text-wrap table th, .table td, @@ -465,6 +493,12 @@ h6, } /* FORMS */ +.form-control { + color: var(--text); + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, .1) +} + .form-control--transparent { color: var(--text-hover); } @@ -477,7 +511,36 @@ h6, border-color: transparent; -webkit-box-shadow: none; box-shadow: none; - background: #ffffff !important; + background: rgba(255, 255, 255, 0.2); + color: var(--text-hover); +} + +.form-control:disabled, .form-control[readonly] { + background-color: #555; + opacity: 1; + cursor: not-allowed; +} + +.custom-select { + color: var(--text); + background: rgba(255, 255, 255, 0.1) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center; + background-size: 8px 10px; + border: 1px solid rgba(255, 255, 255, 0.1); + +} + +.custom-select:focus { + color: var(--text-hover); + background: #1f1f1f url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center; + background-size: 8px 10px; + border: 1px solid rgba(255, 255, 255, 0.2); + +} + +select.form-control.select:focus, +select:focus { + color: var(--text-hover); + background: #1f1f1f !important; } .icon--selected { diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css index 15a3d32b..a0570066 100644 --- a/CSS/themes/bazarr/bazarr-base.css +++ b/CSS/themes/bazarr/bazarr-base.css @@ -309,14 +309,14 @@ label, /* PAGES */ .content-header.bg-dark { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; + background: var(--main-bg-color) !important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; border-bottom: solid 1px rgba(255, 255, 255, .1); } @@ -324,13 +324,13 @@ label, /* LOGIN */ .bg-light { background: var(--main-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } .auth-card { diff --git a/CSS/themes/emby/emby-base.css b/CSS/themes/emby/emby-base.css index 27ded91e..c6aa6b74 100644 --- a/CSS/themes/emby/emby-base.css +++ b/CSS/themes/emby/emby-base.css @@ -157,7 +157,7 @@ html { } .pageTitleWithDefaultLogo { - background-image: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/emby/logowhite.png) + background-image: url(https://theme-park.dev/Resources/emby/logowhite.png) } .backgroundContainer, @@ -697,7 +697,7 @@ html { } .drawerLogo { - background-image: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/emby/logowhite.png); + background-image: url(https://theme-park.dev/Resources/emby/logowhite.png); border-bottom-color: var(--line-background) } diff --git a/CSS/themes/emby/plex.css b/CSS/themes/emby/plex.css index 51f306c8..03a4d4cc 100644 --- a/CSS/themes/emby/plex.css +++ b/CSS/themes/emby/plex.css @@ -13,4 +13,4 @@ /* EMBY PLEX THEME */ @import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/emby/emby-base.css"); -@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css"); \ No newline at end of file +@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/plex.css"); diff --git a/CSS/themes/filebrowser/aquamarine.css b/CSS/themes/filebrowser/aquamarine.css index 11a175ed..78af11f3 100644 --- a/CSS/themes/filebrowser/aquamarine.css +++ b/CSS/themes/filebrowser/aquamarine.css @@ -13,4 +13,4 @@ /* FILEBROWSER AQUAMARINE THEME */ @import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/themes/filebrowser/filebrowser-base.css); -@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css); \ No newline at end of file +@import url(https://htpc.deathbybandaid.net/assets/theme.park/CSS/variables/aquamarine.css); diff --git a/CSS/themes/grafana/.deprecated b/CSS/themes/grafana/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/logarr/.deprecated b/CSS/themes/logarr/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/monitorr/.deprecated b/CSS/themes/monitorr/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/mylar3/mylar3-base.css b/CSS/themes/mylar3/mylar3-base.css new file mode 100644 index 00000000..6f5c659a --- /dev/null +++ b/CSS/themes/mylar3/mylar3-base.css @@ -0,0 +1,3355 @@ +@import url("https://htpc.deathbybandaid.net/assets/theme.park/CSS/defaults/placeholders.css"); + +* { + outline: none !important; +} + +/* Variables */ +/* Mixins */ +html, +body, +div, +span, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +abbr, +address, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +samp, +small, +strong, +sub, +sup, +var, +b, +i, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section, +summary, +time, +mark, +audio, +video { + border: 0; + font: inherit; + font-size: 100%; + margin: 0; + padding: 0; + vertical-align: baseline; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} + +html { + color: var(--text); + font-size: 12px; + line-height: 1.5; +} + +body { + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + margin: 0; + overflow-y: scroll; + padding: 0; +} + +a { + color: var(--link-color); + text-decoration: none; + outline: none; +} + +a:hover { + color: var(--link-color-hover); + -text-decoration: underline; +} + +a.blue { + color: blue; +} + +a .ui-icon { + display: inline-block; + position: relative; + top: 3px; +} + +.links a { + color: var(--link-color); + clear: both; + display: inline-block; + float: left; +} + +.links a:hover { + color: var(--link-color-hover); +} + +.links a .ui-icon { + float: left; + margin-right: 5px; + margin-top: 3px; +} + +h1 { + font-size: 24px; +} + +h2 { + font-size: 20px; +} + +h3 { + font-size: 16px; +} + +p.center { + text-align: center; +} + +p.tab { + margin-left: 40px; +} + +hr { + border: 0; + border-top: 1px solid rgba(255, 255, 255, 0.2); + display: block; + height: 1px; + margin: 1em 0; + padding: 0; +} + +small { + font-size: 100%; +} + +norm { + font-size: 115%; +} + +big { + font-size: 135%; +} + +td.thickborder { + border: solid #000 3px; +} + +img.albumArt { + float: left; + min-height: 100%; + min-width: 100%; + max-width: 300px; + max-height: 300px; + position: relative; +} + +img.editArt { + float: left; + min-height: 50%; + min-width: 50%; + max-width: 300px; + max-height: 300px; + position: relative; +} + +.className { + width: 500px; + height: 400px; + overflow: scroll; +} + +.title { + margin-bottom: 20px; + margin-top: 10px; +} + +.title h1 img { + float: left; + margin-right: 10px; +} + +table { + border-collapse: collapse; + border-spacing: 0; + border: 1px solid rgba(255, 255, 255, 0.1) !important; + background: rgba(0, 0, 0, 0.25) !important; +} + +table th { + background-image: -moz-linear-gradient(#fafafa, #eaeaea) !important; + background-image: linear-gradient(#fafafa, #eaeaea) !important; + background-image: -webkit-linear-gradient(#2e333844, #2e33382d) !important; + background-image: -o-linear-gradient(#fafafa, #eaeaea) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + border-left: 1px solid rgba(255, 255, 255, 0.1); + -moz-box-shadow: 1px 0 0 #1c1e22; + -webkit-box-shadow: 1px 0 0 #1c1e22; + -o-box-shadow: 1px 0 0 #1c1e22; + box-shadow: 0px 0 0 #1c1e22; + -text-shadow: 1px 1px 0 #1c1e22; + color: var(--text-hover) !important; +} + +table th input[type="checkbox"] { + vertical-align: middle; +} + +table th:first-child { + border-left: 0; + -moz-box-shadow: none; + -webkit-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; +} + +table th.sorting_desc, +table th.sorting_asc { + background-image: -moz-linear-gradient(#fafbfd, #dce6ef) !important; + background-image: linear-gradient(#fafbfd, #dce6ef) !important; + background-image: -webkit-linear-gradient(#484e551a, #3a3f442a) !important; + background-image: -o-linear-gradient(#fafbfd, #dce6ef) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -color: #4183c4; +} + +table td { + vertical-align: top; + background: transparent !important; + color: var(--text-hover); +} + +table td a { + color: var(--link-color); +} + +/* datatables */ + +.paging_full_numbers .paginate_button, +.paging_full_numbers .paginate_active, +.paging_simple_numbers .paginate_button, +.paging_simple_numbers .paginate_active { + background: var(--button-color); + border-radius: 4px 4px 4px 4px; + margin: 0 0 0 4px; + font-size: 15px; + padding: 2px 5px; + color: var(--button-text); + cursor: pointer; + *cursor: hand; +} + +.paging_full_numbers .paginate_button:hover, +.paging_simple_numbers .paginate_button:hover { + background-color: var(--button-color-hover); + color: var(--button-text-hover); +} + +.paging_full_numbers .paginate_active, +.paging_simple_numbers .paginate_active { + background-color: var(--button-color-hover); + color: var(--button-text-hover); +} + + +.dataTables_filter input { + background: none repeat scroll 0 0 rgb(255 255 255 / 10%); + border: 1px solid rgb(255 255 255 / 10%); + font-size: 15px; + padding: 2px 4px; + color: var(--text); +} + +table.display thead th { + padding: 3px 5px 3px 5px; + background-color: rgba(0, 0, 0, 0); + font-weight: bold; + font-size: 16px; + border-bottom: 1px solid rgba(255, 255, 255, 0.5); + border-bottom-width: 3px; + text-align: center; +} + +/* table.display tr.odd { + background-color: rgba(255, 255, 255, 0.15) !important; +} + +table.display tr.even { + background-color: rgba(255, 255, 255, 0.05) !important; +} */ + +/* DataTables row classes */ +table.display tr.odd.gradeA { + background-color: rgba(255, 255, 255, 0.15); +} + +table.display tr.even.gradeA { + background-color: rgba(255, 255, 255, 0.05); +} + +table.display tr.odd.gradeB { + background-color: #61925f55; +} + +table.display tr.even.gradeB { + background-color: #61925f55; +} + +table.display tr.odd.gradeC { + background-color: #1a497755; +} + +table.display tr.even.gradeC { + background-color: #1a497755; +} + +table.display tr.even.gradeE { + background-color: #444b5455; +} + +table.display tr.odd.gradeE { + background-color: #444b5455; +} + +table.display tr.even.gradeG { + background-color: #0A0A0A55; +} + +table.display tr.odd.gradeG { + background-color: #0A0A0A55; +} + +table.display tr.even.gradeH { + background-color: #ae343155; +} + +table.display tr.odd.gradeH { + background-color: #ae343155; +} + +table.display tr.odd.gradeI { + background-color: #216f7055; +} + +table.display tr.even.gradeI { + background-color: #216f7055; +} + +table.display tr.even.gradeL { + background-color: #1c518855; +} + +table.display tr.odd.gradeL { + background-color: #ebf5ff55; +} + +table.display tr.odd.gradeX { + background-color: #64171655; +} + +table.display tr.even.gradeX { + background-color: #64171655; +} + +table.display tr.odd.gradeU { + background-color: #382f6455; +} + +table.display tr.even.gradeU { + background-color: #382f6455; +} + +table.display tr.odd.gradeP { + background-color: #68FC6855; +} + +table.display tr.even.gradeP { + background-color: #68FC6855; +} + +table.display tr.odd.gradeD { + background-color: #29813855; +} + +table.display tr.even.gradeD { + background-color: #29813855; +} + +table.display tr.odd.gradeZ { + background-color: #353a4155; +} + +table.display tr.even.gradeZ { + background-color: #2e333855; +} + +table.display tr.odd.gradeT { + background-color: #bd915a55; +} + +table.display tr.even.gradeT { + background-color: #bd915a55; +} + +table.display tr.odd.gradeF { + background-color: #FF585855; +} + +table.display tr.even.gradeF { + background-color: #FF585855; +} + +table.display tr.odd.gradeT1 { + background-color: #FFDDDD55; +} + +table.display tr.even.gradeT1 { + background-color: #FFDDDD55; +} + +table.display tr.odd.gradeT2 { + background-color: #A97D7B55; +} + +table.display tr.even.gradeT2 { + background-color: #A97D7B55; +} + + +table.display tr.gradeA td, +table.display tr.gradeB td, +table.display tr.gradeC td, +table.display tr.gradeE td, +table.display tr.gradeG td, +table.display tr.gradeH td, +table.display tr.gradeI td, +table.display tr.gradeL td, +table.display tr.gradeX td, +table.display tr.gradeU td, +table.display tr.gradeP td, +table.display tr.gradeD td, +table.display tr.gradeT td, +table.display tr.gradeF td, +table.display tr.gradeT1 td, +table.display tr.gradeT2 td, +table.display tr.gradeZ td { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + border-right: 1px solid rgba(255, 255, 255, 0.1); +} + +table.display_no_select tr.gradeA td, +table.display_no_select tr.gradeC td, +table.display_no_select tr.gradeE td, +table.display_no_select tr.gradeG td, +table.display_no_select tr.gradeH td, +table.display_no_select tr.gradeI td, +table.display_no_select tr.gradeL td, +table.display_no_select tr.gradeX td, +table.display_no_select tr.gradeU td, +table.display_no_select tr.gradeP td, +table.display_no_select tr.gradeD td, +table.display_no_select tr.gradeT td, +table.display_no_select tr.gradeF td, +table.display_no_select tr.gradeT1 td, +table.display_no_select tr.gradeT2 td, +table.display_no_select tr.gradeZ td { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + border-right: 1px solid rgba(255, 255, 255, 0.1); +} + +table.display_no_select thead th { + padding: 3px 18px 3px 10px; + background-color: rgba(0, 0, 0, 0.1); + font-weight: bold; + font-size: 16px; +} + +table.display tr:last-child td { + border-bottom: 1px solid rgba(255, 255, 255, 0.5); +} + +select, +input, +textarea, +button { + font: 99%; +} + +select { + background: rgba(255, 255, 255, 0.15); + color: var(--text); +} + +select:focus { + background: #1f1f1f; + color: var(--text); +} + + +#more { + display: none; +} + +textarea { + overflow: auto; +} + +input { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background: rgba(255, 255, 255, 0.15); + border: none; + color: var(--text); + padding: 2px 4px; +} + +#tabs-1>table>tbody>tr>td:nth-child(1)>form>fieldset { + margin-left: 5px; +} + +input:invalid, +textarea:invalid { + -moz-box-shadow: 0 0 5px #ff0000; + -webkit-box-shadow: 0 0 5px #ff0000; + -o-box-shadow: 0 0 5px #ff0000; + box-shadow: 0 0 5px #ff0000; + -moz-border-radius: 1px; + -webkit-border-radius: 1px; + border-radius: 1px; +} + +.no-boxshadow input:invalid, +.no-boxshadow textarea:invalid { + background-color: #f0dddd; +} + +label, +input[type="button"], +input[type="submit"], +input[type="image"], +button { + cursor: pointer; +} + +button, +input, +select, +textarea { + margin: 0; +} + +button { + overflow: visible; + width: auto; +} + +input, +select, +form .checkbox input, +.configtable td#middle { + vertical-align: middle; + text-align: left; +} + +input[type="radio"] { + vertical-align: text-bottom; +} + +::-moz-selection, +::selection { + background: grey; + color: #fff; + text-shadow: none; +} + +input[type="submit"], +input[type="button"] { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background: var(--button-color); + border: 0; + border-bottom: 1px solid var(--button-color); + color: var(--button-text); + cursor: pointer; + display: inline-block; + margin-right: 3px; + padding: 4px 10px; + position: relative; + text-decoration: none; + text-shadow: 0 -1px 1px rgba(0, 0, 0, 0); +} + +input[type="submit"]:hover, +input[type="button"]:hover, +input[type="submit"]:active, +input[type="button"]:active { + background: var(--button-color-hover); + border-bottom: 1px solid var(--button-color-hover); + color: var(--button-text-hover); +} + +form legend, +form h2 { + font-size: 16px; + font-weight: bold; + margin-bottom: 10px; +} + +form table { + width: 100%; +} + +form fieldset { + margin-bottom: 20px; +} + +form fieldset small.heading { + color: var(--text-hover); + display: block; + font-style: italic; + margin-bottom: 10px; + margin-top: -15px; +} + +form .fieldset-auto-width { + display: inline-block; +} + +form .row { + font-family: Helvetica, Arial; + margin-bottom: 10px; +} + +form .row label { + display: block; + float: left; + font-size: 12px; + line-height: normal; + padding-top: 7px; + width: 175px; +} + +form .row input { + margin-right: 5px; +} + +form .row input[type=text], +form .row input[type=password] { + border: 1px solid rgba(255, 255, 255, 0.1); + border-top: 1px solid transparent; + -moz-box-shadow: 0 1px 0 transparent; + -webkit-box-shadow: 0 1px 0 transparent; + -o-box-shadow: 0 1px 0 transparent; + box-shadow: 0 1px 0 transparent; + -moz-box-shadow: inset 0 1px 1px transparent; + -webkit-box-shadow: inset 0 1px 1px transparent; + -o-box-shadow: inset 0 1px 1px transparent; + box-shadow: inset 0 1px 1px transparent; + color: var(--text); + font-size: 14px; + height: auto; + line-height: normal; + max-width: 230px; + margin-right: 5px; + padding: 3px 5px; + background: rgba(255, 255, 255, 0.1); +} + +form .row input[type=text]:focus, +form .row input[type=password]:focus { + background: rgba(255, 255, 255, 0.25); +} + +form .row small { + color: var(--text-muted); + display: block; + font-size: 11px; + line-height: 12px; + margin-left: 175px; + margin-top: 3px; +} + +form .left label { + float: none; + line-height: normal; + margin-bottom: 10px; + padding-top: 1px; + width: auto; +} + +form .left input { + float: left; + margin-bottom: 10px; +} + +form .radio label { + float: none; + line-height: normal; + margin-bottom: 10px; + padding-top: 1px; + width: auto; +} + +form .radio input { + float: left; + margin-bottom: 10px; +} + +form .radio small { + display: inline !important; + line-height: normal !important; + margin: 0 !important; + width: auto; +} + +form .checkbox small { + display: inline !important; + line-height: normal !important; + margin: 0 !important; + width: auto; +} + +ul, +ol { + margin-left: 2em; +} + +ol { + list-style-type: decimal; +} + +nav ul, +nav li { + list-style: none; + list-style-image: none; + margin: 0; +} + +ul#nav { + float: right; + margin: 0; + padding: 0 0 0 10px; + border-left: 1px solid #1c1e2200; + -moz-box-shadow: -1px 0 0 #e0e0e0; + -webkit-box-shadow: -1px 0 0 #e0e0e0; + -o-box-shadow: -1px 0 0 #e0e0e0; + box-shadow: -1px 0 0 #1c1e2200; + height: 58px; +} + +ul#nav li { + display: block; + float: left; + font-size: 18px; + font-weight: bold; + margin: 8px 0 0 0; + text-align: center; +} + +ul#nav li a { + color: rgb(var(--accent-color)); + display: block; + padding: 7px 15px; + -text-shadow: 1px 1px 0px #FFF; + text-transform: capitalize; + border: 1px solid transparent; + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; +} + +ul#nav li a:hover { + background: transparent !important; + color: var(--accent-color-hover); + filter: none !important; + -ms-filter: none !important; + -border: 1px solid transparent; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-shadow: 0 1px 0 transparent; + -webkit-box-shadow: 0 1px 0 transparent; + -o-box-shadow: 0 1px 0 transparent; + box-shadow: 0 1px 0 transparent; + -moz-box-shadow: 0 1px 0 transparent inset; + -webkit-box-shadow: 0 1px 0 transparent inset; + -o-box-shadow: 0 1px 0 transparent inset; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0) inset; + -webkit-transition: color 0.2s ease-in; + -moz-transition: color 0.2s ease-in; + -o-transition: color 0.2s ease-in; + transition: color 0.2s ease-in; +} + +ul#nav li a.config { + height: 28px; + width: 10px; +} + +ul#nav li a.config img { + position: relative; + top: -7px; + left: -7px; +} + +ul#nav li a.log { + font-size: 13px; + padding: 10px 15px 11px; +} + +header { + background: var(--main-bg-color) !important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; + + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + border-bottom: 3px solid transparent; + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0); + -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0); + box-shadow: 0 0 10px rgba(0, 0, 0, 0); + height: 58px; + position: fixed; + width: 100%; + z-index: 999; +} + +header .wrapper { + margin: 0 auto; + overflow: hidden; + position: relative; + width: 960px; +} + +header #logo { + float: left; + margin-right: 20px; + position: relative; + top: -3px; + margin-left: 10px; + opacity: 0.8; + filter: alpha(opacity=40); + /* For IE8 and earlier */ +} + +footer { + display: table; + margin: 60px auto 50px auto; + width: 960px; + padding-top: 10px; + border-top: 1px solid #EEE; +} + +footer div em, +footer div { + color: var(--text-muted) !important; +} + +#main { + line-height: 24px; + margin: 0 auto; + padding: 75px 0 0; + width: 960px; +} + +.message { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: -webkit-linear-gradient(#8c8c8c, #727272) !important; + background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + display: inline-block; + padding: 5px 10px; + margin-top: 10px; +} + +.message .ui-icon { + float: left; + margin-right: 5px; + position: relative; + top: 4px; +} + +#ajaxMsg { + -border: 1px solid #000; + background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important; + background-image: linear-gradient(#ffffff, #eeeeee) !important; + background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important; + background-image: -o-linear-gradient(#ffffff, #eeeeee) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + display: none; + font-size: 14px; + right: 10px; + -moz-box-shadow: 0px 0px 2px #aaaaaa; + -webkit-box-shadow: 0px 0px 2px #aaaaaa; + -o-box-shadow: 0px 0px 2px #aaaaaa; + box-shadow: 0px 0px 2px #fff; + padding: 7px 10px; + position: fixed; + text-align: center; + bottom: 10px; + min-height: 22px; + width: 250px; + z-index: 9999; + filter: alpha(opacity=85); + -moz-opacity: 0.8 !important; + -khtml-opacity: 0.8 !important; + -o-opacity: 0.8 !important; + opacity: 0.8 !important; +} + +#ajaxMsg .msg { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + line-height: normal; + padding-left: 20px; +} + +#ajaxMsg .loader { + position: relative; + top: 2px; +} + +#ajaxMsg.success { + background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: -webkit-linear-gradient(#113010, #1c521a) !important; + background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + padding: 15px 10px; + text-align: left; +} + +#ajaxMsg.error { + background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: -webkit-linear-gradient(#7a0f0f, #a61212) !important; + background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + padding: 15px 10px; + text-align: left; +} + +#ajaxMsg .ui-icon { + display: inline-block; + margin-left: -20px; + top: 2px; + position: relative; + margin-right: 3px; +} + +#updatebar { + border: 1px solid #1c1e22; + background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important; + background-image: linear-gradient(#ffffff, #eeeeee) !important; + background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important; + background-image: -o-linear-gradient(#ffffff, #eeeeee) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + display: none; + font-size: 14px; + right: 10px; + -moz-box-shadow: 0px 0px 2px #aaaaaa; + -webkit-box-shadow: 0px 0px 2px #aaaaaa; + -o-box-shadow: 0px 0px 2px #aaaaaa; + box-shadow: 0px 0px 2px #1c1e22; + padding: 7px 10px; + position: fixed; + text-align: center; + bottom: 10px; + min-height: 22px; + width: 250px; + z-index: 9999; + filter: alpha(opacity=85); + -moz-opacity: 0.8 !important; + -khtml-opacity: 0.8 !important; + -o-opacity: 0.8 !important; + opacity: 0.8 !important; + display: block; + background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: -webkit-linear-gradient(#484e55, #3a3f44) !important; + background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; +} + +#updatebar .msg { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + line-height: normal; + padding-left: 20px; +} + +#updatebar .loader { + position: relative; + top: 2px; +} + +#updatebar.success { + background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + padding: 15px 10px; + text-align: left; +} + +#updatebar.error { + background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + padding: 15px 10px; + text-align: left; +} + +#updatebar .ui-icon { + display: inline-block; + margin-left: -20px; + top: 2px; + position: relative; + margin-right: 3px; +} + +#subhead .back { + float: left; + margin-top: -25px; +} + +#subhead #subhead_container { + float: right; + height: 30px; + list-style-type: none; + width: 100%; + z-index: 998; +} + +#subhead #subhead_container #subhead_menu { + float: right; + margin-top: 5px; + position: relative; + z-index: 99; +} + +#subhead #subhead_container #subhead_menu a { + background: var(--button-color) !important; + color: var(--button-text); + filter: none !important; + -ms-filter: none !important; + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + font-size: 12px; + font-weight: normal; +} + +#subhead #subhead_container #subhead_menu a:hover { + background: var(--button-color-hover) !important; + filter: None !important; + -ms-filter: None !important; + color: var(--button-text-hover); + border: inherit !important; +} + +div#searchbar { + border-left: 1px solid transparent; + -moz-box-shadow: -1px 0 0 #e0e0e0; + -webkit-box-shadow: -1px 0 0 #e0e0e0; + -o-box-shadow: -1px 0 0 #e0e0e0; + box-shadow: -1px 0 0 transparent; + padding: 17px 0 14px 7px; + position: absolute; + left: 90px; + top: 1px; +} + +div#searchbar input[type=text] { + border: 1px solid rgba(255, 255, 255, 0.1); + border-top: 1px solid transparent; + -moz-box-shadow: None; + -webkit-box-shadow: None; + -o-box-shadow: None; + box-shadow: None; + color: var(--text); + float: left; + font-size: 14px; + height: auto; + line-height: normal; + margin-right: 10px; + padding: 4px 5px 4px 25px; + width: 150px; + background: rgba(255, 255, 255, 0.1); +} + +div#searchbar .mini-icon { + height: 20px; + width: 20px; + background: url("../../../images/icon_search.gif") left top no-repeat; + position: absolute; + display: block; + margin-left: 6px; + margin-top: 6px; +} + +.checkbox.inline { + padding: 5px; +} + +.checkbox.inline>input { + margin-right: 5px; + margin-left: 0; + color: #ffffff; +} + +.Skipped { + background-color: #353a41; + height: 30px; +} + +.Downloaded { + background-color: #0d4a0b; + height: 30px; +} + +.Archived { + background-color: #0d4a0b; + height: 30px; +} + +.Wanted { + background-color: #641716; + height: 30px; +} + +.WantedTier { + background-color: #A97D7B; + height: 30px; +} + +.Snatched { + background-color: #1a4977; + height: 30px; +} + +.Failed { + background-color: #ff5858; + height: 30px; +} + +.Ignored { + background-color: #353a41; + height: 30px; +} + +.comictable legend { + font-size: 14px; + font-weight: bold; + margin-bottom: 10px; + -text-shadow: 1px 1px 0 #FFFFFF; +} + +.comictable tr td:last-child { + border-left: 1px dotted #ddd; + padding-left: 20px; +} + +.comictable td { + padding-right: 15px; +} + +.configtable legend { + font-size: 16px; + font-weight: bold; + margin-bottom: 10px; + -text-shadow: 1px 1px 0 #FFFFFF; +} + +.configtable tr td:last-child { + border-left: 1px dotted #ddd; + padding-left: 20px; +} + +.configtable td { + padding-right: 15px; + width: 50%; +} + +.table_wrapper { + _height: 302px; + -background-color: #FFF; + clear: both; + margin: 30px auto 0; + min-height: 100px; + position: relative; + width: 100%; + zoom: 1px; +} + +.manage_wrapper { + _height: 302px; + clear: both; + margin: 20px auto 0; + min-height: 150px; + padding: 25px; + width: 88%; + zoom: 1px; +} + +#paddingheader { + position: relative; + top: 0px; +} + +#paddingheader h1 { + line-height: 33px; + /* width: 450px; */ +} + +#paddingheader h1 img { + float: left; + margin-right: 5px; +} + +div#nopaddingheader { + font-size: 24px; + font-weight: bold; + text-align: center; +} + +div#seriesheader { + font-size: 24px; + font-weight: bold; + text-align: left; + margin-bottom: 10px; +} + +div#artistheader { + margin-top: 50px; + min-height: 200px; +} + +div#artistheader #artistImg { + background: #ffffff url("../../../images/loader_black.gif") center no-repeat; + border: 5px solid #FFF; + -moz-box-shadow: 1px 1px 2px 0 #555555; + -webkit-box-shadow: 1px 1px 2px 0 #555555; + -o-box-shadow: 1px 1px 2px 0 #555555; + box-shadow: 1px 1px 2px 0 #555555; + float: left; + height: 368px; + margin-bottom: 50px; + margin-right: 40px; + overflow: hidden; + text-indent: -3000px; + width: 240px; +} + +div#artistheader #artistDetails { + font-size: 16px; + line-height: 24px; + margin-top: 10px; +} + +#artistBio_table { + padding: 5px; + width: 650px; +} + +#artistBio_table td#bio { + font-size: 12px; + line-height: 16px; + margin-top: 5px; +} + +div#artistheader h1 a { + font-size: 32px; + margin-bottom: 5px; + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; +} + +div#artistheader h2 a { + font-style: italic; + font-weight: bold; + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; +} + +#scheduler_detail th#job { + width: 50px; + text-align: center; +} + +#scheduler_detail th#nextrun { + width: 100px; + text-align: center; +} + +#scheduler_detail th#prevrun { + width: 100px; + text-align: center; +} + +#scheduler_detail th#options { + width: 100px; + text-align: center; +} + +#scheduler_detail td#job { + width: 50px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} + +#scheduler_detail td#nextrun { + width: 100px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#scheduler_detail td#prevrun { + width: 100px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#scheduler_detail td#options { + width: 100px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#read_detail th#options { + min-width: 150px; + text-align: center; +} + +#read_detail th#comicname { + min-width: 290px; + text-align: center; +} + +#read_detail th#issue { + max-width: 27px; + text-align: center; +} + +#read_detail th#status { + max-width: 90px; + text-align: center; +} + +#read_detail th#issuedate { + max-width: 50px; + text-align: center; +} + +#read_detail th#select { + max-width: 10px; + text-align: center; + vertical-align: middle; +} + +#read_detail td#comicname { + min-width: 290px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#read_detail td#issue { + max-width: 20px; + text-align: center; + vertical-align: middle; +} + +#read_detail td#status { + max-width: 90px; + text-align: center; + vertical-align: middle; +} + +#read_detail td#issuedate { + max-width: 50px; + text-align: center; + vertical-align: middle; +} + +#read_detail td#options { + min-width: 150px; + text-align: center; + vertical-align: middle; +} + +#read_detail td#select { + max-width: 10px; + text-align: center; + vertical-align: middle; +} + +#storyarcs th#options { + max-width: 100px; + text-align: center; +} + +#storyarcs th#storyarc { + max-width: 375px; + text-align: left; +} + +#storyarcs th#years { + max-width: 60px; + text-align: center; +} + +#storyarcs th#have { + max-width: 70px; + text-align: center; +} + +#storyarcs td#storyarc { + min-width: 375px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} + +#storyarcs td#years { + max-width: 60px; + text-align: center; + vertical-align: middle; +} + +#storyarcs td#options { + max-width: 100px; + text-align: left; + vertical-align: middle; +} + +#storyarcs td#have { + max-width: 70px; + text-align: center; + vertical-align: middle; +} + +#arc_detail th#options { + max-width: 200px; + text-align: center; +} + +#arc_detail th#comicname { + min-width: 280px; + text-align: left; +} + +#arc_detail th#issue { + max-width: 25px; + text-align: center; +} + +#arc_detail th#status { + max-width: 85px; + text-align: center; +} + +#arc_detail th#issuedate { + max-width: 58px; + text-align: center; +} + +#arc_detail th#readingorder { + max-width: 15px; + text-align: right; + vertical-align: middle; +} + +#arc_detail td#comicname { + min-width: 280px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} + +#arc_detail td#issue { + max-width: 25px; + text-align: right; + vertical-align: middle; +} + +#arc_detail td#status { + max-width: 85px; + text-align: center; + vertical-align: middle; +} + +#arc_detail td#issuedate { + max-width: 58px; + text-align: center; + vertical-align: middle; +} + +#arc_detail td#options { + max-width: 200px; + text-align: left; + vertical-align: middle; +} + +#arc_detail td#readingorder { + max-width: 15px; + text-align: right; + vertical-align: middle; +} + +#weekly_pull th#publisher { + min-width: 150px; + text-align: left; +} + +#weekly_pull th#comicname { + min-width: 250px; + text-align: left; +} + +#weekly_pull th#comicnumber, +#weekly_pull th#status, +#weekly_pull th#series { + min-width: 50px; + text-align: center; +} + +#weekly_pull td#comicname { + min-width: 275px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} + +#weekly_pull td#status, +#weekly_pull td#series, +#weekly_pull td#comicnumber { + min-width: 50px; + text-align: left; + vertical-align: middle; +} + +#weekly_pull td#publisher { + min-width: 150px; + text-align: left; + vertical-align: middle; +} + +#pull_table th#publisher { + min-width: 100px; + text-align: center; + vertical-align: middle; +} + +#pull_table th#comicname { + min-width: 300px; + text-align: center; + vertical-align: middle; +} + +#pull_table th#comicnumber { + max-width: 25px; + text-align: center; + vertical-align: middle; +} + +#pull_table th#status { + min-width: 30px; + text-align: center; + vertical-align: middle; +} + +#pull_table th#options { + min-width: 90px; + text-align: center; + vertical-align: middle; +} + +#pull_table td#publisher { + min-width: 100px; + text-align: left; + vertical-align: middle; +} + +#pull_table td#comicname { + min-width: 300px; + text-align: left; + vertical-align: middle; +} + +#pull_table td#comicnumber { + max-width: 25px; + text-align: right; + vertical-align: middle; +} + +#pull_table td#status { + min-width: 30px; + text-align: center; + vertical-align: middle; +} + +#pull_table td#options { + min-width: 90px; + text-align: left; + vertical-align: middle; +} + +#manage_comic th#name { + min-width: 275px; + text-align: center; +} + +#manage_comic th#latest { + min-width: 150px; + text-align: center; +} + +#manage_comic th#status, +#manage_comic th#albumart, +#manage_comic th#lastupdated { + min-width: 50px; + text-align: center; +} + +#manage_comic th#stat_icon { + max-width: 15px; + text-align: center; +} + +#manage_comic th#have, +#manage_comic th#publisher { + text-align: center; +} + +#manage_comic td#name { + min-width: 275px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#manage_comic td#status, +#manage_comic td#lastupdated, +#manage_comic td#publisher { + min-width: 50px; + text-align: center; + vertical-align: middle; +} + +#manage_comic td#stat_icon { + max-width: 15px; + text-align: center; + vertical-align: middle; +} + +#manage_comic td#latest { + min-width: 150px; + text-align: center; + vertical-align: middle; +} + +#manage_comic td#have { + min-width: 50px; + text-align: left; + vertical-align: middle; +} + +#manage_issues th#name { + min-width: 275px; + text-align: center; +} + +#manage_issues th#options { + min-width: 150px; + text-align: center; +} + +#manage_issues th#select { + min-width: 10px; + text-align: center; + vertical-align: middle; +} + +#manage_issues th#status, +#manage_issues th#issue, +#manage_issues th#pubdate, +#manage_issues th#releasedate, +#manage_issues th#int_issue { + min-width: 50px; + text-align: center; +} + +#manage_issues td#name { + min-width: 275px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} + +#manage_issues td#select { + min-width: 10px; + text-align: center; + vertical-align: middle; +} + +#manage_issues td#status, +#manage_issues td#issue, +#manage_issues td#pubdate, +#manage_issues td#releasedate, +#manage_issues td#int_issue { + min-width: 50px; + text-align: center; + vertical-align: middle; +} + +#manage_issues td#options { + min-width: 150px; + text-align: center; + vertical-align: middle; +} + +#manage_failed th#series { + min-width: 175px; + text-align: center; +} + +#manage_failed th#select { + min-width: 10px; + text-align: center; + vertical-align: middle; +} + +#manage_failed th#issue, +#manage_failed th#site, +#manage_failed th#datefailed { + min-width: 50px; + text-align: center; +} + +#manage_failed th#link { + min-width: 100px; + text-align: center; +} + +#manage_failed td#series { + min-width: 175px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} + +#manage_failed td#select { + min-width: 10px; + text-align: left; + vertical-align: middle; +} + +#manage_failed td#issue, +#manage_failed td#site, +#manage_failed td#datefailed { + min-width: 50px; + text-align: left; + vertical-align: middle; +} + +#manage_failed td#link { + min-width: 100px; + text-align: left; + vertical-align: middle; +} + +#series_table { + background-color: rgba(0, 0, 0, 0); + padding: 20px; + width: 100%; +} + +#series_table th#publisher { + max-width: 120px; + text-align: center; +} + +#series_table th#name { + min-width: 290px; + text-align: center; +} + +#series_table th#year { + max-width: 25px; + text-align: center; +} + +#series_table th#havepercent, +#series_table th#totalcount { + max-width: 1px; + text-align: left; + display: none; +} + +#series_table th#activestatus { + max-width: 1px; + text-align: left; + display: none; +} + +#series_table th#active { + max-width: 35px; + text-align: center; +} + +#series_table th#issue { + max-width: 30px; + text-align: center; +} + +#series_table th#status { + max-width: 50px; + text-align: center; +} + +#series_table th#published { + max-width: 55px; + text-align: center; +} + +#series_table th#have { + max-width: 80px; + text-align: center; + vertical-align: middle; +} + +#series_table td#publisher { + max-width: 120px; + text-align: center; + vertical-align: middle; + font-size: 12px; + background-color: #353a41; +} + +#series_table td#name { + min-width: 290px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#year { + max-width: 25px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#havepercent, +#series_table td#totalcount { + max-width: 1px; + text-align: left; + vertical-align: middle; + display: none; +} + +#series_table td#activestatus { + max-width: 1px; + text-align: left; + vertical-align: middle; + display: none; +} + +#series_table td#active { + max-width: 35px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#issue { + max-width: 30px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#status { + max-width: 50px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#published { + max-width: 55px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#series_table td#have { + max-width: 80px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} + +#manageheader { + margin-top: 45px; + margin-bottom: 0; +} + +#history_table { + background-color: #FFF; + font-size: 13px; + width: 100%; +} + +#history_table td#dateadded { + font-size: 12px; + min-width: 100px; + text-align: center; + vertical-align: middle; +} + +#history_table td#filename { + font-size: 12px; + min-width: 150px; + text-align: center; + vertical-align: middle; +} + +#history_table td#size { + font-size: 12px; + min-width: 40px; + text-align: center; + vertical-align: middle; +} + +#history_table td#status { + font-size: 12px; + text-align: center; + vertical-align: middle; +} + +#history_table td#action { + font-size: 12px; + max-width: 30px; + text-align: center; + vertical-align: middle; +} + +#log_table { + background-color: #FFF; +} + +#log_table th#timestamp { + min-width: 125px; + text-align: left; +} + +#log_table th#level { + max-width: 60px; + text-align: left; +} + +#log_table th#message { + min-width: 600px; + text-align: left; +} + +#searchresults_table th#name { + min-width: 525px; + text-align: left; +} + +#searchresults_table th#comicyear { + min-width: 50px; + text-align: left; +} + +#searchresults_table th#issues { + min-width: 50px; + text-align: left; +} + +#searchresults_table th#add { + min-width: 75px; + text-align: left; +} + +#searchresults_table #artistImg { + background: url("../../../images/loader_black.gif") no-repeat scroll center center #ffffff; + border: 3px solid #FFFFFF; + box-shadow: 1px 1px 2px 0 #555555; + float: left; + height: 50px; + overflow: hidden; + text-indent: -3000px; + width: 50px; +} + +#searchresults_table td#name { + min-width: 500px; + text-align: left; + vertical-align: middle; +} + +#searchresults_table td#comicyear { + min-width: 50px; + text-align: left; + vertical-align: middle; +} + +#searchresults_table td#issues { + min-width: 50px; + text-align: left; + vertical-align: middle; +} + +#searchresults_table td#add { + min-width: 75px; + vertical-align: middle; +} + +#searchresults_table td#score .bar { + width: 100px; + margin: 0 auto; + border: 1px solid #cccccc; + padding: 1px; + background-color: #FFF; +} + +#searchresults_table td#score .bar .score { + height: 14px; + color: #343434; + color: #FFF; + font-size: 11px; + vertical-align: middle; + line-height: normal; + background-image: -moz-linear-gradient(#a3e532, #90cc2a) !important; + background-image: linear-gradient(#a3e532, #90cc2a) !important; + background-image: -webkit-linear-gradient(#a3e532, #90cc2a) !important; + background-image: -o-linear-gradient(#a3e532, #90cc2a) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; +} + +#impresults_table th#select { + min-width: 10px; + text-align: left; + +} + +#impresults_table th#select input { + vertical-align: middle; + min-width: 10px; +} + +#impresults_table th#comicname { + min-width: 325px; + text-align: left; +} + +#impresults_table th#comicyear { + min-width: 75px; + text-align: center; +} + +#impresults_table th#issues { + min-width: 25px; + text-align: center; +} + +#impresults_table th#status { + min-width: 110px; + text-align: center; +} + +#impresults_table th#importdate { + min-width: 100px; + text-align: center; +} + +#impresults_table th#addcomic { + min-width: 100px; + text-align: left; +} + +#impresults_table td#select { + min-width: 10px; + text-align: middle; + vertical-align: middle; +} + +#impresults_table td#select input { + min-width: 10px; + vertical-align: middle; +} + +#impresults_table td#comicname { + min-width: 325px; + text-align: left; + vertical-align: middle; +} + +#impresults_table td#comicyear { + min-width: 75px; + text-align: left; + vertical-align: middle; +} + +#impresults_table td#issues { + min-width: 25px; + text-align: left; + vertical-align: middle; +} + +#impresults_table td#status { + min-width: 110px; + text-align: left; + vertical-align: middle; +} + +#impresults_table td#importdate { + min-width: 100px; + text-align: left; + vertical-align: middle; +} + +#impresults_table td#addcomic { + min-width: 100px; + vertical-align: middle; + text-align: left; +} + +#downloads_table th#title { + max-width: 150px; + vertical-align: middle; + text-align: center; +} + +#downloads_table th#size { + max-width: 35px; + vertical-align: middle; + text-align: center; +} + +#downloads_table th#kind { + max-width: 20px; + vertical-align: middle; + text-align: center; +} + +#downloads_table th#provider { + max-width: 30px; + vertical-align: middle; + text-align: center; +} + +#downloads_table td#title { + max-width: 150px; + vertical-align: middle; + text-align: left; +} + +#downloads_table td#size { + max-width: 35px; + vertical-align: middle; + text-align: left; +} + +#downloads_table td#kind { + max-width: 20px; + vertical-align: middle; + text-align: left; +} + +#downloads_table td#provider { + max-width: 30px; + vertical-align: middle; + text-align: center; +} + +#searchmanage_table th#comicname { + min-width: 325px; + text-align: left; +} + +#searchmanage_table th#comicpub { + min-width: 100px; + text-align: left; +} + +#searchmanage_table th#comicissues { + min-width: 75px; + text-align: left; +} + +#searchmanage_table th#addcomic { + min-width: 95px; + text-align: left; +} + +#searchmanage_table td#comicname { + min-width: 325px; + text-align: left; + vertical-align: middle; +} + +#searchmanage_table td#comicpub { + min-width: 100px; + text-align: left; + vertical-align: middle; +} + +#searchmanage_table td#comicissues { + min-width: 75px; + text-align: left; + vertical-align: middle; +} + +#searchmanage_table td#addcomic { + min-width: 95px; + vertical-align: middle; +} + +#queue_table th#qcomicid { + max-width: 10px; + text-align: center; +} + +#queue_table th#qseries { + max-width: 475px; + text-align: center; +} + +#queue_table th#qsize { + max-width: 30px; + text-align: center; +} + +#queue_table th#qprogress { + max-width: 25px; + text-align: center; +} + +#queue_table th#qstatus { + max-width: 50px; + text-align: center; +} + +#queue_table th#qdate { + max-width: 90px; + text-align: center; +} + +#queue_table th#qoptions { + min-width: 160px; + text-align: center; +} + +#queue_table td#qcomicid { + max-width: 10px; + text-align: left; +} + +#queue_table td#qseries { + max-width: 475px; + text-align: left; +} + +#queue_table td#qsize { + max-width: 30px; + text-align: center; +} + +#queue_table td#qprogress { + max-width: 25px; + text-align: center; +} + +#queue_table td#qstatus { + max-width: 50px; + text-align: center; +} + +#queue_table td#qdate { + min-width: 90px; + text-align: center; +} + +#queue_table td#qoptions { + min-width: 160px; + text-align: center; +} + +#exceptions_table th#date { + text-align: center; + max-width: 20px; +} + +#exceptions_table th#line_num { + text-align: center; + width: 5px; +} + +#exceptions_table th#func_name { + text-align: center; + width: 15px; +} + +#exceptions_table th#filename { + text-align: center; + max-width: 15px; +} + +#exceptions_table th#error { + text-align: center; + max-width: 40px; +} + +#exceptions_table th#times { + text-align: center; + max-width: 5px; +} + +#exceptions_table th#error_text { + text-align: center; + max-width: 50px; +} + +#exceptions_table th#options { + text-align: center; + max-width: 15px; +} + +#exceptions_table td#date { + vertical-align: middle; + text-align: left; + max-width: 20px; +} + +#exceptions_table td#line_num { + vertical-align: middle; + text-align: left; + width: 5px; +} + +#exceptions_table td#func_name { + vertical-align: middle; + text-align: left; + width: 15px; +} + +#exceptions_table td#filename { + vertical-align: middle; + text-align: center; + max-width: 15px; +} + +#exceptions_table td#error { + vertical-align: middle; + text-align: left; + max-width: 40px; +} + +#exceptions_table td#times { + vertical-align: middle; + text-align: left; + max-width: 5px; +} + +#exceptions_table td#error_text { + vertical-align: middle; + text-align: left; + max-width: 50px; +} + +#exceptions_table td#options { + vertical-align: middle; + text-align: center; + max-width: 15px; +} + +DIV.progress-container { + position: relative; + width: 100px; + height: 18px; + margin: 2px 5px 2px 2px; + -border: 1px solid #ccc; + background-color: #272b30; + background-image: -moz-linear-gradient(top, whiteSmoke, #F9F9F9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whiteSmoke), to(#F9F9F9)); + background-image: -webkit-linear-gradient(top, whiteSmoke, #F9F9F9); + background-image: -o-linear-gradient(top, whiteSmoke, #F9F9F9); + background-image: linear-gradient(to bottom, whiteSmoke, #F9F9F9); + background-repeat: repeat-x; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + color: #000; +} + +DIV.progress-container>DIV { + background-color: #0EBEED; + height: 18px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + text-align: center; + z-index: 900; +} + +.danger>DIV { + background-color: #DD514C; + background-image: -moz-linear-gradient(top, #EE5F5B, #C43C35); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#C43C35)); + background-image: -webkit-linear-gradient(top, #EE5F5B, #C43C35); + background-image: -o-linear-gradient(top, #EE5F5B, #C43C35); + background-image: linear-gradient(to bottom, #EE5F5B, #C43C35); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); +} + +.warning>DIV { + background-color: #FAA732; + background-image: -moz-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: linear-gradient(to bottom, #FBB450, #F89406); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); +} + +.complete>DIV { + background-color: #5EB95E; + background-image: -moz-linear-gradient(top, #62C462, #57A957); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#57A957)); + background-image: -webkit-linear-gradient(top, #62C462, #57A957); + background-image: -o-linear-gradient(top, #62C462, #57A957); + background-image: linear-gradient(to bottom, #62C462, #57A957); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); +} + +.missing>DIV { + background-color: #4BB1CF; + color: #000; + background-image: -moz-linear-gradient(top, #5BC0DE, #339BB9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#339BB9)); + background-image: -webkit-linear-gradient(top, #5BC0DE, #339BB9); + background-image: -o-linear-gradient(top, #5BC0DE, #339BB9); + background-image: linear-gradient(to bottom, #5BC0DE, #339BB9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); +} + +.have { + font-size: 12px; + line-height: normal; + margin-left: 36px; + padding-bottom: 30px; + vertical-align: middle; +} + +.progressbar-back-text { + font-size: 12px; + vertical-align: text-bottom; + background-color: transparent; + position: absolute; + text-align: center; + width: 100%; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + z-index: 800; +} + +.progressbar-front-text { + font-size: 12px; + vertical-align: text-bottom; + background-color: transparent; + display: block; + width: 100%; + position: absolute; + color: #000000; + overflow: hidden; +} + +#version { + color: var(--text-muted); + font-size: 10px; + position: relative; + z-index: 999; + margin: 0px auto; + text-align: center; + width: 400px; +} + +#backendstatus { + color: var(--text-muted); + font-size: 10px; + position: relative; + z-index: 999; + margin: 0px auto; + text-align: center; + width: 400px; +} + +#donate { + float: left; + text-align: left; +} + +#actions { + float: right; + text-align: right; + margin-right: 10px; + margin-top: -5px; + color: #cccccc; +} + +#actions .ui-icon { + position: relative; + top: 4px; + background-image: url("../../../images/ui-icons_70b2e1_256x240.png"); +} + +#toTop { + background: url("../../../images/toTop.gif") no-repeat scroll 10px center #1c1e22; + border-radius: 5px 0 0 0; + bottom: 0; + display: none; + padding: 10px 10px 10px 40px; + position: fixed; + right: 0; +} + +#shutdown { + text-align: center; + vertical-align: middle; +} + +#shutdown h1 img { + position: relative; + top: 7px; +} + +.cloudtag { + font-size: 16px; +} + +.cloudtag #cloud { + line-height: 1.5em; + margin: 0; + padding: 2px; + text-align: center; +} + +.cloudtag #cloud a { + padding: 0; +} + +.cloudtag #cloud a.tag1 { + font-size: 0.7em; + font-weight: 100; +} + +.cloudtag #cloud a.tag2 { + font-size: 0.8em; + font-weight: 200; +} + +.cloudtag #cloud a.tag3 { + font-size: 0.9em; + font-weight: 300; +} + +.cloudtag #cloud a.tag4 { + font-size: 1em; + font-weight: 400; +} + +.cloudtag #cloud a.tag5 { + font-size: 1.2em; + font-weight: 500; +} + +.cloudtag #cloud a.tag6 { + font-size: 1.4em; + font-weight: 600; +} + +.cloudtag #cloud a.tag7 { + font-size: 1.6em; + font-weight: bold; +} + +.cloudtag #cloud a.tag8 { + font-size: 1.8em; + font-weight: 800; +} + +.cloudtag #cloud a.tag9 { + font-size: 2.2em; + font-weight: 900; +} + +.cloudtag #cloud a.tag10 { + font-size: 2.5em; + font-weight: 900; +} + +.cloudtag #cloud li { + display: inline-block; + margin: 5px 10px; +} + +.floatright { + float: right; +} + +.floatleft { + float: left; +} + +.ir { + background-repeat: no-repeat; + direction: ltr; + display: block; + overflow: hidden; + text-align: left; + text-indent: -999em; +} + +.hidden { + display: none; + visibility: hidden; +} + +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.visuallyhidden.focusable:active, +.visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} + +.invisible { + visibility: hidden; +} + +.clearfix:before, +.clearfix:after { + content: "\0020"; + display: block; + height: 0; + overflow: hidden; +} + +.clearfix { + zoom: 1px; +} + +.clearfix:after { + clear: both; +} + +#upcoming_table th#comicname, +#wanted_table th#comicname { + min-width: 150px; + text-align: center; +} + +#upcoming_table td#select, +#upcoming_table td#status, +#wanted_table td#select, +#wanted_table td#status { + text-align: center; + vertical-align: middle; +} + +#upcoming_table th#type, +#wanted_table th#type, +#wanted_table th#tier, +#searchresults_table th#score { + min-width: 75px; + text-align: center; +} + +#wanted_table th#albumart { + min-width: 50px; + text-align: center; +} + +#upcoming_table th#issuenumber, +#wanted_table th#issuenumber { + min-width: 50px; + text-align: center; +} + +#upcoming_table th#reldate, +#wanted_table th#reldate { + min-width: 50px; + text-align: center; +} + +#upcoming_table td#albumart, +#wanted_table td#albumart { + min-width: 50px; + text-align: center; + vertical-align: middle; +} + +#upcoming_table td#comicname, +#wanted_table td#comicname { + min-width: 200px; + text-align: center; + vertical-align: middle; +} + +#upcoming_table td#issuenumber, +#wanted_table td#issuenumber { + min-width: 50px; + text-align: center; + vertical-align: middle; +} + +#upcoming_table td#reldate, +#wanted_table td#reldate { + min-width: 50px; + text-align: center; + vertical-align: middle; +} + +#upcoming_table td#type, +#wanted_table td#type, +#wanted_table td#tier, +#searchresults_table td#score { + min-width: 75px; + text-align: center; + vertical-align: middle; +} + +table tr td#status a { + color: #4183c4; +} + +.ie7 input[type="checkbox"] { + vertical-align: baseline; +} + +.ie7 img { + -ms-interpolation-mode: bicubic; +} + +.ie7 legend { + margin-left: -7px; +} + +/* Mask for background, by default is not display */ +#mask { + display: none; + background: #000; + position: fixed; + left: 0; + top: 0; + z-index: 10; + width: 100%; + height: 100%; + opacity: 0.8; + z-index: 999; +} + +/* You can customize to your needs */ +.issue-popup { + width: 600px; + display: none; + background: var(--modal-bg-color); + padding: 5px; + border: 2px solid rgba(221, 221, 221, 0); + color: white; + font-size: 1.2em; + position: absolute; + top: 20%; + left: 50%; + z-index: 99999; + text-align: left; + box-shadow: 0px 0px 20px transparent; + /* CSS3 */ + -moz-box-shadow: 0px 0px 20px transparent; + /* Firefox */ + -webkit-box-shadow: 0px 0px 20px transparent; + /* Safari, Chrome */ + border-radius: 3px 3px 3px 3px; + -moz-border-radius: 3px; + /* Firefox */ + -webkit-border-radius: 3px; + /* Safari, Chrome */ + ; +} + +.alignleft { + float: left; +} + +.alignright { + float: right; +} + +img.btn_close { + /* Position the close button */ + float: right; + margin: -28px -28px 0 0; +} + +fieldset { + border: none; +} + +img.highqual { + -ms-interpolation-mode: bicubuic; +} + +table#issue_table { + width: 100%; + padding: 10px; +} + +table#issue_table th#select { + vertical-align: middle; + text-align: center; + max-width: 5px; +} + +table#issue_table th#int_issuenumber { + text-align: left; + max-width: 10px +} + +table#issue_table th#issuenumber { + text-align: center; + max-width: 20px; +} + +table#issue_table th#issuename { + text-align: center; + max-width: 200px; +} + +table#issue_table th#reldate { + text-align: center; + max-width: 45px; +} + +table#issue_table th#status { + text-align: center; + max-width: 55px; +} + +table#issue_table th#options { + text-align: center; + max-width: 120px; +} + +table#issue_table td#select { + vertical-align: middle; + text-align: center; + max-width: 5px; +} + +table#issue_table td#int_issuenumber { + vertical-align: middle; + text-align: left; + max-width: 10px; +} + +table#issue_table td#issuenumber { + vertical-align: middle; + text-align: center; + max-width: 20px; +} + +table#issue_table td#issuename { + vertical-align: middle; + text-align: center; + max-width: 250px; +} + +table#issue_table td#reldate { + vertical-align: middle; + text-align: center; + max-width: 45px; +} + +table#issue_table td#status { + vertical-align: middle; + text-align: center; + max-width: 55px; +} + +table#issue_table td#options { + vertical-align: middle; + text-align: center; + max-width: 120px; +} + +table#annual_table { + width: 100%; + padding: 10px; +} + +table#annual_table th#select { + vertical-align: middle; + text-align: center; + max-width: 5px; +} + +table#annual_table th#aint_issuenumber { + text-align: left; + max-width: 1px +} + +table#annual_table th#aissuenumber { + text-align: center; + max-width: 20px; +} + +table#annual_table th#aissuename { + text-align: center; + max-width: 200px; +} + +table#annual_table th#areldate { + text-align: center; + max-width: 45px; +} + +table#annual_table th#astatus { + text-align: center; + max-width: 55px; +} + +table#annual_table th#aoptions { + text-align: center; + max-width: 120px; +} + +table#annual_table td#select { + vertical-align: middle; + text-align: center; + max-width: 5px; +} + +table#annual_table td#aint_issuenumber { + vertical-align: middle; + text-align: left; + max-width: 1 px; +} + +table#annual_table td#aissuenumber { + vertical-align: middle; + text-align: center; + max-width: 20px; +} + +table#annual_table td#aissuename { + vertical-align: middle; + text-align: center; + max-width: 200px; +} + +table#annual_table td#areldate { + vertical-align: middle; + text-align: center; + max-width: 45px; +} + +table#annual_table td#astatus { + vertical-align: middle; + text-align: center; + max-width: 55px; +} + +table#annual_table td#aoptions { + vertical-align: middle; + text-align: center; + max-width: 120px; +} + +#btn_container { + float: right; + height: 30px; + list-style-type: none; + width: 100%; + z-index: 998; +} + +#btn_container #btn_menu { + float: right; + margin-top: 5px; + position: relative; + text-align: right; + z-index: 99; +} + +#btn_container_center { + float: center; + height: 30px; + list-style-type: none; + width: 100%; + z-index: 1; +} + +#btn_container_center #btn_menu { + float: center; + margin-top: 5px; + position: relative; + z-index: 1; +} + +#btn_menu a { + background: var(--button-color) !important; + border: 1px solid rgba(255, 255, 255, 0.1); + filter: none !important; + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + font-size: 12px; + font-weight: normal; + color: var(--button-text) +} + +#btn_container #btn_menu a:hover, +#btn_container_center #btn_menu a:hover { + background: var(--button-color-hover) !important; + filter: none !important; + color: var(--button-text-hover) !important; + border-color: var(--button-color-hover) !important; +} + +input[type="checkbox"]+label.series_metadata_local::before { + content: ""; + display: inline-block; + vertical-align: -25%; + height: 2ex; + width: 2ex; + background-color: white; + border: 1px solid rgb(166, 166, 166); + border-radius: 4px; + box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.25); + margin-right: 0.5em; +} + +.outerglow { + font-family: Helvetica, Arial; + font-size: 10pt; + font-weight: bold; + /* line-height: 2em; */ + /* padding: 0.5em; */ +} + +.outerglow_shadow_yellow { + color: #FFFF66; + text-shadow: 0 0 0.9em #FFFF00; +} + +.outerglow_shadow_red { + color: #FF6666; + text-shadow: 0 0 0.9em #FF0000; +} + +.outerglow_text { + -webkit-text-fill-color: transparent; + -webkit-background-clip: text; +} + +fieldset.fieldset_header { + margin: 5px; + padding: 0px 5px 5px; + border: 1px solid rgba(255, 255, 255, 0); + border-radius: 8px; + box-shadow: 0px 0px 10px rgba(255, 255, 255, 0); + padding-top: 5px; +} + +figure.item { + vertical-align: top; + display: inline-block; + text-align: center; + width: 100px; +} + +.caption.caption { + display: block; +} + + +/* ALPHABET SEARCH */ + +div.alphabet { + position: relative; + display: table; + width: 100%; + margin-bottom: 1em; +} + +div.alphabet span { + display: table-cell; + color: rgb(var(--accent-color)); + cursor: pointer; + text-align: center; + width: 3.5%; +} + +div.alphabet span:hover { + text-decoration: underline; +} + +div.alphabet span.active { + color: var(--accent-color-hover); +} + +div.alphabet span.empty { + color: #f44336; +} + +div.alphabetInfo { + display: block; + position: absolute; + background-color: #111; + border-radius: 3px; + color: white; + top: 2em; + height: 1.8em; + padding-top: 0.4em; + text-align: center; + z-index: 1; +} + +/* JQUERY UI */ +.ui-tabs .ui-tabs-panel { + background: rgba(0, 0, 0, 0.15); + border: 1px solid rgba(255, 255, 255, 0.1); +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { + border: 1px solid rgba(255, 255, 255, 0.1); + background-color: rgb(var(--accent-color), .2); + border-color: rgba(255, 255, 255, 0.1); +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { + color: rgb(var(--accent-color)); +} + +.ui-tabs .ui-tabs-nav li { + background: rgba(255, 255, 255, 0.25); + color: var(--text); +} + +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: var(--text); +} + +#tabs .ui-state-default, +#tabs .ui-widget-content .ui-state-default, +#tabs .ui-widget-header .ui-state-default { + border: 1px solid rgba(255, 255, 255, 0.1); +} + +#tabs .ui-state-hover, +#tabs .ui-widget-content .ui-state-hover, +#tabs .ui-widget-header .ui-state-hover, +#tabs .ui-state-focus, +#tabs .ui-widget-content .ui-state-focus, +#tabs.ui-widget-header .ui-state-focus { + border: 1px solid rgba(255, 255, 255, 0.1); +} + +.ui-dialog .ui-dialog-titlebar-close { + position: absolute; + right: .3em; + top: 50%; + width: 19px; + margin: -10px 0 0 0; + padding: 1px; + height: 18px; + background: transparent; +} + + +.ui-dialog .ui-dialog-content { + position: relative; + border: 0; + padding: .5em 1em; + background: var(--modal-bg-color); + overflow: auto; + zoom: 1; +} + +.ui-widget-header { + border: 1px solid transparent; + background: var(--modal-bg-color); + color: var(--text-hover); +} + +body>div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable { + border: 2px solid transparent; + background: var(--modal-bg-color); + color: var(--text); +} + +.ui-state-default .ui-icon { + background-image: url('data:image/png;base64,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'); +} + +/* LOGIN PAGE */ + +.bar i, .bar { + background: transparent !important; +} + +.wrap input { + background: rgba(0, 0, 0, 0.15); + border-radius: 7px !important; + margin-bottom: 10px; +} + +.wrap button { + width: 100%; + border-radius: 7px; + background: var(--button-color); + text-decoration: center; + border: none; + color: var(--button-text); + margin-top: 5px; + padding-top: 14px; + padding-bottom: 14px; + outline: none; + font-size: 13px; + border-bottom: 3px solid var(--button-color); + cursor: pointer; +} + +.wrap button:hover, +.wrap button:active { + background: var(--button-color-hover); + color: var(--button-text-hover); + border-bottom: 3px solid var(--button-color-hover); +} + +.avatar { + background: transparent; +} + +.avatar img { + border: 3px solid rgb(var(--accent-color)); +} \ No newline at end of file diff --git a/CSS/themes/plpp/.deprecated b/CSS/themes/plpp/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/portainer/portainer-base.css b/CSS/themes/portainer/portainer-base.css index 77e4f5b3..bbd10e8b 100644 --- a/CSS/themes/portainer/portainer-base.css +++ b/CSS/themes/portainer/portainer-base.css @@ -136,7 +136,7 @@ ul.sidebar .sidebar-list a { } .panel-body { - background-color: transparent; + background-color: transparent !important; } /* SIDEBAR */ @@ -233,6 +233,17 @@ ul.sidebar .sidebar-title { color: var(--text); } +.datatable .searchBar { + border-top: 1px solid rgba(255, 255, 255, .1); + border-bottom: 1px solid rgba(255, 255, 255, .1); + padding: 8px; + background: rgba(255, 255, 255, .15); +} + +.datatable .searchBar:focus-within { + background:rgba(255, 255, 255, .25); + color: var(--text-hover); +} /* TABLE */ @@ -424,7 +435,7 @@ fieldset[disabled] .btn-primary:hover { /* FORM CONTROL */ .form-control { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15) !important; border: 1px solid transparent; } @@ -709,4 +720,4 @@ pre { .widget .widget-body table thead tr:hover { background-color: rgba(0, 0, 0, .35) !important; background: rgba(0, 0, 0, .35) !important; -} \ No newline at end of file +} diff --git a/CSS/themes/qbittorrent/qbittorrent-base.css b/CSS/themes/qbittorrent/qbittorrent-base.css index 5ab9672e..9b91b62c 100644 --- a/CSS/themes/qbittorrent/qbittorrent-base.css +++ b/CSS/themes/qbittorrent/qbittorrent-base.css @@ -1604,7 +1604,7 @@ ul.filterList a { } img[src="icons/inode-directory.svg"] { - background: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/qbittorrent/folder-open-solid.svg); + background: url(https://theme-park.dev/Resources/qbittorrent/folder-open-solid.svg); background-size: contain; background-repeat: no-repeat; background-origin: content-box; @@ -1612,7 +1612,7 @@ img[src="icons/inode-directory.svg"] { } img[src="icons/network-server.svg"] { - background: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/qbittorrent/network-wired-solid.svg); + background: url(https://theme-park.dev/Resources/qbittorrent/network-wired-solid.svg); background-size: contain; background-repeat: no-repeat; background-origin: content-box; @@ -1620,7 +1620,7 @@ img[src="icons/network-server.svg"] { } img[src="icons/mail-folder-inbox.svg"] { - background: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/qbittorrent/inbox-solid.svg); + background: url(https://theme-park.dev/Resources/qbittorrent/inbox-solid.svg); background-size: contain; background-repeat: no-repeat; background-origin: content-box; diff --git a/CSS/themes/rutorrent/rutorrent-base.css b/CSS/themes/rutorrent/rutorrent-base.css index 4e3e08c5..7332de2f 100644 --- a/CSS/themes/rutorrent/rutorrent-base.css +++ b/CSS/themes/rutorrent/rutorrent-base.css @@ -1782,4 +1782,4 @@ div#dlgEditRules-header, #dlgEditRatioRules-header, div#dlgEditRules div.dlg-header { background: rgba(0, 0, 0, 0.25) !important; -} \ No newline at end of file +} diff --git a/CSS/themes/thelounge/.deprecated b/CSS/themes/thelounge/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/transmission/transmission-base.css b/CSS/themes/transmission/transmission-base.css index 4a21c055..60dcc4d4 100644 --- a/CSS/themes/transmission/transmission-base.css +++ b/CSS/themes/transmission/transmission-base.css @@ -979,4 +979,4 @@ ul.torrent_list li.torrent.compact div.torrent_name { .ui-icon, .ui-widget-content .ui-icon { background-image: url(https://htpc.deathbybandaid.net/assets/theme.park/Resources/transmission/icons.png); -} +} \ No newline at end of file diff --git a/CSS/themes/unraid/unraid-base.css b/CSS/themes/unraid/unraid-base.css index fcfdfcc7..ed4f8ded 100644 --- a/CSS/themes/unraid/unraid-base.css +++ b/CSS/themes/unraid/unraid-base.css @@ -221,7 +221,7 @@ a.button, .sweet-alert button, #template button[type=button], #template button { - color: var(--button-text); + color: var(--text); text-shadow: var(--text-shadow) var(--text-shadow-color); background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat; background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat; diff --git a/CSS/themes/webtools/.deprecated b/CSS/themes/webtools/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/variables/mind.css b/CSS/variables/mind.css index 1fef006a..6d4fc8ad 100644 --- a/CSS/variables/mind.css +++ b/CSS/variables/mind.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 242, 0, .7) 0%, #0d0400 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, - url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/mind.jpg") center center/cover no-repeat fixed; + url("https://theme-park.dev/Resources/mind.jpg") center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-header-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; diff --git a/CSS/variables/nord.css b/CSS/variables/nord.css new file mode 100644 index 00000000..7fbfea25 --- /dev/null +++ b/CSS/variables/nord.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: #2E3440; + + --modal-bg-color: #3B4252; + --modal-header-color: #434C5E; + --modal-footer-color: #434C5E; + + --drop-down-menu-bg: #3B4252; + + --button-color: #79b8ca; + --button-color-hover: #79b8cacc ; + --button-text: #2E3440; + --button-text-hover: #D8DEE9; + + --accent-color: 121, 184, 202; + --accent-color-hover: rgb(var(--accent-color),.8); + --link-color: #81A1C1; + --link-color-hover: #88C0D0; + --label-text-color: #222730; + + --text:#D8DEE9; + --text-hover: #ECEFF4; + --text-muted: #81A1C1; + + /*Specials*/ + --arr-queue-color: #A3BE8C; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #D08770; + --petio-spinner: invert(62%) sepia(8%) saturate(998%) hue-rotate(259deg) brightness(97%) contrast(87%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 121, 184, 202; + } \ No newline at end of file diff --git a/CSS/variables/power.css b/CSS/variables/power.css index ded7885c..ab8fd878 100644 --- a/CSS/variables/power.css +++ b/CSS/variables/power.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(166, 40, 140, .7) 0%, rgba(11,8,51,1) 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, - url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/power.jpg") center center/cover no-repeat fixed; + url("https://theme-park.dev/Resources/power.jpg") center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-header-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; diff --git a/CSS/variables/reality.css b/CSS/variables/reality.css index 1322bf76..a91e00a9 100644 --- a/CSS/variables/reality.css +++ b/CSS/variables/reality.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(232, 11, 11, 0.7) 0%, #08000d 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, - url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/reality.jpg") center center/cover no-repeat fixed; + url("https://theme-park.dev/Resources/reality.jpg") center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-header-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; diff --git a/CSS/variables/soul.css b/CSS/variables/soul.css index a634a651..2066470c 100644 --- a/CSS/variables/soul.css +++ b/CSS/variables/soul.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 153, 0, .7) 0%, #3c0015 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, - url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/soul.jpg") center center/cover no-repeat fixed; + url("https://theme-park.dev/Resources/soul.jpg") center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; --modal-header-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; diff --git a/CSS/variables/space.css b/CSS/variables/space.css index d0d75258..ad50e45e 100644 --- a/CSS/variables/space.css +++ b/CSS/variables/space.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(0, 98, 255, .7) 0%, #020013 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, - url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/space.jpg") center center/cover no-repeat fixed; + url("https://theme-park.dev/Resources/space.jpg") center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; --modal-headercolor: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; diff --git a/CSS/variables/time.css b/CSS/variables/time.css index 4926dce3..cbbdeb0b 100644 --- a/CSS/variables/time.css +++ b/CSS/variables/time.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(109, 247, 81, .7) 0%, #00130c 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, - url("https://htpc.deathbybandaid.net/assets/theme.park/Resources/time.jpg") center center/cover no-repeat fixed; + url("https://theme-park.dev/Resources/time.jpg") center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; --modal-header-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; diff --git a/Resources/apply_theme.js b/Resources/apply_theme.js index f2e794d5..e01e76f8 100644 --- a/Resources/apply_theme.js +++ b/Resources/apply_theme.js @@ -18,7 +18,7 @@ function get_base_sha(app,theme) { link.type = "text/css"; link.rel = "stylesheet"; link.href = `${url}/${app}/${theme}.css?v=${sha}`; - + html_element.appendChild(link); } @@ -31,11 +31,11 @@ function get_base_sha(app,theme) { link.type = "text/css"; link.rel = "stylesheet"; link.href = `${url}/${app}/${addon}.css`; - + html_element.appendChild(link); } - - + + // { // if (res.status) { // res.json() @@ -47,3 +47,5 @@ function get_base_sha(app,theme) { // console.info(`%c Error %c Failed to fetch the url, double check the name passed in your subfilter.. `, "color: white; background: red; font-weight: 700;", "color: red; background: white; font-weight: 700;"); // } // }) + + diff --git a/Resources/landing-page/assets/img/nord-small.jpg b/Resources/landing-page/assets/img/nord-small.jpg new file mode 100644 index 00000000..67350871 Binary files /dev/null and b/Resources/landing-page/assets/img/nord-small.jpg differ diff --git a/Resources/landing-page/assets/img/nord.png b/Resources/landing-page/assets/img/nord.png new file mode 100644 index 00000000..a3aa1cde Binary files /dev/null and b/Resources/landing-page/assets/img/nord.png differ diff --git a/Resources/landing-page/css/custom.css b/Resources/landing-page/css/custom.css index 57fd24db..2570722a 100644 --- a/Resources/landing-page/css/custom.css +++ b/Resources/landing-page/css/custom.css @@ -352,4 +352,8 @@ p { #portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.hotpink-hover { background: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%); +} + +#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.nord-hover { + background: #2E3440; } \ No newline at end of file diff --git a/Resources/landing-page/js/scripts.js b/Resources/landing-page/js/scripts.js index 8ee9ff77..8a3d6f0d 100644 --- a/Resources/landing-page/js/scripts.js +++ b/Resources/landing-page/js/scripts.js @@ -73,7 +73,7 @@ // load random css stylesheet const themes = ["aquamarine","hotline","dark","organizr-dark","dracula","overseerr", -"plex","space-gray","hotpink","onedark"]; +"plex","space-gray","hotpink","onedark","nord"]; var random = themes[~~(Math.random() * themes.length)]; function injectTheme(theme,container="head") { if (container === "head") { @@ -88,5 +88,19 @@ function injectTheme(theme,container="head") { html_element.appendChild(link); } - injectTheme(random); + // Add updated theme count. + function addThemeCount() { + let themeJsonUrl = "https://theme-park.dev/themes.json" + return fetch(themeJsonUrl) + .then(response => { + return response.json(); + }).then(json => { + document.getElementById("themeCount").innerHTML = ` + theme.park contains ${Object.keys(json.applications).length} themed applications, with css addons on certain themes.` + }) +} + +injectTheme(random); +addThemeCount();