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 9: / Line 9: @@
    }
 }
-/* --- 0) DIAGNOSTIC: leave for a moment to verify CSS loads --- */
-.infobox { outline: 6px solid red !important; }
-/* --- 1) Light theme (base) --- */
+.skin-citizen a[href*="Special:SpecialPages"] {
-.infobox {
+   display: none !important;
-   background: #fff;
-  color: #202122;
-  border: 1px solid #a2a9b1;
-  border-collapse: collapse;
-  float: right;
-  clear: right;
-  margin-left: 1em;
-  margin-bottom: 1em;
-  width: 300px;
 }
-.infobox th,
+#t-upload { display: none; }
-.infobox td {
-  border-bottom: 1px solid #a2a9b1;
-  padding: 6px 5px;
-  vertical-align: top;
-}
-.infobox .ibox-title {
-  background: #f6f7f8;
-  text-align: center;
-  font-weight: bold;
-  border-bottom: 1px solid #a2a9b1;
-  padding: 8px 10px;
-}
-.infobox .ibox-image {
-  text-align: center;
-  padding: 10px;
-  border-bottom: 1px solid #a2a9b1;
-}
-.infobox .ibox-rowhead {
-  background: #f8f9fa;
-  text-align: left;
-  white-space: nowrap;
-}
-/* --- 2) Poncho dark: <body class="poncho-dark-mode"> --- */
-body.poncho-dark-mode .infobox {
-  background: #1c252e;
-  color: #e6e6e6;
-  border: 1px solid #6b7785;
-}
-body.poncho-dark-mode .infobox th,
-body.poncho-dark-mode .infobox td { border-bottom: 1px solid #6b7785; }
-body.poncho-dark-mode .infobox .ibox-title {
-  background: #353f47; border-bottom: 1px solid #6b7785;
-}
-body.poncho-dark-mode .infobox .ibox-image { border-bottom: 1px solid #6b7785; }
-body.poncho-dark-mode .infobox .ibox-rowhead { background: #262f39; }
-/* --- 3) Citizen dark: <html class="skin-citizen-dark"> --- */
+#ca-talk { display: none !important; }
-html.skin-citizen-dark .infobox {
+.skin-citizen li#ca-talk,
-   background: #1c252e;
+.skin-citizen nav li#ca-talk,
-  color: #e6e6e6;
+.skin-citizen .page-actions li#ca-talk {
-  border: 1px solid #6b7785;
+   display: none !important;
 }
-html.skin-citizen-dark .infobox th,
+#ca-talk-sticky-header,
-html.skin-citizen-dark .infobox td { border-bottom: 1px solid #6b7785; }
+button#ca-talk-sticky-header,
-html.skin-citizen-dark .infobox .ibox-title {
+.skin-citizen .citizen-sticky-header-fake-button#ca-talk-sticky-header {
-   background: #353f47; border-bottom: 1px solid #6b7785;
+   display: none !important;
 }
-html.skin-citizen-dark .infobox .ibox-image { border-bottom: 1px solid #6b7785; }
-html.skin-citizen-dark .infobox .ibox-rowhead { background: #262f39; }
-/* --- 4) Optional explicit light reset when Citizen toggles --- */
+#discord-header-btn {
-html.skin-citizen-light .infobox {
+   color: inherit;
-   background: #fff; color: #202122; border: 1px solid #a2a9b1;
+  line-height: 0;
+  text-decoration: none;
 }
-html.skin-citizen-light .infobox th,
+#discord-header-btn .discord-icon {
-html.skin-citizen-light .infobox td { border-bottom: 1px solid #a2a9b1; }
+  width: 1.25rem;
-html.skin-citizen-light .infobox .ibox-title {
+  height: 1.25rem;
-   background: #f6f7f8; border-bottom: 1px solid #a2a9b1;
+  display: inline-block;
+   fill: currentColor;
+  vertical-align: middle;
 }
-html.skin-citizen-light .infobox .ibox-image { border-bottom: 1px solid #a2a9b1; }
+#discord-header-btn:hover { opacity: .85; }
-html.skin-citizen-light .infobox .ibox-rowhead { background: #f8f9fa; }