MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 967: / Line 967: @@
 }
-/* =========================================
+/* ===============================
-    PRINTABLE VIEW — AGENT SNAPSHOT ONLY
+    Printable version (screen)
-    Shows: Page title + agent infobox
+    =============================== */
-   Hides: Everything else
-   ========================================= */
-/* Apply only to printable view */
+body.mw-printable-view #mw-content-text > * {
-body.printable {
+  display: none !important;
-   margin: 2cm;
+}
+/* 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 */
-   HIDE ALL MAIN PAGE CONTENT
+body.mw-printable-view .toc,
-   ----------------------------------------- */
+body.mw-printable-view .mw-editsection,
-body.printable #mw-content-text > * {
+body.mw-printable-view #siteNotice {
    display: none !important;
 }
-/* -----------------------------------------
+.icelist-audience-banner {
-   PAGE TITLE
+  display: flex;
-   ----------------------------------------- */
+  flex-wrap: wrap;
-body.printable #firstHeading {
+  gap: 0.75rem;
-   display: block !important;
+  margin-bottom: 1.5rem;
-   font-size: 26pt;
+}
+.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;
-   margin-bottom: 1em;
+  font-size: 0.85rem;
-   border-bottom: 2px solid #000;
+   margin-bottom: 0.25rem;
-   padding-bottom: 0.3em;
+   color: #fff;
+   pointer-events: none;
 }
-/* -----------------------------------------
+.iat-desc {
-   AGENT INFOBOX
+   font-size: 0.78rem;
-   ----------------------------------------- */
+   opacity: 0.88;
-body.printable table.ic-infobox {
+   color: #fff;
-   display: table !important;
+   pointer-events: none;
-   float: right;
+}
-   width: 35% !important;
-   margin-left: 1.5em;
+@media (max-width: 720px) {
-  margin-bottom: 1em;
+   .icelist-audience-tile { flex: 1 1 45%; }
-   border: 1px solid #ccc;
 }
-/* Ensure infobox images scale correctly */
+@media (max-width: 480px) {
-body.printable table.ic-infobox img {
+   .icelist-audience-tile { flex: 1 1 100%; }
-   max-width: 100%;
-  height: auto;
 }
-/* -----------------------------------------
+.hide-cats #catlinks {
-   REMOVE MEDIAWIKI UI / CHROME
+   display: none;
-   ----------------------------------------- */
-body.printable #mw-navigation,
-body.printable .mw-footer,
-body.printable .mw-editsection,
-body.printable .toc,
-body.printable .mw-indicators,
-body.printable .mw-page-info {
-   display: none !important;
 }