MediaWiki:Vector-2022.css: Difference between revisions

← Older edit

@@ Line 9: / Line 9: @@
 .infobox-above {
      background-color: transparent !important;
+}
+/* images in messageboxes and similar places - fix like minerva does */
+#content a > img {
+  max-width: 100%;
+  height: auto
+}
+/* images frames removal for printing */
+figure[typeof~='mw:File/Thumb'] :not(figcaption) > .mw-file-element {
+  border: 0px
 }
@@ Line 15: / Line 27: @@
 .mw-body h1,
 .vector-sticky-header-context-bar-primary {
-     font-family: -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Inter','Helvetica','Arial',sans-serif;
+     font-family: -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Inter','Helvetica','Arial',sans-serif
 }
@@ Line 21: / Line 33: @@
      padding-top: 5px;
      padding-left: 10px;
-     backdrop-filter: blur(5px);
+     font-size: 2em;
-     border: 1px solid var(--border-color-base);
+     h1 {
+      text-shadow: 0 0 2px gray
+    }
+}
+.mw-body-header::after {height: 0}
+.mw-body-header,
+#mw-navigation,
+#vector-appearance {
+    box-shadow:0 0 1em canvas;
+    background-color:color-mix(in srgb,canvas,transparent 50%)
 }
-.mw-body-header::after {height: 0}
 .vector-header-container {
-     border-bottom: 1px solid var(--border-color-base);
+     border-bottom: 1px solid var(--border-color-base)
 }
 /* defined and adjusted in vector-2022.js */
@@ Line 36: / Line 58: @@
    pointer-events:none;
    backdrop-filter:blur(5px);
+  z-index: -1
 }
@@ Line 43: / Line 66: @@
 }
-.vector-dropdown-content {
+#uls-settings-block,
+.uls-menu,
+.uls-search,
+.uls-filterinput,
+.uls-language-list {
+  background-color: transparent
+}
+.uls-menu,
+.uls-filterinput,
+#div.oo-ui-popupWidget-popup::after,
+.vector-dropdown-content,
+.vector-popup-notification,
+.mw-notification,
+.oo-ui-menuSelectWidget,
+.cdx-menu {
    backdrop-filter:blur(5px);
-   border: 1px solid var(--border-color-base);
+   border: 1px solid var(--border-color-base)
+}
+.cdx-thumbnail__image {
+  border: 1px solid var(--border-color-base)
+}
+.cdx-button:enabled.cdx-button--weight-quiet:hover,
+.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
+  mix-blend-mode: initial;
+}
+.grid.uls-menu.uls-wide {
+  border:1px solid var(--border-color-base);
+  h3 {
+     color: var(--color-base);
+  }
+}
+.uls-language-block > ul > li > a {
+  color: var(--color-progressive);
+}
+.uls-language-block > ul > li:hover {
+  background: none;
+  a {
+    text-decoration: underline;
+  }
 }
 @media screen and (prefers-color-scheme:dark) {
    html.skin-theme-clientpref-os {
-    .mw-body-header,
      .vector-header-container,
      .vector-dropdown-content {
              background-color:color-mix(in srgb, canvas, transparent 20%)
-       }
+    }
+    .mw-page-container-inner {
+       box-shadow: 0 0 5em canvas;
+      background-color: color-mix(in srgb,canvas,transparent 50%)
+    }
    }
 }
 html.skin-theme-clientpref-night {
-  .mw-body-header,
    .vector-header-container,
    .vector-dropdown-content {
      background-color: color-mix(in srgb, canvas, transparent 20%)
-}}
+  }
+  .mw-page-container-inner {
+    box-shadow: 0 0 5em canvas;
+    background-color: color-mix(in srgb,canvas,transparent 50%)
+  }
+}
 body.skin-vector-2022 .vector-sticky-header-container {background-color:transparent}
@@ Line 77: / Line 149: @@
      background-position: left 1000px;
      pointer-events: none;
+    z-index: -1
 }
 body.skin-vector-2022 {
@@ Line 85: / Line 158: @@
      background: url(/images/a/a6/Toprep.webp), url(/images/c/c1/Sidebar_repeat.webp);
      background-repeat: repeat-x, repeat-y;
-     background-position: 200px top, 0 150px;
+     background-position: 200px top, 0 150px
 }