MediaWiki:Common.css: Difference between revisions

Latest revision as of 12:15, 25 July 2026


/* === Indianpedia Main Page (mp-*) styles — start === */
.mp-panel {
	width: 100%;
	border: 1px solid #a2a9b1;
	background-color: #dce8f8;
	vertical-align: top;
	margin: 0 0 0.75em 0;
	border-spacing: 0.5em;
	border-collapse: separate;
	box-sizing: border-box;
}

.mp-welcome-title {
	font-size: 185%;
	font-weight: bold;
	font-family: 'Linux Libertine', 'Georgia', 'Times New Roman', serif;
	line-height: 1.2;
}

.mp-welcome-links a {
	white-space: nowrap;
}

.mp-subpanel {
	vertical-align: top;
	color: #202122;
	border: 1px solid #a2a9b1;
	background-color: #fff;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	box-sizing: border-box;
}

.mp-left { width: 55%; }
.mp-right { width: 45%; }

/* Main Page polish for Vector 2022 */
body.page-Main_Page .mw-page-title-main,
body.page-Main_Page .firstHeading {
	border-bottom: 0;
}

body.page-Main_Page .mw-parser-output > p:empty {
	display: none;
}

body.page-Main_Page .mw-parser-output .mp-panel a.new {
	/* soften redlinks on portal */
	color: #3366cc;
}

@media screen and (max-width: 800px) {
	.mp-left,
	.mp-right {
		width: 100% !important;
		display: block;
	}
	.mp-panel,
	.mp-panel > tbody,
	.mp-panel > tbody > tr,
	.mp-panel > tbody > tr > td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
}
/* === Indianpedia Main Page (mp-*) styles — end === */

@@ Line 1: / Line 1: @@
 /* === Indianpedia Main Page (mp-*) styles — start === */
 .mp-panel {
 	width: 100%;
-	height: auto;
+	border: 1px solid #a2a9b1;
-	border: 1px solid #88A;
+	background-color: #dce8f8;
-	background-color: #ACF;
 	vertical-align: top;
-	margin: 0em 0em 0.5em 0em;
+	margin: 0 0 0.75em 0;
-	border-spacing: 0.6em;
+	border-spacing: 0.5em;
-}
+	border-collapse: separate;
+	box-sizing: border-box;
-.mp-panel h1 {
-	font-size: 230%;
-	font-family: 'hoefler text','times new roman', serif;
-	font-variant: small-caps;
-	border: none;
-	margin: 0;
-	padding: 5pt
 }
-.mp-panel h2 {
+.mp-welcome-title {
-	text-align: left;
+	font-size: 185%;
-	font-size: 1.2em;
-	margin: 4px 0;
-	padding: 1.5px 0 2px 4px;
 	font-weight: bold;
-	border: 1px solid #AAA;
+	font-family: 'Linux Libertine', 'Georgia', 'Times New Roman', serif;
-	text-align: left;
+	line-height: 1.2;
-	color: #000;
-	display: block !important;
 }
-.mp-panel h2 span {
+.mp-welcome-links a {
-	display: inline !important;
+	white-space: nowrap;
 }
 .mp-subpanel {
 	vertical-align: top;
-	color: #000;
+	color: #202122;
-	border: 3px double #AAA;
+	border: 1px solid #a2a9b1;
-	background-color: #ffffff;
+	background-color: #fff;
-	padding: 0.5em;
 	margin: 0;
 	width: 100%;
+	border-collapse: collapse;
+	box-sizing: border-box;
 }
-.mp-left {
+.mp-left { width: 55%; }
-	width: 55%;
+.mp-right { width: 45%; }
-}
-.mp-right {
+/* Main Page polish for Vector 2022 */
-	width: 45%;
+body.page-Main_Page .mw-page-title-main,
+body.page-Main_Page .firstHeading {
+	border-bottom: 0;
 }
-#EnWpMpBook2 {
+body.page-Main_Page .mw-parser-output > p:empty {
-	padding: 1em 0 .6em;
+	display: none;
 }
-body.skin-minerva table {
+body.page-Main_Page .mw-parser-output .mp-panel a.new {
-	border-collapse: separate !important;
+	/* soften redlinks on portal */
+	color: #3366cc;
 }
-@media screen and ( max-width: 720px ) {
+@media screen and (max-width: 800px) {
-    body.skin-minerva td,
+	.mp-left,
-    body.skin-minerva tr,
+	.mp-right {
-    body.skin-minerva tbody,
+		width: 100% !important;
-    body.skin-minerva table {
+		display: block;
-        display: block;
-        width: 100% !important;
-        box-sizing: border-box;
-    }
-    #mf-projs td:not(:only-child) {
-    	display: inline-block;
-    	width: 40% !important;
-    	padding: 5px 0;
-    }
-    #mf-projs td:nth-child(even) {
-    	width: 50% !important;
-    }
-	#mf-projs td.empty {
-		display: none !important;
-	}
-	#mf-know td:last-child tr {
-		display: flex;
-		flex-direction: column-reverse;
-	}
-	#mf-know {
-		text-align: center;
-	}
-	#mf-know table {
-		margin: 0;
-	}
-	#mf-know td {
-		padding: 0 !important;
 	}
-	#mf-know td tr {
+	.mp-panel,
-		padding: 1em 0;
+	.mp-panel > tbody,
+	.mp-panel > tbody > tr,
+	.mp-panel > tbody > tr > td {
+		display: block;
+		width: 100% !important;
+		box-sizing: border-box;
 	}
 }
 /* === Indianpedia Main Page (mp-*) styles — end === */