forked from dan_s/dragonx.is
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1713 lines
35 KiB
1713 lines
35 KiB
:root {
|
|
--adv-info-index: 0;
|
|
}
|
|
|
|
/* ---------- EXPLORER MAIN PAGE ---------- */
|
|
|
|
|
|
.explorer-section {
|
|
z-index: 0;
|
|
display: flex;
|
|
background-color: var(--item-bg-dark);
|
|
margin: 2vh auto;
|
|
padding: 10vh 0vw;
|
|
padding-top: 0vh;
|
|
width: 95vh;
|
|
border-radius: 1rem 1rem 0rem 0rem;
|
|
}
|
|
|
|
@media screen and (max-aspect-ratio: 1/1) {
|
|
.explorer-section {
|
|
}
|
|
}
|
|
|
|
.explorer-content-body {
|
|
z-index: 4;
|
|
background-color: var(--item-bg-dark);
|
|
width: 95vh;
|
|
padding: 25vh 0vw;
|
|
margin-top: 6vh;
|
|
border-radius: 0rem 0rem 0rem 0rem;
|
|
}
|
|
|
|
.explorer-content {
|
|
display: flexbox;
|
|
}
|
|
|
|
/* toggle "screens" when tabs clicked */
|
|
input[id="hush-tab"]:not(:checked) ~ * .explorer-content:nth-child(2) {
|
|
display: flexbox;
|
|
}
|
|
input[id="hush-tab"]:checked ~ * .explorer-content:nth-child(2) {
|
|
display: none;
|
|
}
|
|
input[id="dragonx-tab"]:not(:checked) ~ * .explorer-content:nth-child(1) {
|
|
display: flexbox;
|
|
}
|
|
input[id="dragonx-tab"]:checked ~ * .explorer-content:nth-child(1) {
|
|
display: none;
|
|
}
|
|
|
|
/* toggle between tabs */
|
|
input[id="hush-tab"]:checked ~ * .explorer-tab:nth-child(1) {
|
|
z-index: 3;
|
|
background-color: var(--item-bg-light);
|
|
color: var(--item-bg-dark);
|
|
}
|
|
|
|
input[id="hush-tab"]:checked ~ * .explorer-tab:nth-child(1):hover {
|
|
color: var(--text-color-main);
|
|
}
|
|
|
|
input[id="hush-tab"]:not(:checked) ~ * .explorer-tab:nth-child(1) {
|
|
|
|
background-color: var(--item-bg-grey);
|
|
color: var(--item-bg-light);
|
|
border: .1rem solid var(--item-bg-grey);
|
|
}
|
|
|
|
input[id="hush-tab"]:not(:checked) ~ * .explorer-tab:nth-child(1):hover {
|
|
z-index: 3;
|
|
background-color: var(--item-bg-grey);
|
|
border: .1rem solid var(--text-color-main);
|
|
color: var(--text-color-main);
|
|
}
|
|
|
|
input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2) {
|
|
z-index: 2;
|
|
background-color: var(--item-bg-grey);
|
|
color: var(--item-bg-light);
|
|
border: .1rem solid var(--item-bg-grey);
|
|
}
|
|
|
|
input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
|
|
z-index: 3;
|
|
color: var(--text-color-main);
|
|
border: .1rem solid var(--text-color-main);
|
|
}
|
|
|
|
|
|
.hush-tab-info-bar {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
z-index: 6;
|
|
background-color: var(--item-bg-light);
|
|
height: 3vh;
|
|
width: 90vh;
|
|
border-radius: .5rem .5rem 0rem 0rem;
|
|
}
|
|
|
|
.logo-hush {
|
|
display: flex;
|
|
position: absolute;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: 30vh;
|
|
margin-top: 16vh;
|
|
/* margin-right: auto; */
|
|
width: 30vh;
|
|
height: 30vh;
|
|
}
|
|
|
|
.explorer-content:nth-child(1) {
|
|
display: flexbox;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
z-index: 4;
|
|
background-color: var(--item-bg-grey);
|
|
width: 90vh;
|
|
height: 60vh;
|
|
/* height: 60vh; */
|
|
padding-bottom: 1vh;
|
|
margin-bottom: -33vh;
|
|
margin-top: -22vh;
|
|
/* margin-bottom: 1vh; */
|
|
border-radius: 1rem 1rem 0rem 0rem;
|
|
}
|
|
|
|
.explorer-content:nth-child(2) {
|
|
display: flexbox;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
z-index: 4;
|
|
background-color: var(--item-bg-grey);
|
|
width: 90vh;
|
|
height: 60vh;
|
|
margin-bottom: -32vh;
|
|
margin-top: -22vh;
|
|
border-radius: 1rem 1rem 0rem 0rem;
|
|
}
|
|
|
|
.explorer-content-bar {
|
|
display: flex;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
z-index: 6;
|
|
background-color: var(--item-bg-light);
|
|
height: 3vh;
|
|
width: 90vh;
|
|
border-radius: .5rem .5rem 0rem 0rem;
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(2) {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 88vh;
|
|
height: 4vh;
|
|
border-radius: .5rem .5rem .5rem .5rem;
|
|
font-weight: 400;
|
|
/* font-size: 1.25rem; */
|
|
color: var(--text-color-main);
|
|
background-color: var(--item-bg-dark);
|
|
margin-top: 1vh;
|
|
}
|
|
|
|
/* explorer information table */
|
|
.explorer-content-bar:nth-child(n+3):nth-child(-n+7) {
|
|
background-color: var(--item-bg-dark);
|
|
color: var(--text-color-main);
|
|
width: 42vh;
|
|
height: 3.5vh;
|
|
margin-top: 1.75vh;
|
|
margin-left: 1vh;
|
|
border-radius: .5rem .5rem .5rem .5rem;
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(n+3):nth-child(-n+7) > h3 {
|
|
z-index: 1;
|
|
margin: 0;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: .4rem .4rem .4rem .4rem;
|
|
height: 3.5vh;
|
|
width: 18vh;
|
|
text-indent: 1vh;
|
|
justify-content: left;
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(n+3):nth-child(-n+7) > span {
|
|
margin: 0;
|
|
background-color: var(--item-bg-dark);
|
|
border-radius: 0rem 0rem 0rem 0rem;
|
|
height: 3.5vh;
|
|
position: absolute;
|
|
margin-left: 19vh;
|
|
width: 18vh;
|
|
justify-content: left;
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(n+8) {
|
|
background-color: var(--item-bg-dark);
|
|
color: var(--text-color-main);
|
|
width: 44vh;
|
|
height: 3.5vh;
|
|
margin-top: -24.5vh;
|
|
margin-left: 45vh;
|
|
border-radius: .5rem .5rem .5rem .5rem;
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(n+9):nth-child(-n+12) {
|
|
background-color: var(--item-bg-dark);
|
|
color: var(--text-color-main);
|
|
width: 44vh;
|
|
height: 3.5vh;
|
|
margin-top: 1.75vh;
|
|
margin-left: 45vh;
|
|
border-radius: .5rem .5rem .5rem .5rem;
|
|
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(n+8):nth-child(-n+12) > h3 {
|
|
z-index: 1;
|
|
margin: 0;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: .4rem .4rem .4rem .4rem;
|
|
height: 3.5vh;
|
|
width: 18vh;
|
|
text-indent: 1vh;
|
|
justify-content: left;
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(n+8):nth-child(-n+12) > span {
|
|
margin: 0;
|
|
background-color: var(--item-bg-dark);
|
|
border-radius: 0rem 0rem 0rem 0rem;
|
|
height: 3.5vh;
|
|
position: absolute;
|
|
margin-left: 19vh;
|
|
width: 24vh;
|
|
justify-content: left;
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(n+13):nth-child(-n+15) {
|
|
background-color: var(--item-bg-dark);
|
|
color: var(--text-color-main);
|
|
width: 44vh;
|
|
height: 3.5vh;
|
|
margin-top: calc(1.75vh * var(--explorer-content-index));
|
|
margin-left: 22.5vh;
|
|
border-radius: .5rem .5rem .5rem .5rem;
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(n+13):nth-child(-n+15) > h3 {
|
|
z-index: 1;
|
|
margin: 0;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: .4rem .4rem .4rem .4rem;
|
|
height: 3.5vh;
|
|
width: 18vh;
|
|
text-indent: 1vh;
|
|
justify-content: left;
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(n+13):nth-child(-n+15) > span {
|
|
margin: 0;
|
|
background-color: var(--item-bg-dark);
|
|
border-radius: 0rem 0rem 0rem 0rem;
|
|
height: 3.5vh;
|
|
position: absolute;
|
|
margin-left: 19vh;
|
|
width: 24vh;
|
|
justify-content: left;
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(n+0):nth-child(-n+15) > h3 {
|
|
justify-content: right;
|
|
}
|
|
|
|
.explorer-content-bar * a {
|
|
color: var(--bg-color);
|
|
}
|
|
.explorer-content-bar * a:hover {
|
|
color: var(--text-color-main);
|
|
}
|
|
|
|
.explorer-content-bar > h3 {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
font-size: 1.75vh;
|
|
color: inherit;
|
|
/* font-weight: inherit; */
|
|
}
|
|
|
|
.explorer-content-bar > span {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
font-size: 1.75vh;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
.explorer-tab-bar {
|
|
position: absolute;
|
|
display: flex;
|
|
}
|
|
|
|
.explorer-tab {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0rem;
|
|
width: 28vh;
|
|
height: 8vh;
|
|
border-radius: 1rem 1rem 0rem 0rem;
|
|
border: .1rem solid var(--item-bg-light);
|
|
background-color: var(--item-bg-light);
|
|
position: absolute;
|
|
/* control spacing of tabs without additional css */
|
|
left: calc(13vh * var(--tab-index));
|
|
color: var(--item-bg-dark);
|
|
}
|
|
.explorer-tab-back {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top: 1.5vh;
|
|
margin-left: 2.5vh;
|
|
width: 12vh;
|
|
height: 4vh;
|
|
border-radius: 3vh 3vh 3vh 3vh;
|
|
font-size: 2.25vh;
|
|
position: absolute;
|
|
/* control spacing of tabs without additional css */
|
|
left: calc(13vh * var(--tab-index));
|
|
background-color: var(--item-bg-light);
|
|
border: .1rem solid var(--item-bg-light);
|
|
color: var(--item-bg-dark);
|
|
}
|
|
.explorer-tab-back:nth-child(2) {
|
|
margin-left: 16vh;
|
|
}
|
|
.explorer-tab-back:hover {
|
|
cursor: pointer;
|
|
background-color: var(--item-bg-light);
|
|
border: .25vh solid var(--text-color-main);
|
|
color: var(--text-color-main);
|
|
}
|
|
|
|
.explorer-dot {
|
|
z-index: 0;
|
|
position: absolute;
|
|
background-color: var(--item-bg-light);
|
|
padding: 1.75vh 1.75vh;
|
|
border-radius: 2rem;
|
|
left: calc(89vh * var(--tab-index));
|
|
top: 1.75vh;
|
|
}
|
|
|
|
.explorer-dot:nth-child(4) {
|
|
z-index: 0;
|
|
position: absolute;
|
|
background-color: var(--item-bg-grey);
|
|
}
|
|
.explorer-dot:nth-child(5) {
|
|
z-index: 0;
|
|
position: absolute;
|
|
background-color: var(--bg-color);
|
|
}
|
|
|
|
.explorer-tab:nth-child(1){
|
|
background-color: var(--item-bg-grey);
|
|
border: .1rem solid var(--item-bg-grey);
|
|
color: var(--item-bg-light);
|
|
}
|
|
|
|
.explorer-tab:hover {
|
|
border: .1rem solid var(--text-color-main);
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
color: var(--text-color-main);
|
|
}
|
|
|
|
.explorer-tab > span {
|
|
font-size: 3vh;
|
|
font-weight: inherit;
|
|
color: inherit;
|
|
padding-bottom: 2vh;
|
|
user-select: none;
|
|
|
|
}
|
|
|
|
.explorer-nav {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: 2vh;
|
|
}
|
|
|
|
.explorer-info-btn {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--item-bg-light);
|
|
width: 16vh;
|
|
height: 4vh;
|
|
border-radius: 1rem 1rem 1rem 1rem;
|
|
color: var(--item-bg-dark);
|
|
text-decoration: none;
|
|
margin: 0vh 1vh;
|
|
font-weight: 600;
|
|
font-size: 1.75vh;
|
|
}
|
|
|
|
.explorer-info-btn:hover {
|
|
color: var(--text-color-main);
|
|
font-weight: 600;
|
|
box-shadow:0px 0px 0px 1px rgba(255, 255, 255, 1) inset;
|
|
background: rgba(72, 85, 99, 0.898)
|
|
|
|
|
|
}
|
|
|
|
@media screen and (max-aspect-ratio: 1/1) {
|
|
.explorer-section {
|
|
z-index: 3;
|
|
display: flex;
|
|
background-color: var(--item-bg-dark);
|
|
margin: 2vh auto;
|
|
padding: 8vh 0vw;
|
|
padding-top: 0vh;
|
|
width: 48vh;
|
|
border-radius: 1rem 1rem 0rem 0rem;
|
|
}
|
|
.explorer-content-body {
|
|
width: 48vh;
|
|
}
|
|
.explorer-content:nth-child(1) {
|
|
width: 46vh;
|
|
height: 85vh;
|
|
}
|
|
.explorer-content:nth-child(2) {
|
|
width: 46vh;
|
|
height: 85vh;
|
|
}
|
|
.explorer-content-bar {
|
|
width: 46vh;
|
|
justify-content: left;
|
|
}
|
|
|
|
.explorer-content-bar:nth-child(n+0):nth-child(-n+15) > h3 {
|
|
justify-content: right;
|
|
}
|
|
|
|
.explorer-tab {
|
|
width: 16vh;
|
|
}
|
|
.explorer-tab:nth-child(1) {
|
|
margin-left: -13vh;
|
|
width: 17vh;
|
|
}
|
|
.explorer-dot {
|
|
left: 43vh;
|
|
}
|
|
.explorer-dot:nth-child(4) {
|
|
left: 38.5vh;
|
|
}
|
|
.explorer-dot:nth-child(5) {
|
|
left: 34vh;
|
|
}
|
|
.explorer-tab > span {
|
|
font-size: 1.8vh;
|
|
}
|
|
.explorer-content-bar > span {
|
|
font-size: 1.75vh;
|
|
}
|
|
.explorer-content-bar > h3 {
|
|
font-size: 1.75vh;
|
|
}
|
|
.explorer-content-bar:nth-child(2) {
|
|
width: 44vh;
|
|
font-size: 1vh;
|
|
}
|
|
.explorer-content-bar:nth-child(n+3):nth-child(-n+7) {
|
|
width: 44vh;
|
|
}
|
|
.explorer-content-bar:nth-child(n+8) {
|
|
margin-left: 1vh;
|
|
margin-top: 1.75vh;
|
|
}
|
|
.explorer-content-bar:nth-child(n+9):nth-child(-n+12) {
|
|
margin-left: 1vh;
|
|
margin-top: 1.75vh;
|
|
}
|
|
.explorer-content-bar:nth-child(n+13):nth-child(-n+15) {
|
|
margin-left: 1vh;
|
|
margin-top: 1.75vh;
|
|
}
|
|
.explorer-info-btn{
|
|
font-size: 1.5vh;
|
|
}
|
|
.logo-hush {
|
|
margin-left: 8vh;
|
|
margin-top: 25vh;
|
|
position: absolute;
|
|
}
|
|
}
|
|
|
|
/* ---------- BLOCKS ---------- */
|
|
|
|
.explorer-blocks-body {
|
|
display: flex;
|
|
z-index: 4;
|
|
background-color: var(--item-bg-dark);
|
|
width: 95vh;
|
|
/* height: 70vh; */
|
|
padding: 25vh 0vw;
|
|
margin-top: 6vh;
|
|
margin-bottom: 0vh;
|
|
padding-bottom: 0vh;
|
|
border-radius: 0rem 0rem 0rem 0rem;
|
|
}
|
|
|
|
.blocks-content {
|
|
display: flexbox;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: -22vh;
|
|
margin-bottom: 0vh;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: .5rem .5rem .5rem .5rem;
|
|
width: 90vh;
|
|
}
|
|
|
|
.explorer-blocks-bar {
|
|
display: flexbox;
|
|
justify-content: left;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 1vh;
|
|
width: 88vh;
|
|
height: 15vh;
|
|
border-radius: .5rem .5rem .5rem .5rem;
|
|
font-weight: 400;
|
|
color: var(--text-color-main);
|
|
background-color: var(--item-bg-dark);
|
|
margin-top: 1vh;
|
|
font-size: 1.75vh;
|
|
}
|
|
|
|
.block-height {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
z-index: 1;
|
|
margin:1vh;
|
|
margin-top: 1vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: .4rem .4rem .4rem .4rem;
|
|
height: 8vh;
|
|
width: 22vh;
|
|
font-size: 2.25vh;
|
|
color: var(--text-color-main);
|
|
/* text-indent: -14vh; */
|
|
}
|
|
|
|
.block-height:hover {
|
|
background-color: var(--item-bg-grey);
|
|
}
|
|
|
|
.block-duration {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
z-index: 1;
|
|
margin:1vh;
|
|
margin-top: 10vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: .4rem .4rem .4rem .4rem;
|
|
height: 4vh;
|
|
width: 11vh;
|
|
font-size: 1.5vh;
|
|
color: var(--text-color-main);
|
|
/* text-indent: -14vh; */
|
|
}
|
|
|
|
.block-hash {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
z-index: 1;
|
|
margin:1vh;
|
|
margin-top: 1vh;
|
|
margin-left: 24vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: .4rem .4rem .4rem .4rem;
|
|
height: 3.5vh;
|
|
width: 63vh;
|
|
font-size: 1.5vh;
|
|
color: var(--text-color-main);
|
|
/* text-indent: -14vh; */
|
|
}
|
|
|
|
.block-hash:hover {
|
|
background-color: var(--item-bg-grey);
|
|
}
|
|
|
|
.block-miner-reward {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
z-index: 1;
|
|
margin:1vh;
|
|
margin-top: 5.5vh;
|
|
margin-left: 24vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: .4rem .4rem .4rem .4rem;
|
|
height: 3.5vh;
|
|
width: 63vh;
|
|
font-size: 1.5vh;
|
|
color: var(--text-color-main);
|
|
/* text-indent: -14vh; */
|
|
}
|
|
.block-time {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
z-index: 1;
|
|
margin:1vh;
|
|
margin-top: 10vh;
|
|
margin-left: 24vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: .4rem .4rem .4rem .4rem;
|
|
height: 3.5vh;
|
|
width: 31vh;
|
|
font-size: 1.5vh;
|
|
color: var(--text-color-main);
|
|
/* text-indent: -14vh; */
|
|
}
|
|
.block-txs {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
z-index: 1;
|
|
margin:1vh;
|
|
margin-top: 10vh;
|
|
margin-left: 56vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: .4rem .4rem .4rem .4rem;
|
|
height: 3.5vh;
|
|
width: 31vh;
|
|
font-size: 1.5vh;
|
|
color: var(--text-color-main);
|
|
/* text-indent: -14vh; */
|
|
}
|
|
|
|
/* .block-height > a {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 1vh;
|
|
background-color: var(--item-bg-dark);
|
|
border-radius: 0rem 0rem 0rem 0rem;
|
|
height: 3.5vh;
|
|
position: absolute;
|
|
margin-left: 20vh;
|
|
width: 18vh;
|
|
} */
|
|
|
|
/* a {
|
|
font-size: inherit;
|
|
}
|
|
h3 {
|
|
font-size: inherit;
|
|
}
|
|
span {
|
|
font-size: inherit;
|
|
} */
|
|
|
|
@media screen and (max-aspect-ratio: 1/1) {
|
|
|
|
.blocks-content {
|
|
width: 45vh;
|
|
}
|
|
|
|
.explorer-blocks-bar {
|
|
width: 43vh;
|
|
height: 25.5vh;
|
|
}
|
|
|
|
.block-hash {
|
|
display: inline-block;
|
|
margin: 0vh;
|
|
margin-top: 10vh;
|
|
margin-left: 1vh;
|
|
padding: 1vh;
|
|
width: 39vh;
|
|
height: 3.5vh;
|
|
word-wrap: break-word;
|
|
text-align: center;
|
|
}
|
|
|
|
.block-miner-reward {
|
|
margin: 0vh;
|
|
margin-top: 16.5vh;
|
|
margin-left: 1vh;
|
|
width: 41vh;
|
|
}
|
|
|
|
.block-time {
|
|
margin: 0vh;
|
|
margin-top: 5.5vh;
|
|
margin-left: 24vh;
|
|
width: 18vh;
|
|
}
|
|
|
|
.block-duration {
|
|
margin: 0vh;
|
|
margin-top: 1vh;
|
|
margin-left: 24vh;
|
|
width: 18vh;
|
|
}
|
|
|
|
.block-txs {
|
|
margin: 0vh;
|
|
margin-top: 21vh;
|
|
margin-left: 11vh;
|
|
width: 21vh;
|
|
}
|
|
|
|
}
|
|
|
|
/* ---------- BLOCK INFO ---------- */
|
|
|
|
.explorer-block-section {
|
|
z-index: 0;
|
|
display: flex;
|
|
background-color: var(--item-bg-dark);
|
|
margin: 2vh auto;
|
|
padding: 10vh 0vw;
|
|
padding-top: 0vh;
|
|
width: 95vh;
|
|
border-radius: 1rem 1rem 0rem 0rem;
|
|
}
|
|
|
|
.block-content {
|
|
display: flexbox;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: -22vh;
|
|
margin-bottom: 0vh;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: .5rem .5rem .5rem .5rem;
|
|
width: 90vh;
|
|
}
|
|
|
|
.block-info-bar {
|
|
display: flexbox;
|
|
justify-content: left;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 1vh;
|
|
padding-bottom: 2vh;
|
|
width: 88vh;
|
|
/* height: 80vh; */
|
|
border-radius: .5rem .5rem .5rem .5rem;
|
|
font-weight: 400;
|
|
color: var(--text-color-main);
|
|
background-color: var(--item-bg-dark);
|
|
margin-top: 2vh;
|
|
font-size: 1.75vh;
|
|
}
|
|
|
|
.block-info-height {
|
|
display: flexbox;
|
|
position: absolute;
|
|
margin: 2vh;
|
|
margin-top: 1vh;
|
|
width: 18vh;
|
|
height: 13vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
}
|
|
|
|
.block-info-height > h3 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0vh 6.5vh;
|
|
height: 3vh;
|
|
position: absolute;
|
|
border-radius: inherit;
|
|
margin-left: 0vh;
|
|
margin-top: 0vh;
|
|
font-size: 2vh;
|
|
background-color: var(--item-bg-grey);
|
|
}
|
|
|
|
.block-info-height > a {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top: 6vh;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
/* margin-left: 5.5vh; */
|
|
font-size: 2.75vh;
|
|
}
|
|
|
|
.block-info-main {
|
|
display: flexbox;
|
|
position: absolute;
|
|
margin: 2vh;
|
|
margin-left: 22vh;
|
|
margin-top: 1vh;
|
|
width: 20vh;
|
|
height: 6vh;
|
|
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
}
|
|
|
|
.block-info-main:nth-child(2) {
|
|
margin-left: 44vh;
|
|
}
|
|
|
|
.block-info-main:nth-child(3) {
|
|
margin-left: 66vh;
|
|
}
|
|
|
|
.block-info-main:nth-child(4) {
|
|
margin-left: 22vh;
|
|
margin-top: 8vh;
|
|
}
|
|
|
|
.block-info-main:nth-child(5) {
|
|
margin-left: 44vh;
|
|
margin-top: 8vh;
|
|
}
|
|
|
|
.block-info-main:nth-child(6) {
|
|
margin-left: 66vh;
|
|
margin-top: 8vh;
|
|
}
|
|
|
|
.block-info-main > h3{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: inherit;
|
|
margin: 0vh;
|
|
height: 3vh;
|
|
}
|
|
|
|
.block-info-main > span {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: .75vh;
|
|
font-size: 1.75vh;
|
|
}
|
|
|
|
.block-info-hash {
|
|
display: flexbox;
|
|
position: absolute;
|
|
margin: 2vh;
|
|
margin-left: 2vh;
|
|
margin-top: 16vh;
|
|
width: 84vh;
|
|
height: 6vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
}
|
|
|
|
.block-info-hash:nth-child(9) {
|
|
margin-top: 23.5vh;
|
|
}
|
|
|
|
.block-info-hash > h3 {
|
|
display: flex;
|
|
position: relative;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: 1vh 0vh 1vh 0vh;
|
|
margin: 0vh;
|
|
height: 3vh;
|
|
width: 20vh;
|
|
}
|
|
|
|
.block-info-hash > span {
|
|
display: flex;
|
|
position: relative;
|
|
justify-content: center;
|
|
text-align: center;
|
|
margin-left: 1vh;
|
|
margin-top: 0.5vh;
|
|
font-size: 2vh;
|
|
letter-spacing: .25vh;
|
|
}
|
|
|
|
.block-adv-info {
|
|
display: flexbox;
|
|
position: absolute;
|
|
margin: 2vh;
|
|
margin-left: 7vh;
|
|
margin-top: 40vh;
|
|
width: 74vh;
|
|
height: 3vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
}
|
|
|
|
.block-adv-info {
|
|
margin-top: calc(1vh * var(--adv-info-index));
|
|
}
|
|
|
|
.block-adv-info > h3 {
|
|
display: flex;
|
|
position: relative;
|
|
justify-content: right;
|
|
align-items: center;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: 1vh 0vh 0vh 1vh;
|
|
margin: 0vh;
|
|
padding-right: 0.5vh;
|
|
height: 3vh;
|
|
width: 16vh;
|
|
font-size: 1.5vh;
|
|
}
|
|
|
|
.block-adv-info > span {
|
|
display: flex;
|
|
position: relative;
|
|
justify-content: center;
|
|
text-align: center;
|
|
height: 3vh;
|
|
margin-left: 16vh;
|
|
margin-top: -2.25vh;
|
|
font-size: 1.75vh;
|
|
letter-spacing: 0vh;
|
|
color: var(--item-bg-light);
|
|
}
|
|
|
|
.block-info-spacing {
|
|
height: 53vh;
|
|
}
|
|
|
|
.transaction {
|
|
margin-top: 8vh;
|
|
}
|
|
|
|
.shielded {
|
|
display: flex;
|
|
position: absolute;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top: -4vh;
|
|
margin-left: 5vh;
|
|
width: 20vh;
|
|
height: 4vh;
|
|
background-color: var(--shielded-bg);
|
|
border: 0.25vh solid var(--shielded-col);
|
|
border-radius: 2.5vh 2.5vh 0vh 0vh;
|
|
}
|
|
|
|
.shielded > span {
|
|
color: var(--shielded-col);
|
|
font-weight: 100;
|
|
font-size: 2.25vh;
|
|
font-family: 'Ubuntu Mono Light'
|
|
}
|
|
|
|
.tx-container-top {
|
|
display: flexbox;
|
|
position: relative;
|
|
margin-left: 2vh;
|
|
width: 84vh;
|
|
height: 22vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: 1.5vh 1.5vh 0vh 0vh;
|
|
border: 0.25vh solid var(--tx-outline);
|
|
border-bottom: var(--tx-border-bot);
|
|
}
|
|
|
|
|
|
.tx-container-top > h3 {
|
|
display: flex;
|
|
position: absolute;
|
|
justify-content: left;
|
|
align-items: center;
|
|
margin-top: 3vh;
|
|
width: 20vh;
|
|
height: 6vh;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: 0vh 4vh 4vh 0vh;
|
|
font-size: 3vh;
|
|
font-weight: 400;
|
|
text-indent: 1vh;
|
|
}
|
|
|
|
.tx-container-top > span {
|
|
position: absolute;
|
|
margin-top: 9.5vh;
|
|
margin-left: 1vh;
|
|
font-size: 1.3vh;
|
|
color: var(--item-bg-light);
|
|
}
|
|
|
|
.tx-id-bar {
|
|
display: flex;
|
|
justify-content: left;
|
|
align-items: center;
|
|
position: absolute;
|
|
width: 82vh;
|
|
height: 3.5vh;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: 0vh 4vh 4vh 0vh;
|
|
margin-top: 13vh;
|
|
}
|
|
|
|
.tx-id-bar:nth-child(n+5) {
|
|
margin-top: var(--miner-id-margin);
|
|
|
|
}
|
|
|
|
.tx-id-bar > h3 {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
height: 3.5vh;
|
|
width: 10vh;
|
|
color: var(--item-bg-dark);
|
|
border-radius: 0vh 4vh 4vh 0vh;
|
|
background-color: var(--item-bg-light);
|
|
}
|
|
|
|
.tx-id-bar> span {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: 11vh;
|
|
font-size: 2vh;
|
|
}
|
|
|
|
.tx-container-bot {
|
|
display: flexbox;
|
|
position: relative;
|
|
margin-left: 2vh;
|
|
width: 84vh;
|
|
height: 12vh;
|
|
background-color: var(--item-bg-light);
|
|
border-radius: 0vh 0vh 1.5vh 1.5vh;
|
|
border: 0.25vh solid var(--tx-outline);
|
|
border-top: var(--tx-border-top);
|
|
}
|
|
|
|
.tx-in-out {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
margin-top: 1vh;
|
|
margin-left: var(--tx-io-margin-L);
|
|
width: 18vh;
|
|
height: 10vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: 1.15vh 1.15vh 1.15vh 1.15vh;
|
|
}
|
|
|
|
|
|
.v-in-out > h3 {
|
|
display: flex;
|
|
justify-content: var(--just-con);
|
|
align-items: center;
|
|
position: absolute;
|
|
width: 10vh;
|
|
margin: 0vh;
|
|
margin-left: var(--v-mg-l);
|
|
margin-top: var(--v-mg-top);
|
|
}
|
|
|
|
.in-out-num {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 10vh;
|
|
height: 4.5vh;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: 1.15vh 1.15vh 1.15vh 1.15vh;
|
|
}
|
|
|
|
.tx-reward {
|
|
display: flex;
|
|
position: absolute;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: 2vh;
|
|
margin-left: 50vh;
|
|
width: 32vh;
|
|
height: 8vh;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: 4vh 4vh 4vh 4vh;
|
|
font-size: 3vh;
|
|
font-weight: 400;
|
|
}
|
|
|
|
@media screen and (max-aspect-ratio: 1/1) {
|
|
|
|
.explorer-block-section {
|
|
width: 43vh;
|
|
}
|
|
|
|
.explorer-tab-bar > .explorer-dot {
|
|
display: none;
|
|
}
|
|
|
|
.block-content {
|
|
margin-top: -23.5vh;
|
|
margin-left: 0.5vh;
|
|
width: 42vh;
|
|
}
|
|
|
|
.block-info-bar {
|
|
width: 40vh;
|
|
}
|
|
|
|
.block-info-hash:nth-child(8) {
|
|
margin-left: 3vh;
|
|
margin-top: 31.5vh;
|
|
height: 7vh;
|
|
width: 34vh;
|
|
}
|
|
.block-info-hash:nth-child(9) {
|
|
margin-left: 3vh;
|
|
margin-top: 39vh;
|
|
height: 7vh;
|
|
width: 34vh;
|
|
}
|
|
|
|
.block-info-hash > span {
|
|
width: 32vh;
|
|
letter-spacing: 0vh;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
font-size: 1.5vh;
|
|
}
|
|
|
|
.block-info-height{
|
|
width: 17vh;
|
|
}
|
|
|
|
.block-info-height > h3 {
|
|
width: 4vh;
|
|
}
|
|
|
|
.block-info-main {
|
|
width: 17vh;
|
|
margin-left: 21vh;
|
|
}
|
|
|
|
.block-info-main:nth-child(2) {
|
|
margin-left: 2vh;
|
|
margin-top: 24vh;
|
|
}
|
|
.block-info-main:nth-child(3) {
|
|
margin-left: 21vh;
|
|
margin-top: 8vh;
|
|
}
|
|
.block-info-main:nth-child(4) {
|
|
margin-left: 2vh;
|
|
margin-top: 16vh;
|
|
}
|
|
.block-info-main:nth-child(5) {
|
|
margin-left: 21vh;
|
|
margin-top: 16vh;
|
|
}
|
|
.block-info-main:nth-child(6) {
|
|
margin-left: 21vh;
|
|
margin-top: 24vh;
|
|
}
|
|
|
|
.block-adv-info {
|
|
margin-top: calc(1vh * var(--adv-info-index-m));
|
|
margin-left: 2vh;
|
|
width: 36vh;
|
|
border-radius: 0vh 1.5vh 1.5vh 1.5vh;
|
|
}
|
|
|
|
.block-adv-info > h3 {
|
|
justify-content: center;
|
|
height: 2vh;
|
|
border-radius: 1.5vh 1.5vh 0vh 0vh;
|
|
margin-top: -2vh;
|
|
}
|
|
|
|
.block-adv-info > span {
|
|
margin-top: 1vh;
|
|
margin-left: 0vh;
|
|
padding: 0 1vh;
|
|
font-size: 1vh;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.block-info-spacing {
|
|
height: 76vh;
|
|
}
|
|
|
|
.transaction {
|
|
margin: 0vh;
|
|
margin-left: 2vh;
|
|
margin-top: 6vh;
|
|
width: 36vh;
|
|
}
|
|
|
|
.shielded {
|
|
margin: 0vh;
|
|
margin-top: -4vh;
|
|
margin-left: 2vh;
|
|
width: 16vh;
|
|
}
|
|
|
|
.tx-container-top {
|
|
margin: 0vh;
|
|
width: 36vh;
|
|
height: 27vh;
|
|
}
|
|
|
|
.tx-container-top > h3 {
|
|
width: 13vh;
|
|
height: 4.5vh;
|
|
margin-top: 4vh;
|
|
font-size: 1.75vh;
|
|
}
|
|
|
|
.tx-container-top > span {
|
|
margin-top: 8.75vh;
|
|
margin-left: 0.5vh;
|
|
}
|
|
|
|
.tx-reward {
|
|
margin: 0vh;
|
|
margin-top: 2vh;
|
|
margin-left: 15vh;
|
|
font-size: 2.5vh;
|
|
width: 20vh;
|
|
}
|
|
|
|
.tx-id-bar {
|
|
margin: 0vh;
|
|
margin-top: 14vh;
|
|
width: 35vh;
|
|
height: 4vh;
|
|
}
|
|
|
|
.tx-id-bar:nth-child(n+5) {
|
|
margin-top: 21.5vh;
|
|
}
|
|
|
|
.tx-id-bar > h3 {
|
|
margin: 0vh;
|
|
margin-top: -6.5vh;
|
|
height: 2.5vh;
|
|
border-radius: 0vh 2vh 0vh 0vh;
|
|
}
|
|
|
|
.tx-id-bar > span {
|
|
padding: 0.5vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0vh;
|
|
font-size: 1.5vh;
|
|
width: 34vh;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
}
|
|
|
|
|
|
.tx-container-bot {
|
|
margin: 0vh;
|
|
width: 36vh;
|
|
}
|
|
|
|
.tx-in-out {
|
|
margin: 0vh;
|
|
margin-top: 1vh;
|
|
margin-left: calc(1 * var(--tx-io-margin-L-mobile));
|
|
width: 14.4vh;
|
|
}
|
|
|
|
.v-in-out > h3 {
|
|
margin: 0vh;
|
|
width: 8vh;
|
|
font-size: 1.75vh;
|
|
margin-left: calc(0.8 * var(--v-mg-l));
|
|
margin-top: var(--v-mg-top);
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
/* ---------- BLOCK INFO ---------- */
|
|
|
|
|
|
.tx-info-bar {
|
|
display: flexbox;
|
|
justify-content: left;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 1vh;
|
|
padding-bottom: 2vh;
|
|
width: 88vh;
|
|
/* height: 80vh; */
|
|
border-radius: .5rem .5rem .5rem .5rem;
|
|
font-weight: 400;
|
|
color: var(--text-color-main);
|
|
background-color: var(--item-bg-dark);
|
|
margin-top: 1vh;
|
|
font-size: 1.75vh;
|
|
}
|
|
|
|
.tx-info-height {
|
|
display: flexbox;
|
|
position: absolute;
|
|
margin: 2vh;
|
|
margin-top: 8vh;
|
|
margin-left: 2vh;
|
|
width: 32vh;
|
|
height: 13vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
}
|
|
|
|
.tx-info-height > h3 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0vh 6.5vh;
|
|
height: 3vh;
|
|
width: 19vh;
|
|
position: absolute;
|
|
border-radius: inherit;
|
|
margin-left: 0vh;
|
|
margin-top: 0vh;
|
|
font-size: 2vh;
|
|
background-color: var(--item-bg-grey);
|
|
}
|
|
|
|
.tx-info-height > a {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top: 6vh;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
/* margin-left: 5.5vh; */
|
|
font-size: 2.75vh;
|
|
}
|
|
|
|
.tx-info-main {
|
|
display: flexbox;
|
|
position: absolute;
|
|
margin: 2vh;
|
|
margin-left: 36vh;
|
|
margin-top: 8vh;
|
|
width: 50vh;
|
|
height: 6vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
}
|
|
|
|
.tx-info-main:nth-child(n+6) {
|
|
margin-top: 15vh;
|
|
}
|
|
|
|
.tx-info-main > h3{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: inherit;
|
|
margin: 0vh;
|
|
height: 3vh;
|
|
}
|
|
|
|
.tx-info-main > span {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: .75vh;
|
|
font-size: 1.4vh;
|
|
}
|
|
|
|
.tx-info-hash {
|
|
display: flexbox;
|
|
position: absolute;
|
|
margin: 2vh;
|
|
margin-left: 2vh;
|
|
margin-top: 22vh;
|
|
width: 84vh;
|
|
height: 6vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
}
|
|
|
|
.tx-info-hash > h3 {
|
|
display: flex;
|
|
position: relative;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: 1vh 0vh 1vh 0vh;
|
|
margin: 0vh;
|
|
height: 3vh;
|
|
width: 20vh;
|
|
}
|
|
|
|
.tx-info-hash > span {
|
|
display: flex;
|
|
position: relative;
|
|
justify-content: center;
|
|
text-align: center;
|
|
margin-left: 1vh;
|
|
margin-top: 0.5vh;
|
|
font-size: 2vh;
|
|
letter-spacing: .25vh;
|
|
}
|
|
|
|
.tx-info-spacing {
|
|
height: 30vh;
|
|
}
|
|
|
|
.tx-exit-btn {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
margin-left: 65vh;
|
|
margin-top: 2vh;
|
|
width: 20vh;
|
|
height: 3.25vh;
|
|
color: var(--item-bg-dark);
|
|
background-color: var(--item-bg-light);
|
|
border-radius: 4vh 4vh 4vh 4vh;
|
|
border: .25vh solid var(--item-bg-light);
|
|
font-weight: 400;
|
|
font-size: 2.25vh;
|
|
}
|
|
|
|
.tx-exit-btn:nth-child(n+2){
|
|
margin-left: 34vh;
|
|
}
|
|
|
|
.tx-exit-btn:nth-child(n+3){
|
|
margin-left: 2vh;
|
|
}
|
|
|
|
.tx-exit-btn:hover {
|
|
color: var(--text-color-main);
|
|
border: .25vh solid var(--text-color-main);
|
|
font-weight: 800;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tx-exit-btn > a {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
width: 100%;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-weight: inherit;
|
|
|
|
color: inherit;
|
|
}
|
|
|
|
.tx-container {
|
|
display: flexbox;
|
|
position: relative;
|
|
margin-left: 2vh;
|
|
width: 84vh;
|
|
height: 32vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: 1.5vh 1.5vh 1.5vh 1.5vh;
|
|
}
|
|
|
|
.tx-coinbase-locktime {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
/* background-color: var(--item-bg-grey); */
|
|
padding-top: 2vh;
|
|
margin-top: 2vh;
|
|
}
|
|
|
|
.tx-coinbase {
|
|
margin-left: 0vh;
|
|
width: 35vh;
|
|
text-align: center;
|
|
background-color: var(--item-bg-light);
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
}
|
|
|
|
.tx-coinbase > h3 , .tx-locktime > h3 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top: 0vh;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: 1vh 1vh 0vh 0vh;
|
|
height: 4vh;
|
|
}
|
|
|
|
.tx-coinbase > span , .tx-locktime > span {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 2vh;
|
|
color: var(--item-bg-dark);
|
|
}
|
|
|
|
.tx-locktime {
|
|
margin-left: 5vh;
|
|
width: 35vh;
|
|
text-align: center;
|
|
background-color: var(--item-bg-light);
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
}
|
|
|
|
.tx-transaction {
|
|
margin-top: 0vh;
|
|
}
|
|
|
|
.tx-tz-io {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--item-bg-grey);
|
|
border-radius: 0vh 0vh 1.5vh 1.5vh;
|
|
margin-top: 2vh;
|
|
}
|
|
|
|
.tx-t-io , .tx-z-io {
|
|
margin: 2vh 10vh;
|
|
width: 20vh;
|
|
background-color: var(--item-bg-dark-grey);
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
}
|
|
|
|
.tx-io-info > h3 {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.tx-io-info {
|
|
margin: 1vh 0vh;
|
|
display: flexbox;
|
|
text-align: center;
|
|
font-size: 1.5vh;
|
|
|
|
|
|
}
|
|
|
|
@media screen and (max-aspect-ratio: 1/1) {
|
|
|
|
.tx-info-spacing {
|
|
height: 58vh;
|
|
}
|
|
|
|
.tx-info-bar {
|
|
width: 42vh;
|
|
height: 90vh;
|
|
}
|
|
|
|
.tx-info-height {
|
|
margin-top: 16vh;
|
|
margin-left: 12vh;
|
|
width: 20vh;
|
|
}
|
|
|
|
.tx-info-height > h3 {
|
|
display: flex;
|
|
padding: 0vh;
|
|
margin: 0vh;
|
|
width: 20vh;
|
|
height: 4vh;
|
|
font-size: 2vh;
|
|
}
|
|
|
|
.tx-info-height > a {
|
|
width: 20vh;
|
|
}
|
|
|
|
.tx-info-main {
|
|
width: 40vh;
|
|
height: 8vh;
|
|
margin: 0;
|
|
margin-left: 1vh;
|
|
margin-top: 30vh;
|
|
}
|
|
|
|
.tx-info-main > span {
|
|
text-align: center;
|
|
margin: 1vh;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.tx-info-main:nth-child(n+6) {
|
|
margin-top: 39vh;
|
|
}
|
|
.tx-info-main:nth-child(n+6) > span {
|
|
font-size: 2.5vh;
|
|
}
|
|
|
|
.tx-info-hash {
|
|
margin-top: 48vh;
|
|
width: 40vh;
|
|
height: 8vh;
|
|
margin-left: 1vh;
|
|
}
|
|
|
|
.tx-info-hash > h3 {
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
width: 40vh;
|
|
|
|
}
|
|
.tx-info-hash > span {
|
|
border-radius: 1vh 1vh 1vh 1vh;
|
|
width: 38vh;
|
|
letter-spacing: 0vh;
|
|
font-size: 2vh;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.tx-exit-btn {
|
|
display: flexbox;
|
|
width: 38vh;
|
|
margin-left: 2vh;
|
|
margin-top: 11vh;
|
|
}
|
|
|
|
.tx-exit-btn > a {
|
|
margin: 0vh;
|
|
}
|
|
|
|
.tx-exit-btn:nth-child(n+2){
|
|
width: 38vh;
|
|
margin-left: 2vh;
|
|
margin-top: 6.5vh;
|
|
|
|
}
|
|
|
|
.tx-exit-btn:nth-child(n+3){
|
|
width: 38vh;
|
|
margin: 2vh;
|
|
padding: 0vh;
|
|
}
|
|
|
|
.tx-transaction {
|
|
width: 38vh;
|
|
}
|
|
|
|
.tx-container {
|
|
width: 38vh;
|
|
height: 28vh;
|
|
}
|
|
|
|
.tx-coinbase-locktime {
|
|
width: 34vh;
|
|
margin-left: 2vh;
|
|
}
|
|
|
|
.tx-tz-io {
|
|
width: 38vh;
|
|
}
|
|
|
|
.tx-t-io , .tx-z-io {
|
|
margin: 1vh;
|
|
}
|
|
|
|
.tx-io-info > h3 {
|
|
font-size: 1.5vh;
|
|
}
|
|
|
|
}
|