MediaWiki:Common.css: Difference between revisions
From Ephimoria Wiki
No edit summary |
No edit summary |
||
Line 24: | Line 24: | ||
justify-content: center ; /* horizontally aligns items or text */ | justify-content: center ; /* horizontally aligns items or text */ | ||
flex-basis: 120px; | flex-basis: 120px; | ||
} | |||
.spoilerblur { | |||
filter: blur(3px); /* fallback if for some reason browsers can't parse floating point */ | |||
filter: blur(3.5px); | |||
opacity: 0.40; | |||
transition: filter 1s linear, opacity 1s linear, text-shadow 1s linear; | |||
} | |||
.spoilerblur:is(:hover, :focus, :focus-within, :active) { | |||
filter: blur(0px); | |||
opacity: 1; | |||
text-shadow: 0 0 0 transparent; | |||
transition-delay: 500ms; | |||
} | } |
Revision as of 18:34, 22 September 2023
/* CSS placed here will be applied to all skins */ * {font-family: Georgia} .portable-infobox .pi-data { height: 3em; /* sets height */ display: flex; align-items: center; /* vertically align items or text */ justify-content: center; /* horizontally aligns items or text */ background-color: #0f1429; flex-basis: 120px; } .portable-infobox .pi-data-label { flex-basis: 120px; } .portable-infobox .pi-title { font-size: 20px !important; font-weight: bold !important; height: 2em; /* sets height */ display: flex; align-items: center; /* vertically align items or text */ justify-content: center ; /* horizontally aligns items or text */ flex-basis: 120px; } .spoilerblur { filter: blur(3px); /* fallback if for some reason browsers can't parse floating point */ filter: blur(3.5px); opacity: 0.40; transition: filter 1s linear, opacity 1s linear, text-shadow 1s linear; } .spoilerblur:is(:hover, :focus, :focus-within, :active) { filter: blur(0px); opacity: 1; text-shadow: 0 0 0 transparent; transition-delay: 500ms; }