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