MediaWiki:Mobile.css - Revision history

Bigboss: Replaced content with "/* ignore this page, it is no longer needed"

2026-05-15T23:21:15Z

Replaced content with "/* ignore this page, it is no longer needed"

← Older revision		Revision as of 23:21, 15 May 2026
Line 1:		Line 1:
	/* ~~=========================~~		/* ignore this page, it is no longer needed
	~~VECTOR 2022 MOBILE (ACCESSIBLE)~~
	~~========================= */~~

	~~/* Prevent iOS font auto-scaling issues */~~
	~~html {~~
	~~-webkit-text-size-adjust: 100%;~~
	~~-ms-text-size-adjust: 100%;~~
	~~text-size-adjust: 100%;~~
	}

	~~/* Base layout */~~
	~~body~~,
	~~.vector-body,~~
	~~.mw-body,~~
	~~.mw-parser-output {~~
	~~font-size: 22px !important;~~
	~~line-height: 1.8 !important;~~
	~~max-width: 100%;~~
	~~overflow-x: hidden;~~
	~~word-wrap: break-word;~~
	~~overflow-wrap: break-word;~~
	~~padding-left: 14px;~~
	~~padding-right: 14px;~~
	~~box-sizing: border-box;~~
	}

	~~/* Paragraphs + general text */~~
	p,
	~~li,~~
	~~td,~~
	~~th {~~
	~~font-size: 1rem !important;~~
	~~line-height: 1.8 !important;~~
	}

	~~/* Headings */~~
	~~h1 {~~
	~~font-size: 2.2rem !important;~~
	~~line-height: 1.2;~~
	}

	~~h2 {~~
	~~font-size: 1.8rem !important;~~
	~~line-height: 1.3;~~
	}

	~~h3 {~~
	~~font-size: 1.4rem !important;~~
	~~line-height: 1.4;~~
	}

	~~/* Infobox (mobile-friendly) */~~
	~~.infobox {~~
	~~float: none !important;~~
	~~width: 100% !important;~~
	~~max-width: 100% !important;~~
	~~margin: 1em 0 !important;~~
	~~padding: 14px;~~
	~~border: 1px solid #aaa;~~
	~~background: #f9f9f9;~~
	~~font-size: 1rem !important;~~
	~~box-sizing: border-box;~~
	}

	~~/* Tables */~~
	~~table {~~
	~~display: block;~~
	~~width: 100%;~~
	~~max-width: 100%;~~
	~~overflow-x: auto;~~
	~~border-collapse: collapse;~~
	}

	~~/* Images */~~
	~~img {~~
	~~max-width: 100%;~~
	~~height: auto;~~
	}

	~~/* Links */~~
	~~a {~~
	~~word-break: break-word;~~
	~~overflow-wrap: break-word;~~
	}

	~~/* Forms */~~
	~~input,~~
	~~button,~~
	~~select,~~
	~~textarea {~~
	~~font-size: 1rem !important;~~
	}

	~~/* Code blocks */~~
	~~pre,~~
	~~code {~~
	~~font-size: 0.9rem;~~
	~~overflow-x: auto;~~
	~~max-width: 100%;~~
	}

	~~/* Sidebar / navigation cleanup */~~
	~~#mw-panel,~~
	~~.vector-sidebar,~~
	~~.vector-toc {~~
	~~font-size: 1rem;~~
	~~width: 100%;~~
	}

Bigboss at 23:17, 15 May 2026

2026-05-15T23:17:11Z

← Older revision		Revision as of 23:17, 15 May 2026
Line 1:		Line 1:
	/* =========================		/* =========================
	ACCESSIBLE ~~MOBILE WIKI CSS~~		VECTOR 2022 MOBILE (ACCESSIBLE)
	~~Designed for readability~~
	========================= */		========================= */

	/* Prevent ~~iPhone text shrinking~~ */		/* Prevent iOS font auto-scaling issues */
	html {		html {
	-webkit-text-size-adjust: 100%;		-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
			text-size-adjust: 100%;
	}		}

	/* ~~Main body text~~ */		/* Base layout */
	body,		body,
			.vector-body,
	.mw-body,		.mw-body,
	.~~vector~~-~~body~~ {		.mw-parser-output {
	font-size: 22px;		font-size: 22px !important;
	line-height: 1.8;		line-height: 1.8 !important;
	~~font-family: sans-serif~~;
	max-width: 100%;		max-width: 100%;
	overflow-x: hidden;		overflow-x: hidden;
			word-wrap: break-word;
			overflow-wrap: break-word;
	padding-left: 14px;		padding-left: 14px;
	padding-right: 14px;		padding-right: 14px;
	box-sizing: border-box;		box-sizing: border-box;
	~~word-wrap: break-word;~~
	~~overflow-wrap: break-word;~~
	}		}

	/* Paragraphs */		/* Paragraphs + general text */
	p,		p,
	li,		li,
	td,		td,
	th {		th {
	font-size: 1rem;		font-size: 1rem !important;
	line-height: 1.8;		line-height: 1.8 !important;
	}		}

	/* Headings */		/* Headings */
	h1 {		h1 {
	font-size: 2.2rem;		font-size: 2.2rem !important;
	line-height: 1.2;		line-height: 1.2;
	~~margin-top: 0.5em;~~
	}		}

	h2 {		h2 {
	font-size: 1.8rem;		font-size: 1.8rem !important;
	line-height: 1.3;		line-height: 1.3;
	~~margin-top: 1em;~~
	}		}

	h3 {		h3 {
	font-size: 1.~~5rem~~;		font-size: 1.4rem !important;
	line-height: 1.4;		line-height: 1.4;
	}		}

	/* Infobox */		/* Infobox (mobile-friendly) */
	.infobox {		.infobox {
	float: none;		float: none !important;
	width: 100%;		width: 100% !important;
	max-width: 100%;		max-width: 100% !important;
	margin: 1em 0;		margin: 1em 0 !important;
	padding: 14px;		padding: 14px;
	border: 1px solid #aaa;		border: 1px solid #aaa;
	background~~-color~~: #f9f9f9;		background: #f9f9f9;
			font-size: 1rem !important;
	box-sizing: border-box;		box-sizing: border-box;
	~~font-size: 1rem;~~
	}		}

	/* Tables */		/* Tables */
	table {		table {
			display: block;
	width: 100%;		width: 100%;
	~~display~~: ~~block~~;		max-width: 100%;
	overflow-x: auto;		overflow-x: auto;
	border-collapse: collapse;		border-collapse: collapse;
Line 82:		Line 82:
	a {		a {
	word-break: break-word;		word-break: break-word;
	}		overflow-wrap: break-word;

	~~/* Sidebar */~~
	~~#mw-panel,~~
	~~.vector-sidebar,~~
	~~.vector-toc {~~
	~~font~~-~~size~~: ~~1rem~~;
	}		}

Line 96:		Line 90:
	select,		select,
	textarea {		textarea {
	font-size: 1rem;		font-size: 1rem !important;
	}		}

Line 102:		Line 96:
	pre,		pre,
	code {		code {
			font-size: 0.9rem;
	overflow-x: auto;		overflow-x: auto;
	max-width: 100%;		max-width: 100%;
	font-size: ~~0.9rem~~;		}

			/* Sidebar / navigation cleanup */
			#mw-panel,
			.vector-sidebar,
			.vector-toc {
			font-size: 1rem;
			width: 100%;
	}		}

Bigboss at 22:57, 15 May 2026

2026-05-15T22:57:11Z

Show changes

Bigboss at 22:53, 15 May 2026

2026-05-15T22:53:21Z

Show changes

Bigboss: Created page with "/* ========================= MOBILE RESPONSIVE FIXES MediaWiki Common.css ========================= / / Prevent horizontal scrolling / html, body { max-width: 100%; overflow-x: hidden; } / Make images scale properly / img { max-width: 100%; height: auto; } / Responsive tables / table { width: 100%; max-width: 100%; overflow-x: auto; display: block; } / Infobox mobile behavior */ .infobox { float: right; width:..."

2026-05-15T22:41:07Z

Created page with "========================= MOBILE RESPONSIVE FIXES MediaWiki Common.css =========================: Prevent horizontal scrolling: html, body { max-width: 100%; overflow-x: hidden; } Make images scale properly: img { max-width: 100%; height: auto; } Responsive tables: table { width: 100%; max-width: 100%; overflow-x: auto; display: block; } Infobox mobile behavior: .infobox { float: right; width:..."

New page

/* =========================
MOBILE RESPONSIVE FIXES
MediaWiki Common.css
========================= */

/* Prevent horizontal scrolling */
html, body {
max-width: 100%;
overflow-x: hidden;
}

/* Make images scale properly */
img {
max-width: 100%;
height: auto;
}

/* Responsive tables */
table {
width: 100%;
max-width: 100%;
overflow-x: auto;
display: block;
}

/* Infobox mobile behavior */
.infobox {
float: right;
width: 300px;
max-width: 100%;
margin: 0 0 1em 1em;
border: 1px solid #aaa;
background: #f9f9f9;
padding: 8px;
box-sizing: border-box;
}

/* Mobile layout */
@media screen and (max-width: 768px) {

/* Make content fit screen */
#content,
.mw-body,
.vector-body {
width: 100% !important;
margin: 0 !important;
padding: 10px !important;
box-sizing: border-box;
}

/* Stack infoboxes */
.infobox {
float: none;
width: 100%;
margin: 1em 0;
}

/* Better text sizing */
body {
font-size: 16px;
line-height: 1.5;
}

/* Prevent giant headings */
h1 {
font-size: 1.8em;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.2em;
}

/* Navigation cleanup */
#mw-panel,
.vector-sidebar {
width: 100%;
}

/* Responsive tables */
table {
display: block;
overflow-x: auto;
white-space: nowrap;
}

/* Fix long links/text */
a,
p,
li {
word-wrap: break-word;
overflow-wrap: break-word;
}
}