Toggle search
Toggle menu
1K
1K
32
6.2K
The Petit Planet Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Quote/styles.css: Difference between revisions

Template page
More actions
Browse history interactively
← Older edit
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:
@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&display=swap');
blockquote.pull-quote {
blockquote.pull-quote {
     border: none !important;
     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;
   
    &:has(.pull-quote__source) {
        margin-top: 25px !important;
    }
}
}


.pull-quote__text {
.pull-quote__text p {
      
     position: relative;
    p {
    background-color: var(--background-color-2);
        position: relative;
    padding: 20px 20px;
        background-color: var(--background-color-2);
    border-radius: 20px;
        padding: 20px 20px;
    margin-bottom: 0;
        border-radius: 20px;
    font-weight: 500;
        margin-bottom: 0;
}
        font-weight: 500;
 
    }
.pull-quote__text p:after {
   
    content: '”';
    p:after {
    font-family: "Stack Sans Text", sans-serif;
        content: '”';
    font-size: 70px;
        font-family: "Stack Sans Text", sans-serif;
    position: absolute;
        font-size: 70px;
    right: 20px;
        position: absolute;
    bottom: -78px;
        right: 20px;
    font-weight: initial;
        bottom: -78px;
    color: var(--background-color-8);
        font-weight: initial;
        color: var(--background-color-8);
    }
}
}


.pull-quote__source {
.pull-quote__source {
background-color: var(--theme-accent-color);
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;
width: fit-content;
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';
   
}
    a {
 
        color: var(--color-base);
.pull-quote__source a {
    }
    color: var(--color-base);
   
}
    cite {
 
        font-style: normal !important;
.pull-quote__source cite {
    }
    font-style: normal !important;
}
}
Retrieved from "https://petitplanet.wiki/Template:Quote/styles.css"