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
Line 11: Line 11:
   font-family: var(--font-family-monospace);
   font-family: var(--font-family-monospace);
}
}
#home-gamebuild {
#home-serverinfo {
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
Line 17: Line 17:
}
}


.home-gamebuild-patch__container {
.home-server-info__container {
display: flex;
display: flex;
align-items: center;
align-items: center;
Line 23: Line 23:
}
}


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


.home-gamebuild-patch__name {
.home-serverinfo-version {
font-size: 1.2rem;
font-size: 1.2rem;
font-weight: 600;
font-weight: 600;
}
}


.home-gamebuild-patch__type {
.home-serverinfo-online {
padding: 0.1rem 0.6rem;
padding: 0.1rem 0.6rem;
margin-left: 0.4rem;
margin-left: 0.4rem;
Line 43: Line 43:
}
}


.home-gamebuild-patch__type--live {
.home-serverinfo-online--live {
background: var( --background-color-success );
background: var( --background-color-success );
}
.home-gamebuild-patch__type--evo {
background: var( --background-color-destructive );
}
.home-gamebuild-patch__type--ptu {
background: var( --background-color-warning );
}
}

Revision as of 05:47, 31 January 2023

.home-server-address {
  text-align: center;
  font-size: x-large;
  font-family: var(--font-family-monospace);
  text-decoration: underline;
}

.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;
}

.home-server-info__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.home-serverinfo {
	display: flex;
	align-items: center;
}

.home-serverinfo-version {
	font-size: 1.2rem;
	font-weight: 600;
}

.home-serverinfo-online {
	padding: 0.1rem 0.6rem;
	margin-left: 0.4rem;
	background: var( --color-surface-3 );
	border-radius: 100px;
	font-size: 0.8125rem;
	font-weight: 500;
	text-transform: uppercase;
}

.home-serverinfo-online--live {
	background: var( --background-color-success );
}