Template:Quote box: Difference between revisions

From Talking Heads Wiki
Jump to navigation Jump to search
(Created page with "<templatestyles src="Template:Quote_box/styles.css" /><div class="quotebox pullquote {{#switch: {{lc:{{{align|}}}}} | center = centered | left = floatleft | none = | floatright }} {{{class|}}}" style=" {{#if:{{{width|}}} |width:{{{width}}};}} {{#ifeq:{{{border}}}|none|border:none;|{{#if:{{{border|}}}|border-width: {{{border}}}}};}} {{#if:{{{fontsize|}}}|font-size: {{{fontsize}}};}} {{#if:{{{bgcolor|}}}|color: #2021...")
 
No edit summary
Line 1: Line 1:
<templatestyles src="Template:Quote_box/styles.css" /><div class="quotebox pullquote {{#switch: {{lc:{{{align|}}}}}
/* {{pp-template}} */
        | center = centered
.quotebox {
        | left = floatleft
background-color: #F9F9F9;
        | none =
border: 1px solid #aaa;
        | floatright
box-sizing: border-box;
    }} {{{class|}}}" style="
padding: 10px;
    {{#if:{{{width|}}} |width:{{{width}}};}}  
font-size: 88%;
    {{#ifeq:{{{border}}}|none|border:none;|{{#if:{{{border|}}}|border-width: {{{border}}}}};}}
max-width: 100%;
    {{#if:{{{fontsize|}}}|font-size: {{{fontsize}}};}}  
}
    {{#if:{{{bgcolor|}}}|color: #202122;background-color: {{#ifeq:{{{bgcolor|}}}|none|transparent|{{{bgcolor}}}}};}}
.quotebox.floatleft {
    {{{style|}}}">
margin: .5em 1.4em .8em 0;
{{#if:{{{title|}}}
}
    |<div class="quotebox-title {{{tclass|}}}" style="
.quotebox.floatright {
        {{#if:{{{title_bg|{{{bgcolor|}}}}}}|color: #202122;background-color: {{#ifeq:{{{title_bg|{{{bgcolor}}}}}}|none|transparent|{{{title_bg|{{{bgcolor}}}}}}}};}}  
margin: .5em 0 .8em 1.4em;
        {{#if:{{{title_fnt|}}}|color: {{{title_fnt}}};}}
}
        {{{tstyle|}}}">{{{title}}}</div>
.quotebox.centered {
}}
overflow: hidden;
<blockquote class="quotebox-quote {{main other||{{#if:{{{quoted|}}}|quoted}}}} {{#switch: {{lc:{{{qalign|{{{halign|left}}}}}}}}
position: relative;
        |right = right-aligned
margin: .5em auto .8em auto;
        |center = center-aligned
}
        |left-aligned
.quotebox.floatleft span,
     }} {{{qclass|}}}" style="
.quotebox.floatright span {
     {{{qstyle|}}}">
font-style: inherit;
{{{text|{{{content|{{{quotetext|{{{quote|{{{1|<includeonly>{{error|Error: No text given for quotation (or equals sign used in the actual argument to an unnamed parameter)}}</includeonly><noinclude>{{lorem ipsum}}</noinclude>}}}}}}}}}}}}}}}
}
</blockquote>
.quotebox > blockquote {
{{#if:{{{author|{{{source|}}}}}}{{{2|}}}{{{3|}}}|<p style="padding-bottom: 0;"><!-- p tag style because of phab:T352875; see talk --><cite class="{{#switch: {{lc:{{{salign|{{{qalign|{{{halign|left}}} }}} }}} }}
margin: 0;
        |right = right-aligned
padding: 0;
        |center = center-aligned
        |left-aligned
/* Styling from Minerva */
    }}" style="{{{sstyle|}}}"><!--Manually inserted dashes will need to be removed from uses of the template first, I guess, then enable this:--><!--—&thinsp;-->{{{author|{{{2|}}}}}}{{#if:{{{author|}}}{{{2|}}}|{{#if:{{{source|}}}{{{3|}}}|<!--Display comma-space only if both cite parameters are present.-->,&#32;}}}}{{{source|{{{3|}}}}}}</cite></p>}}
border-left: 0;
</div>{{#invoke:Check for unknown parameters|check|unknown={{main other|[[Category:Pages using quote box with unknown parameters|_VALUE_{{PAGENAME}}]]}}|preview=Page using [[Template:Quote box]] with unknown parameter "_VALUE_"|ignoreblank=y| 1 | 2 | 3 | align | author | bgcolor | border | class | content | fontsize | halign | qalign | qclass | qstyle | quote | quoted | quotetext | salign | source | sstyle | style | tclass | text | title | title_bg | title_fnt | tstyle | width }}<noinclude>
font-family: inherit;
{{Documentation}}
font-size: inherit;
</noinclude>
}
.quotebox-title {
text-align: center;
    font-size: 110%;
    font-weight: bold;  
}
.quotebox-quote > :first-child {
margin-top: 0;
}
.quotebox-quote:last-child > :last-child {
margin-bottom: 0;
}
.quotebox-quote.quoted:before {
    font-family:'Times New Roman',serif;
    font-weight:bold;
    font-size: large;
     color: gray;
     content: ' “ ';
    vertical-align: -45%;
line-height: 0;
}
.quotebox-quote.quoted:after {
    font-family:'Times New Roman',serif;
    font-weight:bold;
    font-size: large;
    color: gray;
content: ' ” ';
line-height: 0;
}
.quotebox .left-aligned {
text-align: left;
}
.quotebox .right-aligned {
text-align: right;
}
.quotebox .center-aligned {
text-align: center;
}
.quotebox .quote-title,
.quotebox .quotebox-quote {
display: block;
}
.quotebox cite {
display:block;
font-style:normal;
}
 
@media screen and (max-width:640px) {
.quotebox {
/*override inline styles */
width: 100% !important;
margin: 0 0 .8em !important;
float: none !important;
}
}

Revision as of 13:20, 27 July 2024

/* Template:Pp-template */ .quotebox { background-color: #F9F9F9; border: 1px solid #aaa; box-sizing: border-box; padding: 10px; font-size: 88%; max-width: 100%; } .quotebox.floatleft { margin: .5em 1.4em .8em 0; } .quotebox.floatright { margin: .5em 0 .8em 1.4em; } .quotebox.centered { overflow: hidden; position: relative; margin: .5em auto .8em auto; } .quotebox.floatleft span, .quotebox.floatright span { font-style: inherit; } .quotebox > blockquote { margin: 0; padding: 0;

/* Styling from Minerva */ border-left: 0; font-family: inherit; font-size: inherit; } .quotebox-title { text-align: center;

   font-size: 110%;
   font-weight: bold; 

} .quotebox-quote > :first-child { margin-top: 0; } .quotebox-quote:last-child > :last-child { margin-bottom: 0; } .quotebox-quote.quoted:before {

   font-family:'Times New Roman',serif;
   font-weight:bold;
   font-size: large;
   color: gray;
   content: ' “ ';
   vertical-align: -45%;

line-height: 0; } .quotebox-quote.quoted:after {

   font-family:'Times New Roman',serif;
   font-weight:bold;
   font-size: large;
   color: gray;

content: ' ” '; line-height: 0; } .quotebox .left-aligned { text-align: left; } .quotebox .right-aligned { text-align: right; } .quotebox .center-aligned { text-align: center; } .quotebox .quote-title, .quotebox .quotebox-quote { display: block; } .quotebox cite { display:block; font-style:normal; }

@media screen and (max-width:640px) { .quotebox { /*override inline styles */ width: 100% !important; margin: 0 0 .8em !important; float: none !important; } }