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
No edit summary
Stevium changed the content model of the page Template:Quote/styles.css from "CSS" to "Sanitized CSS": TemplateStyles
 
(5 intermediate revisions by 2 users 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 11: Line 9:
     padding-left:0;
     padding-left:0;
     display: flow-root;
     display: flow-root;
      
     max-width: max-content;
     &: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;
}
}


.pull-quote__text {
.pull-quote__text p:after {
   
    content: '”';
    p {
    font-family: "Stack Sans Text", sans-serif;
        position: relative;
    font-size: 70px;
        background-color: var(--theme-color-2);
    position: absolute;
        padding: 20px 20px;
    right: 20px;
        border-radius: 20px;
    bottom: -78px;
        margin-bottom: 0;
    font-weight: initial;
        font-weight: 500;
    color: var(--background-color-8);
    }
   
    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 {
.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 47: Line 39:
     top: -10px;
     top: -10px;
left: 10px;
left: 10px;
width: fit-content;
font-size: 13px;
font-size: 13px;
color: var(--theme-page-text-color);
color: var(--color-base);
font-weight: 500;
font-weight: 500;
     font-family: 'PetitPlanet';
     font-family: 'PetitPlanet';
   
}
    a {
 
        color: var(--theme-page-text-color);
.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"