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;
}