Template:FAQ: Difference between revisions

Jump to navigation Jump to search
no edit summary
(Expand FAQ box to full width but don't flow over floating elements)
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>{{FAQ
<noinclude>{{FAQ
|question  = Am i a question?
|question  = Am i a question?
|answer    = Yes, this is an answer
|answer    = Yes, this is an answer<br>It has multiple lines.<br>Even more lines to show how it looks.
|source    = https://wiki.descent-community.org
|source    = https://wiki.descent-community.org
|reference = I'm just a reference
|reference = I'm just a reference
Line 9: Line 9:
     {{#if:{{{source|}}} |
     {{#if:{{{source|}}} |
       {{#if:{{{reference|}}} |
       {{#if:{{{reference|}}} |
         <div style="margin-bottom:5px; background-color:lightgrey; padding:5px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;min-width:270px;overflow:hidden;">
         <div style="vertical-align:bottom; margin-bottom:5px; background-color:lightgrey; padding:5px; border-top-left-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px;min-width:270px;overflow:hidden;">
        {{{!}} style="width:100%"
          <div style="display:table;width:100%;">
        {{!}} align="left" colspan="2" {{!}} '''{{{question|}}}'''
            <div style="display:table-caption;width:100%">'''{{{question|}}}'''</div>
        {{!}}-
            <div style="width:100%; vertical-align: middle; display:table-row;">
        {{!}} width="55px" {{!}} {{#var: def_icon}}
              <div style="text-align:center; width:55px; display:table-cell; vertical-align: middle;">{{#var: def_icon}}</div>
        {{!}} <div style="display:inline-block; border:1px solid RGB(85,172,238); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; padding:7px; background-color:white;"> {{{answer|}}}</div>
              <div style="min-height:64px; display:flex; flex-wrap: wrap; align-items: center;">
        {{!}}-
                <div style="border:1px solid RGB(85,172,238); border-top-left-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; padding:7px; background-color:white;">{{{answer|}}}</div>
        {{!}} align="right" colspan="2" {{!}} {{Source|{{{source|}}}}} {{{reference|}}}
                <div style="align-self:flex-end; flex-grow:1; text-align:right;">{{Source|{{{source|}}}}} {{{reference|}}}</div>
        {{!}}-
              </div>
        {{!}}}
            </div>
          </div>
         </div>
         </div>
       }}
       }}
     }}
     }}
   }}
   }}
}}</includeonly><noinclude>{{documentation}}</noinclude>
}}[[Category:FAQ]]</includeonly><noinclude>{{documentation}}</noinclude>

Navigation menu