Template:Quote/styles.css: Difference between revisions
m Stevium moved page MediaWiki:Quote.css to Template:Quote/styles.css without leaving a redirect: Changing how the Quote stylesheet is loaded: now uses TemplateStyles instead of @import |
Sanitized CSS |
||
| Line 1: | Line 1: | ||
blockquote.pull-quote { | blockquote.pull-quote { | ||
border: none | border: none; | ||
border-radius: 20px; | border-radius: 20px; | ||
position: relative; | position: relative; | ||
| Line 12: | Line 10: | ||
display: flow-root; | display: flow-root; | ||
max-width: max-content; | max-width: max-content; | ||
} | } | ||
.pull-quote__text { | blockquote.pull-quote:has(.pull-quote__source) { | ||
margin-top: 25px !important; | |||
} | |||
.pull-quote__text p { | |||
position: relative; | |||
background-color: var(--background-color-2); | |||
padding: 20px 20px; | |||
border-radius: 20px; | |||
margin-bottom: 0; | |||
font-weight: 500; | |||
} | |||
.pull-quote__text p:after { | |||
content: '”'; | |||
font-family: "Stack Sans Text", sans-serif; | |||
font-size: 70px; | |||
position: absolute; | |||
right: 20px; | |||
bottom: -78px; | |||
font-weight: initial; | |||
color: var(--background-color-8); | |||
} | } | ||
.pull-quote__source { | .pull-quote__source { | ||
background-color: var(-- | background-color: var(--color-accent); | ||
padding: 5px 15px; | padding: 5px 15px; | ||
border-radius: 10px; | border-radius: 10px; | ||
| Line 53: | Line 48: | ||
font-weight: 500; | font-weight: 500; | ||
font-family: 'PetitPlanet'; | font-family: 'PetitPlanet'; | ||
} | |||
.pull-quote__source a { | |||
color: var(--color-base); | |||
} | |||
.pull-quote__source cite { | |||
font-style: normal !important; | |||
} | } | ||
Revision as of 14:36, 25 November 2025
blockquote.pull-quote {
border: none;
border-radius: 20px;
position: relative;
margin-left: 0;
padding: 0;
margin-top: 5px !important;
padding-top: 0px;
padding-left:0;
display: flow-root;
max-width: max-content;
}
blockquote.pull-quote:has(.pull-quote__source) {
margin-top: 25px !important;
}
.pull-quote__text p {
position: relative;
background-color: var(--background-color-2);
padding: 20px 20px;
border-radius: 20px;
margin-bottom: 0;
font-weight: 500;
}
.pull-quote__text p:after {
content: '”';
font-family: "Stack Sans Text", sans-serif;
font-size: 70px;
position: absolute;
right: 20px;
bottom: -78px;
font-weight: initial;
color: var(--background-color-8);
}
.pull-quote__source {
background-color: var(--color-accent);
padding: 5px 15px;
border-radius: 10px;
position: absolute;
top: -10px;
left: 10px;
width: fit-content;
font-size: 13px;
color: var(--color-base);
font-weight: 500;
font-family: 'PetitPlanet';
}
.pull-quote__source a {
color: var(--color-base);
}
.pull-quote__source cite {
font-style: normal !important;
}