More actions
Content deleted Content added
XPDG changed the content model of the page User:XPDG/styles.css from "CSS" to "Sanitized CSS": must have content model "Sanitized CSS" for TemplateStyles (current model is "CSS"). |
No edit summary |
||
| (24 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.ritual-block pre, |
|||
.section-title { |
|||
.ritual-block code, |
|||
width: 100%; |
|||
.ritual-block .mw-code { |
|||
text-align: center; |
|||
| ⚫ | |||
font-weight: var(--font-weight-semibold); |
|||
font-family: 'Courier New', monospace; |
|||
line-height: var(--line-height-xs); |
|||
text-transform: uppercase; |
|||
color: var(--color-emphasized); |
|||
display: block; |
|||
font-size: var(--font-size-h2); |
|||
white-space: pre-wrap; |
|||
} |
|||
.banner-container { |
|||
| ⚫ | |||
overflow: hidden; |
|||
position: relative; |
|||
} |
} |
||
.banner-container img { |
.banner-container img { |
||
width: |
width: 100%; |
||
position: relative; |
|||
| ⚫ | |||
top: -70%; |
|||
object-fit: cover; |
|||
border-radius: var(--border-radius-medium); |
border-radius: var(--border-radius-medium); |
||
| ⚫ | |||
} |
} |
||
.card-patreon img { |
.card-patreon img { |
||
filter: invert(32%) sepia(19%) saturate(5052%) hue-rotate(328deg) brightness(125%) contrast(110%); /* https://codepen.io/sosuke/pen/Pjoqqp */ |
filter: invert(32%) sepia(19%) saturate(5052%) hue-rotate(328deg) brightness(125%) contrast(110%); /* https://codepen.io/sosuke/pen/Pjoqqp */ |
||
} |
|||
.ritual-columns { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
gap: 1rem; |
|||
align-items: stretch; |
|||
} |
|||
.ritual-block { |
|||
flex: 1 1 45%; |
|||
font-family: 'Courier New', monospace; |
|||
text-transform: uppercase; |
|||
padding: 1rem; |
|||
box-shadow: 0 0 8px rgba(255, 0, 60, 0.3); |
|||
box-sizing: border-box; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
min-height: 300px; |
|||
} |
} |
||
Latest revision as of 17:56, 3 June 2025
.ritual-block pre,
.ritual-block code,
.ritual-block .mw-code {
all: unset;
font-family: 'Courier New', monospace;
text-transform: uppercase;
display: block;
white-space: pre-wrap;
}
.banner-container {
height: 30%;
overflow: hidden;
position: relative;
}
.banner-container img {
width: 100%;
position: relative;
top: -70%;
object-fit: cover;
border-radius: var(--border-radius-medium);
}
.card-patreon img {
filter: invert(32%) sepia(19%) saturate(5052%) hue-rotate(328deg) brightness(125%) contrast(110%); /* https://codepen.io/sosuke/pen/Pjoqqp */
}
.ritual-columns {
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: stretch;
}
.ritual-block {
flex: 1 1 45%;
font-family: 'Courier New', monospace;
text-transform: uppercase;
padding: 1rem;
box-shadow: 0 0 8px rgba(255, 0, 60, 0.3);
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 300px;
}