Module:ScopeBox/styles.css
From Amaranth Legacy, available at amaranth-legacy.community
More actions
.template-ScopeBox {
/* make sure this displays correctly */
display: inline-block;
/* fill the entire width of the container */
width: 100%;
/* center the text */
text-align: center;
/* background image */
background-position: left;
background-clip: padding-box;
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
}
.template-ScopeBox a {
/* make sure this displays correctly */
display: inline-block;
/* fill the entire width of the container */
width: 100%;
/* blur the background */
backdrop-filter: blur(2px);
/* use the background as text color */
background-clip: text;
/* font settings */
font-family: var(--font-family-serif) !important;
font-size: 300% !important;
}