More actions
(Blanked the page) Tags: Blanking Reverted |
No edit summary |
||
| (18 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
a.external.text::after { | |||
display: none; | |||
} | |||
.home-server-address__container { | |||
text-align: center; | |||
margin: 25px 0 20px 0; | |||
} | |||
.home-server-address { | |||
font-size: 1.4rem; | |||
font-weight: 500; | |||
font-family: 'Minecraft', Monospace; | |||
line-height: 1.2rem; | |||
transition: all .15s cubic-bezier(.07,.95,0,1); | |||
} | |||
.home-server-address:hover { | |||
transform: scale(1.1); | |||
transition: all .15s cubic-bezier(.07,.95,0,1); | |||
} | |||
.home-server-address:active { | |||
transform: scale(1); | |||
transition: all .15s cubic-bezier(.07,.95,0,1); | |||
} | |||
.home-server-address-copy { | |||
font-size: 0.8rem; | |||
color: var(--color-base--subtle); | |||
font-variant: all-small-caps; | |||
user-select: none; | |||
} | |||
.home-server-ports { | |||
text-align: center; | |||
font-size: small; | |||
font-family: var(--font-family-monospace); | |||
} | |||
#home-serverinfo { | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: space-between; | |||
margin-bottom: 0.625rem; | |||
} | |||
.home-server-details__container { | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
} | |||
.home-server-details { | |||
display: flex; | |||
align-items: center; | |||
} | |||
.home-server-details__title { | |||
font-size: 1.2rem; | |||
font-weight: 600; | |||
} | |||
.home-serverinfo-bubble { | |||
padding: 0.1rem 0.6rem; | |||
margin-left: 0.4rem; | |||
background: var( --color-surface-3 ); | |||
border-radius: 100px; | |||
font-size: 0.7125rem; | |||
font-weight: 500; | |||
text-transform: uppercase; | |||
} | |||
.bubble--green { | |||
background: var( --prism-lime-1 ); | |||
} | |||
.bubble--red { | |||
background: var( --background-color-destructive ); | |||
} | |||
.bubble--yellow { | |||
background: var(--color-surface-2); | |||
} | |||
@media (max-width: 915px) { | |||
.home-server-details__container { | |||
flex-direction: column-reverse; | |||
} | |||
.home-serverinfo-bubble { | |||
margin: 3px !important; | |||
} | |||
} | |||
@media (max-width: 740px) { | |||
.home-server-details__container { | |||
flex-direction: initial; | |||
} | |||
.home-serverinfo-bubble { | |||
margin: initial; | |||
} | |||
} | |||
Latest revision as of 20:31, 17 July 2024
a.external.text::after {
display: none;
}
.home-server-address__container {
text-align: center;
margin: 25px 0 20px 0;
}
.home-server-address {
font-size: 1.4rem;
font-weight: 500;
font-family: 'Minecraft', Monospace;
line-height: 1.2rem;
transition: all .15s cubic-bezier(.07,.95,0,1);
}
.home-server-address:hover {
transform: scale(1.1);
transition: all .15s cubic-bezier(.07,.95,0,1);
}
.home-server-address:active {
transform: scale(1);
transition: all .15s cubic-bezier(.07,.95,0,1);
}
.home-server-address-copy {
font-size: 0.8rem;
color: var(--color-base--subtle);
font-variant: all-small-caps;
user-select: none;
}
.home-server-ports {
text-align: center;
font-size: small;
font-family: var(--font-family-monospace);
}
#home-serverinfo {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 0.625rem;
}
.home-server-details__container {
display: flex;
align-items: center;
justify-content: space-between;
}
.home-server-details {
display: flex;
align-items: center;
}
.home-server-details__title {
font-size: 1.2rem;
font-weight: 600;
}
.home-serverinfo-bubble {
padding: 0.1rem 0.6rem;
margin-left: 0.4rem;
background: var( --color-surface-3 );
border-radius: 100px;
font-size: 0.7125rem;
font-weight: 500;
text-transform: uppercase;
}
.bubble--green {
background: var( --prism-lime-1 );
}
.bubble--red {
background: var( --background-color-destructive );
}
.bubble--yellow {
background: var(--color-surface-2);
}
@media (max-width: 915px) {
.home-server-details__container {
flex-direction: column-reverse;
}
.home-serverinfo-bubble {
margin: 3px !important;
}
}
@media (max-width: 740px) {
.home-server-details__container {
flex-direction: initial;
}
.home-serverinfo-bubble {
margin: initial;
}
}