Module:ScopeBox/styles.css: Difference between revisions
From Amaranth Legacy, available at amaranth-legacy.community
More actions
Content deleted Content added
Tesinormed (talk | contribs) No edit summary |
Tesinormed (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
| ⚫ | |||
@media screen { |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
/* add a little shadow around the box */ |
|||
| ⚫ | |||
box-shadow: 0 0 10px black; |
|||
/* center the text */ |
|||
box-shadow: 0 0 10px black; |
|||
text-align: center; |
|||
| ⚫ | |||
text-align: center; |
|||
| ⚫ | |||
.scope-box 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; |
|||
} |
|||
} |
} |
||
Revision as of 22:05, February 2, 2025
.scope-box {
/* make sure this displays correctly */
display: inline-block;
/* fill the entire width of the container */
width: 100%;
/* add a little shadow around the box */
box-shadow: 0 0 10px black;
/* center the text */
text-align: center;
}
.scope-box 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;
}