Template:Quote/styles.css: Difference between revisions
Appearance
Added max-width |
Stevium changed the content model of the page Template:Quote/styles.css from "CSS" to "Sanitized CSS": TemplateStyles |
||
| (3 intermediate revisions by the same user not shown) | |||
| 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 { | .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 48: | Line 39: | ||
top: -10px; | top: -10px; | ||
left: 10px; | left: 10px; | ||
font-size: 13px; | font-size: 13px; | ||
color: var(--color-base); | color: var(--color-base); | ||
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; | |||
} | } | ||
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;
}