Module:Infobox/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /* {{pp|small=y}} */
-/*
+/* Infoboxes */
-  * This TemplateStyles sheet deliberately does NOT include the full set of
+.infobox {
-  * infobox styles. We are still working to migrate all of the manual
+	border: 1px solid #a2a9b1;
-  * infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]]
+	color: black;
- * DO NOT ADD THEM HERE
+	padding: 0.2em;
- */
+	font-size: 88%;
+	line-height: 1.5em;
+	border-spacing: 3px;
+}
+@media screen {
+	.infobox {
+		background-color: #f8f9fa;
+    }
+}
+@media (max-width: 640px) {
+	.infobox {
+		width: 100%;
+	}
+	.infobox .nowrap {
+		white-space: normal;
+	}
+}
+@media (min-width: 640px) {
+	.infobox {
+		/* @noflip */
+		margin: 0.5em 0 0.5em 1em;
+		/* @noflip */
+		float: right;
+		/* @noflip */
+		clear: right;
+		width: 22em;
+	}
+}
+.infobox-header,
+.infobox-label,
+.infobox-above,
+.infobox-full-data,
+.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;
+}
+/* Remove .infobox when element selectors above are removed */
+.infobox .infobox-above,
+.infobox .infobox-title,
+/* 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;
+}
+/* Remove .infobox when element selectors above are removed */
+.infobox .infobox-navbar {
+	/* @noflip */
+	text-align: right;
+}
 /*
   * not strictly certain these styles are necessary since the modules now