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
Tag: Reverted
Line 3: Line 3:
width: 25%;
width: 25%;
height: 25%;
height: 25%;
grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
/*grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );*/
grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr));
grid-auto-rows: minmax( 3rem, auto );
grid-auto-rows: minmax( 3rem, auto );
grid-gap: 25px;
grid-gap: 25px;

Revision as of 07:28, 15 June 2024

.parent2 {
	display: grid;
	width: 25%;
	height: 25%;
	/*grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );*/
	grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr));
	grid-auto-rows: minmax( 3rem, auto );
	grid-gap: 25px;
}




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

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