MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 967: / Line 967: @@
 }
-/* ================================
+/* ===============================
-    PRINTABLE SNAPSHOT (SCREEN)
+    Printable version (screen)
-    Title + Agent Infobox only
+    =============================== */
-   ================================ */
-/* Hide everything inside article content */
+body.mw-printable-view #mw-content-text > * {
-#mw-content-text > * {
    display: none !important;
 }
 /* Re-show the agent infobox */
-#mw-content-text > table.ic-infobox {
+body.mw-printable-view #mw-content-text table.ic-infobox {
    display: table !important;
    float: right;
-   width: 35%;
+   width: 35% !important;
-  margin-left: 1.5em;
-  margin-bottom: 1em;
 }
-/* Ensure images behave */
+/* Ensure the title stays visible */
-#mw-content-text > table.ic-infobox img {
+body.mw-printable-view #firstHeading {
-   max-width: 100%;
+  display: block !important;
-   height: auto;
+}
+/* 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) {
+  .icelist-audience-tile {
+    flex: 1 1 45%;
+  }
+}
+@media (max-width: 480px) {
+  .icelist-audience-tile {
+    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;
+  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%; }
+}
+.hide-cats #catlinks {
+   display: none;
 }