MediaWiki:Gadget-MainPageStyle.css: Difference between revisions

Latest revision as of 10:33, March 20, 2025

/* CSS styling and responsive support for the main page */

/* Site styles */
.containerContent > ul:first-of-type {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0.75em !important;
}
.containerContent > .floatright + p, .mp-navigation {
	margin-top: 0 !important;
}

/* Fixed-width skins */
body:is(.mobile, .skin-onyx, .skin-vector-2022) #mp-container {
	width: 100% !important;
}

/* Responsive fixes */
@media all and (max-width: 719px) {
	#mp-container {
		overflow: visible !important;
	}
	:is(#mp-container, .mp-navigation) > * > tr > td {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
		border: 0 !important;
	}
	body .containerTem :is(.floatleft, .floatright) {
		margin: 0 !important;
	}
	.containerContent input.mw-ui-input {
		width: 70% !important;
	}
	.containerTem .containerTem {
		padding: 0 !important;
	}
	.containerTem {
		width: auto !important;
	}
}

@@ Line 7: / Line 7: @@
 	margin-right: 0.75em !important;
 }
-.containerContent > .twitter-timeline {
+.containerContent > .floatright + p, .mp-navigation {
-	min-height: 381px !important;
-	margin-left: auto !important;
-	margin-right: auto !important;
-}
-.containerContent > .floatright + p,
-.mp-navigation {
 	margin-top: 0 !important;
 }
@@ Line 27: / Line 21: @@
 		overflow: visible !important;
 	}
-	#mp-container > tbody > tr > td,
+	:is(#mp-container, .mp-navigation) > * > tr > td {
-	.mp-navigation > tbody > tr > td,
-	table.communities > tbody > tr > th {
 		display: block !important;
 		width: auto !important;
@@ Line 35: / Line 27: @@
 		border: 0 !important;
 	}
-	table.communities > tbody > tr > th:not(:last-of-type) {
+	body .containerTem :is(.floatleft, .floatright) {
-		margin-bottom: 15px;
+		margin: 0 !important;
-	}
-	table.communities > tbody > tr:not(:first-of-type) {
-		display: none !important;
-	}
-	body .containerTem .floatleft,
-	body .containerTem .floatright {
-		margin-top: 0 !important;
 	}
 	.containerContent input.mw-ui-input {