MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 163: / Line 163: @@
 /* All CSS here will be loaded for users of the mobile site */
-/* ========= general cleanup ========= */
+@media screen and (max-width: 600px) {
-a.external {
+    /* ========= general cleanup ========= */
-  background-image: none!important;
+    a.external {
-  padding-right: 0!important;
+      background-image: none!important;
-}
+      padding-right: 0!important;
+    }
-.navigation-drawer {
+    .navigation-drawer {
-  display: none;
+      display: none;
-}
+    }
-.desktop-only {
+    .desktop-only {
-  display: none;
+      display: none;
-}
+    }
-.toggle-list {
+    .toggle-list {
-  display: none;
+      display: none;
-}
+    }
-.minerva-header .branding-box {
+    .minerva-header .branding-box {
-  font-size: 85%;
+      font-size: 85%;
-}
+    }
-/* ========= main page cleanup ========= */
+    /* ========= main page cleanup ========= */
-.page-Main_Page .heading-holder {
+    .page-Main_Page .heading-holder {
-  display: none;
+      display: none;
-}
+    }
-/* ========= Project:About and Project:Contacts cleanup ========= */
+    /* ========= Project:About and Project:Contacts cleanup ========= */
-.page-Project_About .heading-holder, .page-Project_Contacts ..heading-holder, .page-Project_Statistics ..heading-holder {
+    .page-Project_About .heading-holder, .page-Project_Contacts .heading-holder, .page-Project_Statistics .heading-holder {
-  display: none;
+      display: none;
-}
+    }
-/* ========= mediaviewer cleanup ========= */
+    /* ========= mediaviewer cleanup ========= */
-.mw-mmv-overlay {
+    .mw-mmv-overlay {
-  background-color: #f0f0f0;
+      background-color: #f0f0f0;
-  background-image: linear-gradient(135deg, #f1f1f1, silver);
+      background-image: linear-gradient(135deg, #f1f1f1, silver);
-}
+    }
-/* =========================== custom CSS =========================== */
+    /* =========================== custom CSS =========================== */
-.img-comfy {
+    .img-comfy img {
-  margin-top: 30px;
+      margin-top: 30px;
-  margin-bottom: 30px;
+      margin-bottom: 30px;
-}
+    }
-.neutral-box {
+    .neutral-box {
-  margin-top: 2rem;
+      margin-top: 2rem;
-  margin-bottom: 2rem;
+      margin-bottom: 2rem;
-  padding: 2rem 3rem;
+      padding: 2rem 3rem;
-  background-color: #f1f1f1;
+      background-color: #f1f1f1;
-}
+    }
-.switch-caption-container {
+    .switch-caption-container {
-  display: none;
+      display: none;
-}
+    }
-/* ====== Project:About ====== */
+    /* ====== Project:About ====== */
-.side-by-side-image-row {
+    .side-by-side-image-row {
-  display: flex;
+      display: flex;
-  flex-direction: column;
+      flex-direction: column;
-  gap: 2rem;
+      gap: 2rem;
-}
+    }
-.side-by-side-image-container {
+    .side-by-side-image-container {
-  width: 100%;
+      width: 100%;
-}
+    }
+    .image-caption {
+      width: 85%;
+      margin: 0 auto 30px auto!important;
+      font-size: 85%;
+      text-align: center;
+      font-style: italic;
+    }
-.image-caption {
-  width: 85%;
-  margin: 0 auto 30px auto!important;
-  font-size: 85%;
-  text-align: center;
-  font-style: italic;
 }