MediaWiki:Vector.css: Difference between revisions
From Celeste Wiki
Content deleted Content added
added CSS by Welp (without user menu) |
replaced mask with clip-path per Welp's suggestion |
||
(6 intermediate revisions by the same user not shown) | |||
Line 164: | Line 164: | ||
#mw-panel { |
#mw-panel { |
||
border: 1px solid #F7A7D9; |
border-right: 1px solid #F7A7D9; |
||
border-bottom: 1px solid #F7A7D9; |
|||
left: -12px; |
left: -12px; |
||
background-color: rgba(249,208,255,0.77); |
background-color: rgba(249,208,255,0.77); |
||
padding-bottom: 15px; |
padding-bottom: 15px; |
||
border-top-right-radius: 8px; |
/* border-top-right-radius: 8px; */ |
||
border-bottom-right-radius: 8px; |
border-bottom-right-radius: 8px; |
||
} |
} |
||
Line 608: | Line 609: | ||
--p3: 0; |
--p3: 0; |
||
--p4: 1px; |
--p4: 1px; |
||
mask: linear-gradient(black var(--p4), white var(--p4)) luminance add, linear-gradient(to right, black var( |
/*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; |
--p1), white var(--p1), white var(--p2), black var(--p2), black var(--p3), white var(--p3)) luminance;*/ |
||
clip-path: polygon(0 var(--p4),var(--p1) var(--p4), var(--p1) 0, var(--p2) 0, var(--p2) var(--p4), var(--p3) var(--p4), var(--p3) 0, 100% var(--p4), 100% 100%, 0% 100%); |
|||
} |
} |
||
Line 642: | Line 644: | ||
/* Strawberry watch icon */ |
/* Strawberry watch icon */ |
||
.vector-menu-tabs .mw-watchlink.icon a:before{ |
.vector-menu-tabs .mw-watchlink.icon a:before{ |
||
⚫ | |||
background-size: contain; |
background-size: contain; |
||
height: |
height: 19.5px; |
||
width: 24px; |
width: 24px; |
||
top: 12px; |
top: 12px; |
||
Line 652: | Line 653: | ||
.vector-menu-tabs #ca-watch.icon a:hover:before, |
.vector-menu-tabs #ca-watch.icon a:hover:before, |
||
.vector-menu-tabs #ca-unwatch.icon a:hover:before { |
.vector-menu-tabs #ca-unwatch.icon a:hover:before { |
||
⚫ | |||
filter: sepia(1); |
filter: sepia(1); |
||
} |
} |
||
.vector-menu-tabs #ca-watch.icon a:before { |
.vector-menu-tabs #ca-watch.icon a:before { |
||
background-image: url(https://static.miraheze.org/celestewiki/2/20/Strawberry_collected.png) !important; |
|||
filter: grayscale(1); |
|||
} |
} |
||
.vector-menu-tabs #ca-unwatch.icon a:before { |
.vector-menu-tabs #ca-unwatch.icon a:before { |
||
background-image: url(https://static.miraheze.org/celestewiki/a/a1/Strawberry_ingame.png) !important; |
|||
filter: none; |
|||
} |
|||
#mw-indicator-interwiki { |
|||
float: right; |
|||
padding: 0 3px; |
|||
border: 2px solid rgb(192, 131, 204); |
|||
border-radius: 7px; |
|||
font-family: "Consolas", sans-serif; |
|||
font-size: 0.83em; |
|||
letter-spacing: -0.5px; |
|||
background-color: rgba(192, 131, 204, 0.5); |
|||
} |
|||
#mw-indicator-interwiki img { |
|||
border-radius: 25%; |
|||
margin-right: -3px; |
|||
margin-top: -2px; |
|||
} |
} |