MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 967: / Line 967: @@
 }
-/* PRINT: show only page title + agent infobox */
+/* ===============================
+   Printable version (screen)
+   =============================== */
-@media print {
+body.mw-printable-view #mw-content-text > * {
+  display: none !important;
+}
-  /* Hide everything inside the article content */
+/* Re-show the agent infobox */
-  #mw-content-text > * {
+body.mw-printable-view #mw-content-text table.ic-infobox {
-    display: none !important;
+  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;
+}
-   /* Keep the page title */
+.icelist-audience-tile {
-   #firstHeading {
+  flex: 1 1 0;
-     display: block !important;
+  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) {
+  .icelist-audience-tile {
+     flex: 1 1 45%;
    }
+}
-  /* Keep the agent infobox (you confirmed this class) */
+@media (max-width: 480px) {
-   table.ic-infobox,
+   .icelist-audience-tile {
-  table.infobox.ic-infobox {
+     flex: 1 1 100%;
-     display: table !important;
-    float: right !important;
-    width: 35% !important;
-    margin-left: 1.5em !important;
-    margin-bottom: 1em !important;
    }
+}
-   table.ic-infobox img {
+.icelist-audience-banner {
-    max-width: 100% !important;
+  display: flex;
-    height: auto !important;
+  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;
+}
+.iat-desc {
+  font-size: 0.78rem;
+  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%; }
+}
-  /* Optional: remove obvious UI */
+.hide-cats #catlinks {
-  #mw-navigation,
+   display: none;
-  .mw-footer,
-   .mw-editsection,
-  .toc,
-  .mw-indicators {
-    display: none !important;
-  }
 }