MediaWiki:Vector-2022.css: Difference between revisions
dropdown content fixing |
drop shadow testing |
||
| Line 15: | Line 15: | ||
.mw-body h1, | .mw-body h1, | ||
.vector-sticky-header-context-bar-primary { | .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 22: | Line 22: | ||
padding-left: 10px; | padding-left: 10px; | ||
backdrop-filter: blur(5px); | backdrop-filter: blur(5px); | ||
border: 1px solid var(--border-color-base) | border: 1px solid var(--border-color-base) | ||
} | } | ||
| Line 28: | Line 28: | ||
.vector-header-container { | .vector-header-container { | ||
border-bottom: 1px solid var(--border-color-base) | border-bottom: 1px solid var(--border-color-base) | ||
} | } | ||
| Line 36: | Line 36: | ||
pointer-events:none; | pointer-events:none; | ||
backdrop-filter:blur(5px); | backdrop-filter:blur(5px); | ||
z-index: -1 | |||
} | } | ||
| Line 45: | Line 46: | ||
.vector-dropdown-content { | .vector-dropdown-content { | ||
backdrop-filter:blur(5px); | backdrop-filter:blur(5px); | ||
border: 1px solid var(--border-color-base) | border: 1px solid var(--border-color-base) | ||
} | } | ||
| Line 54: | Line 55: | ||
.vector-dropdown-content { | .vector-dropdown-content { | ||
background-color:color-mix(in srgb, canvas, transparent 20%) | 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%) | |||
} | |||
} | } | ||
} | } | ||
| Line 62: | Line 67: | ||
.vector-header-container, | .vector-header-container, | ||
.vector-dropdown-content { | .vector-dropdown-content { | ||
background-color: color-mix(in srgb, canvas, transparent 20%) | 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} | body.skin-vector-2022 .vector-sticky-header-container {background-color:transparent} | ||
| Line 76: | Line 87: | ||
background-repeat: repeat-y; | background-repeat: repeat-y; | ||
background-position: left 1000px; | background-position: left 1000px; | ||
pointer-events: none | pointer-events: none | ||
} | } | ||
body.skin-vector-2022 { | body.skin-vector-2022 { | ||
| Line 85: | Line 96: | ||
background: url(/images/a/a6/Toprep.webp), url(/images/c/c1/Sidebar_repeat.webp); | background: url(/images/a/a6/Toprep.webp), url(/images/c/c1/Sidebar_repeat.webp); | ||
background-repeat: repeat-x, repeat-y; | background-repeat: repeat-x, repeat-y; | ||
background-position: 200px top, 0 150px | background-position: 200px top, 0 150px | ||
} | } | ||