MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 137: / Line 137: @@
 	position: relative;
 	float: right;
-	margin: 0 0 1em 1em;
+	margin: -2em 0 1em 1em; /* pull upward to remove top gap */
 	width: 300px;
 	font-size: 90%;
@@ Line 143: / Line 143: @@
 	border: 1px solid #b8d4f1; /* soft blue border */
 	padding: 2px;
-	overflow: hidden; /* prevent layout shift, fixed from auto */
+	overflow: hidden; /* fix weird float spacing */
 	box-shadow: 0 1px 3px rgba(0, 50, 100, 0.1);
 	border-radius: 4px;
-	clear: none !important; /* ensure no vertical gap above article */
+	clear: none !important; /* prevent forced drop below title */
-	margin-top: 0 !important; /* prevent space above article */
+	z-index: 1; /* makes sure it stacks above content if overlapping slightly */
 }
@@ Line 167: / Line 167: @@
 }
+/* optional: specific fix for MW heading float glitch */
+.mw-body-content > .infobox {
+	margin-top: -2em !important;
+}
+#firstHeading + .infobox {
+	margin-top: -2em !important;
+	position: relative;
+	top: -0.5em;
+}
+/* --- title --- */
 .infobox-title {
 	background: #3b82f6; /* bright medium blue */
@@ Line 182: / Line 193: @@
 }
+/* --- lists + layout --- */
 .infobox th + td > ul {
 	list-style: none;
@@ Line 187: / Line 199: @@
 }
+/* --- image area --- */
 .infobox-imagearea {
 	text-align: center;
@@ Line 221: / Line 234: @@
 }
-/* infobox tabber */
+/* --- tabber tweaks --- */
 .infobox-imagearea .tabber .tabbertab,
 .infobox-imagearea ul.tabbernav li a,
@@ Line 271: / Line 284: @@
 }
+/* --- rows --- */
 .infobox .infobox-rows {
 	display: table;
@@ Line 302: / Line 316: @@
 }
+/* --- footer --- */
 .infobox-footer {
 	text-align: center;