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

Template:Main Page/Header.css: Difference between revisions

Template page
Created page with "root { }"
 
No edit summary
 
(30 intermediate revisions by the same user not shown)
Line 1: Line 1:
root {
.mainpage-header-wordmark img {
filter: var(--filter-invert);
width: 100%;
/* replace with fit-content when able */
height: auto;
}
 
.mainpage-header-icon img {
width: 100%;
/* replace with fit-content when able */
height: auto;
margin-left: -50%;
}
 
.mainpage-header-wordmark {
flex-grow: 1;
}
 
.mainpage-header-logo {
position: relative;
display: flex;
align-items: center;
height: 33rem;
}
 
.mainpage-header-icon {
position: absolute;
left: 40%;
width: 15%;
z-index: -6;
}
 
@media (max-width: 640px) {
.mainpage-header-wordmark {
/*width: 100%;*/
}
}
}

Latest revision as of 01:36, 13 November 2025

.mainpage-header-wordmark img {
	filter: var(--filter-invert);
	width: 100%;
	 /* replace with fit-content when able */
	height: auto;
}

.mainpage-header-icon img {
	width: 100%;
	 /* replace with fit-content when able */
	height: auto;
	margin-left: -50%;
}

.mainpage-header-wordmark {
	flex-grow: 1;
}

.mainpage-header-logo {
	position: relative;
	display: flex;
	align-items: center;
	height: 33rem;
}

.mainpage-header-icon {
	position: absolute;
	left: 40%;
	width: 15%;
	z-index: -6;
}

@media (max-width: 640px) {
	.mainpage-header-wordmark {
		/*width: 100%;*/
	}
}