MediaWiki:Common.css

From ProtoFab
Revision as of 15:39, 7 April 2026 by Vraj (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* Keep header and page clean */
.mw-page-container {
	max-width: 100%;
}

.vector-header-container,
.vector-sticky-header-container {
	border-bottom: 1px solid #eaecf0;
}

.mw-body {
	font-size: 0.98rem;
	line-height: 1.6;
}


/* Clean tables */
.wikitable {
	font-size: 0.95rem;
	border-collapse: collapse;
}

.wikitable th,
.wikitable td {
	padding: 0.5em 0.75em;
}


/* Mobile layout */
@media (max-width: 768px) {
	/* Reduce large title/banner padding */
	.mainpage-banner {
		padding: 1rem !important;
		font-size: 1.5rem !important;
		text-align: center;
	}

	/* Stack top quick links vertically */
	.mainpage-links td,
	.mainpage-links th {
		display: block;
		width: 100% !important;
		border-left: none !important;
		border-right: none !important;
		border-top: 1px solid #a2a9b1;
		box-sizing: border-box;
		text-align: center;
		padding: 1rem 0.75rem !important;
	}

	.mainpage-links tr:first-child td:first-child,
	.mainpage-links tr:first-child th:first-child {
		border-top: none;
	}

	/* Stack homepage content columns */
	.mainpage-sections td,
	.mainpage-sections th {
		display: block;
		width: 100% !important;
		white-space: normal;
		box-sizing: border-box;
	}

	/* Reduce page side padding */
	.mw-body,
	.vector-body {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}

	/* Allow list links to wrap naturally */
	.mainpage-sections a {
		white-space: normal;
		word-break: break-word;
	}
}