lukechilds
/
btc-rpc-explorer
mirror of https://github.com/lukechilds/btc-rpc-explorer.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

tweaks to dark theme

fix-133-memory-crash
Dan Janosik 6 years ago
parent
c69e99a724
commit
9dce129c5d
No known key found for this signature in database GPG Key ID: C6F8CE9FFDB2CED2
3 changed files with 9563 additions and 86 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 170
      public/css/bootstrap-dark-2.css
  2. 9477
      public/css/bootstrap-dark.css
  3. 2
      views/layout.pug

170
public/css/bootstrap-dark-2.css
View File

@ -27,10 +27,10 @@
--light: #202326;
--dark: #161819;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--breakpoint-sm: 768px;
--breakpoint-md: 992px;
--breakpoint-lg: 1200px;
--breakpoint-xl: 1600px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@ -551,25 +551,25 @@ pre code {
margin-left: auto;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
@media (min-width: 1200px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
@media (min-width: 1600px) {
.container {
max-width: 1140px;
}
@ -789,7 +789,7 @@ pre code {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
@ -931,7 +931,7 @@ pre code {
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
@ -1073,7 +1073,7 @@ pre code {
}
}
@media (min-width: 992px) {
@media (min-width: 1200px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
@ -1215,7 +1215,7 @@ pre code {
}
}
@media (min-width: 1200px) {
@media (min-width: 1600px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
@ -1642,7 +1642,7 @@ pre code {
background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
@media (max-width: 767.98px) {
.table-responsive-sm {
display: block;
width: 100%;
@ -1654,7 +1654,7 @@ pre code {
}
}
@media (max-width: 767.98px) {
@media (max-width: 991.98px) {
.table-responsive-md {
display: block;
width: 100%;
@ -1666,7 +1666,7 @@ pre code {
}
}
@media (max-width: 991.98px) {
@media (max-width: 1199.98px) {
.table-responsive-lg {
display: block;
width: 100%;
@ -1678,7 +1678,7 @@ pre code {
}
}
@media (max-width: 1199.98px) {
@media (max-width: 1599.98px) {
.table-responsive-xl {
display: block;
width: 100%;
@ -1709,8 +1709,8 @@ pre code {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #202326;
background-color: #fff;
color: #f8f9fa;
background-color: #2f373f;
background-clip: padding-box;
border: 1px solid #35414c;
border-radius: 0.35rem;
@ -1729,15 +1729,15 @@ pre code {
}
.form-control:focus {
color: #202326;
background-color: #fff;
color: #f8f9fa;
background-color: #2f373f;
border-color: #d7eafe;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(90, 168, 252, 0.25);
}
.form-control::placeholder {
color: #282d33;
color: #e9ecef;
opacity: 1;
}
@ -1747,8 +1747,8 @@ pre code {
}
select.form-control:focus::-ms-value {
color: #202326;
background-color: #fff;
color: #f8f9fa;
background-color: #2f373f;
}
.form-control-file,
@ -1928,7 +1928,7 @@ textarea.form-control {
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #28a745;
padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23161819' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23161819' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #2f373f no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
@ -2051,7 +2051,7 @@ textarea.form-control {
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #dc3545;
padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23161819' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23161819' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #2f373f no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
@ -2133,7 +2133,7 @@ textarea.form-control {
width: 100%;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.form-inline label {
display: flex;
align-items: center;
@ -2888,7 +2888,7 @@ input[type="button"].btn-block {
left: auto;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.dropdown-menu-sm-left {
right: auto;
left: 0;
@ -2899,7 +2899,7 @@ input[type="button"].btn-block {
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.dropdown-menu-md-left {
right: auto;
left: 0;
@ -2910,7 +2910,7 @@ input[type="button"].btn-block {
}
}
@media (min-width: 992px) {
@media (min-width: 1200px) {
.dropdown-menu-lg-left {
right: auto;
left: 0;
@ -2921,7 +2921,7 @@ input[type="button"].btn-block {
}
}
@media (min-width: 1200px) {
@media (min-width: 1600px) {
.dropdown-menu-xl-left {
right: auto;
left: 0;
@ -3313,10 +3313,10 @@ input[type="button"].btn-block {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #202326;
color: #f8f9fa;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
background-color: #202326;
border: 1px solid #35414c;
border-radius: 0.35rem;
}
@ -3446,7 +3446,7 @@ input[type="button"].btn-block {
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
background-color: #2f373f;
border: #2f373f solid 1px;
}
@ -3526,7 +3526,7 @@ input[type="button"].btn-block {
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
background-color: #2f373f;
transform: translateX(0.75rem);
}
@ -3542,10 +3542,10 @@ input[type="button"].btn-block {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #202326;
color: #f8f9fa;
vertical-align: middle;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23161819' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
background-color: #fff;
background-color: #2f373f;
border: 1px solid #35414c;
border-radius: 0.35rem;
appearance: none;
@ -3558,8 +3558,8 @@ input[type="button"].btn-block {
}
.custom-select:focus::-ms-value {
color: #202326;
background-color: #fff;
color: #f8f9fa;
background-color: #2f373f;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
@ -3637,8 +3637,8 @@ input[type="button"].btn-block {
padding: 0.375rem 0.75rem;
font-weight: 400;
line-height: 1.5;
color: #202326;
background-color: #fff;
color: #f8f9fa;
background-color: #2f373f;
border: 1px solid #35414c;
border-radius: 0.35rem;
}
@ -3653,9 +3653,9 @@ input[type="button"].btn-block {
height: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #202326;
color: #f8f9fa;
content: "Browse";
background-color: #e9ecef;
background-color: #202326;
border-left: inherit;
border-radius: 0 0.35rem 0.35rem 0;
}
@ -4000,7 +4000,7 @@ input[type="button"].btn-block {
background-size: 100% 100%;
}
@media (max-width: 575.98px) {
@media (max-width: 767.98px) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
padding-right: 0;
@ -4008,7 +4008,7 @@ input[type="button"].btn-block {
}
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start;
@ -4036,7 +4036,7 @@ input[type="button"].btn-block {
}
}
@media (max-width: 767.98px) {
@media (max-width: 991.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
@ -4044,7 +4044,7 @@ input[type="button"].btn-block {
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start;
@ -4072,7 +4072,7 @@ input[type="button"].btn-block {
}
}
@media (max-width: 991.98px) {
@media (max-width: 1199.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
padding-right: 0;
@ -4080,7 +4080,7 @@ input[type="button"].btn-block {
}
}
@media (min-width: 992px) {
@media (min-width: 1200px) {
.navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start;
@ -4108,7 +4108,7 @@ input[type="button"].btn-block {
}
}
@media (max-width: 1199.98px) {
@media (max-width: 1599.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
padding-right: 0;
@ -4116,7 +4116,7 @@ input[type="button"].btn-block {
}
}
@media (min-width: 1200px) {
@media (min-width: 1600px) {
.navbar-expand-xl {
flex-flow: row nowrap;
justify-content: flex-start;
@ -4403,7 +4403,7 @@ input[type="button"].btn-block {
margin-bottom: 15px;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.card-deck {
flex-flow: row wrap;
margin-right: -15px;
@ -4428,7 +4428,7 @@ input[type="button"].btn-block {
margin-bottom: 15px;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.card-group {
flex-flow: row wrap;
}
@ -4470,7 +4470,7 @@ input[type="button"].btn-block {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem;
@ -4528,7 +4528,7 @@ input[type="button"].btn-block {
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
color: #282d33;
color: #4a4b4c;
content: "/";
}
@ -4537,7 +4537,7 @@ input[type="button"].btn-block {
}
.breadcrumb-item.active {
color: #282d33;
color: #f8f9fa;
}
.pagination {
@ -4795,7 +4795,7 @@ a.badge-dark:focus, a.badge-dark.focus {
border-radius: 0.3rem;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.jumbotron {
padding: 4rem 2rem;
}
@ -5086,7 +5086,7 @@ a.badge-dark:focus, a.badge-dark.focus {
border-bottom-left-radius: 0;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.list-group-horizontal-sm {
flex-direction: row;
}
@ -5107,7 +5107,7 @@ a.badge-dark:focus, a.badge-dark.focus {
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.list-group-horizontal-md {
flex-direction: row;
}
@ -5128,7 +5128,7 @@ a.badge-dark:focus, a.badge-dark.focus {
}
}
@media (min-width: 992px) {
@media (min-width: 1200px) {
.list-group-horizontal-lg {
flex-direction: row;
}
@ -5149,7 +5149,7 @@ a.badge-dark:focus, a.badge-dark.focus {
}
}
@media (min-width: 1200px) {
@media (min-width: 1600px) {
.list-group-horizontal-xl {
flex-direction: row;
}
@ -5562,7 +5562,7 @@ a.close.disabled {
overflow: scroll;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
@ -5584,14 +5584,14 @@ a.close.disabled {
}
}
@media (min-width: 992px) {
@media (min-width: 1200px) {
.modal-lg,
.modal-xl {
max-width: 800px;
}
}
@media (min-width: 1200px) {
@media (min-width: 1600px) {
.modal-xl {
max-width: 1140px;
}
@ -6379,7 +6379,7 @@ button.bg-dark:focus {
display: inline-flex !important;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.d-sm-none {
display: none !important;
}
@ -6409,7 +6409,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.d-md-none {
display: none !important;
}
@ -6439,7 +6439,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 992px) {
@media (min-width: 1200px) {
.d-lg-none {
display: none !important;
}
@ -6469,7 +6469,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 1200px) {
@media (min-width: 1600px) {
.d-xl-none {
display: none !important;
}
@ -6708,7 +6708,7 @@ button.bg-dark:focus {
align-self: stretch !important;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.flex-sm-row {
flex-direction: row !important;
}
@ -6813,7 +6813,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.flex-md-row {
flex-direction: row !important;
}
@ -6918,7 +6918,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 992px) {
@media (min-width: 1200px) {
.flex-lg-row {
flex-direction: row !important;
}
@ -7023,7 +7023,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 1200px) {
@media (min-width: 1600px) {
.flex-xl-row {
flex-direction: row !important;
}
@ -7140,7 +7140,7 @@ button.bg-dark:focus {
float: none !important;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.float-sm-left {
float: left !important;
}
@ -7152,7 +7152,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.float-md-left {
float: left !important;
}
@ -7164,7 +7164,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 992px) {
@media (min-width: 1200px) {
.float-lg-left {
float: left !important;
}
@ -7176,7 +7176,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 1200px) {
@media (min-width: 1600px) {
.float-xl-left {
float: left !important;
}
@ -7784,7 +7784,7 @@ button.bg-dark:focus {
margin-left: auto !important;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.m-sm-0 {
margin: 0 !important;
}
@ -8129,7 +8129,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.m-md-0 {
margin: 0 !important;
}
@ -8474,7 +8474,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 992px) {
@media (min-width: 1200px) {
.m-lg-0 {
margin: 0 !important;
}
@ -8819,7 +8819,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 1200px) {
@media (min-width: 1600px) {
.m-xl-0 {
margin: 0 !important;
}
@ -9198,7 +9198,7 @@ button.bg-dark:focus {
text-align: center !important;
}
@media (min-width: 576px) {
@media (min-width: 768px) {
.text-sm-left {
text-align: left !important;
}
@ -9210,7 +9210,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.text-md-left {
text-align: left !important;
}
@ -9222,7 +9222,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 992px) {
@media (min-width: 1200px) {
.text-lg-left {
text-align: left !important;
}
@ -9234,7 +9234,7 @@ button.bg-dark:focus {
}
}
@media (min-width: 1200px) {
@media (min-width: 1600px) {
.text-xl-left {
text-align: left !important;
}
@ -9437,10 +9437,10 @@ a.text-dark:hover, a.text-dark:focus {
size: a3;
}
body {
min-width: 992px !important;
min-width: 1200px !important;
}
.container {
min-width: 992px !important;
min-width: 1200px !important;
}
.navbar {
display: none;

9477
public/css/bootstrap-dark.css
View File

File diff suppressed because it is too large

2
views/layout.pug
View File

@ -10,7 +10,7 @@ html(lang="en")
if (session.uiTheme && session.uiTheme == "dark")
link(rel="stylesheet", href="/css/bootstrap-dark-2.css", integrity="")
link(rel="stylesheet", href="/css/bootstrap-dark.css", integrity="")
link(rel="stylesheet", href="/css/dark-touchups.css", integrity="")
else

Write Preview
Loading…
Cancel
Save