oxen-io/oxen-observer
1
0
Fork 0
mirror of https://github.com/oxen-io/oxen-observer.git synced 2023-12-14 09:22:54 +01:00
Code Issues Projects Releases Wiki Activity

Oxen colours

Browse source
This commit is contained in:
Kee Jefferys 2021-01-06 01:18:30 +11:00 committed by GitHub
parent 77f0eec3e9
commit 45638914b9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
static/style.css
View file

@ -2,7 +2,7 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 80%; font-size: 80%;
background-color: #1a1a1a; background-color: #1f1c47;
font-family: sans-serif; font-family: sans-serif;
color: white; color: white;
} }
@ -57,7 +57,7 @@ h1, h2, h3, h4, h5, h6 {
font-weight: bold; font-weight: bold;
} }
p>label, span>label, h3>label, h4>label, td>label, .info-item>label { p>label, span>label, h3>label, h4>label, td>label, .info-item>label {
color: #30a532; color: #ff7a87;
} }
label.warning { label.warning {
color: red; color: red;
@ -84,7 +84,7 @@ label.warning {
.Subtitle { .Subtitle {
font-size: 1.0em; font-size: 1.0em;
color: rgba(255, 255, 255, 0.8); color: rgb(255 255 255 / 80%);
margin: 0; margin: 0;
margin-top: 0.5em; margin-top: 0.5em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
@ -92,33 +92,33 @@ label.warning {
.PaginationControl, .PaginationControl,
.PageButton { .PageButton {
background-color: #008522; background-color: #dbf7f5;
min-height: 1.5em; min-height: 1.5em;
padding: 5px; padding: 5px;
padding-top: 8px; padding-top: 8px;
margin-right: 1em; margin-right: 1em;
font-weight: bold; font-weight: bold;
font-size: 1em; font-size: 1em;
color: white; color: black;
border: none; border: none;
font-family: sans-serif; font-family: sans-serif;
} }
.PageButton.disabled { .PageButton.disabled {
background-color: #808080; background-color: #899897;
} }
.PaginationControl select { .PaginationControl select {
font-size: inherit; font-size: inherit;
background-color: #1a1a1a; background-color: #1a1a1a;
color: #008522; color: white;
border: none; border: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.PageButton:hover { .PageButton:hover {
background-color: #006a1b; background-color: #dbf7f5;
} }
.PageButton.disabled:hover { .PageButton.disabled:hover {
background-color: #707070; background-color: #707070;
@ -145,19 +145,20 @@ label.warning {
table thead tr, table thead tr,
.TableHeader { .TableHeader {
font-weight: bold; font-weight: bold;
background-color: #008522; color: black;
background-color: #dbf7f5;
} }
.TitleUnderliner { .TitleUnderliner {
height: 2px; height: 2px;
width: 100%; width: 100%;
background-color: #008522; background-color: #dbf7f5;
margin-bottom: 1em; margin-bottom: 1em;
} }
.TitleDivider { .TitleDivider {
height: 2px; height: 2px;
width: 100%; width: 100%;
background-color: #008522; background-color: #dbf7f5;
margin: 1em 0; margin: 1em 0;
} }
@ -193,13 +194,14 @@ td {
} }
a:link, a:visited { a:link, a:visited {
color: black;
text-decoration: underline; text-decoration: underline;
color: white; color: white;
} }
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
color: #78be20; color: #12c7ba;
} }
form { form {
@ -326,7 +328,7 @@ div.quorums {
} }
div.quorums>div { div.quorums>div {
border: 2px solid #008522; border: 2px solid #dbf7f5;
border-radius: 5px; border-radius: 5px;
padding: 0; padding: 0;
flex-grow: 1; flex-grow: 1;
@ -357,7 +359,7 @@ div.quorums>div>.workers {
/*space-between;*/ /*space-between;*/
} }
.quorums.obligations .workers, .quorums.pulse .validators, .quorums.blink .validators.q1 { .quorums.obligations .workers, .quorums.pulse .validators, .quorums.blink .validators.q1 {
border-top: 2px solid #008522; border-top: 2px solid #dbf7f5;
} }
.quorums .workers label, .quorums .validators label { .quorums .workers label, .quorums .validators label {
font-weight: bold; font-weight: bold;
@ -367,7 +369,7 @@ div.quorums>div>.workers {
flex-basis: 40px; flex-basis: 40px;
max-width: 60px; max-width: 60px;
flex-grow: 1; flex-grow: 1;
background-color: #bbb; background-color: #a2a2a2;
border: 1px solid #555; border: 1px solid #555;
border-radius: 5px; border-radius: 5px;
overflow: hidden; overflow: hidden;
@ -375,7 +377,7 @@ div.quorums>div>.workers {
margin: 3px 3px; margin: 3px 3px;
padding: 1px 1px 1px 1px; padding: 1px 1px 1px 1px;
font-size: 10px; font-size: 10px;
color: black; color: white;
text-decoration: none; text-decoration: none;
} }
.quorums .validators .sn { .quorums .validators .sn {
@ -384,26 +386,25 @@ div.quorums>div>.workers {
color: white; color: white;
} }
.quorums .sn:hover { .quorums .sn:hover {
background-color: #006a1b; background-color: #3f4bf5;
border-color: #78be20; color: white;
color: #78be20;
} }
.quorums.pulse .workers .sn { .quorums.pulse .workers .sn {
flex-grow: 1; flex-grow: 1;
max-width: 150px; max-width: 150px;
} }
div.quorums h2 { div.quorums h2 {
background-color: #008522; background-color: #dbf7f5;
color: white; color: black;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
margin: 0; margin: 0;
} }
div.quorums>div.now h2 { div.quorums>div.now h2 {
background-color: #78be20; background-color: #dbf7f5;
} }
div.quorums>div.now, div.quorums.obligations>div.now .workers, div.quorums.blink>div.now { div.quorums>div.now, div.quorums.obligations>div.now .workers, div.quorums.blink>div.now {
border-color: #78be20; border-color: #dbf7f5;
} }
div.quorums h5 { div.quorums h5 {
margin: 0; margin: 0;
@ -475,7 +476,7 @@ span.icon {
tab-size: 4; tab-size: 4;
-o-tab-size: 4; -o-tab-size: 4;
-moz-tab-size: 4; -moz-tab-size: 4;
border: 1px solid #008522; border: 1px solid #dbf7f5;
padding: 10px; padding: 10px;
} }