MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
+/* CSS placed here will be applied to all skins */
+/* Infoboxes */
 .infobox {
-  border: 1px solid #aaa;
+	border: 1px solid #a2a9b1;
-  background-color: #f9f9f9;
+	color: black;
-  color: black;
+	padding: 0.2em;
-  width: 250px;
+	font-size: 88%;
-  font-size: 90%;
+	line-height: 1.5em;
-  float: right;
+	border-spacing: 3px;
-  margin: 0 0 1em 1em;
-  padding: 0.2em;
 }
-.infobox td, .infobox th {
+@media screen {
-  padding: 0.2em;
+	.infobox {
-  vertical-align: top;
+		background-color: #f8f9fa;
+	}
 }
+@media (max-width: 640px) {
+	.infobox {
+		width: 100%;
+	}
+	.infobox .nowrap {
+		white-space: normal;
+	}
+}
+@media (min-width: 640px) {
+	.infobox {
+		margin: 0.5em 0 0.5em 1em;
+		float: right;
+		clear: right;
+		width: 22em;
+	}
+}
+.infobox-header,
+.infobox-label,
+.infobox-above,
+.infobox-full-data,
+.infobox-data,
+.infobox-below,
+.infobox-subheader,
+.infobox-image,
+.infobox-navbar,
+.infobox th,
+.infobox td {
+	vertical-align: top;
+}
+.infobox-label,
+.infobox-data,
+.infobox th,
+.infobox td {
+	text-align: left;
+}
+.infobox .infobox-above,
+.infobox .infobox-title,
 .infobox caption {
-  font-size: larger;
+	font-size: 125%;
-  font-weight: bold;
+	font-weight: bold;
+	text-align: center;
+}
+.infobox-title,
+.infobox caption {
+	padding: 0.2em;
+}
+.infobox .infobox-header,
+.infobox .infobox-subheader,
+.infobox .infobox-image,
+.infobox .infobox-full-data,
+.infobox .infobox-below {
+	text-align: center;
+}
+.infobox .infobox-navbar {
+	text-align: right;
 }