More actions
No edit summary |
No edit summary |
||
| (25 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
a.external.text::after { | |||
display: none; | |||
} | |||
.home-server-address__container { | .home-server-address__container { | ||
text-align: center; | text-align: center; | ||
margin: 25px 0 20px 0; | |||
} | } | ||
.home-server-address { | .home-server-address { | ||
font-size: | font-size: 1.4rem; | ||
font-family: var(--font- | 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; | |||
} | } | ||
| Line 15: | Line 37: | ||
} | } | ||
#home- | #home-serverinfo { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
justify-content: space-between; | justify-content: space-between; | ||
margin-bottom: 0.625rem; | |||
} | } | ||
.home- | .home-server-details__container { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| Line 27: | Line 50: | ||
} | } | ||
.home- | .home-server-details { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
} | } | ||
.home- | .home-server-details__title { | ||
font-size: 1.2rem; | font-size: 1.2rem; | ||
font-weight: 600; | font-weight: 600; | ||
} | } | ||
.home- | .home-serverinfo-bubble { | ||
padding: 0.1rem 0.6rem; | padding: 0.1rem 0.6rem; | ||
margin-left: 0.4rem; | margin-left: 0.4rem; | ||
background: var( --color-surface-3 ); | background: var( --color-surface-3 ); | ||
border-radius: 100px; | border-radius: 100px; | ||
font-size: 0. | font-size: 0.7125rem; | ||
font-weight: 500; | font-weight: 500; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
. | .bubble--green { | ||
background: var( -- | background: var( --prism-lime-1 ); | ||
} | } | ||
. | .bubble--red { | ||
background: var( --background-color-destructive ); | background: var( --background-color-destructive ); | ||
} | } | ||
. | .bubble--yellow { | ||
background: var( -- | 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;
}
}