MediaWiki:Quote.css: Difference between revisions
Appearance
ReisuDesign (talk | contribs) touching stuff Tags: Blanking Manual revert |
ReisuDesign (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
@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(--theme-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(--theme-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(--theme-page-text-color); | |||
font-weight: 500; | |||
font-family: 'PetitPlanet'; | |||
a { | |||
color: var(--theme-page-text-color); | |||
} | |||
cite { | |||
font-style: normal !important; | |||
} | |||
} | |||
Revision as of 10:59, 11 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(--theme-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(--theme-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(--theme-page-text-color);
font-weight: 500;
font-family: 'PetitPlanet';
a {
color: var(--theme-page-text-color);
}
cite {
font-style: normal !important;
}
}