MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
No edit summary |
(added CSS by Welp (without user menu)) |
||
Line 571: | Line 571: | ||
filter: invert( 1 ) |
filter: invert( 1 ) |
||
hue-rotate( 180deg ) |
hue-rotate( 180deg ) |
||
} |
|||
/* added 17-02-2024 */ |
|||
/* Body-mounted Nav Menus */ |
|||
.vector-menu-tabs li{ |
|||
background-image: linear-gradient(to top,rgba(247,167,217,1) 1px,rgba(192,131,204,1) 1px,80%,rgba(248,209,255,0.0) 100%); |
|||
} |
|||
.vector-menu-tabs .selected { |
|||
background: linear-gradient(to top, rgba(248,209,255,0.80), 80%, rgba(255,255,255,0.0)); |
|||
} |
|||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { |
|||
background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#F7A7D9 100%); |
|||
} |
|||
.vector-menu-dropdown { |
|||
background: linear-gradient(to top,rgba(247,167,217,1) 1px,rgba(192,131,204,0.75) 1px,80%,rgba(248,209,255,0.0) 100%); |
|||
} |
|||
.vector-menu-dropdown .vector-menu-heading { |
|||
color: #2e3133; |
|||
} |
|||
.vector-menu-dropdown .vector-menu-content { |
|||
background-color: rgba(248,209,255,1); |
|||
} |
|||
/* Dynamic top border to account for transparency - JS linked */ |
|||
.mw-body { |
|||
margin-top: calc(-1 * var(--p4)); |
|||
--p1: 100%; |
|||
--p2: 0; |
|||
--p3: 0; |
|||
--p4: 1px; |
|||
mask: linear-gradient(black var(--p4), white var(--p4)) luminance add, linear-gradient(to right, black var( |
|||
--p1), white var(--p1), white var(--p2), black var(--p2), black var(--p3), white var(--p3)) luminance; |
|||
} |
|||
/* User navbar */ |
|||
/* #p-personal { |
|||
background: rgba(192,131,204,0.80); |
|||
border-bottom-left-radius: 5px; |
|||
padding-bottom: 4px; |
|||
padding-top: 2px; |
|||
padding-right: 15px; |
|||
height: 22px; |
|||
top: 0; |
|||
right: 0; |
|||
border: solid rgba(192,131,204,1); |
|||
border-width: 0 0 1px 1px; |
|||
} |
|||
#p-personal ul { |
|||
padding-left: 1em; |
|||
} |
|||
#p-personal a, #p-personal a.new, p-personal a:visited { |
|||
color: #0645ad; |
|||
} */ |
|||
/* Stretch footer background over subelements */ |
|||
#footer { |
|||
overflow: hidden; |
|||
} |
|||
/* Strawberry watch icon */ |
|||
.vector-menu-tabs .mw-watchlink.icon a:before{ |
|||
background-image: url(https://static.miraheze.org/celestewiki/a/a1/Strawberry_ingame.png) !important; |
|||
background-size: contain; |
|||
height: 24px; |
|||
width: 24px; |
|||
top: 12px; |
|||
left: 2px; |
|||
} |
|||
.vector-menu-tabs #ca-watch.icon a:hover:before, |
|||
.vector-menu-tabs #ca-unwatch.icon a:hover:before { |
|||
filter: sepia(1); |
|||
} |
|||
.vector-menu-tabs #ca-watch.icon a:before { |
|||
filter: grayscale(1); |
|||
} |
|||
.vector-menu-tabs #ca-unwatch.icon a:before { |
|||
filter: none; |
|||
} |
} |