Browse Source

nzbget formatting base

pull/241/head
Marius 4 years ago
parent
commit
d39050b045
  1. 50
      CSS/themes/nzbget/nzbget-base.css

50
CSS/themes/nzbget/nzbget-base.css

@ -39,6 +39,7 @@ body {
border-radius: 2px; border-radius: 2px;
background-color: hsla(0, 0%, 100%, .08); background-color: hsla(0, 0%, 100%, .08);
} }
.modal-header { .modal-header {
padding: 9px 15px; padding: 9px 15px;
border-bottom: 1px solid rgb(var(--accent-color)); border-bottom: 1px solid rgb(var(--accent-color));
@ -51,6 +52,7 @@ body {
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
} }
.modal { .modal {
background: var(--modal-bg-color) !important; background: var(--modal-bg-color) !important;
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
@ -78,9 +80,15 @@ body {
box-shadow: inset 0 1px 0 transparent; box-shadow: inset 0 1px 0 transparent;
} }
h1, h2, h3, h4, h5, h6 { h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--text-hover); color: var(--text-hover);
} }
/* TABLES */ /* TABLES */
.table a { .table a {
color: var(--link-color); color: var(--link-color);
@ -199,7 +207,7 @@ tr.checked:nth-child(odd) .progress {
background: hsla(0, 0%, 100%, .08); background: hsla(0, 0%, 100%, .08);
} }
.navbar .nav .active>a{ .navbar .nav .active>a {
background: hsla(0, 0%, 100%, .08); background: hsla(0, 0%, 100%, .08);
color: rgb(var(--accent-color)); color: rgb(var(--accent-color));
} }
@ -208,12 +216,15 @@ tr.checked:nth-child(odd) .progress {
background: hsla(0, 0%, 100%, .08); background: hsla(0, 0%, 100%, .08);
color: var(--accent-color-hover) !important; color: var(--accent-color-hover) !important;
} }
div.check:hover { div.check:hover {
border: 1px solid var(--accent-color-hover); border: 1px solid var(--accent-color-hover);
} }
#DownloadsTable > tbody > tr.checked td .check {
#DownloadsTable>tbody>tr.checked td .check {
border: 1px solid rgb(var(--accent-color)); border: 1px solid rgb(var(--accent-color));
} }
[class^="icon-"], [class^="icon-"],
[class*=" icon-"], [class*=" icon-"],
[class^="img-"], [class^="img-"],
@ -234,11 +245,13 @@ div.check:hover {
text-shadow: none; text-shadow: none;
background-color: rgba(0, 0, 0, 0.45) !important; background-color: rgba(0, 0, 0, 0.45) !important;
} }
.focused .search-caret-button .caret { .focused .search-caret-button .caret {
margin-left: 5px; margin-left: 5px;
border-top-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255);
} }
.search-caret-button { .search-caret-button {
outline: none; outline: none;
} }
@ -279,17 +292,31 @@ div.check:hover {
border-bottom: 1px solid rgb(var(--accent-color)); border-bottom: 1px solid rgb(var(--accent-color));
color: var(--text-hover); color: var(--text-hover);
} }
#StatDialog_Custom a, #StatDialog_Custom a,
#AddDialog_Files a { #AddDialog_Files a {
color: var(--link-color); color: var(--link-color);
} }
#StatDialog_Custom a:hover, #StatDialog_Custom a:hover,
#AddDialog_Files a:hover { #AddDialog_Files a:hover {
color: var(--link-color-hover); color: var(--link-color-hover);
cursor: pointer; cursor: pointer;
} }
/* BUTTONS */ /* BUTTONS */
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover { .btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
text-shadow: none; text-shadow: none;
} }
@ -442,6 +469,7 @@ textarea,
color: var(--text) !important; color: var(--text) !important;
border: transparent; border: transparent;
} }
input:focus:not(.btn), input:focus:not(.btn),
textarea:focus, textarea:focus,
.uneditable-input:focus { .uneditable-input:focus {
@ -513,7 +541,8 @@ label {
color: var(--text-hover); color: var(--text-hover);
} }
.badge-active,#MessagesTabBadge { .badge-active,
#MessagesTabBadge {
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: var(--button-text-hover); color: var(--button-text-hover);
-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
@ -521,7 +550,8 @@ label {
box-shadow: 0 5px 10px rgb(0 0 0 / 20%); box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
} }
.label:not(.label-success,.label-warning), .badge:not(.badge-success, .badge-warning) { .label:not(.label-success, .label-warning),
.badge:not(.badge-success, .badge-warning) {
font-size: 10.998px; font-size: 10.998px;
font-weight: bold; font-weight: bold;
line-height: 14px; line-height: 14px;
@ -608,7 +638,7 @@ span.help-option-title {
} }
a { a {
color:var(--link-color); color: var(--link-color);
text-decoration: none; text-decoration: none;
} }

Loading…
Cancel
Save