MediaWiki:Common.css: Difference between revisions

Latest revision as of 03:02, 21 October 2025

/* CSS placed here will be applied to all skins */
@media (max-width: 768px) {
  .infobox {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 5px !important;
  }
}

.skin-citizen a[href*="Special:SpecialPages"] {
  display: none !important;
}
#t-upload { display: none; }

#ca-talk { display: none !important; }
.skin-citizen li#ca-talk,
.skin-citizen nav li#ca-talk,
.skin-citizen .page-actions li#ca-talk {
  display: none !important;
}
#ca-talk-sticky-header,
button#ca-talk-sticky-header,
.skin-citizen .citizen-sticky-header-fake-button#ca-talk-sticky-header {
  display: none !important;
}

#discord-header-btn {
  color: inherit;
  line-height: 0;
  text-decoration: none;
}
#discord-header-btn .discord-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  fill: currentColor;
  vertical-align: middle;
}
#discord-header-btn:hover { opacity: .85; }

@@ Line 10: / Line 10: @@
 }
-/***** Infobox (sitewide) *****/
+.skin-citizen a[href*="Special:SpecialPages"] {
+   display: none !important;
-/* Light theme defaults */
-.mw-parser-output .infobox {
-  /* palette via CSS vars (Common.css supports them) */
-  --ibox-bg: #fff;
-  --ibox-text: #202122;
-  --ibox-border: #a2a9b1;
-  --ibox-hdr-bg: #f6f7f8;
-  --ibox-row-hdr-bg: #f8f9fa;
-  background: var(--ibox-bg);
-  color: var(--ibox-text);
-  border: 1px solid var(--ibox-border);
-  border-collapse: collapse;
-  float: right;
-  clear: right;
-  margin-left: 1em;
-  margin-bottom: 1em;
-   width: 300px;
 }
+#t-upload { display: none; }
-/* Cells */
+#ca-talk { display: none !important; }
-.mw-parser-output .infobox th,
+.skin-citizen li#ca-talk,
-.mw-parser-output .infobox td {
+.skin-citizen nav li#ca-talk,
-  border-bottom: 1px solid var(--ibox-border);
+.skin-citizen .page-actions li#ca-talk {
-   padding: 6px 5px;
+   display: none !important;
-  vertical-align: top;
 }
+#ca-talk-sticky-header,
-/* Title row */
+button#ca-talk-sticky-header,
-.mw-parser-output .infobox .ibox-title {
+.skin-citizen .citizen-sticky-header-fake-button#ca-talk-sticky-header {
-  background: var(--ibox-hdr-bg);
+   display: none !important;
-  text-align: center;
-  font-weight: bold;
-  border-bottom: 1px solid var(--ibox-border);
-   padding: 8px 10px;
 }
-/* Image row */
+#discord-header-btn {
-.mw-parser-output .infobox .ibox-image {
+   color: inherit;
-   text-align: center;
+   line-height: 0;
-   padding: 10px;
+   text-decoration: none;
-   border-bottom: 1px solid var(--ibox-border);
 }
+#discord-header-btn .discord-icon {
-/* Left column headers */
+   width: 1.25rem;
-.mw-parser-output .infobox .ibox-rowhead {
+   height: 1.25rem;
-  background: var(--ibox-row-hdr-bg);
+   display: inline-block;
-  text-align: left;
+   fill: currentColor;
-  white-space: nowrap;
+   vertical-align: middle;
-}
-/* ---- Dark-mode overrides ---- */
-/* Poncho: <body class="poncho-dark-mode"> */
-body.poncho-dark-mode .mw-parser-output .infobox {
-   --ibox-bg: #1c252e;
-  --ibox-text: #e6e6e6;
-  --ibox-border: #6b7785;
-  --ibox-hdr-bg: #353f47;
-  --ibox-row-hdr-bg: #262f39;
-}
-/* Citizen: <html class="skin-citizen-dark"> */
-html.skin-citizen-dark .mw-parser-output .infobox {
-  --ibox-bg: #1c252e;
-  --ibox-text: #e6e6e6;
-  --ibox-border: #6b7785;
-  --ibox-hdr-bg: #353f47;
-   --ibox-row-hdr-bg: #262f39;
-}
-/* Optional explicit light reset when Citizen toggles classes without reload */
-html.skin-citizen-light .mw-parser-output .infobox {
-  --ibox-bg: #fff;
-   --ibox-text: #202122;
-  --ibox-border: #a2a9b1;
-   --ibox-hdr-bg: #f6f7f8;
-   --ibox-row-hdr-bg: #f8f9fa;
-}
-/* Fallback: respect OS preference if a skin doesn’t set a class */
-@media (prefers-color-scheme: dark) {
-  .mw-parser-output .infobox {
-    --ibox-bg: #1c252e;
-    --ibox-text: #e6e6e6;
-    --ibox-border: #6b7785;
-    --ibox-hdr-bg: #353f47;
-    --ibox-row-hdr-bg: #262f39;
-  }
 }
+#discord-header-btn:hover { opacity: .85; }