Module:ScopeBox/styles.css: Difference between revisions
From Amaranth Legacy, available at amaranth-legacy.community
More actions
Content deleted Content added
Tesinormed (talk | contribs) Tesinormed changed the content model of the page Template:ScopeBox/styles.css from "CSS" to "Sanitized CSS" |
Tesinormed (talk | contribs) No edit summary |
||
| Line 4: | Line 4: | ||
/* fill the entire width of the container */ |
/* fill the entire width of the container */ |
||
width: 100%; |
width: 100%; |
||
/* add a little shadow around the box */ |
|||
box-shadow: 0 0 10px black; |
|||
/* center the text */ |
/* center the text */ |
||
text-align: center; |
text-align: center; |
||
Revision as of 23:05, February 2, 2025
.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;
}