Module:Infobox/styles.css: Difference between revisions

Newer edit →

@@ Line 1: / Line 1: @@
-/* {{pp|small=y}} */
-/*
- * This TemplateStyles sheet deliberately does NOT include the full set of
- * infobox styles. We are still working to migrate all of the manual
- * infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]]
- * DO NOT ADD THEM HERE
- */
-/*
- * not strictly certain these styles are necessary since the modules now
- * exclusively output infobox-subbox or infobox, not both
- * just replicating the module faithfully
- */
 .infobox-subbox {
 	padding: 0;
@@ Line 42: / Line 30: @@
 }
+/* Infobox template style */
+.infobox {
+	border: 1px solid #a2a9b1;
+	border-spacing: 3px;
+	background-color: #f8f9fa;
+	color: black;
+	/* @noflip */
+	margin: 0.5em 0 0.5em 1em;
+	padding: 0.2em;
+	/* @noflip */
+	float: right;
+	/* @noflip */
+	clear: right;
+	font-size: 88%;
+	line-height: 1.5em;
+	width: 22em;
+}
-/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
+.infobox-header,
-html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
+.infobox-label,
-    background: #1f1f23 !important;
+.infobox-above,
-      /* switch with var( --color-base ) when supported. */
+.infobox-full-data,
-      color: #f8f9fa;
+.infobox-data,
+.infobox-below,
+.infobox-subheader,
+.infobox-image,
+.infobox-navbar,
+/* Remove element selector when every .infobox thing is using the standard module/templates  */
+.infobox th,
+.infobox td {
+	vertical-align: top;
 }
+.infobox-label,
+.infobox-data,
+/* Remove element selector when every .infobox thing is using the standard module/templates  */
+.infobox th,
+.infobox td {
+	/* @noflip */
+	text-align: left;
+}
-    html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) {
+/* Remove .infobox when element selectors above are removed */
-      background: #1f1f23 !important;
+.infobox .infobox-above,
-      /* switch with var( --color-base ) when supported. */
+.infobox .infobox-title,
-      color: #f8f9fa;
+/* Remove element selector when every .infobox thing is using the standard module/templates  */
-    }
+.infobox caption {
+	font-size: 125%;
+	font-weight: bold;
+	text-align: center;
+}
+.infobox-title,
+/* Remove element selector when every .infobox thing is using the standard module/templates  */
+.infobox caption {
+	padding: 0.2em;
+}
+/* Remove .infobox when element selectors above are removed */
+.infobox .infobox-header,
+.infobox .infobox-subheader,
+.infobox .infobox-image,
+.infobox .infobox-full-data,
+.infobox .infobox-below {
+	text-align: center;
+}
-/* Since infobox is a table, many infobox templates take advantage of this to add columns and rows to the infobox itself rather than as part of a new table inside them. This class should be discouraged and removed on the long term, but allows us to at least identify these tables going forward
+/* Remove .infobox when element selectors above are removed */
-Currently in use on: [[Module:Infobox3cols]]
+.infobox .infobox-navbar {
-Fixes issue described in https://phabricator.wikimedia.org/F55300125 on Vector 2022.
+	/* @noflip */
-*/
+	text-align: right;
-@media (min-width: 640px) {
-  body.skin--responsive .infobox-table {
-    display: table !important;
-  }
-  body.skin--responsive .infobox-table > caption {
-    display: table-caption !important;
-  }
-  body.skin--responsive .infobox-table > tbody {
-    display: table-row-group;
-  }
-  body.skin--responsive .infobox-table tr {
-    display: table-row !important;
-  }
-  body.skin--responsive .infobox-table th,
-  body.skin--responsive .infobox-table td {
-    padding-left: inherit;
-    padding-right: inherit;
-  }
 }