diff --git a/assets/images/EthoFS-Glitch.gif b/assets/images/EthoFS-Glitch.gif
index 9b41de6..66f4059 100644
Binary files a/assets/images/EthoFS-Glitch.gif and b/assets/images/EthoFS-Glitch.gif differ
diff --git a/assets/images/icon.png b/assets/images/icon.png
index 7fc1983..081d371 100644
Binary files a/assets/images/icon.png and b/assets/images/icon.png differ
diff --git a/assets/images/logo-glitch.gif b/assets/images/logo-glitch.gif
index 9b41de6..c378696 100644
Binary files a/assets/images/logo-glitch.gif and b/assets/images/logo-glitch.gif differ
diff --git a/assets/images/logo.png b/assets/images/logo.png
index 92d0f72..a25c374 100755
Binary files a/assets/images/logo.png and b/assets/images/logo.png differ
diff --git a/assets/styles/buttons.css b/assets/styles/buttons.css
index 742ea67..cefabaf 100755
--- a/assets/styles/buttons.css
+++ b/assets/styles/buttons.css
@@ -1,12 +1,12 @@
.btn-etho {
color: #ffffff;
- background-color: #840032;
+ background-color: #25D4DC;
border-color: #103024;
}
.btn-etho:hover {
background: #fff;
- box-shadow: 0px 2px 10px 5px #840032;
+ box-shadow: 0px 2px 10px 5px #25D4DC;
color: #000;
}
@@ -41,12 +41,12 @@ fieldset[disabled] .btn-etho:active,
.btn-etho.disabled.active,
.btn-etho[disabled].active,
fieldset[disabled] .btn-etho.active {
- background-color: #840032;
+ background-color: #25D4DC;
border-color: #450118;
}
.btn-etho .badge {
- color: #840032;
+ color: #25D4DC;
background-color: #ffffff;
}
@@ -57,7 +57,7 @@ fieldset[disabled] .btn-etho.active {
font-size: 12px;
letter-spacing: 2px;
position: relative;
- background-color: #840032;
+ background-color: #25D4DC;
border: none;
color: #fff;
padding: 2px;
@@ -71,13 +71,13 @@ fieldset[disabled] .btn-etho.active {
.button2:hover {
background: #fff;
- box-shadow: 0px 2px 10px 5px #840032;
+ box-shadow: 0px 2px 10px 5px #25D4DC;
color: #000;
}
.button2:after {
content: "";
- background: #840032;
+ background: #25D4DC;
display: block;
position: absolute;
padding-top: 300%;
@@ -106,7 +106,7 @@ fieldset[disabled] .btn-etho.active {
font-size: 10px;
letter-spacing: 1px;
position: relative;
- background-color: #840032;
+ background-color: #25D4DC;
border: none;
color: #fff;
width: 110px;
@@ -119,13 +119,13 @@ fieldset[disabled] .btn-etho.active {
.button3:hover {
background: #fff;
- box-shadow: 0px 2px 10px 5px #840032;
+ box-shadow: 0px 2px 10px 5px #25D4DC;
color: #000;
}
.button3:after {
content: "";
- background: #840032;
+ background: #25D4DC;
display: block;
position: absolute;
padding-top: 300%;
@@ -154,7 +154,7 @@ fieldset[disabled] .btn-etho.active {
font-size: 12px;
letter-spacing: 2px;
position: relative;
- background-color: #840032;
+ background-color: #25D4DC;
border: none;
color: #fff;
padding: 8px;
@@ -167,13 +167,13 @@ fieldset[disabled] .btn-etho.active {
.button4:hover {
background: #fff;
- box-shadow: 0px 2px 10px 5px #840032;
+ box-shadow: 0px 2px 10px 5px #25D4DC;
color: #000;
}
.button4:after {
content: "";
- background: #840032;
+ background: #25D4DC;
display: block;
position: absolute;
padding-top: 300%;
@@ -194,3 +194,4 @@ fieldset[disabled] .btn-etho.active {
.button4:focus {
outline: 0;
}
+
diff --git a/assets/styles/forms.css b/assets/styles/forms.css
index 7215575..2c17185 100755
--- a/assets/styles/forms.css
+++ b/assets/styles/forms.css
@@ -7,7 +7,7 @@
}
.dropdown-content li>a, .dropdown-content li>span {
- color: rgb(36, 13, 21);
+ color: rgb(13, 36, 33);
}
#sendFeeRange {
@@ -27,7 +27,7 @@
}
#tableTransactionsForAll .fa-sign-out-alt {
- color: red;
+ color: rgb(0, 238, 255);
}
#tableTransactionsForAll .fa-arrow-left {
@@ -45,3 +45,4 @@
#tableTransactionsForAll .fa-check {
color: #228B22;
}
+
diff --git a/assets/styles/materialize.min.css b/assets/styles/materialize.min.css
index 4054769..179ff41 100755
--- a/assets/styles/materialize.min.css
+++ b/assets/styles/materialize.min.css
@@ -796,11 +796,11 @@
}
.teal.lighten-1 {
- background-color: #840032 !important
+ background-color: #24F9DD !important
}
.teal-text.text-lighten-1 {
- color: #840032 !important
+ color: #24F9DD !important
}
.teal.darken-1 {
@@ -2446,7 +2446,7 @@ td, th {
}
.collection .collection-item.active {
- background-color: #840032;
+ background-color: #24F9DD;
color: #eafaf9
}
@@ -2458,7 +2458,7 @@ td, th {
display: block;
-webkit-transition: .25s;
transition: .25s;
- color: #840032
+ color: #24F9DD
}
.collection a.collection-item:not(.active):hover {
@@ -2481,7 +2481,7 @@ td, th {
.secondary-content {
float: right;
- color: #840032
+ color: #24F9DD
}
.collapsible .collection {
@@ -2520,13 +2520,13 @@ td, th {
top: 0;
left: 0;
bottom: 0;
- background-color: #840032;
+ background-color: #24F9DD;
-webkit-transition: width .3s linear;
transition: width .3s linear
}
.progress .indeterminate {
- background-color: #840032
+ background-color: #24F9DD
}
.progress .indeterminate:before {
@@ -2693,7 +2693,7 @@ span.badge.new {
font-weight: 300;
font-size: 0.8rem;
color: #fff;
- background-color: #840032;
+ background-color: #24F9DD;
border-radius: 2px
}
@@ -4207,7 +4207,7 @@ small {
}
.card .card-title {
- font-size: 24px;
+ font-size: 19px;
font-weight: 300
}
@@ -4355,6 +4355,11 @@ small {
line-height: 32px
}
+.cardValue {
+ font-size:33px;
+ margin-bottom:8px;
+}
+
.card .card-action {
background-color: inherit;
border-top: 1px solid rgba(160, 160, 160, 0.2);
@@ -4657,7 +4662,7 @@ small {
.btn, .btn-large, .btn-small {
text-decoration: none;
color: #fff;
- background-color: #840032;
+ background-color: #24F9DD;
text-align: center;
letter-spacing: .5px;
-webkit-transition: background-color .2s ease-out;
@@ -4679,7 +4684,7 @@ small {
height: 40px;
line-height: 40px;
padding: 0;
- background-color: #840032;
+ background-color: #24F9DD;
border-radius: 50%;
-webkit-transition: background-color .3s;
transition: background-color .3s;
@@ -4688,7 +4693,7 @@ small {
}
.btn-floating:hover {
- background-color: #840032
+ background-color: #24F9DD
}
.btn-floating:before {
@@ -4890,7 +4895,7 @@ button.btn-floating {
z-index: -1;
width: 40px;
height: 40px;
- background-color: #840032;
+ background-color: #24F9DD;
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0)
@@ -4990,7 +4995,7 @@ button.btn-floating {
.dropdown-content li>a, .dropdown-content li>span {
font-size: 16px;
- color: #840032;
+ color: #24F9DD;
display: block;
line-height: 22px;
padding: 14px 16px
@@ -5357,7 +5362,7 @@ body.keyboard-focused .dropdown-content li:focus {
.chip:focus {
outline: none;
- background-color: #840032;
+ background-color: #24F9DD;
color: #fff
}
@@ -5390,9 +5395,9 @@ body.keyboard-focused .dropdown-content li:focus {
}
.chips.focus {
- border-bottom: 1px solid #840032;
- -webkit-box-shadow: 0 1px 0 0 #840032;
- box-shadow: 0 1px 0 0 #840032
+ border-bottom: 1px solid #24F9DD;
+ -webkit-box-shadow: 0 1px 0 0 #24F9DD;
+ box-shadow: 0 1px 0 0 #24F9DD
}
.chips:hover {
@@ -5547,9 +5552,9 @@ input:not([type]):disabled+label, input:not([type])[readonly="readonly"]+label,
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
- border-bottom: 1px solid #840032;
- -webkit-box-shadow: 0 1px 0 0 #840032;
- box-shadow: 0 1px 0 0 #840032
+ border-bottom: 1px solid #24F9DD;
+ -webkit-box-shadow: 0 1px 0 0 #24F9DD;
+ box-shadow: 0 1px 0 0 #24F9DD
}
input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
@@ -5691,7 +5696,7 @@ input:not([type])+label:after, input[type=text]:not(.browser-default)+label:afte
}
.input-field .prefix.active {
- color: #840032
+ color: #24F9DD
}
.input-field .prefix~input, .input-field .prefix~textarea, .input-field .prefix~label, .input-field .prefix~.validate~label, .input-field .prefix~.helper-text, .input-field .prefix~.autocomplete-content {
@@ -5857,11 +5862,11 @@ textarea.materialize-textarea {
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
- border: 2px solid #840032
+ border: 2px solid #24F9DD
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
- background-color: #840032
+ background-color: #24F9DD
}
[type="radio"]:checked+span:after {
@@ -5969,8 +5974,8 @@ textarea.materialize-textarea {
height: 22px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
- border-right: 2px solid #840032;
- border-bottom: 2px solid #840032;
+ border-right: 2px solid #24F9DD;
+ border-bottom: 2px solid #24F9DD;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
-webkit-backface-visibility: hidden;
@@ -5991,7 +5996,7 @@ textarea.materialize-textarea {
height: 22px;
border-top: none;
border-left: none;
- border-right: 2px solid #840032;
+ border-right: 2px solid #24F9DD;
border-bottom: none;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
@@ -6059,8 +6064,8 @@ textarea.materialize-textarea {
top: 0;
width: 20px;
height: 20px;
- border: 2px solid #840032;
- background-color: #840032;
+ border: 2px solid #24F9DD;
+ background-color: #24F9DD;
z-index: 0
}
@@ -6072,8 +6077,8 @@ textarea.materialize-textarea {
[type="checkbox"].filled-in.tabbed:checked:focus+span:not(.lever):after {
border-radius: 2px;
- background-color: #840032;
- border-color: #840032
+ background-color: #24F9DD;
+ border-color: #24F9DD
}
[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):before {
@@ -6122,7 +6127,7 @@ textarea.materialize-textarea {
}
.switch label input[type=checkbox]:checked+.lever:after {
- background-color: #840032
+ background-color: #24F9DD
}
.switch label .lever {
@@ -6194,7 +6199,7 @@ select {
background-color: #fff;
color: #000;
width: 100%;
- border: 3px solid #840032;
+ border: 2px ridge #6dbb9b;
height: 30px;
margin-top: 10px;
}
@@ -6234,7 +6239,7 @@ select {
}
.select-wrapper input.select-dropdown:focus {
- border-bottom: 1px solid #840032
+ border-bottom: 1px solid #24F9DD
}
.select-wrapper .caret {
@@ -6402,7 +6407,7 @@ input[type=range]+.thumb {
height: 0;
width: 0;
border-radius: 50%;
- background-color: #840032;
+ background-color: #24F9DD;
margin-left: 7px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
@@ -6414,7 +6419,7 @@ input[type=range]+.thumb .value {
display: block;
width: 30px;
text-align: center;
- color: #840032;
+ color: #24F9DD;
font-size: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
@@ -6446,13 +6451,13 @@ input[type=range]::-webkit-slider-thumb {
height: 14px;
width: 14px;
border-radius: 50%;
- background: #840032;
+ background: #24F9DD;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s, -webkit-box-shadow .3s;
-webkit-appearance: none;
- background-color: #840032;
+ background-color: #24F9DD;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
margin: -5px 0 0 0
@@ -6482,7 +6487,7 @@ input[type=range]::-moz-range-thumb {
height: 14px;
width: 14px;
border-radius: 50%;
- background: #840032;
+ background: #24F9DD;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
@@ -6520,7 +6525,7 @@ input[type=range]::-ms-thumb {
height: 14px;
width: 14px;
border-radius: 50%;
- background: #840032;
+ background: #24F9DD;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
@@ -6637,7 +6642,7 @@ input[type=range]::-ms-thumb {
}
.sidenav li>a.btn-floating:hover {
- background-color: #840032
+ background-color: #24F9DD
}
.sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons {
@@ -6823,7 +6828,7 @@ input[type=range]::-ms-thumb {
width: 100%;
height: 100%;
opacity: 0;
- border-color: #840032
+ border-color: #24F9DD
}
.spinner-blue, .spinner-blue-only {
@@ -7736,7 +7741,7 @@ input[type=range]::-ms-thumb {
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
- background-color: #840032;
+ background-color: #24F9DD;
color: #fff;
padding: 20px 22px;
font-weight: 500
@@ -7793,11 +7798,11 @@ input[type=range]::-ms-thumb {
}
.datepicker-table td.is-today {
- color: #840032
+ color: #24F9DD
}
.datepicker-table td.is-selected {
- background-color: #840032;
+ background-color: #24F9DD;
color: #fff
}
@@ -7837,7 +7842,7 @@ input[type=range]::-ms-thumb {
}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
- color: #840032;
+ color: #24F9DD;
padding: 0 1rem
}
@@ -7901,7 +7906,7 @@ input[type=range]::-ms-thumb {
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
- background-color: #840032;
+ background-color: #24F9DD;
padding: 10px;
font-weight: 300
}
@@ -8017,7 +8022,7 @@ input[type=range]::-ms-thumb {
}
.timepicker-canvas line {
- stroke: #840032;
+ stroke: #24F9DD;
stroke-width: 4;
stroke-linecap: round
}
@@ -8028,12 +8033,12 @@ input[type=range]::-ms-thumb {
.timepicker-canvas-bearing {
stroke: none;
- fill: #840032
+ fill: #24F9DD
}
.timepicker-canvas-bg {
stroke: none;
- fill: #840032
+ fill: #24F9DD
}
.timepicker-footer {
@@ -8054,7 +8059,7 @@ input[type=range]::-ms-thumb {
}
.timepicker-close {
- color: #840032
+ color: #24F9DD
}
.timepicker-clear, .timepicker-close {
@@ -8086,3 +8091,4 @@ input[type=range]::-ms-thumb {
margin-top: 1.2rem
}
}
+
diff --git a/assets/styles/style.css b/assets/styles/style.css
index 7cce6c8..8060ec8 100755
--- a/assets/styles/style.css
+++ b/assets/styles/style.css
@@ -1,6 +1,6 @@
html {
color: #fff;
- font-family: Arial, Helvetica, sans-serif;
+ font-family: 'Fira Mono', monospace;
-webkit-font-smoothing: antialiased;
}
@@ -21,7 +21,7 @@ body.pg-loaded>.inner {
/* Style the sidebar - fixed full height */
.sidebar {
height: 100%;
- width: 160px;
+ width: 200px;
position: fixed;
z-index: 1;
top: 0;
@@ -34,8 +34,8 @@ body.pg-loaded>.inner {
/* Style sidebar links */
.sidebar a {
text-decoration: none;
- font-size: 20px;
- color: #840032;
+ font-size: 18px;
+ color: #25D4DC;
display: block;
}
@@ -67,11 +67,11 @@ body.pg-loaded>.inner {
#mainContent {
position: fixed;
z-index: 1;
- left: 160px;
+ left: 184px;
top: 0;
right: 0;
bottom: 20px;
- background-color: #212529;
+ background-color: #293838;
overflow: auto;
}
@@ -188,12 +188,12 @@ body.pg-loaded>.inner {
.modalDialog {
display: none;
- border-bottom: 3px solid #7A1336 !important;
+ border-bottom: 3px solid #28709F !important;
border-radius: 0px !important;
}
.iziModal-header {
- background: #7A1336 !important;
+ background: #28709F !important;
}
#walletsToolbar {
@@ -223,7 +223,7 @@ div.loadingText {
}
div.sidebar svg {
- color: #7A1336;
+ color: #28709F;
}
#tableTransactionsForAll_filter {
@@ -252,7 +252,7 @@ div.sidebar svg {
}
.dataTables_scrollBody .transactionsBlockNum {
- color: #f92472;
+ color: #24f9dd;
cursor: pointer;
}
@@ -286,11 +286,12 @@ div.sidebar svg {
.sendTXInfo {
height: 30px;
+ color:#b1aa58;
}
.sendTXInfo label {
line-height: 30px;
- font-size: 1.1em;
+ font-size: 1em;
}
.txInfo label {
@@ -300,7 +301,7 @@ div.sidebar svg {
}
.txInfo label+label {
- color: #7A1336;
+ color: #28709F;
margin-left: 0px;
}
@@ -313,13 +314,13 @@ div.sidebar svg {
#toAddressInfo,
#valueToSendInfo,
#feeToPayInfo {
- color: #ee6e73;
+ color: #24f9dd;
margin-left: 5px;
margin-right: 5px;
}
.accountName {
- color: #7A1336;
+ color: #28709F;
}
.accountAddr {
@@ -430,7 +431,7 @@ div.noAddressWrapper {
}
.etho-red {
- background-color: #7A1336 !important;
+ background-color: #28709F !important;
}
#chartMarketPrice {
@@ -440,3 +441,4 @@ div.noAddressWrapper {
#addrQRCode {
text-align: center;
}
+
diff --git a/assets/styles/transactions.css b/assets/styles/transactions.css
index 9d0b63d..951fd5f 100755
--- a/assets/styles/transactions.css
+++ b/assets/styles/transactions.css
@@ -5,8 +5,8 @@
.dt-button {
margin-left: 10px !important;
color: #ffffff !important;
- background-color: #7A1336 !important;
- border: 1px solid #450118 !important;
+ background-color: #13737a !important;
+ border: 1px solid #012c45 !important;
background-image: none !important;
}
@@ -15,8 +15,8 @@
.dt-button.active,
.open .dropdown-toggle.dt-button {
color: #ffffff !important;
- background-color: #B01549 !important;
- border: 1px solid #450118 !important;
+ background-color: #1594b0 !important;
+ border: 1px solid #012445 !important;
background-image: none !important;
}
@@ -40,12 +40,12 @@ fieldset[disabled] .dt-button:active,
.dt-button.disabled.active,
.dt-button[disabled].active,
fieldset[disabled] .dt-button.active {
- background-color: #7A1336 !important;
- border-color: #450118 !important;
+ background-color: #28709F !important;
+ border-color: #013045 !important;
}
.dt-button .badge {
- color: #7A1336 !important;
+ color: #28709F !important;
background-color: #ffffff !important;
}
@@ -410,3 +410,4 @@ table.dataTable td {
text-align: center; }
.dataTables_wrapper .dataTables_filter {
margin-top: 0.5em; } }
+
diff --git a/assets/templates/about.html b/assets/templates/about.html
index 8fde5ed..7a09aab 100644
--- a/assets/templates/about.html
+++ b/assets/templates/about.html
@@ -28,56 +28,105 @@
N/A
This is a link
+ 7 days change:N/A 🔗
N/A
This is a link
+ 7 days change:N/A 🔗
N/A
This is a link
+ high 24h:N/A 🔗
N/A
This is a link
+ all time high:N/A 🔗