Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Home/ServerInfo/styles.css: Difference between revisions

Template page
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: x-large;
   font-size: 1.4rem;
   font-family: var(--font-family-monospace);
  font-weight: 500;
   text-decoration: underline;
   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-gamebuild {
#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-gamebuild-patch__container {
.home-server-details__container {
display: flex;
display: flex;
align-items: center;
align-items: center;
Line 27: Line 50:
}
}


.home-gamebuild-patch {
.home-server-details {
display: flex;
display: flex;
align-items: center;
align-items: center;
}
}


.home-gamebuild-patch__name {
.home-server-details__title {
font-size: 1.2rem;
font-size: 1.2rem;
font-weight: 600;
font-weight: 600;
}
}


.home-gamebuild-patch__type {
.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.8125rem;
font-size: 0.7125rem;
font-weight: 500;
font-weight: 500;
text-transform: uppercase;
text-transform: uppercase;
}
}


.home-gamebuild-patch__type--live {
.bubble--green {
background: var( --background-color-success );
background: var( --prism-lime-1 );
}
}


.home-gamebuild-patch__type--evo {
.bubble--red {
background: var( --background-color-destructive );
background: var( --background-color-destructive );
}
}


.home-gamebuild-patch__type--ptu {
.bubble--yellow {
background: var( --background-color-warning );
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;
  }
}