update code
This commit is contained in:
440
Source/HTML/CSS/blockviewer.css
Normal file
440
Source/HTML/CSS/blockviewer.css
Normal file
@@ -0,0 +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;
|
||||
}
|
||||
}
|
||||
201
Source/HTML/CSS/buttons.css
Normal file
201
Source/HTML/CSS/buttons.css
Normal file
@@ -0,0 +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;
|
||||
}
|
||||
90
Source/HTML/CSS/codes.css
Normal file
90
Source/HTML/CSS/codes.css
Normal file
@@ -0,0 +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;
|
||||
}
|
||||
440
Source/HTML/CSS/history.css
Normal file
440
Source/HTML/CSS/history.css
Normal file
@@ -0,0 +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;
|
||||
}
|
||||
}
|
||||
2755
Source/HTML/CSS/mobile-wallet.css
Normal file
2755
Source/HTML/CSS/mobile-wallet.css
Normal file
File diff suppressed because it is too large
Load Diff
180
Source/HTML/CSS/style.css
Normal file
180
Source/HTML/CSS/style.css
Normal file
@@ -0,0 +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;
|
||||
}
|
||||
535
Source/HTML/CSS/wallet.css
Normal file
535
Source/HTML/CSS/wallet.css
Normal file
@@ -0,0 +1,535 @@
|
||||
|
||||
/*Списки*/
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
width:100%;
|
||||
max-width: 800px
|
||||
}
|
||||
.grid th, .grid td
|
||||
{
|
||||
border: 1px solid #264378;
|
||||
padding: 4px;
|
||||
}
|
||||
.grid td
|
||||
{
|
||||
width: 60px;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
.bold
|
||||
{
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.smallbold
|
||||
{
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td.sum
|
||||
{
|
||||
text-align: right;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td.num
|
||||
{
|
||||
text-align: right;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
td.cur
|
||||
{
|
||||
text-align: left;
|
||||
width: 50px;
|
||||
font-size:smaller;
|
||||
}
|
||||
td.snum
|
||||
{
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
td.direct
|
||||
{
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: 10px;
|
||||
font-weight: 700;
|
||||
font-size:x-large;
|
||||
}
|
||||
td.smart
|
||||
{
|
||||
text-align: right;
|
||||
width: 150px;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
|
||||
td.txt
|
||||
{
|
||||
text-align: left;
|
||||
width: 100px;
|
||||
}
|
||||
td.desc
|
||||
{
|
||||
text-align: left;
|
||||
width: 200px;
|
||||
max-width: 200px;
|
||||
word-break: break-all;
|
||||
}
|
||||
td.name
|
||||
{
|
||||
text-align: left;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
td.date
|
||||
{
|
||||
text-align: left;
|
||||
width: 90px;
|
||||
min-width: 70px;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*SEND SEND SEND SEND SEND SEND SEND SEND SEND SEND */
|
||||
|
||||
table.form_input
|
||||
{
|
||||
border-collapse: collapse;
|
||||
width: 600px;
|
||||
}
|
||||
.form_input td
|
||||
{
|
||||
width: 20%;
|
||||
}
|
||||
.form_input td:nth-child(2)
|
||||
{
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.form_input input, .form_input select
|
||||
{
|
||||
width: 98%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.form_input textarea
|
||||
{
|
||||
width: 98%;
|
||||
text-align: left;
|
||||
}
|
||||
.form_input .bsend
|
||||
{
|
||||
width: 33%;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
}
|
||||
.short_input input
|
||||
{
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
td.code
|
||||
{
|
||||
width: 240px;
|
||||
font-family: "courier new", "times new roman", monospace;
|
||||
font-size: small;
|
||||
align-content: left;
|
||||
text-align: left;
|
||||
word-break: break-all;
|
||||
}
|
||||
td.code2
|
||||
{
|
||||
width: 340px;
|
||||
font-family: "courier new", "times new roman", monospace;
|
||||
font-size: small;
|
||||
align-content: left;
|
||||
text-align: left;
|
||||
word-break: break-all;
|
||||
}
|
||||
.hash
|
||||
{
|
||||
width: 250px;
|
||||
min-width: 100px;
|
||||
font-family: "courier new", "times new roman", monospace;
|
||||
font-size: 60%;
|
||||
align-content: left;
|
||||
text-align: left;
|
||||
word-break: break-all;
|
||||
}
|
||||
.pubkey
|
||||
{
|
||||
width: 180px;
|
||||
font-family: "courier new", "times new roman", monospace;
|
||||
font-size: 75%;
|
||||
align-content: left;
|
||||
text-align: left;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.accname
|
||||
{
|
||||
width: 180px;
|
||||
font-family: Cambria,sans-serif;
|
||||
align-content: left;
|
||||
text-align: left;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
|
||||
.verify
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*CHECKBOX*/
|
||||
|
||||
.checkbox
|
||||
{
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
opacity: 0;
|
||||
margin: 10px 0 0 20px;
|
||||
}
|
||||
.checkbox + label
|
||||
{
|
||||
position: relative;
|
||||
padding: 0 20px 0 55px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.checkbox + label:before
|
||||
{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -4px;
|
||||
left: 0;
|
||||
width: 50px;
|
||||
height: 26px;
|
||||
border-radius: 13px;
|
||||
background: #CDD1DA;
|
||||
box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
|
||||
transition: .2s;
|
||||
|
||||
}
|
||||
.checkbox + label:after
|
||||
{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: 2px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border-radius: 10px;
|
||||
background: #FFF;
|
||||
box-shadow: 0 2px 5px rgba(0,0,0,.3);
|
||||
transition: .2s;
|
||||
}
|
||||
.checkbox:checked + label:before
|
||||
{
|
||||
background: #46b319;
|
||||
}
|
||||
.checkbox_red:checked + label:before
|
||||
{
|
||||
background: darkred;
|
||||
}
|
||||
|
||||
.checkbox_alert + label:before
|
||||
{
|
||||
background: #f0b323;
|
||||
}
|
||||
|
||||
.checkbox:checked + label:after
|
||||
{
|
||||
left: 26px;
|
||||
}
|
||||
.checkbox:focus + label:before
|
||||
{
|
||||
box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(217, 217, 217, 0.7);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#idPercentMining
|
||||
{
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#idNodeWhiteList
|
||||
{
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
|
||||
#idTotalSum
|
||||
{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/*CONFIG CONFIG CONFIG CONFIG CONFIG CONFIG CONFIG CONFIG CONFIG CONFIG CONFIG CONFIG CONFIG CONFIG CONFIG CONFIG*/
|
||||
/*Просмотр ключей*/
|
||||
table.keys
|
||||
{
|
||||
border-collapse: collapse;
|
||||
width: 800px;
|
||||
}
|
||||
/*Редактирование приватного ключа*/
|
||||
#grid_edit_key .bt
|
||||
{
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
line-height: 20px;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
#idTypeKey,#idShortNameText
|
||||
{
|
||||
width: 250px;
|
||||
height: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/*Редактирование new acc Name*/
|
||||
#grid_edit_newacc .bt, #grid_mining_set .bt, #idTablePassword1 .bt, #idTablePassword2 .bt
|
||||
{
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
line-height: 20px;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
#idAutoSetMining
|
||||
{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
text-align: left;
|
||||
top: 3px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#grid_accounts_all, #grid_history
|
||||
{
|
||||
font-size: smaller;
|
||||
}
|
||||
#grid_history .red td
|
||||
{
|
||||
color: darkred;
|
||||
}
|
||||
#grid_history .blue td
|
||||
{
|
||||
color: darkblue;
|
||||
}
|
||||
#grid_history .green td
|
||||
{
|
||||
color: darkgreen;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*idStatus Log operations*/
|
||||
#idStatus
|
||||
{
|
||||
z-index:1000;
|
||||
position:relative;
|
||||
top:40px;
|
||||
left:10px;
|
||||
text-align: left;
|
||||
width:800px; /* ширина блока */
|
||||
color:blue;
|
||||
}
|
||||
|
||||
#idServerLog
|
||||
{
|
||||
width:100%;
|
||||
max-width: 800px;
|
||||
text-align: left;
|
||||
|
||||
border: 1px solid black;
|
||||
height: 220px;
|
||||
padding: 1px;
|
||||
margin: 0px;
|
||||
|
||||
|
||||
font-family: "courier new", "times new roman", monospace;
|
||||
font-size: 80%;
|
||||
align-content: left;
|
||||
word-break: break-all;
|
||||
|
||||
}
|
||||
|
||||
#idTransaction
|
||||
{
|
||||
width:100%;
|
||||
min-width: 795px;
|
||||
max-width: 795px;
|
||||
text-align: left;
|
||||
color:#204410;
|
||||
}
|
||||
|
||||
#idDescription
|
||||
{
|
||||
width: 95%;
|
||||
min-width: 560px;
|
||||
max-width: 560px;
|
||||
}
|
||||
|
||||
|
||||
#idAccount
|
||||
{
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
align-content: left;
|
||||
}
|
||||
#idTo
|
||||
{
|
||||
width: 99%;
|
||||
text-align: left;
|
||||
align-content: left;
|
||||
}
|
||||
|
||||
#idSumSend
|
||||
{
|
||||
background-color: #f0ffb9;
|
||||
font-weight: 700;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
#view_header
|
||||
{
|
||||
width: 800px;
|
||||
font-weight: 600;
|
||||
color: black;
|
||||
text-align: center;
|
||||
}
|
||||
.header_tr
|
||||
{
|
||||
width: 600px;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
color:black;
|
||||
}
|
||||
|
||||
|
||||
#idPaginationHistory, #idPaginationBlock, #idPaginationAccount, #idPaginationAct, #idPaginationHash, #idUtilView, #idPaginationDapps
|
||||
{
|
||||
width: 800px;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
#MAIN
|
||||
{
|
||||
align-content: left;
|
||||
}
|
||||
|
||||
#idStableScroll
|
||||
{
|
||||
z-index:0;
|
||||
position:absolute;
|
||||
top:800px;
|
||||
height: 10px;
|
||||
color: darkred;
|
||||
width: 97%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#idBlockOnSend
|
||||
{
|
||||
z-index:100;
|
||||
position:absolute;
|
||||
height:170px;
|
||||
width:380px;
|
||||
top:20%;
|
||||
left:0;
|
||||
transform: translateX(50vw) translateX(-190px);
|
||||
|
||||
font-size: larger;
|
||||
padding: 10px;
|
||||
background: #2b372d;
|
||||
color: white;
|
||||
text-align: left;
|
||||
border: 1px solid gray;
|
||||
box-shadow: 0 0 0 2px darkgrey;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
|
||||
#idCheckOnSend
|
||||
{
|
||||
font-size: smaller;
|
||||
position:absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
.radius
|
||||
{
|
||||
border-radius: 4px;
|
||||
max-height: 34px;
|
||||
height: 34px;
|
||||
}
|
||||
button.radius
|
||||
{
|
||||
color:white;
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
width: 100px;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.bt_open_dapp
|
||||
{
|
||||
min-width: 160px;
|
||||
max-width: 160px;
|
||||
height: 40px;
|
||||
min-height: 40px;
|
||||
vertical-align:middle;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.setsmart
|
||||
{
|
||||
color:saddlebrown;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.olink
|
||||
{
|
||||
text-decoration: none;
|
||||
color: var(--colorText);
|
||||
}
|
||||
.olink:hover
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user