Template:Quote/styles.css: Difference between revisions
Appearance
ReisuDesign (talk | contribs) Created page with "blockquote { background-color: var(--theme-color-2); border: none !important; border-radius: 20px; position: relative; margin-left: 0; width: fit-content; } blockquote::after { content: '”'; font-family: "Stack Sans Text", sans-serif !important; font-size: 80px !important; position: absolute; top: 40px; right: 40px; color: var(--theme-color-7); }" |
Stevium changed the content model of the page Template:Quote/styles.css from "CSS" to "Sanitized CSS": TemplateStyles |
||
| (9 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
blockquote { | blockquote.pull-quote { | ||
border: none; | |||
border: none | |||
border-radius: 20px; | border-radius: 20px; | ||
position: relative; | position: relative; | ||
margin-left: 0; | margin-left: 0; | ||
width: | padding: 0; | ||
margin-top: 5px !important; | |||
padding-top: 0px; | |||
padding-left:0; | |||
display: flow-root; | |||
max-width: max-content; | |||
} | } | ||
.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: '”'; | content: '”'; | ||
font-family: "Stack Sans Text", sans-serif | font-family: "Stack Sans Text", sans-serif; | ||
font-size: | font-size: 70px; | ||
position: absolute; | position: absolute; | ||
top: | right: 20px; | ||
bottom: -78px; | |||
color: var(- | 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; | |||
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; | |||
} | } | ||
Latest revision as of 14:40, 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;
}
.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;
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;
}