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
 
(80 intermediate revisions by the same user not shown)
Line 1: Line 1:
.main-page.main-page--button {
.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;
overflow: hidden;
padding: 0;
padding: 0;
background: #242a31;
background: #242a31;
border: 0;
border: 0;
width: auto;
}
}


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


.main-page--button a {
.main-pagee--button a {
display: flex;
display: flex;
height: 100%;
height: 100%;
width: 50%;
justify-content: center;
justify-content: center;
align-items: center;
align-items: center;
Line 23: Line 33:
}
}


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


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


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


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


.main-page {
.main-pagee {
position: relative;
position: relative;
padding: 25px;
padding: 0;
background: var( --color-surface-1 );
background: var( --color-surface-1 );
border-radius: 10px;
border-radius: 10px;
Line 47: Line 57:
}
}


#main-page-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%;
}