MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* Custom CSS here */
+/* Infoboxes */
+.infobox {
+	border: 1px solid #a2a9b1;
+	color: black;
+	padding: 0.2em;
+	font-size: .9em;
+	line-height: 1.5em;
+	border-spacing: 3px;
+}
+.infobox th {
+    background-color: #e4dcf6;
+    font-size: 1.1em;
+    font-weight: bold;
+    text-align: left;
+}
+.infobox td {
+    padding: 0.2em 0.5em;
+}
+@media screen {
+	.infobox {
+		background-color: #f8f9fa;
+    }
+}
+@media (max-width: 640px) {
+	.infobox {
+		float: none;
+		clear: both;
+		width: 100%;
+		max-width: 100%;
+		margin: 0 0 1em 0;
+		table-layout: fixed;
+	}
+	.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;
+}
+.infobox .infobox-caption td {
+    text-align: center;
+}
+/* Fixes weird stretching bug on Vector */
+.infobox img {
+    display: block;
+    margin: 0 auto;
+    max-width: 100%;
+    height: auto;
+}
+/* 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 !important;
+}
+.infobox-caption {
+    font-size: .9em;
+    text-align: center !important;
+}
+.infobox-title {
+    background: #ccbbee !important;
+}
+.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;
+}