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

Template:Main Page/Shared/Styles.css: Difference between revisions

Template page
No edit summary
No edit summary
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
.parent2 {
.parent2 {
display: grid;
display: grid;
width: 30%;
height: 30%;
grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
grid-auto-rows: minmax( 3rem, auto );
grid-auto-rows: minmax( 3rem, auto );
grid-gap: 25px;
grid-gap: 10px;
}
}


Line 16: Line 14:
background: #242a31;
background: #242a31;
border: 0;
border: 0;
width: auto;
}
}


Line 60: Line 59:
#main-pagee-discord {
#main-pagee-discord {
background: #5865f2;
background: #5865f2;
}
#main-pagee-oly {
background: #f2ac00;
}
#main-pagee-content {
margin-top: 10%;
}
}

Latest revision as of 08:23, 15 June 2024

.parent2 {
	display: grid;
	grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
	grid-auto-rows: minmax( 3rem, auto );
	grid-gap: 10px;
}




.main-pagee.main-pagee--button {
	overflow: hidden;
	padding: 0;
	background: #242a31;
	border: 0;
	width: auto;
}

.main-pagee a{
	margin-top: 0;
	font-size: 10px;
}

.main-pagee--button a {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 0;
	background: transparent;
	color: #fff;
	font-weight: normal;
}

.main-pagee--button img {
	transition: transform 250ms ease;
}

.main-pagee--button:hover img {
	transform: scale(1.1);
}

.main-pagee--button .main-pagee__background a {
	padding: 0;
}

.main-pagee--col2 {
	grid-column: span 2;
}

.main-pagee {
	position: relative;
	padding: 0;
	background: var( --color-surface-1 );
	border-radius: 10px;
	font-size: 50px;
}

#main-pagee-discord {
	background: #5865f2;
}

#main-pagee-oly {
	background: #f2ac00;
}

#main-pagee-content {
	margin-top: 10%;
}