update HTML file...
This commit is contained in:
@@ -1,440 +1,440 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic');
|
||||
|
||||
:root {
|
||||
--blue-grey: #445368;
|
||||
--light-blue: #718CAF;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
font-family: "Roboto", "Arial", sans-serif;
|
||||
|
||||
color: #445368;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
main {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
*::placeholder {
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-family: "Roboto";
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #445368;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #718CAF;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btn {
|
||||
color: #fff;
|
||||
background: #445368;
|
||||
|
||||
display: block;
|
||||
padding: 15px 25px;
|
||||
border: none;
|
||||
box-shadow: 0px 5px 10px rgba(68, 83, 104, 0.3);
|
||||
border-radius: 4px;
|
||||
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 21px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn:hover,
|
||||
.btn:focus {
|
||||
background: #718CAF;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn[disabled],
|
||||
.btn.disabled {
|
||||
opacity: .3;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
|
||||
.reconnect {
|
||||
background-image: url("./../PIC/reload.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 18px 18px;
|
||||
background-position: center center;
|
||||
padding: 5px;
|
||||
width: 27px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.reconnect span {
|
||||
display: none;
|
||||
}
|
||||
.grey-btn {
|
||||
border: none;
|
||||
background: #F2F2F2;
|
||||
border-radius: 3px;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
color: #000;
|
||||
height: 27px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: linear-gradient(270deg, #3D4C61 0%, #445368 100%);
|
||||
color: #fff;
|
||||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.header__wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.header__logo {
|
||||
margin-right: 2px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.header__logo-link:hover {
|
||||
opacity: .5;
|
||||
cursor: pointer;
|
||||
}
|
||||
.header__right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.header__right select {
|
||||
/* background: var(--blue-grey); */
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
width: 55px;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.white-select {
|
||||
display: none;
|
||||
}
|
||||
.header__nav {
|
||||
width: 100%;
|
||||
}
|
||||
.page-pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-bottom: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.page-pagination__num {
|
||||
width: 33%;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.page-pagination .btn {
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
width: 45px;
|
||||
height: 40px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.page-pagination .btn:first-of-type {
|
||||
margin-left: 0;
|
||||
}
|
||||
.page-pagination .btn:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
.back-link {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
}
|
||||
.back-link span {
|
||||
display: none;
|
||||
}
|
||||
.back-link::before {
|
||||
content: '';
|
||||
display: block;
|
||||
color: var(--blue-grey);
|
||||
background: url("./../PIC/right-arrow.svg") no-repeat;
|
||||
background-size: 18px 18px;
|
||||
transform: translateY(-50%) rotate(180deg);
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 50%;
|
||||
}
|
||||
.back-link:hover::before,
|
||||
.back-link:focus::before {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.back-link--history {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.back-link--history::before {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.back-link--history span {
|
||||
display: block;
|
||||
padding-left: 23px;
|
||||
}
|
||||
|
||||
.header__logo--history {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.history-page {
|
||||
position: relative;
|
||||
padding-bottom: 110px;
|
||||
}
|
||||
.history__text-block {
|
||||
padding: 65px 15px 10px;
|
||||
}
|
||||
.history-page__id {
|
||||
margin-bottom: 7px;
|
||||
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
font-weight: 700;
|
||||
color: #445368;
|
||||
}
|
||||
.history-page__id-count {
|
||||
max-width: 140px;
|
||||
margin-left: 2px;
|
||||
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
font-weight: 700;
|
||||
text-align-last: left;
|
||||
color: #445368;
|
||||
border: none;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.history-page__description {
|
||||
margin: 0;
|
||||
margin-bottom: 17px;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.history-page__balance {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.history-page__tera-icon {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 0 15px 15px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.history-page__table .grid {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.history-page__table-wrap {
|
||||
overflow-x: auto;
|
||||
}
|
||||
.history-page__table th {
|
||||
background: var(--blue-grey);
|
||||
color: #fff;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
||||
height: 30px;
|
||||
padding: 0 20px 0 10px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
text-align-last: left;
|
||||
}
|
||||
.history-page__table th:first-child {
|
||||
border-top-left-radius: 5px;
|
||||
}
|
||||
.history-page__table th:last-child {
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
.history-page__table .grid tr td {
|
||||
padding: 8px 10px 6px;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
white-space: nowrap;
|
||||
color: #000000;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #C4C4C4;
|
||||
}
|
||||
.history-page__table .grid tr td:first-of-type {
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__table .grid tr td.code
|
||||
{
|
||||
white-space: normal;
|
||||
width: 340px;
|
||||
min-width:200px;
|
||||
font-family: "courier new", "times new roman", monospace;
|
||||
font-size: small;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.history-page__table .grid tr td.hash
|
||||
{
|
||||
white-space: normal;
|
||||
width: 160px;
|
||||
font-family: "courier new", "times new roman", monospace;
|
||||
font-size: small;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.history__text-block {
|
||||
padding: 65px 33px 10px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 33px;
|
||||
}
|
||||
.back-link::before {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.header {
|
||||
height: 60px;
|
||||
}
|
||||
.fixed-status .grey-btn {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
}
|
||||
.reconnect {
|
||||
width: 40px;
|
||||
margin-left: 15px;
|
||||
background-position: 11px 11px;
|
||||
}
|
||||
.main-logo {
|
||||
width: 125px;
|
||||
height: 30px;
|
||||
}
|
||||
.back-link {
|
||||
display: block;
|
||||
padding-left: 34px;
|
||||
}
|
||||
.back-link span {
|
||||
display: inline;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.back-link::before {
|
||||
left: 0;
|
||||
}
|
||||
.back-link--history span {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
.header__logo {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.reconnect.grey-btn {
|
||||
width: 130px;
|
||||
margin-left: 15px;
|
||||
padding-top: 12px;
|
||||
padding-left: 39px;
|
||||
background-position: 11px 11px;
|
||||
}
|
||||
.reconnect span {
|
||||
display: inline;
|
||||
}
|
||||
.history-page {
|
||||
padding-right: 40px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
.history__text-block {
|
||||
padding: 65px 0 10px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.header__wrapper {
|
||||
max-width: 1150px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.history__text-block {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.history-page__id {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__id-count {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__description {
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__balance {
|
||||
justify-content: center;
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 30px 15px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.page-pagination {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic');
|
||||
|
||||
:root {
|
||||
--blue-grey: #445368;
|
||||
--light-blue: #718CAF;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
font-family: "Roboto", "Arial", sans-serif;
|
||||
|
||||
color: #445368;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
main {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
*::placeholder {
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-family: "Roboto";
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #445368;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #718CAF;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btn {
|
||||
color: #fff;
|
||||
background: #445368;
|
||||
|
||||
display: block;
|
||||
padding: 15px 25px;
|
||||
border: none;
|
||||
box-shadow: 0px 5px 10px rgba(68, 83, 104, 0.3);
|
||||
border-radius: 4px;
|
||||
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 21px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn:hover,
|
||||
.btn:focus {
|
||||
background: #718CAF;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn[disabled],
|
||||
.btn.disabled {
|
||||
opacity: .3;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
|
||||
.reconnect {
|
||||
background-image: url("./../PIC/reload.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 18px 18px;
|
||||
background-position: center center;
|
||||
padding: 5px;
|
||||
width: 27px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.reconnect span {
|
||||
display: none;
|
||||
}
|
||||
.grey-btn {
|
||||
border: none;
|
||||
background: #F2F2F2;
|
||||
border-radius: 3px;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
color: #000;
|
||||
height: 27px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: linear-gradient(270deg, #3D4C61 0%, #445368 100%);
|
||||
color: #fff;
|
||||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.header__wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.header__logo {
|
||||
margin-right: 2px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.header__logo-link:hover {
|
||||
opacity: .5;
|
||||
cursor: pointer;
|
||||
}
|
||||
.header__right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.header__right select {
|
||||
/* background: var(--blue-grey); */
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
width: 55px;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.white-select {
|
||||
display: none;
|
||||
}
|
||||
.header__nav {
|
||||
width: 100%;
|
||||
}
|
||||
.page-pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-bottom: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.page-pagination__num {
|
||||
width: 33%;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.page-pagination .btn {
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
width: 45px;
|
||||
height: 40px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.page-pagination .btn:first-of-type {
|
||||
margin-left: 0;
|
||||
}
|
||||
.page-pagination .btn:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
.back-link {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
}
|
||||
.back-link span {
|
||||
display: none;
|
||||
}
|
||||
.back-link::before {
|
||||
content: '';
|
||||
display: block;
|
||||
color: var(--blue-grey);
|
||||
background: url("./../PIC/right-arrow.svg") no-repeat;
|
||||
background-size: 18px 18px;
|
||||
transform: translateY(-50%) rotate(180deg);
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 50%;
|
||||
}
|
||||
.back-link:hover::before,
|
||||
.back-link:focus::before {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.back-link--history {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.back-link--history::before {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.back-link--history span {
|
||||
display: block;
|
||||
padding-left: 23px;
|
||||
}
|
||||
|
||||
.header__logo--history {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.history-page {
|
||||
position: relative;
|
||||
padding-bottom: 110px;
|
||||
}
|
||||
.history__text-block {
|
||||
padding: 65px 15px 10px;
|
||||
}
|
||||
.history-page__id {
|
||||
margin-bottom: 7px;
|
||||
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
font-weight: 700;
|
||||
color: #445368;
|
||||
}
|
||||
.history-page__id-count {
|
||||
max-width: 140px;
|
||||
margin-left: 2px;
|
||||
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
font-weight: 700;
|
||||
text-align-last: left;
|
||||
color: #445368;
|
||||
border: none;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.history-page__description {
|
||||
margin: 0;
|
||||
margin-bottom: 17px;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.history-page__balance {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.history-page__tera-icon {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 0 15px 15px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.history-page__table .grid {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.history-page__table-wrap {
|
||||
overflow-x: auto;
|
||||
}
|
||||
.history-page__table th {
|
||||
background: var(--blue-grey);
|
||||
color: #fff;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
||||
height: 30px;
|
||||
padding: 0 20px 0 10px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
text-align-last: left;
|
||||
}
|
||||
.history-page__table th:first-child {
|
||||
border-top-left-radius: 5px;
|
||||
}
|
||||
.history-page__table th:last-child {
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
.history-page__table .grid tr td {
|
||||
padding: 8px 10px 6px;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
white-space: nowrap;
|
||||
color: #000000;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #C4C4C4;
|
||||
}
|
||||
.history-page__table .grid tr td:first-of-type {
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__table .grid tr td.code
|
||||
{
|
||||
white-space: normal;
|
||||
width: 340px;
|
||||
min-width:200px;
|
||||
font-family: "courier new", "times new roman", monospace;
|
||||
font-size: small;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.history-page__table .grid tr td.hash
|
||||
{
|
||||
white-space: normal;
|
||||
width: 160px;
|
||||
font-family: "courier new", "times new roman", monospace;
|
||||
font-size: small;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.history__text-block {
|
||||
padding: 65px 33px 10px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 33px;
|
||||
}
|
||||
.back-link::before {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.header {
|
||||
height: 60px;
|
||||
}
|
||||
.fixed-status .grey-btn {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
}
|
||||
.reconnect {
|
||||
width: 40px;
|
||||
margin-left: 15px;
|
||||
background-position: 11px 11px;
|
||||
}
|
||||
.main-logo {
|
||||
width: 125px;
|
||||
height: 30px;
|
||||
}
|
||||
.back-link {
|
||||
display: block;
|
||||
padding-left: 34px;
|
||||
}
|
||||
.back-link span {
|
||||
display: inline;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.back-link::before {
|
||||
left: 0;
|
||||
}
|
||||
.back-link--history span {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
.header__logo {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.reconnect.grey-btn {
|
||||
width: 130px;
|
||||
margin-left: 15px;
|
||||
padding-top: 12px;
|
||||
padding-left: 39px;
|
||||
background-position: 11px 11px;
|
||||
}
|
||||
.reconnect span {
|
||||
display: inline;
|
||||
}
|
||||
.history-page {
|
||||
padding-right: 40px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
.history__text-block {
|
||||
padding: 65px 0 10px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.header__wrapper {
|
||||
max-width: 1150px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.history__text-block {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.history-page__id {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__id-count {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__description {
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__balance {
|
||||
justify-content: center;
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 30px 15px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.page-pagination {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,201 +1,201 @@
|
||||
/*Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons*/
|
||||
|
||||
/*TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader*/
|
||||
#TabHeader th
|
||||
{
|
||||
/*border: 1px solid black;*/
|
||||
width:205px;
|
||||
|
||||
color: white;
|
||||
background-color: #22547f;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 34px;
|
||||
}
|
||||
.bttab
|
||||
{
|
||||
background-color: black;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding-top: 7px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*User action*/
|
||||
.btdoit
|
||||
{
|
||||
width: 130px;
|
||||
height: 32px;
|
||||
line-height: 20px;
|
||||
margin: 10px;
|
||||
cursor: pointer;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
|
||||
.btdoitm
|
||||
{
|
||||
width: 40px;
|
||||
height: 32px;
|
||||
line-height: 20px;
|
||||
margin: 10px;
|
||||
cursor: pointer;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
|
||||
/*All buttons*/
|
||||
.bt
|
||||
{
|
||||
border: 1px solid black;
|
||||
background: transparent;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
}
|
||||
.bt:hover,button:hover
|
||||
{
|
||||
filter: brightness(120%);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.bt:active
|
||||
{
|
||||
cursor: progress;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.btlong
|
||||
{
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.btopen
|
||||
{
|
||||
width: 136px;
|
||||
}
|
||||
|
||||
.btsmall
|
||||
{
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
#idSendList
|
||||
{
|
||||
width: 800px;
|
||||
border: 0 solid black;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#PaiListInfo
|
||||
{
|
||||
width: 800px;
|
||||
height:20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btinvoice
|
||||
{
|
||||
width: 133px;
|
||||
min-width: 133px;
|
||||
max-width: 133px;
|
||||
height:40px;
|
||||
white-space: pre-line;
|
||||
background-image: url('/HTML/PIC/invoice.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
}
|
||||
.btinvoice_use
|
||||
{
|
||||
width: 110px;
|
||||
min-width: 110px;
|
||||
max-width: 110px;
|
||||
height:62px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#idCounters
|
||||
{
|
||||
background-image: url('/HTML/PIC/counters.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
#idChains
|
||||
{
|
||||
background-image: url('/HTML/PIC/chains.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#idMonitor
|
||||
{
|
||||
background-image: url('/HTML/PIC/monitor.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
#idConsole
|
||||
{
|
||||
background-image: url('/HTML/PIC/console.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size:16px;
|
||||
}
|
||||
#idOpenSmart
|
||||
{
|
||||
background-image: url('/HTML/PIC/smart.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size:16px;
|
||||
}
|
||||
|
||||
#idNetwork
|
||||
{
|
||||
background-image: url('/HTML/PIC/network.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size:16px;
|
||||
}
|
||||
|
||||
#idDown
|
||||
{
|
||||
background-image: url('/HTML/PIC/down.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
background-position: right;
|
||||
}
|
||||
|
||||
#idUp
|
||||
{
|
||||
background-image: url('/HTML/PIC/up.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
background-position: right;
|
||||
|
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.btexlporer
|
||||
{
|
||||
width: 136px;
|
||||
}
|
||||
|
||||
|
||||
input[type="checkbox"]
|
||||
{
|
||||
vertical-align: middle;
|
||||
}
|
||||
/*Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons Buttons*/
|
||||
|
||||
/*TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader TabHeader*/
|
||||
#TabHeader th
|
||||
{
|
||||
/*border: 1px solid black;*/
|
||||
width:205px;
|
||||
|
||||
color: white;
|
||||
background-color: #22547f;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 34px;
|
||||
}
|
||||
.bttab
|
||||
{
|
||||
background-color: black;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding-top: 7px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*User action*/
|
||||
.btdoit
|
||||
{
|
||||
width: 130px;
|
||||
height: 32px;
|
||||
line-height: 20px;
|
||||
margin: 10px;
|
||||
cursor: pointer;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
|
||||
.btdoitm
|
||||
{
|
||||
width: 40px;
|
||||
height: 32px;
|
||||
line-height: 20px;
|
||||
margin: 10px;
|
||||
cursor: pointer;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
|
||||
/*All buttons*/
|
||||
.bt
|
||||
{
|
||||
border: 1px solid black;
|
||||
background: transparent;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
}
|
||||
.bt:hover,button:hover
|
||||
{
|
||||
filter: brightness(120%);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.bt:active
|
||||
{
|
||||
cursor: progress;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.btlong
|
||||
{
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.btopen
|
||||
{
|
||||
width: 136px;
|
||||
}
|
||||
|
||||
.btsmall
|
||||
{
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
#idSendList
|
||||
{
|
||||
width: 800px;
|
||||
border: 0 solid black;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#PaiListInfo
|
||||
{
|
||||
width: 800px;
|
||||
height:20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btinvoice
|
||||
{
|
||||
width: 133px;
|
||||
min-width: 133px;
|
||||
max-width: 133px;
|
||||
height:40px;
|
||||
white-space: pre-line;
|
||||
background-image: url('/HTML/PIC/invoice.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
}
|
||||
.btinvoice_use
|
||||
{
|
||||
width: 110px;
|
||||
min-width: 110px;
|
||||
max-width: 110px;
|
||||
height:62px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#idCounters
|
||||
{
|
||||
background-image: url('/HTML/PIC/counters.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
#idChains
|
||||
{
|
||||
background-image: url('/HTML/PIC/chains.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#idMonitor
|
||||
{
|
||||
background-image: url('/HTML/PIC/monitor.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
#idConsole
|
||||
{
|
||||
background-image: url('/HTML/PIC/console.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size:16px;
|
||||
}
|
||||
#idOpenSmart
|
||||
{
|
||||
background-image: url('/HTML/PIC/smart.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size:16px;
|
||||
}
|
||||
|
||||
#idNetwork
|
||||
{
|
||||
background-image: url('/HTML/PIC/network.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size:16px;
|
||||
}
|
||||
|
||||
#idDown
|
||||
{
|
||||
background-image: url('/HTML/PIC/down.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
background-position: right;
|
||||
}
|
||||
|
||||
#idUp
|
||||
{
|
||||
background-image: url('/HTML/PIC/up.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
background-position: right;
|
||||
|
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.btexlporer
|
||||
{
|
||||
width: 136px;
|
||||
}
|
||||
|
||||
|
||||
input[type="checkbox"]
|
||||
{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@@ -1,90 +1,90 @@
|
||||
/*
|
||||
|
||||
Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>
|
||||
Some correct by vtools
|
||||
|
||||
*/
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 0.5em;
|
||||
background: #eff5eb;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-quote {
|
||||
color: #800;
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-section,
|
||||
.hljs-title,
|
||||
.hljs-name {
|
||||
color: #008;
|
||||
}
|
||||
|
||||
.hljs-variable,
|
||||
.hljs-template-variable {
|
||||
color: #660;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo,
|
||||
.hljs-regexp {
|
||||
color: #080;
|
||||
}
|
||||
|
||||
.hljs-literal,
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-meta,
|
||||
.hljs-number,
|
||||
.hljs-link {
|
||||
color: #066;
|
||||
}
|
||||
|
||||
.hljs-title,
|
||||
.hljs-doctag,
|
||||
.hljs-type,
|
||||
.hljs-attr,
|
||||
.hljs-built_in,
|
||||
.hljs-builtin-name,
|
||||
.hljs-params {
|
||||
color: #606;
|
||||
}
|
||||
|
||||
.hljs-attribute,
|
||||
.hljs-subst {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.hljs-formula {
|
||||
background-color: #eee;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.hljs-selector-id,
|
||||
.hljs-selector-class {
|
||||
color: #9B703F
|
||||
}
|
||||
|
||||
.hljs-addition {
|
||||
background-color: #baeeba;
|
||||
}
|
||||
|
||||
.hljs-deletion {
|
||||
background-color: #ffc8bd;
|
||||
}
|
||||
|
||||
.hljs-doctag,
|
||||
.hljs-strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.hljs-emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
/*
|
||||
|
||||
Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>
|
||||
Some correct by vtools
|
||||
|
||||
*/
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 0.5em;
|
||||
background: #eff5eb;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-quote {
|
||||
color: #800;
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-section,
|
||||
.hljs-title,
|
||||
.hljs-name {
|
||||
color: #008;
|
||||
}
|
||||
|
||||
.hljs-variable,
|
||||
.hljs-template-variable {
|
||||
color: #660;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo,
|
||||
.hljs-regexp {
|
||||
color: #080;
|
||||
}
|
||||
|
||||
.hljs-literal,
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-meta,
|
||||
.hljs-number,
|
||||
.hljs-link {
|
||||
color: #066;
|
||||
}
|
||||
|
||||
.hljs-title,
|
||||
.hljs-doctag,
|
||||
.hljs-type,
|
||||
.hljs-attr,
|
||||
.hljs-built_in,
|
||||
.hljs-builtin-name,
|
||||
.hljs-params {
|
||||
color: #606;
|
||||
}
|
||||
|
||||
.hljs-attribute,
|
||||
.hljs-subst {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.hljs-formula {
|
||||
background-color: #eee;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.hljs-selector-id,
|
||||
.hljs-selector-class {
|
||||
color: #9B703F
|
||||
}
|
||||
|
||||
.hljs-addition {
|
||||
background-color: #baeeba;
|
||||
}
|
||||
|
||||
.hljs-deletion {
|
||||
background-color: #ffc8bd;
|
||||
}
|
||||
|
||||
.hljs-doctag,
|
||||
.hljs-strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.hljs-emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@@ -1,440 +1,440 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic');
|
||||
|
||||
:root {
|
||||
--blue-grey: #445368;
|
||||
--light-blue: #718CAF;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
font-family: "Roboto", "Arial", sans-serif;
|
||||
|
||||
color: #445368;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
main {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
*::placeholder {
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-family: "Roboto";
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #445368;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #718CAF;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btn {
|
||||
color: #fff;
|
||||
background: #445368;
|
||||
|
||||
display: block;
|
||||
padding: 15px 25px;
|
||||
border: none;
|
||||
box-shadow: 0px 5px 10px rgba(68, 83, 104, 0.3);
|
||||
border-radius: 4px;
|
||||
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 21px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn:hover,
|
||||
.btn:focus {
|
||||
background: #718CAF;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn[disabled],
|
||||
.btn.disabled {
|
||||
opacity: .3;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
|
||||
.reconnect {
|
||||
background-image: url("./../PIC/reload.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 18px 18px;
|
||||
background-position: center center;
|
||||
padding: 5px;
|
||||
width: 27px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.reconnect span {
|
||||
display: none;
|
||||
}
|
||||
.grey-btn {
|
||||
border: none;
|
||||
background: #F2F2F2;
|
||||
border-radius: 3px;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
color: #000;
|
||||
height: 27px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: linear-gradient(270deg, #3D4C61 0%, #445368 100%);
|
||||
color: #fff;
|
||||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.header__wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.header__logo {
|
||||
margin-right: 2px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.header__logo-link:hover {
|
||||
opacity: .5;
|
||||
cursor: pointer;
|
||||
}
|
||||
.header__right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.header__right select {
|
||||
/* background: var(--blue-grey); */
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
width: 55px;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.white-select {
|
||||
display: none;
|
||||
}
|
||||
.header__nav {
|
||||
width: 100%;
|
||||
}
|
||||
.header__wallet-set {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.header__wallet-link {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
display: block;
|
||||
padding: 13px 15px 9px 15px;
|
||||
}
|
||||
.header__wallet-link:hover,
|
||||
.header__wallet-link:focus {
|
||||
background: #55657C;
|
||||
}
|
||||
.header__wallet-link span {
|
||||
display: none;
|
||||
}
|
||||
.header__wallet-link:active,
|
||||
.header__wallet-link.active {
|
||||
box-shadow: inset 0px 4px 0px rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.dapps-page__pagination,
|
||||
.page-pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-bottom: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.page-pagination__num {
|
||||
width: 33%;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.page-pagination .btn {
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
width: 45px;
|
||||
height: 40px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.page-pagination .btn:first-of-type {
|
||||
margin-left: 0;
|
||||
}
|
||||
.page-pagination .btn:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
position: relative;
|
||||
width: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.back-link span {
|
||||
display: none;
|
||||
}
|
||||
.back-link::before {
|
||||
content: '';
|
||||
display: block;
|
||||
color: var(--blue-grey);
|
||||
background: url("./../PIC/right-arrow.svg") no-repeat;
|
||||
background-size: 18px 18px;
|
||||
transform: translateY(-50%) rotate(180deg);
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 50%;
|
||||
}
|
||||
.back-link:hover::before,
|
||||
.back-link:focus::before {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.header__logo--history {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.back-link--history {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
line-height: 19px;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.back-link--history::before {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.back-link--history span {
|
||||
display: block;
|
||||
padding-left: 23px;
|
||||
}
|
||||
|
||||
.history-page {
|
||||
padding-bottom: 110px;
|
||||
}
|
||||
.history__text-block {
|
||||
position: relative;
|
||||
padding: 10px 15px 10px;
|
||||
}
|
||||
.history-page__id {
|
||||
margin-bottom: 7px;
|
||||
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
font-weight: 700;
|
||||
color: #445368;
|
||||
}
|
||||
.history-page__id-count {
|
||||
max-width: 140px;
|
||||
margin-left: 2px;
|
||||
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
font-weight: 700;
|
||||
text-align-last: left;
|
||||
color: #445368;
|
||||
border: none;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.history-page__description {
|
||||
margin: 0;
|
||||
margin-bottom: 17px;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.history-page__balance {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.history-page__tera-icon {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 0 15px 15px;
|
||||
}
|
||||
.history-page__table .grid {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.history-page__table-wrap {
|
||||
overflow-x: auto;
|
||||
}
|
||||
.history-page__table th {
|
||||
background: var(--blue-grey);
|
||||
color: #fff;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
||||
height: 30px;
|
||||
padding: 0 20px 0 10px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
text-align-last: left;
|
||||
}
|
||||
.history-page__table th:first-child {
|
||||
border-top-left-radius: 5px;
|
||||
}
|
||||
.history-page__table th:last-child {
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
.history-page__table .grid tr td {
|
||||
padding: 2px 10px 0px;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
color: #000000;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #C4C4C4;
|
||||
}
|
||||
|
||||
.history-page__table .grid tr th.direct {
|
||||
max-width:30px;
|
||||
}
|
||||
|
||||
.history-page__table .grid tr td.date
|
||||
{
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
.history-page__table .grid tr td:first-of-type {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.history-page__table .grid tr td:first-of-type b {
|
||||
font-size: 16px!important;
|
||||
font-weight: 700!important;
|
||||
}
|
||||
.history-page__table .grid tr td.desc {
|
||||
max-width: 170px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.history__text-block {
|
||||
padding: 10px 33px 10px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 33px;
|
||||
}
|
||||
.back-link::before {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.header {
|
||||
height: 60px;
|
||||
}
|
||||
.main-logo {
|
||||
width: 125px;
|
||||
height: 30px;
|
||||
}
|
||||
.back-link {
|
||||
display: block;
|
||||
padding-left: 34px;
|
||||
}
|
||||
.back-link span {
|
||||
display: inline;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.back-link::before {
|
||||
left: 0;
|
||||
}
|
||||
.back-link--history span {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
.header__logo {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.history-page {
|
||||
padding-right: 40px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
.history__text-block {
|
||||
padding: 10px 0 10px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.header__wrapper {
|
||||
max-width: 1150px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.history__text-block {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.history-page__id {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__id-count {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__description {
|
||||
margin-bottom: 20px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
min-height: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__balance {
|
||||
justify-content: center;
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 30px 15px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.page-pagination {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic');
|
||||
|
||||
:root {
|
||||
--blue-grey: #445368;
|
||||
--light-blue: #718CAF;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
font-family: "Roboto", "Arial", sans-serif;
|
||||
|
||||
color: #445368;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
main {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
*::placeholder {
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-family: "Roboto";
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #445368;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #718CAF;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btn {
|
||||
color: #fff;
|
||||
background: #445368;
|
||||
|
||||
display: block;
|
||||
padding: 15px 25px;
|
||||
border: none;
|
||||
box-shadow: 0px 5px 10px rgba(68, 83, 104, 0.3);
|
||||
border-radius: 4px;
|
||||
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 21px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn:hover,
|
||||
.btn:focus {
|
||||
background: #718CAF;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn[disabled],
|
||||
.btn.disabled {
|
||||
opacity: .3;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
|
||||
.reconnect {
|
||||
background-image: url("./../PIC/reload.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 18px 18px;
|
||||
background-position: center center;
|
||||
padding: 5px;
|
||||
width: 27px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.reconnect span {
|
||||
display: none;
|
||||
}
|
||||
.grey-btn {
|
||||
border: none;
|
||||
background: #F2F2F2;
|
||||
border-radius: 3px;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
color: #000;
|
||||
height: 27px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: linear-gradient(270deg, #3D4C61 0%, #445368 100%);
|
||||
color: #fff;
|
||||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.header__wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.header__logo {
|
||||
margin-right: 2px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.header__logo-link:hover {
|
||||
opacity: .5;
|
||||
cursor: pointer;
|
||||
}
|
||||
.header__right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.header__right select {
|
||||
/* background: var(--blue-grey); */
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
width: 55px;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.white-select {
|
||||
display: none;
|
||||
}
|
||||
.header__nav {
|
||||
width: 100%;
|
||||
}
|
||||
.header__wallet-set {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.header__wallet-link {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
display: block;
|
||||
padding: 13px 15px 9px 15px;
|
||||
}
|
||||
.header__wallet-link:hover,
|
||||
.header__wallet-link:focus {
|
||||
background: #55657C;
|
||||
}
|
||||
.header__wallet-link span {
|
||||
display: none;
|
||||
}
|
||||
.header__wallet-link:active,
|
||||
.header__wallet-link.active {
|
||||
box-shadow: inset 0px 4px 0px rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.dapps-page__pagination,
|
||||
.page-pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-bottom: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.page-pagination__num {
|
||||
width: 33%;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.page-pagination .btn {
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
width: 45px;
|
||||
height: 40px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.page-pagination .btn:first-of-type {
|
||||
margin-left: 0;
|
||||
}
|
||||
.page-pagination .btn:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
position: relative;
|
||||
width: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.back-link span {
|
||||
display: none;
|
||||
}
|
||||
.back-link::before {
|
||||
content: '';
|
||||
display: block;
|
||||
color: var(--blue-grey);
|
||||
background: url("./../PIC/right-arrow.svg") no-repeat;
|
||||
background-size: 18px 18px;
|
||||
transform: translateY(-50%) rotate(180deg);
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 50%;
|
||||
}
|
||||
.back-link:hover::before,
|
||||
.back-link:focus::before {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.header__logo--history {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.back-link--history {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
line-height: 19px;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.back-link--history::before {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.back-link--history span {
|
||||
display: block;
|
||||
padding-left: 23px;
|
||||
}
|
||||
|
||||
.history-page {
|
||||
padding-bottom: 110px;
|
||||
}
|
||||
.history__text-block {
|
||||
position: relative;
|
||||
padding: 10px 15px 10px;
|
||||
}
|
||||
.history-page__id {
|
||||
margin-bottom: 7px;
|
||||
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
font-weight: 700;
|
||||
color: #445368;
|
||||
}
|
||||
.history-page__id-count {
|
||||
max-width: 140px;
|
||||
margin-left: 2px;
|
||||
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
font-weight: 700;
|
||||
text-align-last: left;
|
||||
color: #445368;
|
||||
border: none;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.history-page__description {
|
||||
margin: 0;
|
||||
margin-bottom: 17px;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.history-page__balance {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.history-page__tera-icon {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 0 15px 15px;
|
||||
}
|
||||
.history-page__table .grid {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.history-page__table-wrap {
|
||||
overflow-x: auto;
|
||||
}
|
||||
.history-page__table th {
|
||||
background: var(--blue-grey);
|
||||
color: #fff;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
||||
height: 30px;
|
||||
padding: 0 20px 0 10px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
text-align-last: left;
|
||||
}
|
||||
.history-page__table th:first-child {
|
||||
border-top-left-radius: 5px;
|
||||
}
|
||||
.history-page__table th:last-child {
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
.history-page__table .grid tr td {
|
||||
padding: 2px 10px 0px;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
color: #000000;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #C4C4C4;
|
||||
}
|
||||
|
||||
.history-page__table .grid tr th.direct {
|
||||
max-width:30px;
|
||||
}
|
||||
|
||||
.history-page__table .grid tr td.date
|
||||
{
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
.history-page__table .grid tr td:first-of-type {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.history-page__table .grid tr td:first-of-type b {
|
||||
font-size: 16px!important;
|
||||
font-weight: 700!important;
|
||||
}
|
||||
.history-page__table .grid tr td.desc {
|
||||
max-width: 170px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.history__text-block {
|
||||
padding: 10px 33px 10px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 33px;
|
||||
}
|
||||
.back-link::before {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.header {
|
||||
height: 60px;
|
||||
}
|
||||
.main-logo {
|
||||
width: 125px;
|
||||
height: 30px;
|
||||
}
|
||||
.back-link {
|
||||
display: block;
|
||||
padding-left: 34px;
|
||||
}
|
||||
.back-link span {
|
||||
display: inline;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.back-link::before {
|
||||
left: 0;
|
||||
}
|
||||
.back-link--history span {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
.header__logo {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.history-page {
|
||||
padding-right: 40px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
.history__text-block {
|
||||
padding: 10px 0 10px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 15px 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.header__wrapper {
|
||||
max-width: 1150px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.history__text-block {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.history-page__id {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__id-count {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__description {
|
||||
margin-bottom: 20px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
min-height: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.history-page__balance {
|
||||
justify-content: center;
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
}
|
||||
.history-page__table {
|
||||
padding: 30px 15px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.page-pagination {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,180 +1,180 @@
|
||||
/*STYLE STYLE STYLE*/
|
||||
/*STYLE STYLE STYLE*/
|
||||
/*STYLE STYLE STYLE*/
|
||||
/*STYLE STYLE STYLE*/
|
||||
|
||||
|
||||
root
|
||||
{
|
||||
--colorText:#000;
|
||||
}
|
||||
|
||||
|
||||
body
|
||||
{
|
||||
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 15px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
body.styleBrown
|
||||
{
|
||||
--color0:#503F13;
|
||||
--color1:#86754A;
|
||||
--color2:#F5E5BB;
|
||||
--color3:#F5F0E3;
|
||||
}
|
||||
|
||||
|
||||
body.styleGreen
|
||||
{
|
||||
--color0:#204410;
|
||||
--color1:#4F7340;
|
||||
--color2:#CBF4BA;
|
||||
--color3:#E7F4E1;
|
||||
}
|
||||
|
||||
body.styleBlue
|
||||
{
|
||||
--color0:#0D1B35;
|
||||
--color1:#354259;
|
||||
--color2:#BED0F2;
|
||||
--color3:#E1E7F2;
|
||||
}
|
||||
|
||||
body.styleGray
|
||||
{
|
||||
--color0:#424a5D;
|
||||
--color1:#5b6775;
|
||||
--color2:#FFFFFF;
|
||||
--color3:#f3f3f4;
|
||||
}
|
||||
|
||||
body.styleContrast1
|
||||
{
|
||||
--color0:#101010;
|
||||
--color1:#303030;
|
||||
--color2: #b3cee8;
|
||||
--color3:#FFFFFF;
|
||||
}
|
||||
|
||||
body.styleContrast2
|
||||
{
|
||||
--color0:#101010;
|
||||
--color1:#303030;
|
||||
--color2: #cee8df;
|
||||
--color3:#FFFFFF;
|
||||
}
|
||||
|
||||
body.styleContrast3
|
||||
{
|
||||
--color0:#101010;
|
||||
--color1:#303030;
|
||||
--color2: #e8e0d4;
|
||||
--color3:#FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
body.univers .bt
|
||||
{
|
||||
background: var(--color1);
|
||||
color: var(--color2);
|
||||
}
|
||||
body.univers
|
||||
{
|
||||
background: var(--color2);
|
||||
}
|
||||
|
||||
body.univers table.grid
|
||||
{
|
||||
background:var(--color3);
|
||||
}
|
||||
|
||||
body.univers .bttab
|
||||
{
|
||||
background: var(--color1);
|
||||
color:white;
|
||||
}
|
||||
|
||||
body.univers .current
|
||||
{
|
||||
background: var(--color0);
|
||||
color:white;
|
||||
}
|
||||
|
||||
body.univers input,textarea,select
|
||||
{
|
||||
background:white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*dark*/
|
||||
body.styleDark
|
||||
{
|
||||
background: #282828;
|
||||
--colorText:white;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body.styleDark .bt
|
||||
{
|
||||
background: #4c4c4c;
|
||||
color: white;
|
||||
border: 1px solid #5a5a5a;
|
||||
}
|
||||
|
||||
body.styleDark .header_tr
|
||||
{
|
||||
color:white;
|
||||
}
|
||||
|
||||
|
||||
body.styleDark table.grid
|
||||
{
|
||||
background: #565656;
|
||||
}
|
||||
|
||||
body.styleDark .bttab
|
||||
{
|
||||
background: #202225;
|
||||
color:white;
|
||||
}
|
||||
|
||||
body.styleDark .current
|
||||
{
|
||||
background: #565b61;
|
||||
color:white;
|
||||
}
|
||||
|
||||
body.styleDark input,textarea,select
|
||||
{
|
||||
background:white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/*bt*/
|
||||
body.styleDark button
|
||||
{
|
||||
background: #939393;
|
||||
border: 1px solid #282828;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body.styleDark .bold
|
||||
{
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
body.styleDark #idStatus
|
||||
{
|
||||
color: #fffabd;
|
||||
}
|
||||
|
||||
body.styleDark #idOpenWallet
|
||||
{
|
||||
border: 1px solid darkgrey;
|
||||
}
|
||||
/*STYLE STYLE STYLE*/
|
||||
/*STYLE STYLE STYLE*/
|
||||
/*STYLE STYLE STYLE*/
|
||||
/*STYLE STYLE STYLE*/
|
||||
|
||||
|
||||
root
|
||||
{
|
||||
--colorText:#000;
|
||||
}
|
||||
|
||||
|
||||
body
|
||||
{
|
||||
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 15px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
body.styleBrown
|
||||
{
|
||||
--color0:#503F13;
|
||||
--color1:#86754A;
|
||||
--color2:#F5E5BB;
|
||||
--color3:#F5F0E3;
|
||||
}
|
||||
|
||||
|
||||
body.styleGreen
|
||||
{
|
||||
--color0:#204410;
|
||||
--color1:#4F7340;
|
||||
--color2:#CBF4BA;
|
||||
--color3:#E7F4E1;
|
||||
}
|
||||
|
||||
body.styleBlue
|
||||
{
|
||||
--color0:#0D1B35;
|
||||
--color1:#354259;
|
||||
--color2:#BED0F2;
|
||||
--color3:#E1E7F2;
|
||||
}
|
||||
|
||||
body.styleGray
|
||||
{
|
||||
--color0:#424a5D;
|
||||
--color1:#5b6775;
|
||||
--color2:#FFFFFF;
|
||||
--color3:#f3f3f4;
|
||||
}
|
||||
|
||||
body.styleContrast1
|
||||
{
|
||||
--color0:#101010;
|
||||
--color1:#303030;
|
||||
--color2: #b3cee8;
|
||||
--color3:#FFFFFF;
|
||||
}
|
||||
|
||||
body.styleContrast2
|
||||
{
|
||||
--color0:#101010;
|
||||
--color1:#303030;
|
||||
--color2: #cee8df;
|
||||
--color3:#FFFFFF;
|
||||
}
|
||||
|
||||
body.styleContrast3
|
||||
{
|
||||
--color0:#101010;
|
||||
--color1:#303030;
|
||||
--color2: #e8e0d4;
|
||||
--color3:#FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
body.univers .bt
|
||||
{
|
||||
background: var(--color1);
|
||||
color: var(--color2);
|
||||
}
|
||||
body.univers
|
||||
{
|
||||
background: var(--color2);
|
||||
}
|
||||
|
||||
body.univers table.grid
|
||||
{
|
||||
background:var(--color3);
|
||||
}
|
||||
|
||||
body.univers .bttab
|
||||
{
|
||||
background: var(--color1);
|
||||
color:white;
|
||||
}
|
||||
|
||||
body.univers .current
|
||||
{
|
||||
background: var(--color0);
|
||||
color:white;
|
||||
}
|
||||
|
||||
body.univers input,textarea,select
|
||||
{
|
||||
background:white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*dark*/
|
||||
body.styleDark
|
||||
{
|
||||
background: #282828;
|
||||
--colorText:white;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body.styleDark .bt
|
||||
{
|
||||
background: #4c4c4c;
|
||||
color: white;
|
||||
border: 1px solid #5a5a5a;
|
||||
}
|
||||
|
||||
body.styleDark .header_tr
|
||||
{
|
||||
color:white;
|
||||
}
|
||||
|
||||
|
||||
body.styleDark table.grid
|
||||
{
|
||||
background: #565656;
|
||||
}
|
||||
|
||||
body.styleDark .bttab
|
||||
{
|
||||
background: #202225;
|
||||
color:white;
|
||||
}
|
||||
|
||||
body.styleDark .current
|
||||
{
|
||||
background: #565b61;
|
||||
color:white;
|
||||
}
|
||||
|
||||
body.styleDark input,textarea,select
|
||||
{
|
||||
background:white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/*bt*/
|
||||
body.styleDark button
|
||||
{
|
||||
background: #939393;
|
||||
border: 1px solid #282828;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body.styleDark .bold
|
||||
{
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
body.styleDark #idStatus
|
||||
{
|
||||
color: #fffabd;
|
||||
}
|
||||
|
||||
body.styleDark #idOpenWallet
|
||||
{
|
||||
border: 1px solid darkgrey;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user