update code
commit
750a54c15f
@ -0,0 +1,23 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2017-2018 The Tera Core developers (progr76@gmail.com)
|
||||
|
||||
Not for evil.
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
@ -0,0 +1,162 @@
|
||||
‘à ¢¥¨¥ ä ©«®¢ mobile-wallet.html ¨ _MOBILE-WALLET.HTML
|
||||
***** mobile-wallet.html
|
||||
<a onclick="SelectTab('TabWelcome')" class="header__logo-link" id="MTabWelcome">
|
||||
<!--<img src="./PIC/Tera_logo2.svg" alt="Tera logo" height="25" width="104">-->
|
||||
<svg width="104" height="25" viewBox="0 0 105 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
***** _MOBILE-WALLET.HTML
|
||||
<a onclick="SelectTab('TabWelcome')" class="header__logo-link" id="MTabWelcome">
|
||||
|
||||
<svg width="104" height="25" viewBox="0 0 105 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
<div class="welcome__img">
|
||||
<svg class="mobile" id="tera-logo" height="126" width="130" fill="#445368" xmlns="http://www.w3.org/2000/svg" viewB
|
||||
ox="0 0 992.13 992.13">
|
||||
***** _MOBILE-WALLET.HTML
|
||||
<div class="welcome__img">
|
||||
<svg class="mobile" id="tera-logo" height="104" width="107" fill="#445368" xmlns="http://www.w3.org/2000/svg" viewB
|
||||
ox="0 0 992.13 992.13">
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
|
||||
<textarea name="private-key" id="idPrivKeyEdit" placeholder="Insert your private key or generate a new key below...
|
||||
" class="key-field__textarea" oninput="OnEditPrivKey()">
|
||||
</textarea>
|
||||
***** _MOBILE-WALLET.HTML
|
||||
|
||||
<textarea name="private-key"
|
||||
id="idPrivKeyEdit"
|
||||
placeholder="Insert your private key or generate a new key below..."
|
||||
class="key-field__textarea"
|
||||
oninput="OnEditPrivKey()">
|
||||
|
||||
</textarea>
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
|
||||
<select size="1" id="idAccountCur" class="bigs key-field__input key-field__input--select">
|
||||
<option value="0">TERA</option>
|
||||
***** _MOBILE-WALLET.HTML
|
||||
|
||||
<select size="1" id="idAccountCur" class="bigs key-field__input">
|
||||
<option value="0">TERA</option>
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
<p class="key-field__title">From:</p>
|
||||
<button onclick="SetAllSum()" title="Paste total amount" class="key-field__btn btn-no-bg no-mr" style="padding:
|
||||
0; margin-left: 10px;">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 1H3C1.89543 1 1 1.89543 1 3V15C1 16.1046 1.89543 1
|
||||
7 3 17H15C16.1046 17 17 16.1046 17 15V3C17 1.89543 16.1046 1 15 1ZM3 0C1.34315 0 0 1.34315 0 3V15C0 16.6569 1.34315 18 3 18H15C
|
||||
16.6569 18 18 16.6569 18 15V3C18 1.34315 16.6569 0 15 0H3ZM6.64645 10.6464C6.84171 10.4512 7.15829 10.4512 7.35355 10.6464L9.5
|
||||
12.7929V6C9.5 5.17157 8.82843 4.5 8 4.5H6C5.72386 4.5 5.5 4.27614 5.5 4C5.5 3.72386 5.72386 3.5 6 3.5H8C9.38071 3.5 10.5 4.6192
|
||||
9 10.5 6V12.7929L12.6464 10.6464C12.8417 10.4512 13.1583 10.4512 13.3536 10.6464C13.5488 10.8417 13.5488 11.1583 13.3536 11.353
|
||||
6L10.3536 14.3536L10 14.7071L9.64645 14.3536L6.64645 11.3536C6.45118 11.1583 6.45118 10.8417 6.64645 10.6464Z"/>
|
||||
</svg>
|
||||
</button>
|
||||
<select size="1" id="idAccount" class="key-field__select" oninput="OnEditTransactionFields(); CheckSending();">
|
||||
***** _MOBILE-WALLET.HTML
|
||||
<p class="key-field__title">From:</p>
|
||||
<select size="1" id="idAccount" class="key-field__select" oninput="OnEditTransactionFields(); CheckSending();">
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
<label for="idTo" class="key-field__title">Pay to:</label>
|
||||
<span id="idNameTo2" style="margin: 5px 10px 0 15px"></span>
|
||||
<!--<button class="key-field__btn btn-no-bg">Paste</button>-->
|
||||
***** _MOBILE-WALLET.HTML
|
||||
<label for="idTo" class="key-field__title">Pay to:</label>
|
||||
<span id="idNameTo2" style="margin: 0 10px 0 0"></span>
|
||||
<!--<button class="key-field__btn btn-no-bg">Paste</button>-->
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
<!--<b>2 000 000 000,00000000</b>-->
|
||||
<input type="number"
|
||||
***** _MOBILE-WALLET.HTML
|
||||
<!--<b>2 000 000 000,00000000</b>-->
|
||||
<button onclick="SetAllSum()" title="Paste total amount" class="key-field__btn btn-no-bg no-mr" style="padding:
|
||||
0; margin-left: 10px;">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 1H3C1.89543 1 1 1.89543 1 3V15C1 16.1046 1.89543 1
|
||||
7 3 17H15C16.1046 17 17 16.1046 17 15V3C17 1.89543 16.1046 1 15 1ZM3 0C1.34315 0 0 1.34315 0 3V15C0 16.6569 1.34315 18 3 18H15C
|
||||
16.6569 18 18 16.6569 18 15V3C18 1.34315 16.6569 0 15 0H3ZM6.64645 10.6464C6.84171 10.4512 7.15829 10.4512 7.35355 10.6464L9.5
|
||||
12.7929V6C9.5 5.17157 8.82843 4.5 8 4.5H6C5.72386 4.5 5.5 4.27614 5.5 4C5.5 3.72386 5.72386 3.5 6 3.5H8C9.38071 3.5 10.5 4.6192
|
||||
9 10.5 6V12.7929L12.6464 10.6464C12.8417 10.4512 13.1583 10.4512 13.3536 10.6464C13.5488 10.8417 13.5488 11.1583 13.3536 11.353
|
||||
6L10.3536 14.3536L10 14.7071L9.64645 14.3536L6.64645 11.3536C6.45118 11.1583 6.45118 10.8417 6.64645 10.6464Z"/>
|
||||
</svg>
|
||||
</button>
|
||||
<input type="number"
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
<label for="idDescription" class="key-field__title">Description:</label>
|
||||
<textarea name="description" id="idDescription" rows="2" placeholder="Optional..." class="key-field__textarea"
|
||||
oninput="CheckLengthAccDesription('idDescription',200); OnEditTransactionFields()">
|
||||
</textarea>
|
||||
***** _MOBILE-WALLET.HTML
|
||||
<label for="idDescription" class="key-field__title">Description:</label>
|
||||
<textarea name="description"
|
||||
id="idDescription"
|
||||
rows="2"
|
||||
placeholder="Optional..."
|
||||
class="key-field__textarea"
|
||||
oninput="CheckLengthAccDesription('idDescription',200);OnEditTransactionFields()">
|
||||
</textarea>
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
<div class="dapps-page__pagination page-pagination">
|
||||
<button onclick="ViewBegin(DefDapps)" class="btn dapps-page__page-btns">| <</button>
|
||||
<button onclick="ViewPrev(DefDapps)" class="btn dapps-page__page-btns"><</button>
|
||||
***** _MOBILE-WALLET.HTML
|
||||
<div class="dapps-page__pagination page-pagination">
|
||||
<button onclick="ViewBegin(DefDapps)" class="btn dapps-page__page-btns">|<</button>
|
||||
<button onclick="ViewPrev(DefDapps)" class="btn dapps-page__page-btns"><</button>
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
<button onclick="ViewNext(DefDapps,CONFIG_DATA.MaxDappsID)" class="btn dapps-page__page-btns">></button>
|
||||
<button onclick="ViewEnd(DefDapps,CONFIG_DATA.MaxDappsID)" class="btn dapps-page__page-btns">> |</button>
|
||||
</div>
|
||||
***** _MOBILE-WALLET.HTML
|
||||
<button onclick="ViewNext(DefDapps,CONFIG_DATA.MaxDappsID)" class="btn dapps-page__page-btns">></button>
|
||||
<button onclick="ViewEnd(DefDapps,CONFIG_DATA.MaxDappsID)" class="btn dapps-page__page-btns">>|</button>
|
||||
</div>
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
<div class="explorer-page__table-wrap">
|
||||
<table id="dapps_list" class="grid dapps__table">
|
||||
<tr>
|
||||
***** _MOBILE-WALLET.HTML
|
||||
<div class="explorer-page__table-wrap">
|
||||
<table id="dapps_list" class="grid">
|
||||
<tr>
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
<div class="prod-card__heading">
|
||||
<a href="#" class="prod-card__link" onclick="OpenDapp(Item.Num)">Item.Name</a>
|
||||
<!--<span class="lighter-grey-text">Without token generate</span>-->
|
||||
***** _MOBILE-WALLET.HTML
|
||||
<div class="prod-card__heading">
|
||||
Item.Name
|
||||
<!--<span class="lighter-grey-text">Without token generate</span>-->
|
||||
*****
|
||||
|
||||
***** mobile-wallet.html
|
||||
<div class="prod-card__second-line-img">
|
||||
<a href="#" class="prod-card__link" onclick="OpenDapp(Item.Num)"><img src="Item.IconPath" alt="dApp
|
||||
logo" width="32"></a>
|
||||
</div>
|
||||
***** _MOBILE-WALLET.HTML
|
||||
<div class="prod-card__second-line-img">
|
||||
<img src="Item.IconPath" alt="dApp logo" width="32">
|
||||
</div>
|
||||
*****
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff