MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 967: / Line 967: @@
 }
-@media print {
+/* ===============================
+   Printable version (screen)
+   =============================== */
-  /* -----------------------------------------
+body.mw-printable-view #mw-content-text > * {
-     HIDE EVERYTHING IN CONTENT
+  display: none !important;
-     ----------------------------------------- */
+}
-   #mw-content-text > * {
-     display: none !important;
+/* Re-show the agent infobox */
+body.mw-printable-view #mw-content-text table.ic-infobox {
+  display: table !important;
+  float: right;
+  width: 35% !important;
+}
+/* Ensure the title stays visible */
+body.mw-printable-view #firstHeading {
+  display: block !important;
+}
+/* Optional: remove leftover UI noise */
+body.mw-printable-view .toc,
+body.mw-printable-view .mw-editsection,
+body.mw-printable-view #siteNotice {
+  display: none !important;
+}
+.icelist-audience-banner {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+  margin-bottom: 1.5rem;
+}
+.icelist-audience-banner .ic-card {
+  flex: 1 1 180px;
+  min-width: 160px;
+}
+@media (max-width: 600px) {
+   .icelist-audience-banner .ic-card {
+     flex: 1 1 100%;
    }
+}
+.icelist-audience-banner {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin: 0 0 1.5rem 0;
+}
+.icelist-audience-tile {
+  flex: 1 1 0;
+  min-width: 140px;
+  background: #c0392b;
+  color: #fff !important;
+  text-decoration: none !important;
+  padding: 0.75rem 0.9rem;
+  border-radius: 3px;
+  display: block;
+}
+.icelist-audience-tile:hover {
+  background: #a93226;
+}
+.iat-title {
+  font-weight: bold;
+  font-size: 0.85rem;
+  margin-bottom: 0.25rem;
+  color: #fff;
+}
+.iat-desc {
+  font-size: 0.78rem;
+  opacity: 0.88;
+  color: #fff;
+}
-  /* -----------------------------------------
+@media (max-width: 720px) {
-     PAGE TITLE
+  .icelist-audience-tile {
-     ----------------------------------------- */
+     flex: 1 1 45%;
-  #firstHeading {
-     display: block !important;
-    font-size: 26pt;
-    font-weight: bold;
-    margin-bottom: 1em;
-    border-bottom: 2px solid #000;
-    padding-bottom: 0.3em;
    }
+}
-  /* -----------------------------------------
+@media (max-width: 480px) {
-     RE-SHOW AGENT INFOBOX (CRITICAL FIX)
+   .icelist-audience-tile {
-     ----------------------------------------- */
+     flex: 1 1 100%;
-   #mw-content-text > table.ic-infobox {
-     display: table !important;
-    float: right !important;
-    width: 35% !important;
-    margin-left: 1.5em !important;
-    margin-bottom: 1em !important;
    }
+}
+.icelist-audience-banner {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin: 0 0 1.5rem 0;
+}
+.icelist-audience-tile {
+  flex: 1 1 0;
+  min-width: 140px;
+  background: #c0392b;
+  color: #fff;
+  padding: 0.75rem 0.9rem;
+  border-radius: 3px;
+  position: relative;
+  cursor: pointer;
+}
+.icelist-audience-tile:hover {
+  background: #a93226;
+}
+/* Stretch the wiki link to cover the entire tile */
+.icelist-audience-tile a {
+  position: absolute;
+  inset: 0;
+  font-size: 0;
+  color: transparent !important;
+  text-decoration: none !important;
+}
+.iat-title {
+  font-weight: bold;
+  font-size: 0.85rem;
+  margin-bottom: 0.25rem;
+  color: #fff;
+  pointer-events: none;
+}
-   #mw-content-text > table.ic-infobox img {
+.iat-desc {
-    max-width: 100% !important;
+  font-size: 0.78rem;
-    height: auto !important;
+  opacity: 0.88;
-  }
+   color: #fff;
+  pointer-events: none;
+}
+@media (max-width: 720px) {
+  .icelist-audience-tile { flex: 1 1 45%; }
+}
+@media (max-width: 480px) {
+  .icelist-audience-tile { flex: 1 1 100%; }
+}
-  /* -----------------------------------------
+.hide-cats #catlinks {
-     REMOVE UI CHROME
+   display: none;
-     ----------------------------------------- */
-  #mw-navigation,
-  .mw-footer,
-  .mw-editsection,
-   .toc,
-  .mw-indicators {
-    display: none !important;
-  }
 }