Module:Infobox/styles.css: Difference between revisions

Help

Retrieved from "https://wiki.theieco.com/Module:Infobox/styles.css"

@@ Line 31: / Line 31: @@
 }
-/* T281642 */
+/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
-body.skin-minerva .infobox-header,
-body.skin-minerva .infobox-subheader,
+@media screen {
-body.skin-minerva  .infobox-above,
+    skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
-body.skin-minerva .infobox-title,
+	    background: #1f1f23 !important;
-body.skin-minerva  .infobox-image,
+	      /* switch with var( --color-base ) when supported. */
-body.skin-minerva  .infobox-full-data,
+	      color: #f8f9fa;
-body.skin-minerva .infobox-below {
+	}
-	text-align: center;
+}
+@media screen and ( prefers-color-scheme: dark) {
+    skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) {
+      background: #1f1f23 !important;
+      /* switch with var( --color-base ) when supported. */
+      color: #f8f9fa;
+    }
+}
+/* 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
+Currently in use on: [[Module:Infobox3cols]]
+Fixes issue described in https://phabricator.wikimedia.org/F55300125 on Vector 2022.
+*/
+@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;
+  }
 }