User:Vaileasys/sandbox 3: Difference between revisions

From PZwiki
(added quote to screen size 719px to appear after the infobox instead of overlapping)
(wikitable tests)
Line 1: Line 1:
{{User:Vaileasys/sandbox 3|text=this is some text|author=this is an author}}
{| class="wikitable"
!header 1,1
!header 1,2
!header 1,3
|-
|cell 2,1
|cell 2,2
|cell 2,3
|-
|cell 3,1
|cell 3,2
|cell 3,3
|}


<onlyinclude><div class="quote">
{| class="wikitable"
  <div class="quote-mark">&ldquo;</div>
!header 1,1
  <div class="quote-text">{{{text|}}}{{#if:{{{author|}}}|<div class="quote-author">&mdash; {{{author}}}</div>}}</div>
!header 1,2
</div></onlyinclude>
!header 1,3
|-
!header 2,1
!header 2,2
!header 2,3
|-
|cell 3,1
|cell 3,2
|cell 3,3
|}


<syntaxhighlight lang="css">
{| class="wikitable"
/* Outer container */
!header 1,1
.quote {
!header 1,2
    display: flex;
!header 1,3
    font-family: 'Georgia', 'Times New Roman', 'Times', serif;
|-
}
|cell 2,1
/* Inner left quotation mark */
|cell 2,2
.quote .quote-mark {
|cell 2,3
    font-weight: bold;
|-
    font-size: 4em;
!header 3,1
    height: 1em;
!header 3,2
}
!header 3,3
/* Inner text container */
|}
.quote .quote-text {
    margin: 0.5em;
    padding-left: 0.5em;
    border-left: 1px solid #000000;
    font-style: italic;
}
/* Author section */
.quote .quote-author {
    text-align: right;
}
</syntaxhighlight>


<syntaxhighlight lang="css">
{| class="wikitable"
 
!header 1,1
@media screen and (max-width: 719px) {
!header 1,2
    /* Template:Infobox */
!header 1,3
    div.infobox {
|-
        width: 100%;
!header 2,1
    }
|cell 2,2
 
|cell 2,3
    /* Template:Quote */
|-
    div.quote {
!header 3,1
        clear: both;
|cell 3,2
    }
|cell 3,3
}
|}
</syntaxhighlight>

Revision as of 10:36, 4 April 2024

header 1,1 header 1,2 header 1,3
cell 2,1 cell 2,2 cell 2,3
cell 3,1 cell 3,2 cell 3,3
header 1,1 header 1,2 header 1,3
header 2,1 header 2,2 header 2,3
cell 3,1 cell 3,2 cell 3,3
header 1,1 header 1,2 header 1,3
cell 2,1 cell 2,2 cell 2,3
header 3,1 header 3,2 header 3,3
header 1,1 header 1,2 header 1,3
header 2,1 cell 2,2 cell 2,3
header 3,1 cell 3,2 cell 3,3