View source for Template:Plain image with caption

<templatestyles src="Plain image with caption/styles.css"/> 
{{#switch: {{{4|{{{align|}}}}}} | centre | center = <div class="center"> }}
<div class="thumb {{#switch: {{{4|{{{align|right}}}}}} | right = tright | left = tleft | none | centre | center = tnone }}">
<div style="display:table;{{#switch: {{{4|{{{align|}}}}}} | centre | center = width:{{Str number/trim|{{{3|{{{width|}}}}}}}}px;}}">
{{#ifeq: {{{5|{{{caption position|bottom}}}}}} | top | {{#if: {{{9|{{{caption override|}}}}}} | <div class="thumbcaption" style="display:table-caption;caption-side:top;box-sizing:border-box;">{{{9|{{{caption override|}}}}}}</div> | <div class="thumbcaption" style="display:table-caption;caption-side:top;box-sizing:border-box;">{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="float: left; margin-top: 0.25em; width: 11px; height: 9.5px;"><div style="position: relative; float: left; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid inset; border-width: 9.5px 5.5px 0 5.5px; border-color: {{{7|{{{triangle color|#ff0080}}}}}} transparent transparent transparent;"></div></div> | }}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="padding-left: 20px"> }}{{{2|{{{caption<noinclude>|Caption goes here.</noinclude>}}}}}}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | </div> }} }} </div>}}<!--
-->{{#if: {{{8|{{{image override|}}}}}} | {{{8|{{{image override|}}}}}} | [[File:{{PAGENAME:{{{1|{{{image<noinclude>|Example.svg</noinclude>}}}}}}}}|frameless|{{#if:{{{upright|}}}|upright={{{upright|}}}{{!}}|upright=1{{!}}}}{{#if:{{{3|{{{width|}}}}}}{{{height}}}|{{Str number/trim|{{{3|{{{width|}}}}}}}}{{#if:{{{height|}}}|x{{Str number/trim|{{{height|}}}}}}}px}}|{{{2|{{{caption<noinclude>|Caption goes here.</noinclude>}}}}}}]] }}<!--
-->{{#ifeq: {{{5|{{{caption position|bottom}}}}}} | bottom | {{#if: {{{9|{{{caption override|}}}}}} | <div class="thumbcaption" style="display:table-caption;caption-side:bottom;box-sizing:border-box;">{{{9|{{{caption override|}}}}}}</div> | <div class="thumbcaption" style="display:table-caption;caption-side:bottom;box-sizing:border-box;">{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="float: left; margin-top: 0.25em; width: 11px; height: 9.5px;"><div style="position: relative; width: 0px; height: 0px; border-style: solid inset; border-width: 0 5.5px 9.5px 5.5px; border-color: transparent transparent {{{7|{{{triangle color|#ff0080}}}}}} transparent;"></div></div> | }}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="padding-left: 20px"> }}{{{2|{{{caption<noinclude>|Caption goes here.</noinclude>}}}}}}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | </div> }} }} </div> }}{{#switch: {{{4|{{{align|}}}}}} | centre | center = {{#ifeq:{{{3|{{{width|}}}}}}||{{error|Error: Center-aligned images must have pixel-defined width}}[[Category:Plain image with caption center aligned without pixel-defined width]]}}}}
</div>
</div>{{#switch: {{{4|{{{align|}}}}}} |centre | center = </div> }}<noinclude>{{doc}}</noinclude>