|
|
@ -1670,12 +1670,15 @@ |
|
|
|
box-sizing: border-box; |
|
|
|
width: 100%; |
|
|
|
border-radius: 0.25rem; |
|
|
|
font-size: .75rem; |
|
|
|
} |
|
|
|
|
|
|
|
.block-hash { |
|
|
|
background-color: rgba(20, 20, 20, 0.5); |
|
|
|
box-shadow: 0 0 1rem var(--col-red-outline); |
|
|
|
outline: .15rem solid var(--col-btn-red); |
|
|
|
font-size: .55rem; |
|
|
|
|
|
|
|
} |
|
|
|
.block-hash:hover { |
|
|
|
background-color: var(--col-red-bg-50); |
|
|
@ -1928,6 +1931,7 @@ |
|
|
|
outline: .15rem solid var(--col-btn-red); |
|
|
|
background-color: rgba(20, 20, 20, 0.5); |
|
|
|
box-shadow: 0 0 1rem var(--col-red-outline); |
|
|
|
|
|
|
|
} |
|
|
|
.hash-info .block-info p { |
|
|
|
position: absolute; |
|
|
@ -1973,7 +1977,11 @@ |
|
|
|
padding-top: .25rem; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.hash-info .block-info a, |
|
|
|
.adv-info .block-info p:nth-child(2) { |
|
|
|
font-size: .52rem; |
|
|
|
letter-spacing: normal; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.transaction { |
|
|
@ -2060,6 +2068,7 @@ |
|
|
|
} |
|
|
|
.tx-id-bar p{ |
|
|
|
margin: .25rem 0 0 0; |
|
|
|
|
|
|
|
} |
|
|
|
.tx-id-bar a, |
|
|
|
.tx-id-bar p:nth-child(2){ |
|
|
@ -2069,9 +2078,15 @@ |
|
|
|
height: 100%; |
|
|
|
text-align: center; |
|
|
|
line-height: 4.75rem; |
|
|
|
letter-spacing: .125rem; |
|
|
|
/* letter-spacing: .125rem; */ |
|
|
|
font-weight: 200; |
|
|
|
font-size: .85rem; |
|
|
|
|
|
|
|
} |
|
|
|
.tx-id-bar a { |
|
|
|
font-size: .5rem; |
|
|
|
} |
|
|
|
|
|
|
|
.tx-id-bar a:hover { |
|
|
|
background-color: var(--col-red-bg-50); |
|
|
|
} |
|
|
@ -2103,6 +2118,97 @@ |
|
|
|
margin: 0 .5rem; |
|
|
|
} |
|
|
|
|
|
|
|
#tx-info { |
|
|
|
width: 100%; |
|
|
|
|
|
|
|
} |
|
|
|
#tx-info .back-btn, |
|
|
|
#tx-info .explorer-btn { |
|
|
|
font-size: 1rem; |
|
|
|
padding: .5rem .5rem; |
|
|
|
width: 5rem; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
#tx-info .back-btn:nth-child(2) { |
|
|
|
left: unset; |
|
|
|
right: unset; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.tx-info-bar { |
|
|
|
width: 90%; |
|
|
|
height: 100%; |
|
|
|
outline: .15rem solid var(--col-red-outline); |
|
|
|
margin: 0 auto; |
|
|
|
position: relative; |
|
|
|
background-color: rgba(22, 22, 22, 0.5); |
|
|
|
border-radius: .25rem; |
|
|
|
backdrop-filter: blur(20px); |
|
|
|
padding: 2rem; |
|
|
|
padding-top: 6rem; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.tx-info-bar > div { |
|
|
|
outline: .15rem solid var(--col-red-outline); |
|
|
|
border-radius: .25rem; |
|
|
|
background-color: rgba(22, 22, 22, 0.25); |
|
|
|
padding: 0rem; |
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
position: relative; |
|
|
|
height: 4rem; |
|
|
|
margin: .5rem 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.tx-info-bar div p { |
|
|
|
margin: .25rem 0 0 0; |
|
|
|
} |
|
|
|
|
|
|
|
.tx-info-hash p { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
padding: .25rem 1rem; |
|
|
|
margin: 0 !important; |
|
|
|
border-radius: .25rem 0 .25rem 0; |
|
|
|
outline: .15rem solid var(--col-btn-red); |
|
|
|
background-color: var(--col-red-bg-50); |
|
|
|
} |
|
|
|
.tx-info-hash a { |
|
|
|
display: inline-block; |
|
|
|
position: absolute; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
text-align: center; |
|
|
|
margin: auto; |
|
|
|
line-height: 6rem; |
|
|
|
letter-spacing: .125rem; |
|
|
|
font-weight: 200; |
|
|
|
font-size: .8rem; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
} |
|
|
|
.tx-info-hash a:hover { |
|
|
|
background-color: var(--col-red-bg-50); |
|
|
|
} |
|
|
|
|
|
|
|
.tx-transaction { |
|
|
|
height: fit-content !important; |
|
|
|
padding-bottom: 1rem !important; |
|
|
|
} |
|
|
|
|
|
|
|
.tx-info-main.tx-id { |
|
|
|
padding: 0 .5rem; |
|
|
|
height: 5rem; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.tx-id-text { |
|
|
|
word-break: break-all; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media (min-width: 1180px) { |
|
|
@ -2454,6 +2560,7 @@ |
|
|
|
outline: .15rem solid var(--col-btn-red); |
|
|
|
top: 0; |
|
|
|
bottom: unset; |
|
|
|
|
|
|
|
} |
|
|
|
.block-hash:hover { |
|
|
|
background-color: var(--col-red-bg-50); |
|
|
|