From 1d039d18760a2bbe8bd05988a2032786e4085c73 Mon Sep 17 00:00:00 2001
From: GilbN <24592972+GilbN@users.noreply.github.com>
Date: Mon, 27 Sep 2021 23:19:25 +0200
Subject: [PATCH 1/2] Adds mylar 3 (#261)

* plex base badge color fix

* addons_json fixes

* pep8 formatting

* themes.json update

* update backslash note in custom_text_header.js

* fix for #255

* addon link fix

* mylar3 base init

* mylar3

* pr template link fix

* formatting

* more mylar3 stuff

* mylar3 base done..I think.prob not..

* mylar login page

* mylar3 readme

* theme.json update
---
 .github/pull_request_template.md  |    2 +-
 CSS/themes/mylar3/mylar3-base.css | 3355 +++++++++++++++++++++++++++++
 README.md                         |    4 +
 index.html                        |   11 +-
 4 files changed, 3369 insertions(+), 3 deletions(-)
 create mode 100644 CSS/themes/mylar3/mylar3-base.css

diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index d7195d76..879155f1 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -1,7 +1,7 @@
 <!--- Provide a general summary of your changes in the Title above -->
 
 [themeparkurl]: https://theme-park.dev
-[![theme-park.dev](https://github.com/GilbN/theme.park/blob/master/banners/tp_banner.png)][themeparkurl]
+[![theme-park.dev](https://raw.githubusercontent.com/GilbN/theme.park/master/banners/tp_banner.png)][themeparkurl]
 
 
 <!--- Before submitting a pull request please check the following -->
diff --git a/CSS/themes/mylar3/mylar3-base.css b/CSS/themes/mylar3/mylar3-base.css
new file mode 100644
index 00000000..3a4ccf28
--- /dev/null
+++ b/CSS/themes/mylar3/mylar3-base.css
@@ -0,0 +1,3355 @@
+@import url("https://theme-park.dev/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,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAAA7VBMVEX8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vywC3+8AAAATnRSTlMAGBAyBAhQv4OZLiJUcEBmYBoSzQwgPBZCSEoeWiYwUiyFNIeBw2rJz8c4RBy9uXyrtaWNqa2zKP2fJO8KBgKPo2KVoa9s351GPm5+kWho0kj9AAAPhUlEQVR4nO1djWLbthEGyUiq5YSSLXtp7FpLOmfzkmxr126tmi2p03RJ1/Xe/3EGgARxPyAgRbIk2/hkSz4CJO4+HsE7AJSVysjI2AMUUOxahZ2iANhzBtZWr4BoIRSYAVN5u4QwDwQDRbcwfUi5KS3wFuDmFnQLa4Dtb//cqktwD5QEFFwfUs7PoCCA7y4bEJVFizcIob8KmhAplwwqVjt+9FBl3uINQniwEiryEyw9JHqGpQdEFNi+B4QQ7QOiHhysIPoAxUqxvdvvA9K42bsAv4S2fxfYOe57IJSRkZGRkZGxx7jxSHDHcRBXQMTyIjInBgHwBJ/bEx8PEANC+uhbpSSggCBAVODVabpI1S/k4WLZpTn6NpMhoX9Y40hxYERFpMcqUs4AloCtDQdID1YhnyXZ2hLjAYWiO9Dy1PDB7tPhIqLx+uMB8grZaR+Qxl2/C2RkZGRkZGRk7A7rBf7J0DR5/LUTjzUPIPSPGvQJiVJiB7kcQCiUOJrcFNtDZIf2xarQ3aGvLNxAVIFAabz90BFiBIlycTBhgWwOWCH0FLYHlPqwHaCvcIn2ZbosCevfPTRiFFcgvHukCjWwrc3GrGh1fsAof8EaUReKXkCB4/MzFNo97qLpFiKFYv/kNR5YQxQbQEofkZ2OuEOHqqT6gFTpru8CN7x/+jaZkZGRkZGRcV+x/rLUNcMMqUAscgnFocmpqkTzqymwVAPxfJ5PnIUUQOUKT04tEdWZyv3JCQSn96WS4pD97QfyW25A7NhSAbyhmVj0FEltA4vdiygBibXhoUYgykCUP7HwPTDeEqAIcHVMkZg7Zx4k0uFANs63hPQXCoRLAwdgGsr9Az7Qv7sgQGgg1aPl/BJLExBWgG4RFRLFImGmIquPC/klEGyCG0AuAXaJJC+B8FVe9NYQDEcXB8g6AQcjYJ1goJIggHWCrFR0S6kRHN5+4BzFi8NaoN35NRxUvL+JJdZr7PV4wK6fj8nIyMjIyNhr3OxdXAYq7FHZwB6bDSzSh4sF0utChqo0NAvaT1hLzXwFinmCzmeDucEQK18TTaQoFgP7bNC+RZ4OT4T6gQogDFYk+1QxQlj19QGSAWKiLYp8P0Ag1Gbz1ULfWHLg9iUnQNK5QQJcukm04blKLH2GgEJCY+HzXAZWCvHKco3Bp6MIaCjSXXRJyOxeqhnzEaF93MfFGW/O16ZvDL5TM4MJIjujz/cHypkQuuzRwWJ93BKdIt+wCRAPl9kpe2Ikkb2mFgGlxh/i40d3EHfdvoyMjIyMu43ylt/IAmGHnN5iIt7wKfbv01RAcJqFRl9lcjYQSnbQqKgC4fYOwSJt6N6trE0twZ9kN/PqNpTQeICvr4TLsDYC06U7BMjshS+v1/aT7IwQYD5LcgRQXMT2FrBfBLjZ6151jDElk9tPFfpUgk2yregusX25BJbwAFEfM+YI6vGAti4bTtizB+TjfQCrERyhKb2X8D6A9wX75P4t4neBYJeP6pdhg/gQl8MWvytzeSTjgOQBynQdh/iXKdxOrGJ/RkZGRsb9QmXihGr5+g8GGg9uTh+KoVZuNIzV+CwRucFBEyr1mVjx4irOxwM1BhirB6Q+2eNQi4eqR+aF6mELtoMzCR7V9RAFe/ZvQogNiyY8FPSUTFsLp8TeTmMui5mtw7bcaT0Yw2AA4wFRQIlkgq+1DQrNhkmoxS5Jq+u6bMAIGRECEANgXHTgWzwgBOhDH2l0oTQ4D8D5NMktBgNywAEMjo8rwATMZrPY7JGxBoJCkIBDQiAY09EGTUiBCWkUpISfGPR5AAwBfZiG2z7Ayc1yeKTxid39xBNwfHr4O0LA48ePFTvhYrF1r4tyAoz9n2MCqEuBtp/6GDR0oAYfG/R6wJExHYZHfhygsv7fEWCOj4bYmsP5A+pL4MkTfAnMlD4F+r3bobKvTyTA2P/w7PN+Agq2QW8piqMCpTBwenoKvX0AHGkGtP2YAPvTEWA7QUTAudn7/NxtOG46wWNmDtpBEkBzN7rBEvAFHp+YTB/q97qPAN4gHFqgBi8uLsC7qPCA6mg41G/+ErByPwEXDdoNxRhOx+M5jPEzQugS0ht+b1/Y3gEnYMAIAOIBE29/hIDucE8tmMsNOgK4B1RHFu4UCRlMHzv0xzcajcfdXWDs2h8TArBCkoDUJYDLmz6w7ip3BFS0ve5wTRwAn6keMA9I3QYbfSZ0DKbyt+7OXjGI1idPcfNyAyfAMlCrzaGqphYrxHocLHRJVycnfGUcbtT+jIyMjIw9x7Nn8fJSzG0TmFtO8rZT+XT3S3ub+tKJbbLd5diTVp50+zahyeHSslJ/YPrU0fuazrZO2CZ92/ZCCVXlGRiZKPJyPPRxyIFWeXLQBXJBKiq/3divEAN6ZwM200Qjm7EJBZeWm/PRWVCbYK7s7u2l4XaCz+lzgOfMfhMonXr7TWzeZb98dbgIzBT8Ub8eYYUqfZ4rVJ/MDbIDgPqTulJ/xvntWAtjIisqnwxOkGz0n077FARoY79GdA6HPE4rOy196NiMWHTZlSSApcOgXpy/fHV2joaNKu3ffsAnRcBf4K/6NcIG6tIxk3HyoXPjASqfUgXbYN5PzpL2njkR9QMjeDTVHDTCgRuxOegjoO0FvKzP/t/gmVdI24+G7NIe8JX6Wv3dDyldMA+4YB5wwTygtd+dwRqaTqrLb1l73zTSN52CNpnHuQOYPsDblybgxfkXh/oVtr+N1DEBJdhRJyd/Bd/q1z+cbNrD17iVKyajcnv9arhOkRPgsruuD6DmNPwpDNrLw2CoTgHni4yALr0L29+tiKAEIPn868ejx//8rpWP3OEOl5On9OwpcQm0MhafP/ey8f1uvDNIgGLQG8z4YO99ENgg95etwv4uYJYY8fUGHYH6j6fscHFZMftlAl9i+9XL73X3N/n+ZStOzfVfRvYXhrbdKOpEgVQTg/wsDuDD3kwOfQNMTJ5y+/ltUDWLunyxnRF46IqlBzGMY4X7inggREFioIyMjIyMHWCIB6ZNKAcXseo3vLTQTkVE7348dlwJJSz0+wLfmi8BhZqfw3D4ww/wHVLnEd5/fgYvXsDZ3MlsvYUbbnDjDZ3MN3TJG4+bxjAaDl8TBri9qxEw1ccao2wTNAMLHo2f+sjrXwb/9qHoYqgPMBXJTVfOpmrZH23y6uvo0LHSyY6fHGwKfHJlAuMFvObjDYrIqxBgQi20h7Hd/nYVLmno+eaNUm/eeH2GCuopntnhBJAlI2AHo9CCh1I1QxUdAbqqGY9BBLwyc3W4wYVhvY8A4BoIc1l5M7vnPWphZW9/Ses3n37y9a0uGqFwFQZsQQbd386DogpgEk+dzynsAZMJXq8+ns9NeukJ0PYrNATGGefJQlhkLo7DTXr+y3bNiOsDvrXTz/C2q1DXZH84iRNwrP88Nj+u2DjYEE6RBxD9Knj16ujVHC67A7422o02RwD3gB+t7EblWvu9geOFxSnd3ROmT+nJyQkhoPlsxVONc/3TEdBos+jtA+ZzcwHgTvD1cDjaYCcItA8w9i88A8b+mqSjc6Pvqd998QguEQPmQMeo23ODN86+p0/bn1buBkT6+oBhNZ/PYY4ZAHYb3PRd4LkZmPX68NRtMZn4ASvdA+qf0jMA5MP9eeg28Nug9QiLnj5A33U1MAES6xHAUNpz/9zFAYE1gqQDMT3G6xI9pwdw/aIgKoHCS1YGlRnSq9yCjdXjgN3j+N27YyROHxmuNAeNKPpYuXIyIyMjYy0M8eros59MF/PT2c602T7eA7zvhJ9dr/vzDjXaLp4Yc5+0wllzxzHv3gdmMMM7/CcQzKgVBqYTmFn+Z+mKm8J7k0A5F/jgCfjQ1WBhQyiOqD0lYuqBb+AyzMw9Ha2G3m6c8qQx+AlqnIceQp+Sb6i9UyQWbhr54+AjnZ0VzW2TAN0DmBT6PWmc6jDBE2PK2u+nF43dyP7Q0t1pOcX2fdRvH0mF2Q4JqN35rnHjVIeaXfIAVyUuw/aHCCiJy9iF5l1621zweI8KZrPZ9iJdb7DXJ3US0OSrtZ10imt7wHY7QesAzUMz1oZ3noB3qFJ/H18j97FYuw8QDN4oeKf30osvcSW2ExLo+VcbuAuo/sUIm8fMG9xocO3Ea19J9gFYivnHJ2KnyfovZlgW3v6ySx32abQiIyMjIyPjhlFDTLxpwIgFMnTp6A3g4IDKNY+stkwAMAoIAbasxBXqUWneSAWTMjt50lTqT29rFjvXohjsDNm2YPXDFlICmrJOZ3t6tHm8AiEAl0sCeLIIorIRt+cFbew/QRsoAXb4o1XSfoywzm0FTMAoYBNvLyFu8v8HpLBtD1iKgC17wHb7AI6d9wFbvguAIGTHd4E9wG7jgIyMjIyM+434c2R3HeV/Ffx6jtZu6ijl8h59T655jhR+rdHzDOP6beABCheb8O8/WFXeOyzgf5oAhVYnKxP7CwaAf1afJu8bSrhS6tdaXeGnrRenOqOlz9d6QwYnA/3TLd+GE7qe3chA5YF5DfY0vK3adfOX/gyNp2BW25MHdxAB9qvRiiP3/XpQQFGYDU4+Mi///XumXG8pjvaUAOsBGlf4jJt+YYEzeEzAdw06F19R3juM7D1wita86GR0CKfDHgLuXCc4Bri6vMLdfjMc4VNSUNsdodo2xu/1+Xl/K5+az8jIyMhYG/z5gJTMF1GtKq/a3rpyCvz5gJTMl9GtKq/a3rpyCmfQ4WwZmS+kXFVetb115ST48wEf/AGcfG1iw+tWbpbS2vJ3nQxcVr3lH3z5h972FUTLzYpOVk7l5hD+eYcYwDcAnewOotrZ4OtrPDucqi/LRX0/RR4qx7Nn4U8g+qjffvuN6Gf+nC85vwauHjaYyubqvWYKY4VEfSUMitdnBCT1Ue63R5439m+OgCn6DroAAaHPVQxKth/wkJgHmG8bmQMsT0D6EjDfvhVRKO3ywOQUgRA7nmL1uawZmHf1k+DPBwQ6NdcJ+k6Md1LA5f5ONdhJ8vZ5J0vLHT99srkGOjmJbd/G1r2Nriqnse1AZt1AalU5jW2HsuuG0qvKGRkZGRkZGRG0gcONyXsP9v8D0/IdJADiBNiXl3327WRGgOL/9HC/0XwlIURkRhC4tz6Z/fu7fUf2gHvfB9z3u0BGRkZGRkbGplHcnkgguQoSqtUXuhbs/wPtMwqV0HUJAvj5vk32b8IDuL23yn7qAXZ5u32hbRX7d3o82Df1FZXvbh9QOfhyxldr/+3xgXU9oKmvsHyr7F/XA269/eveBXrsv7N9QALe/tvjA0kPWAXGbvebkbHn+D/J5nMcHzx1UAAAAABJRU5ErkJggg==');
+}
+
+/* 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/README.md b/README.md
index 3a5ddc65..462bf378 100644
--- a/README.md
+++ b/README.md
@@ -263,6 +263,10 @@
 <p><a href="https://docs.theme-park.dev/themes/uptime-kuma"><img src="https://docs.theme-park.dev/site_assets/uptime-kuma/logo.png" alt="" width="48" height="45" /></a></p>
 <p><a href="https://docs.theme-park.dev/themes/uptime-kuma">Uptime Kuma</a></p>
 </td>
+<td style="width: 90px; height: 26px; text-align: center;">
+<p><a href="https://docs.theme-park.dev/themes/mylar3"><img src="https://docs.theme-park.dev/site_assets/mylar3/logo.png" alt="" width="48" height="45" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/mylar3">Mylar 3</a></p>
+</td>
 </tr>
 </tbody>
 </table>
diff --git a/index.html b/index.html
index a3098e49..113dba3d 100644
--- a/index.html
+++ b/index.html
@@ -86,8 +86,8 @@
                 <div class="col-lg-8 text-center">
                     <h2 class="text-white mt-0">Over 40 themed applications!</h2>
                     <hr class="divider light my-4" />
-                    <p class="text-white-50 mb-1">theme.park contains 45 themed applications, with css <a
-                            href="https://docs.theme-park.dev/themes/addons/sonarr/">addons</a> on certain themes. </p>
+                    <p class="text-white-50 mb-1">theme.park contains 46 themed applications, with css <a
+                            href="https://docs.theme-park.dev/themes/addons/">addons</a> on certain themes. </p>
                     <p class="text-white-50 mb-1">Installation methods include custom <a
                             href="https://blog.linuxserver.io/2019/09/14/customizing-our-containers/">docker mods</a>
                         for <a href="https://linuxserver.io">linuxserver.io</a> containers, </p>
@@ -376,6 +376,13 @@
                     </p>
                     <p>Uptime Kuma</p>
                 </a>
+                <a class="col align-self-center app-container text-center p-2 m-1"
+                    href="https://docs.theme-park.dev/themes/mylar3">
+                    <p><img class="app-container-image"
+                            src="https://docs.theme-park.dev/site_assets/mylar3/logo.png" />
+                    </p>
+                    <p>Mylar 3</p>
+                </a>
             </div>
         </div>
     </section>

From d27ec40b80e74fbbbdcb90559317948eec2f8319 Mon Sep 17 00:00:00 2001
From: github-actions <github-actions@github.com>
Date: Mon, 27 Sep 2021 21:19:59 +0000
Subject: [PATCH 2/2] themes.json

---
 themes.json | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/themes.json b/themes.json
index 08d3fa0d..72c6f098 100644
--- a/themes.json
+++ b/themes.json
@@ -215,6 +215,10 @@
       "base_css": "https://theme-park.dev/CSS/themes/pihole/pihole-base.css?sha=1d5290da2a5cf98fe5b63da558336036883775f7",
       "addons": {}
     },
+    "mylar3": {
+      "base_css": "https://theme-park.dev/CSS/themes/mylar3/mylar3-base.css?sha=3a4ccf284c4d4c7ec746736f6d4cbd4f7b261cce",
+      "addons": {}
+    },
     "readarr": {
       "base_css": "https://theme-park.dev/CSS/themes/readarr/readarr-base.css?sha=cbdaeb841bc34531698f30739d6b32f98029cb99",
       "addons": {