mirror of
https://github.com/mempool/mempool.git
synced 2025-02-28 16:58:32 +01:00
104 lines
1.5 KiB
SCSS
104 lines
1.5 KiB
SCSS
.bitcoin-block {
|
|
width: 125px;
|
|
height: 125px;
|
|
}
|
|
|
|
.blockLink {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 10;
|
|
}
|
|
|
|
.mined-block {
|
|
position: absolute;
|
|
top: 0px;
|
|
transition: 1s;
|
|
}
|
|
|
|
.block-size {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.blocks-container {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 40px;
|
|
}
|
|
|
|
.block-body {
|
|
text-align: center;
|
|
}
|
|
|
|
.time-difference {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
text-align: center;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.fees {
|
|
font-size: 18px;
|
|
margin-top: 10px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.transaction-count {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.block-height {
|
|
position: absolute;
|
|
font-size: 18px;
|
|
top: 133px;
|
|
width: 100%;
|
|
left: 0px;
|
|
text-shadow: 0px 32px 3px #111;
|
|
z-index: 100;
|
|
}
|
|
|
|
.bitcoin-block::after {
|
|
content: '';
|
|
width: 125px;
|
|
height: 24px;
|
|
position:absolute;
|
|
top: -24px;
|
|
left: -20px;
|
|
background-color: #232838;
|
|
transform:skew(40deg);
|
|
transform-origin:top;
|
|
}
|
|
|
|
.bitcoin-block::before {
|
|
content: '';
|
|
width: 20px;
|
|
height: 125px;
|
|
position: absolute;
|
|
top: -12px;
|
|
left: -20px;
|
|
background-color: #191c27;
|
|
|
|
transform: skewY(50deg);
|
|
transform-origin: top;
|
|
}
|
|
|
|
.black-background {
|
|
background-color: #11131f;
|
|
z-index: 100;
|
|
position: relative;
|
|
}
|
|
|
|
#arrow-up {
|
|
position: relative;
|
|
left: 30px;
|
|
top: 140px;
|
|
transition: 1s;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 35px solid transparent;
|
|
border-right: 35px solid transparent;
|
|
border-bottom: 35px solid #FFF;
|
|
}
|