body {
padding: 0; margin: 0; min-width: 960px; font-family: 'menlo', monospace; font-size: 14px; background: #fff; color: #2B2D2F;
}
.columns {
display: flex; .left { width: 66%; } .right { width: 34%; }
}
h1 {
font-size: 24px; font-weight: normal; padding-left: 15px; margin-bottom: 20px;
}
h2 {
font-size: 16px;
}
h2 span {
font-size: 14px; color: #597898; font-weight: normal;
}
label {
display: inline-block; width: 80px; text-align: right; padding-right: 10px;
}
input {
display: inline-block; font-size: 14px; padding: 8px; border-radius: 0; border: 0;
}
table {
border-spacing: 0; border-collapse: collapse; th { text-align: left; } td { vertical-align: top; padding: 5px 15px 5px 0; }
}
ul {
list-style: none; padding: 0; margin: 0;
}
input {
font-size: 14px; font-family: menlo, monospace; border-radius: 5px; padding: 8px 20px; background: #FFDC00; color: #2B2D2F; border: 0;
}
input.small {
font-size: 10px; padding: 4px 10px;
}
.wallet {
padding: 15px; background: #7FDBFF; h2 { margin-bottom: 0; } .balance { font-size: 30px; }
}
.pending-transactions {
padding: 15px; background: #A3E6FF;
}
.peers {
padding: 15px; background: #C6EFFF; li form { display: inline; } li { padding: 5px 0px; }
}
.ledger {
padding: 15px; background: #E3F7FF;
}
.blockchain {
padding: 15px; position: relative; background: #001F3F; color: #fff; form { position: absolute; top: 30px; right: 15px; } .blocks { border: 1px solid #597898; border-bottom: 0; .block { margin: 0; border-bottom: 2px dashed #597898; padding: 10px; .header { text-align: center; padding: 0 8px 8px 8px; color: #597898; border-bottom: 1px solid #354c63; margin-bottom: 10px; } .id { color: #597898; } } }
}