tera/Source/HTML/CSS/wallet.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;
    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: 270px;
    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:150px;
    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;
}

.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;
}