MediaWiki:Quote.css: Difference between revisions
Appearance
ReisuDesign (talk | contribs) No edit summary |
ReisuDesign (talk | contribs) No edit summary |
||
| Line 21: | Line 21: | ||
p { | p { | ||
position: relative; | position: relative; | ||
background-color: var(-- | background-color: var(--background-color-2); | ||
padding: 20px 20px; | padding: 20px 20px; | ||
border-radius: 20px; | border-radius: 20px; | ||
| Line 36: | Line 36: | ||
bottom: -78px; | bottom: -78px; | ||
font-weight: initial; | font-weight: initial; | ||
color: var(-- | color: var(--background-color-8); | ||
} | } | ||
} | } | ||
| Line 49: | Line 49: | ||
width: fit-content; | width: fit-content; | ||
font-size: 13px; | font-size: 13px; | ||
color: var(-- | color: var(--color-base); | ||
font-weight: 500; | font-weight: 500; | ||
font-family: 'PetitPlanet'; | font-family: 'PetitPlanet'; | ||
a { | a { | ||
color: var(-- | color: var(--color-base); | ||
} | } | ||
Latest revision as of 10:37, 16 November 2025
@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&display=swap');
blockquote.pull-quote {
border: none !important;
border-radius: 20px;
position: relative;
margin-left: 0;
padding: 0;
margin-top: 5px !important;
padding-top: 0px;
padding-left:0;
display: flow-root;
&: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;
}
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(--theme-accent-color);
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';
a {
color: var(--color-base);
}
cite {
font-style: normal !important;
}
}