MediaWiki:Common.css - Revision history

Maintenance script: Logo: always left-aligned at sidebar boundary

2026-03-24T00:00:09Z

Logo: always left-aligned at sidebar boundary

← Older revision		Revision as of 00:00, 24 March 2026
Line 1:		Line 1:
	/* Logo: left edge aligned with sidebar/content boundary */		/* Logo: left edge always aligned with sidebar/content boundary */
	#p-logo {		#p-logo {
	position: fixed;		position: fixed;
Line 10:		Line 10:
	background-repeat: no-repeat !important;		background-repeat: no-repeat !important;
	background-position: left center !important;		background-position: left center !important;
	width: 416px !important;		/* Never wider than the viewport minus the sidebar */
			width: min(416px, calc(100vw - 170px)) !important;
	height: 100px !important;		height: 100px !important;
			aspect-ratio: 416 / 100;
	display: block;		display: block;
	}		}
Line 19:		Line 21:
	#mw-panel { padding-top: 110px; }		#mw-panel { padding-top: 110px; }

	@media (max-width: ~~900px~~) {		/* Scale the reserved band down on narrow screens */
	~~#p-logo { left: 160px; }~~		@media (max-width: 700px) {
	.mw-wiki-logo { ~~width: 300px !important;~~ height: 72px !important; }		.mw-wiki-logo { height: 72px !important; }
	#mw-head, #mw-head-base { ~~top: 82px;~~ height: 82px; }		#mw-head { top: 82px; }
			#mw-head-base { height: 82px; }
	#mw-page-base { padding-top: 82px; }		#mw-page-base { padding-top: 82px; }
	#mw-panel { padding-top: 82px; }		#mw-panel { padding-top: 82px; }
	}		}
	@media (max-width: ~~600px~~) {		@media (max-width: 480px) {
	~~#p-logo { left: 0; }~~		.mw-wiki-logo { height: 48px !important; }
	.mw-wiki-logo { ~~width: 200px !important;~~ height: 48px !important; }		#mw-head { top: 58px; }
	#mw-head, #mw-head-base { ~~top: 58px;~~ height: 58px; }		#mw-head-base { height: 58px; }
	#mw-page-base { padding-top: 58px; }		#mw-page-base { padding-top: 58px; }
	#mw-panel { padding-top: 58px; }		#mw-panel { padding-top: 58px; }
	}		}

Maintenance script: Logo: align left edge to sidebar boundary

2026-03-23T23:46:30Z

Logo: align left edge to sidebar boundary

← Older revision		Revision as of 23:46, 23 March 2026
Line 1:		Line 1:
	/* Logo: ~~top center, natural size (416x100), responsive~~ */		/* Logo: left edge aligned with sidebar/content boundary */
	#p-logo {		#p-logo {
	position: fixed;		position: fixed;
	left: ~~50%;~~		left: 160px;
	~~transform: translateX(-50%)~~;
	top: 5px;		top: 5px;
	z-index: 1000;		z-index: 1000;
Line 10:		Line 9:
	background-size: contain !important;		background-size: contain !important;
	background-repeat: no-repeat !important;		background-repeat: no-repeat !important;
	background-position: center !important;		background-position: left center !important;
	width: 416px !important;		width: 416px !important;
	height: 100px !important;		height: 100px !important;
Line 21:		Line 20:

	@media (max-width: 900px) {		@media (max-width: 900px) {
			#p-logo { left: 160px; }
	.mw-wiki-logo { width: 300px !important; height: 72px !important; }		.mw-wiki-logo { width: 300px !important; height: 72px !important; }
	#mw-head, #mw-head-base { top: 82px; height: 82px; }		#mw-head, #mw-head-base { top: 82px; height: 82px; }
Line 27:		Line 27:
	}		}
	@media (max-width: 600px) {		@media (max-width: 600px) {
			#p-logo { left: 0; }
	.mw-wiki-logo { width: 200px !important; height: 48px !important; }		.mw-wiki-logo { width: 200px !important; height: 48px !important; }
	#mw-head, #mw-head-base { top: 58px; height: 58px; }		#mw-head, #mw-head-base { top: 58px; height: 58px; }

Maintenance script: Logo: natural size, responsive scaling

2026-03-23T23:44:37Z

Logo: natural size, responsive scaling

← Older revision		Revision as of 23:44, 23 March 2026
Line 1:		Line 1:
	/* Logo: top center, responsive */		/* Logo: top center, natural size (416x100), responsive */
	#p-logo {		#p-logo {
	position: fixed;		position: fixed;
Line 6:		Line 6:
	top: 5px;		top: 5px;
	z-index: 1000;		z-index: 1000;
	~~width: auto;~~
	}		}
	.mw-wiki-logo {		.mw-wiki-logo {
Line 12:		Line 11:
	background-repeat: no-repeat !important;		background-repeat: no-repeat !important;
	background-position: center !important;		background-position: center !important;
	width: ~~200px~~ !important;		width: 416px !important;
	height: ~~75px~~ !important;		height: 100px !important;
	display: block;		display: block;
	}		}
	~~/* Align everything to the bottom of the logo~~ (~~5px + 75px = 80px~~) */		#mw-head { top: 110px; }
	#mw-head {		#mw-head-base { height: 110px; }
	top: ~~80px~~;		#mw-page-base { padding-top: 110px; }
			#mw-panel { padding-top: 110px; }

			@media (max-width: 900px) {
			.mw-wiki-logo { width: 300px !important; height: 72px !important; }
			#mw-head, #mw-head-base { top: 82px; height: 82px; }
			#mw-page-base { padding-top: 82px; }
			#mw-panel { padding-top: 82px; }
	}		}
	~~#mw-head-base {~~		@media (max-width: 600px) {
	~~height: 80px;~~		.mw-wiki-logo { width: 200px !important; height: 48px !important; }
	}		#mw-head, #mw-head-base { top: 58px; height: 58px; }
	~~#mw-page-base {~~		#mw-page-base { padding-top: 58px; }
	~~padding-top: 80px;~~		#mw-panel { padding-top: 58px; }
	}
	~~/* Push left sidebar down to match */~~
	~~#mw-panel {~~
	~~padding-top: 80px;~~
	}
	@media ~~screen and~~ (max-width: ~~720px~~) {
	.mw-wiki-logo { width: ~~130px~~ !important; height: ~~50px~~ !important; }
	#mw-head ~~{ top: 55px; }~~
	#mw-head-base { height: ~~55px~~; }
	#mw-page-base { padding-top: ~~55px~~; }
	#mw-panel { padding-top: ~~55px~~; }
	}		}

Maintenance script: Push sidebar down to match logo

2026-03-23T23:42:36Z

Push sidebar down to match logo

← Older revision		Revision as of 23:42, 23 March 2026
Line 24:		Line 24:
	}		}
	#mw-page-base {		#mw-page-base {
			padding-top: 80px;
			}
			/* Push left sidebar down to match */
			#mw-panel {
	padding-top: 80px;		padding-top: 80px;
	}		}
Line 31:		Line 35:
	#mw-head-base { height: 55px; }		#mw-head-base { height: 55px; }
	#mw-page-base { padding-top: 55px; }		#mw-page-base { padding-top: 55px; }
			#mw-panel { padding-top: 55px; }
	}		}

Maintenance script: Align nav to logo bottom

2026-03-23T23:41:24Z

Align nav to logo bottom

← Older revision		Revision as of 23:41, 23 March 2026
Line 16:		Line 16:
	display: block;		display: block;
	}		}
	/* ~~Push top nav bar down~~ to ~~clear~~ the logo */		/* Align everything to the bottom of the logo (5px + 75px = 80px) */
	#mw-head {		#mw-head {
	top: ~~85px~~;		top: 80px;
	}		}
	#mw-head-base {		#mw-head-base {
	height: ~~85px~~;		height: 80px;
	}		}
	~~/* Push content area down too */~~
	#mw-page-base {		#mw-page-base {
	padding-top: ~~85px~~;		padding-top: 80px;
	}		}
	@media screen and (max-width: 720px) {		@media screen and (max-width: 720px) {
	.mw-wiki-logo { width: 130px !important; height: 50px !important; }		.mw-wiki-logo { width: 130px !important; height: 50px !important; }
	#mw-head, #mw-head-base { ~~top~~: ~~60px~~; ~~height~~: ~~60px~~; }		#mw-head { top: 55px; }
			#mw-head-base { height: 55px; }
			#mw-page-base { padding-top: 55px; }
	}		}

Maintenance script: Logo: top center

2026-03-23T23:38:09Z

Logo: top center

← Older revision		Revision as of 23:38, 23 March 2026
Line 1:		Line 1:
	/* Logo: top ~~left~~, responsive */		/* Logo: top center, responsive */
	#p-logo {		#p-logo {
	position: fixed;		position: fixed;
	left: ~~10px~~;		left: 50%;
			transform: translateX(-50%);
	top: 5px;		top: 5px;
	z-index: 1000;		z-index: 1000;
Line 8:		Line 9:
	}		}
	.mw-wiki-logo {		.mw-wiki-logo {
	~~width: 180px !important;~~
	~~height: 70px !important;~~
	background-size: contain !important;		background-size: contain !important;
	background-repeat: no-repeat !important;		background-repeat: no-repeat !important;
	background-position: center !important;		background-position: center !important;
			width: 200px !important;
			height: 75px !important;
	display: block;		display: block;
	}		}
	/* Push ~~sidebar navigation below~~ the logo */		/* Push top nav bar down to clear the logo */
	#mw-~~panel .portal~~:~~first~~-of-~~type~~ {		#mw-head {
	~~margin~~-top: 85px;		top: 85px;
			}
			#mw-head-base {
			height: 85px;
			}
			/* Push content area down too */
			#mw-page-base {
			padding-top: 85px;
	}		}
	@media screen and (max-width: 720px) {		@media screen and (max-width: 720px) {
	.mw-wiki-logo {		.mw-wiki-logo { width: 130px !important; height: 50px !important; }
	width: ~~110px~~ !important;		#mw-head, #mw-head-base { top: 60px; height: 60px; }
	height: ~~43px~~ !important;
	}
	#mw-~~panel .portal:first~~-of-~~type~~ {
	~~margin-~~top: ~~55px~~;
	}
	}		}

Maintenance script: Fix logo overlapping sidebar

2026-03-23T22:39:35Z

Fix logo overlapping sidebar

← Older revision		Revision as of 22:39, 23 March 2026
Line 14:		Line 14:
	background-position: center !important;		background-position: center !important;
	display: block;		display: block;
			}
			/* Push sidebar navigation below the logo */
			#mw-panel .portal:first-of-type {
			margin-top: 85px;
	}		}
	@media screen and (max-width: 720px) {		@media screen and (max-width: 720px) {
Line 19:		Line 23:
	width: 110px !important;		width: 110px !important;
	height: 43px !important;		height: 43px !important;
			}
			#mw-panel .portal:first-of-type {
			margin-top: 55px;
	}		}
	}		}

Maintenance script: Move logo to top left

2026-03-23T22:35:03Z

Move logo to top left

← Older revision		Revision as of 22:35, 23 March 2026
Line 1:		Line 1:
	/* Logo: top ~~right~~, responsive */		/* Logo: top left, responsive */
	#p-logo {		#p-logo {
	position: fixed;		position: fixed;
	~~right~~: 10px;		left: 10px;
	top: 5px;		top: 5px;
	~~left: auto;~~
	z-index: 1000;		z-index: 1000;
	width: auto;		width: auto;

Maintenance script: Add logo CSS

2026-03-23T22:32:48Z

Add logo CSS

New page

/* Logo: top right, responsive */
#p-logo {
position: fixed;
right: 10px;
top: 5px;
left: auto;
z-index: 1000;
width: auto;
}
.mw-wiki-logo {
width: 180px !important;
height: 70px !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: block;
}
@media screen and (max-width: 720px) {
.mw-wiki-logo {
width: 110px !important;
height: 43px !important;
}
}