tera/Source/HTML/CSS/wallet.css
2019-07-12 20:45:46 +08:00

536 lines
7.6 KiB
CSS

/*Списки*/
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;
}