MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 5: / Line 5: @@
 a[title="Change your settings to go back to the old look of the skin (legacy Vector)"] { display: none; }
-.mw-article-toolbar-container, .mw-editsection { display: none; }
+a.external {
+  background-image: none!important;
+  padding-right: 0!important;
+}
+.vector-page-toolbar { display: none; }
+#footer-places-disclaimers { display: none; }
+#p-personal { display: none; }
+.filehistory { width: 100%; }
+.mw-imagepage-upload-links { display: none; }
+.mw-indicators {
+  height: 1em;
+}
 /* ========= main page cleanup ========= */
 .page-Main_Page .mw-body-header {
+  display: none;
+}
+/* ========= Project:About and Project:Contacts cleanup ========= */
+.page-Project_About .mw-body-header, .page-Project_Contacts .mw-body-header, .page-Project_Statistics .mw-body-header {
    display: none;
 }
@@ Line 24: / Line 47: @@
 }
-/* ========= file page cleanup ========= */
+.mw-mmv-image-links, .mw-mmv-download-button, .mw-mmv-reuse-button, .mw-mmv-download-pane, .mw-mmv-dialog-down-arrow {
+  display: none;
+}
-#filetoc, .mw-filepage-resolutioninfo, .mw-mmv-filepage-buttons { display: none; }
+.mw-mmv-image-metadata {
+	display: none;
+}
-.filehistory, {
+.mw-mmv-dialog-warning, .mw-mmv-warning-visible {
-   width: 100%;
+   visibility: hidden;
 }
+/* ========= file page cleanup ========= */
+#filetoc, .mw-filepage-resolutioninfo, .mw-mmv-filepage-buttons { display: none; }
 #metadata, .mw-imagepage-section-metadata {
@@ Line 41: / Line 71: @@
 }
-.img-comfy {
+.img-comfy img {
    margin-top: 30px;
    margin-bottom: 30px;
+}
+.img-shadow img {
+  box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
 }
@@ Line 56: / Line 90: @@
 }
-/* ====== slider ====== */
+/* ====== Project:About ====== */
+.side-by-side-image-row {
+  display: flex;
+  gap: 2rem;
+}
+.side-by-side-image-container {
+  width: 100%;
+}
+.image-caption {
+  width: 85%;
+  margin: 0 auto 30px auto!important;
+  font-size: 85%;
+  text-align: center;
+  font-style: italic;
+}
+/* ====== switch ====== */
+.switch-caption-container {
+  display: flex;
+  justify-content: flex-end;
+  gap: 1rem;
+  margin: 1rem 0;
+}
+.switch {
+  position: relative;
+  display: block;
+  width: 30px;
+  height: 17px;
+}
+.switch input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
 #slider {
    position: absolute;
@@ Line 87: / Line 159: @@
 .slider-alt:before {
    transform: translateX(13px);
+}
+/* All CSS here will be loaded for users of the mobile site */
+@media screen and (max-width: 600px) {
+    /* ========= general cleanup ========= */
+    .page-actions-menu {
+      display: none;
+    }
+    .desktop-only {
+      display: none;
+    }
+    .toggle-list {
+      display: none;
+    }
+    .minerva-header .branding-box {
+      font-size: 90%;
+    }
+	.last-modified-bar {
+		display: none!important;
+	}
+    /* ========= main page cleanup ========= */
+    .page-Main_Page .heading-holder {
+      display: none;
+    }
+    /* ========= Project:About and Project:Contacts cleanup ========= */
+    .page-Project_About .heading-holder, .page-Project_Contacts .heading-holder, .page-Project_Statistics .heading-holder {
+      display: none;
+    }
+    /* ========= mediaviewer cleanup ========= */
+    .overlay.media-viewer {
+      background-color: #f0f0f0;
+      background-image: linear-gradient(135deg, #f1f1f1, silver);
+    }
+    /* =========================== custom CSS =========================== */
+    .neutral-box {
+      margin-bottom: 2rem;
+    }
+    .switch-caption-container {
+      display: none;
+    }
+	.columns {
+	  column-count: 1;
+	}
+    /* ====== Project:About ====== */
+    .side-by-side-image-row {
+      flex-direction: column;
+    }
 }