MediaWiki:Mobile.css - Revision history

BudhaRam Patel at 09:15, 12 January 2026

2026-01-12T09:15:38Z

← Older revision		Revision as of 14:45, 12 January 2026
Line 26:		Line 26:
	}		}

	/* ===== ~~Search box full width~~ ===== */		/* ===== Fix search bar overflow on mobile ===== */
			.page-Home form,
			.page-Home .mw-search-form {
			max-width: 100% !important;
			padding: 0 12px !important;
			box-sizing: border-box !important;
			}

			/* Search input */
	.page-Home input[type="search"],		.page-Home input[type="search"],
	.page-Home input[type="text"] {		.page-Home input[type="text"] {
	width: 100% !important;		width: 100% !important;
	font-size: ~~18px~~ !important;		max-width: 100% !important;
	padding: ~~14px~~ !important;		font-size: 17px !important;
	box-sizing: border-box;		padding: 12px !important;
			box-sizing: border-box !important;
	}		}

	/* ~~===== Search buttons bigger =====~~ */		/* Buttons alignment */
	.page-Home input[type="submit"],		.page-Home input[type="submit"],
	.page-Home button {		.page-Home button {
	font-size: ~~16px~~ !important;		font-size: 15px !important;
	padding: ~~10px 14px~~ !important;		padding: 8px 12px !important;
			margin-top: 6px !important;
	}		}


	/* ===== Remove footer junk (last edited, license etc.) ===== */		/* ===== Remove footer junk (last edited, license etc.) ===== */

BudhaRam Patel at 09:09, 12 January 2026

2026-01-12T09:09:45Z

← Older revision		Revision as of 14:39, 12 January 2026
Line 1:		Line 1:
	/* ===== ~~Marupedia Mobile Homepage Fix~~ ===== */		/* ===== CLEAN TOP AREA (remove white gap) ===== */
			.mw-mf-page-center,
			.header-container,
			.minerva-header {
			margin-top: 0 !important;
			padding-top: 0 !important;
			}

	/* Logo ~~बड़ा करने के लिए~~ */		/* ===== Hide top bars on Home page ===== */
			.page-Home .minerva__tabs,
			.page-Home .minerva__navigation,
			.page-Home .minerva__header {
			display: none !important;
			}

			/* ===== Logo large & centered ===== */
	.page-Home img {		.page-Home img {
	max-width: 90% !important;		max-width: 90% !important;
	height: auto !important;		height: auto !important;
	~~margin: 0 auto 20px auto;~~
	~~display: block;~~
	}		}

	/* ~~Title (Marupedia)~~ */		/* ===== Big heading ===== */
	.page-Home h1 {		.page-Home h1 {
	font-size: 28px !important;		font-size: 28px !important;
	~~margin~~-~~top~~: ~~10px;~~		text-align: center !important;
	}

	~~/* Subtitle */~~
	~~.page-Home p {~~
	~~font-size: 16px~~ !important;
	}		}

	/* Search box ~~बड़ा~~ */		/* ===== Search box full width ===== */
	.page-Home input[type="search"],		.page-Home input[type="search"],
	.page-Home input[type="text"] {		.page-Home input[type="text"] {
	width: 95% !important;		width: 100% !important;
	font-size: 18px !important;		font-size: 18px !important;
	padding: ~~12px~~ !important;		padding: 14px !important;
			box-sizing: border-box;
	}		}

	/* Search ~~button~~ */		/* ===== Search buttons bigger ===== */
	~~.page-Home button,~~		.page-Home input[type="submit"],
	.page-Home input[type="submit"] {		.page-Home button {
	font-size: 16px !important;		font-size: 16px !important;
	padding: 10px 14px !important;		padding: 10px 14px !important;
	}		}

	/* ~~ऊपर की खाली जगह हटाने के लिए~~ */		/* ===== Remove footer junk (last edited, license etc.) ===== */
	#mw-mf-~~page~~-~~center {~~		.page-Home #footer-info,
	~~padding~~-~~top: 0 !important;~~		.page-Home #footer-places,
	}		.page-Home .last-modified-bar,
			.page-Home .printfooter {
	~~/* Footer hide (mobile only) */~~
	.last-modified-bar,
	.~~post~~-~~content-footer~~ {
	display: none !important;		display: none !important;
	}		}

BudhaRam Patel at 09:02, 12 January 2026

2026-01-12T09:02:46Z

← Older revision		Revision as of 14:32, 12 January 2026
Line 1:		Line 1:
	~~/* All CSS here will be loaded for users of the mobile site */~~		/* ===== Marupedia Mobile Homepage Fix ===== */
	/* =====~~====================~~
	Marupedia Mobile Homepage
	~~====================~~===== */

	/* ~~Home page only~~ */		/* Logo बड़ा करने के लिए */
	~~body~~.page-Home {		.page-Home img {

	~~/* Remove extra top padding */~~
	~~.mw-body {~~
	~~padding-top: 0 !important;~~
	}

	~~/* Center everything */~~
	~~.mw-parser-output {~~
	~~text-align: center;~~
	}

	~~/* LOGO */~~
	~~.mw-parser-output~~ img {
	max-width: 90% !important;		max-width: 90% !important;
	height: auto !important;		height: auto !important;
	margin: ~~16px~~ auto ~~!important~~;		margin: 0 auto 20px auto;
			display: block;
	}		}

	/* ~~Main title~~ */		/* Title (Marupedia) */
	.mw-~~parser-output~~ h1 {		.page-Home h1 {
	font-size: 28px !important;		font-size: 28px !important;
			margin-top: 10px;
	}		}

	/* Subtitle */		/* Subtitle */
	.mw-~~parser-output~~ p {		.page-Home p {
	font-size: 16px !important;		font-size: 16px !important;
	}		}

	/* ~~SEARCH BOX~~ */		/* Search box बड़ा */
	.mw-search~~-form~~,		.page-Home input[type="search"],
	.~~searchbox,~~		.page-Home input[type="text"] {
	~~form~~[action*="~~Special:Search~~"] {		width: 95% !important;
	~~width: 100% !important;~~
	~~max-~~width: 95~~% !important;~~
	~~margin: 16px auto !important;~~
	}

	~~.mw-search-input {~~
	~~width: 100~~% !important;
	font-size: 18px !important;		font-size: 18px !important;
	padding: 12px !important;		padding: 12px !important;
	}		}

	.mw-~~search~~-submit {		/* Search button */
	~~width: 100% !important;~~		.page-Home button,
	font-size: ~~18px~~ !important;		.page-Home input[type="submit"] {
	padding: 10px !important;		font-size: 16px !important;
	~~margin-top: 8px~~;		padding: 10px 14px !important;
	}		}

	/* ~~Language links~~ */		/* ऊपर की खाली जगह हटाने के लिए */
	.mw-~~parser~~-~~output a~~ {		#mw-mf-page-center {
	~~font~~-~~size~~: ~~16px~~;		padding-top: 0 !important;
	}		}

	/* Footer ~~text~~ */		/* Footer hide (mobile only) */
	~~#footer {~~		.last-modified-bar,
	~~font~~-~~size: 14px;~~		.post-content-footer {
	}

	~~/* Remove edit/history tabs on mobile home */~~
	#p-~~views~~,
	#p-~~cactions,~~
	#p-~~search~~ {
	display: none !important;		display: none !important;
	}
	}		}

BudhaRam Patel: Created page with "/* All CSS here will be loaded for users of the mobile site / / ========================= Marupedia Mobile Homepage ========================= / / Home page only / body.page-Home { / Remove extra top padding / .mw-body { padding-top: 0 !important; } / Center everything / .mw-parser-output { text-align: center; } / LOGO / .mw-parser-output img { max-width: 90% !important; height: auto !important; margin: 16px auto !important; } /..."

2026-01-12T08:56:07Z

Created page with "All CSS here will be loaded for users of the mobile site: ========================= Marupedia Mobile Homepage =========================: Home page only: body.page-Home { Remove extra top padding: .mw-body { padding-top: 0 !important; } Center everything: .mw-parser-output { text-align: center; } LOGO: .mw-parser-output img { max-width: 90% !important; height: auto !important; margin: 16px auto !important; } /*..."

New page

/* All CSS here will be loaded for users of the mobile site */
/* =========================
Marupedia Mobile Homepage
========================= */

/* Home page only */
body.page-Home {

/* Remove extra top padding */
.mw-body {
padding-top: 0 !important;
}

/* Center everything */
.mw-parser-output {
text-align: center;
}

/* LOGO */
.mw-parser-output img {
max-width: 90% !important;
height: auto !important;
margin: 16px auto !important;
}

/* Main title */
.mw-parser-output h1 {
font-size: 28px !important;
}

/* Subtitle */
.mw-parser-output p {
font-size: 16px !important;
}

/* SEARCH BOX */
.mw-search-form,
.searchbox,
form[action*="Special:Search"] {
width: 100% !important;
max-width: 95% !important;
margin: 16px auto !important;
}

.mw-search-input {
width: 100% !important;
font-size: 18px !important;
padding: 12px !important;
}

.mw-search-submit {
width: 100% !important;
font-size: 18px !important;
padding: 10px !important;
margin-top: 8px;
}

/* Language links */
.mw-parser-output a {
font-size: 16px;
}

/* Footer text */
#footer {
font-size: 14px;
}

/* Remove edit/history tabs on mobile home */
#p-views,
#p-cactions,
#p-search {
display: none !important;
}
}