MediaWiki:Common.css: Difference between revisions

Latest revision as of 16:36, 15 October 2025

.skin-chameleon .chameleon-logo img {
    max-width: 30px;   /* desired width */
    max-height: 30px;   /* desired height */
    height: auto;
    width: auto;
}

/* ==============================
   Global Infobox Styling
   ============================== */
/* .infobox {
  border: 1px solid #a2a9b1;
  background: #f9f9f9;
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 280px;
  border-collapse: collapse;
  font-size: 95%;
}

.infobox th,
.infobox td {
  border: 1px solid #eaecf0;
  padding: 0.4em;
  vertical-align: top;
}

.infobox-title {
  text-align: center;
  padding: 0.6em;
  background: #eceff1;
  font-weight: 600;
  font-size: 110%;
}

.infobox-image {
  text-align: center;
  padding: 0.4em;
}

.infobox-caption {
  text-align: center;
  font-size: 90%;
  color: #54595d;
  padding: 0.3em;
}

.infobox-label {
  text-align: left;
  width: 35%;
  background: #f2f3f4;
  font-weight: 600;
}

.infobox-data {
  padding: 0.4em;
}
*/

.infobox { border:1px solid #a2a9b1; background:#f9f9f9; float:right; clear:right; margin:0 0 1em 1em; width:280px; border-collapse:collapse; font-size:95%; }
.infobox th, .infobox td { border:1px solid #eaecf0; padding:0.4em; vertical-align:top; }
.infobox-title { text-align:center; padding:0.6em; background:#eceff1; font-weight:600; font-size:110%; }
.infobox-image { text-align:center; padding:0.4em; }
.infobox-caption { text-align:center; font-size:90%; color:#54595d; padding:0.3em; }
.infobox-label { text-align:left; width:35%; background:#f2f3f4; font-weight:600; }
.infobox-data { padding:0.4em; }


/* Single-column Google Translate menu (crop right "featured" column) */
iframe.goog-te-menu-frame,
iframe[id*="goog-te-menu"],
iframe[src*="translate.googleapis.com"],
iframe[src*="translate.google.com"] {
  width: 500px !important;
  max-width: 500px !important;
  border: 0 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  border-radius: 8px !important;
  -webkit-clip-path: inset(0 160px 0 0) !important;
  clip-path: inset(0 160px 0 0) !important;
}

/* Optional: tidy trigger button */
#google_translate_element .goog-te-gadget-simple {
  border: 1px solid #d0d7de !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
  background: #fff !important;
}
#google_translate_element .goog-te-gadget-simple a {
  text-decoration: none !important;
  color: #1f2328 !important;
}

@@ Line 6: / Line 6: @@
 }
-/* Infoboxes */
+/* ==============================
-.infobox {
+   Global Infobox Styling
-	border: 1px solid #a2a9b1;
+   ============================== */
-	color: black;
+/* .infobox {
-	padding: 0.2em;
+  border: 1px solid #a2a9b1;
-	font-size: 88%;
+  background: #f9f9f9;
-	line-height: 1.5em;
+  float: right;
-	border-spacing: 3px;
+  clear: right;
+  margin: 0 0 1em 1em;
+  width: 280px;
+  border-collapse: collapse;
+  font-size: 95%;
 }
-@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;
+  border: 1px solid #eaecf0;
+  padding: 0.4em;
+  vertical-align: top;
 }
-.infobox-label,
+.infobox-title {
-.infobox-data,
+  text-align: center;
-/* Remove element selector when every .infobox thing is using the standard module/templates  */
+  padding: 0.6em;
-.infobox th,
+  background: #eceff1;
-.infobox td {
+  font-weight: 600;
-	/* @noflip */
+  font-size: 110%;
-	text-align: left;
 }
-/* Remove .infobox when element selectors above are removed */
+.infobox-image {
-.infobox .infobox-above,
+  text-align: center;
-.infobox .infobox-title,
+  padding: 0.4em;
-/* 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,
+.infobox-caption {
-/* Remove element selector when every .infobox thing is using the standard module/templates  */
+  text-align: center;
-.infobox caption {
+  font-size: 90%;
-	padding: 0.2em;
+  color: #54595d;
+  padding: 0.3em;
 }
-/* Remove .infobox when element selectors above are removed */
+.infobox-label {
-.infobox .infobox-header,
+  text-align: left;
-.infobox .infobox-subheader,
+  width: 35%;
-.infobox .infobox-image,
+  background: #f2f3f4;
-.infobox .infobox-full-data,
+  font-weight: 600;
-.infobox .infobox-below {
-	text-align: center;
 }
-/* Remove .infobox when element selectors above are removed */
+.infobox-data {
-.infobox .infobox-navbar {
+  padding: 0.4em;
-	/* @noflip */
-	text-align: right;
 }
+*/
-/* Normal font styling for wikitable row headers with scope="row" tag */
+.infobox { border:1px solid #a2a9b1; background:#f9f9f9; float:right; clear:right; margin:0 0 1em 1em; width:280px; border-collapse:collapse; font-size:95%; }
-.wikitable.plainrowheaders th[scope=row],
+.infobox th, .infobox td { border:1px solid #eaecf0; padding:0.4em; vertical-align:top; }
-.wikitable.plainrowheaders th[scope=rowgroup] {
+.infobox-title { text-align:center; padding:0.6em; background:#eceff1; font-weight:600; font-size:110%; }
-	font-weight: normal;
+.infobox-image { text-align:center; padding:0.4em; }
-	/* @noflip */
+.infobox-caption { text-align:center; font-size:90%; color:#54595d; padding:0.3em; }
-	text-align: left;
+.infobox-label { text-align:left; width:35%; background:#f2f3f4; font-weight:600; }
-}
+.infobox-data { padding:0.4em; }
-/* Remove underlines from certain links */
-.nounderlines a,
-.IPA a:link,
-.IPA a:visited {
-	text-decoration: none !important;
-}
-/* Prevent line breaks in silly places where desired (nowrap)
+/* Single-column Google Translate menu (crop right "featured" column) */
-   and links when we don't want them to (nowraplinks a) */
+iframe.goog-te-menu-frame,
-.nowrap,
+iframe[id*="goog-te-menu"],
-.nowraplinks a {
+iframe[src*="translate.googleapis.com"],
-	white-space: nowrap;
+iframe[src*="translate.google.com"] {
+  width: 500px !important;
+  max-width: 500px !important;
+  border: 0 !important;
+  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
+  border-radius: 8px !important;
+  -webkit-clip-path: inset(0 160px 0 0) !important;
+  clip-path: inset(0 160px 0 0) !important;
 }
-/* But allow wrapping where desired: */
+/* Optional: tidy trigger button */
-.wrap,
+#google_translate_element .goog-te-gadget-simple {
-.wraplinks a {
+  border: 1px solid #d0d7de !important;
-	white-space: normal;
+  border-radius: 6px !important;
+  padding: 2px 8px !important;
+  background: #fff !important;
 }
+#google_translate_element .goog-te-gadget-simple a {
-/* texhtml class for inline math (based on generic times-serif class) */
+  text-decoration: none !important;
-/* remove spans when this is TemplateStyled */
+  color: #1f2328 !important;
-span.texhtml {
-	font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
-	font-size: 118%;
-	line-height: 1;
-	/* Force tabular and lining display for texhtml */
-	font-variant-numeric: lining-nums tabular-nums;
-	font-kerning: none;
-}
-span.texhtml span.texhtml {
-	font-size: 100%;
-}
-@media (min-width: 640px) {
-	span.texhtml {
-		white-space: nowrap;
-	}
-}
-/* Prevent flags in tables from collapsing: Fix for T116318
- * TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
- */
-@media (max-width: 640px) {
-	.flagicon a > img,
-	.flagicon noscript > img {
-		max-width: none !important;
-	}
-}
-@media screen {
-	.nochecker .gallerybox .thumb img {
-		background-image: none;
-	}
 }