User:Vaileasys/sandbox 3: Difference between revisions

From PZwiki
(added quote to screen size 719px to appear after the infobox instead of overlapping)
(spiffo theme)
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{User:Vaileasys/sandbox 3|text=this is some text|author=this is an author}}
Spiffo theme by [https://discord.com/channels/136501320340209664/473467044050894858/1224455891277975552 Fysyszykytypy]
 
<onlyinclude><div class="quote">
  <div class="quote-mark">&ldquo;</div>
  <div class="quote-text">{{{text|}}}{{#if:{{{author|}}}|<div class="quote-author">&mdash; {{{author}}}</div>}}</div>
</div></onlyinclude>


<syntaxhighlight lang="css">
<syntaxhighlight lang="css">
/* Outer container */
:root {
.quote {
--link-mw: #e8952f;
    display: flex;
--color-red: #100d0c;
    font-family: 'Georgia', 'Times New Roman', 'Times', serif;
--border-red: 1px solid #ba6a09;
}
}
/* Inner left quotation mark */
 
.quote .quote-mark {
div.navbar.theme-red > a.mw-selflink {
     font-weight: bold;
     background-color: #ab6712;
    font-size: 4em;
    height: 1em;
}
}
/* Inner text container */
div.navbar.theme-red > a:hover {
.quote .quote-text {
     background-color: #493217;
     margin: 0.5em;
    padding-left: 0.5em;
    border-left: 1px solid #000000;
    font-style: italic;
}
}
/* Author section */
 
.quote .quote-author {
.vector-toc-collapse-button, .vector-toc-uncollapse-button {
     text-align: right;
     color: #f59620;
}
}
</syntaxhighlight>


<syntaxhighlight lang="css">
/* "Crafting" section header, element style */
 
     color: #5881b5;
@media screen and (max-width: 719px) {
    /* Template:Infobox */
     div.infobox {
        width: 100%;
    }
 
    /* Template:Quote */
    div.quote {
        clear: both;
    }
}
</syntaxhighlight>
</syntaxhighlight>

Latest revision as of 13:17, 4 April 2024

Spiffo theme by Fysyszykytypy

:root {
--link-mw: #e8952f;
--color-red: #100d0c;
--border-red: 1px solid #ba6a09;
}

div.navbar.theme-red > a.mw-selflink {
    background-color: #ab6712;
}
div.navbar.theme-red > a:hover {
    background-color: #493217;
}

.vector-toc-collapse-button, .vector-toc-uncollapse-button {
    color: #f59620;
}

/* "Crafting" section header, element style */
    color: #5881b5;