User:MvGulik/Annotated image/pct

{{#ifeq:{{{float}}} | center | 
}}
class="
noresize
thumb
{{#switch:{{{float}}}
| left = tleft
| center
| none = tnone
| right
| #default = tright
}}
"
style="{{{outer-css|}}}; "
>

class="thumbinner"
style="
overflow:hidden;
width:
{{#if:{{{pct|}}}
|	{{#expr:{{{width|1}}}*{{{image-width|300}}}+2}}px;
|	{{#expr:{{{width|{{{image-width|300}}} }}}+2}}px;
}}
"
>

class="thumbimage"
style="
{{#if:{{{height|}}}
|	height:
{{#if:{{{pct|}}}
|	{{#expr:{{{height|1}}}*{{{image-width|300}}}+2}}px;
|	{{#expr:{{{height}}}+2}}px;
}}
}}
overflow:hidden;
position:relative;
background-color:{{{image-bg-color|white}}};
{{#if:{{{border|}}}
|	border:{{{border|}}};
}}
"
>

style="
{{{image-css|}}};
{{#if:{{{pct|}}}
|	left:{{#expr:{{{image-left|0}}}*{{{image-width|300}}}}}px;
top:{{#expr:{{{image-top|0}}}*{{{image-width|300}}}}}px;
|	left:{{{image-left|0}}}px;
top:{{{image-top|0}}}px;
}}
width:{{{image-width|300}}}px;
position:absolute;
"
>{{#if:{{{imagemap|}}}
|	{{{imagemap}}}
|	File:{{{image}}} 
}}


style="
text-align:{{{annot-text-align|left}}};
background-color:{{{annot-background-color|transparent}}};
{{#if:{{{annot-font-family|}}}
|	font-family:{{{annot-font-family}}};
}}
{{#if:{{{annot-font-size|}}}
|	font-size:{{{annot-font-size}}}px;
}}
{{#if:{{{annot-font-weight|}}}
|	font-weight:{{{annot-font-weight}}};
}}
{{#if:{{{annot-font-style|}}}
|	font-style:{{{annot-font-style}}};
}} {{#if:{{{annot-color|}}}
|	color:{{{annot-color}}};
}}
{{#if:{{{annot-line-height|}}}
|	line-height:{{{annot-line-height}}};
|	{{#if:{{{annot-font-size|}}}
|	line-height:{{#expr:{{{annot-font-size|}}}+2}}px;
|	line-height:110%;
}}
}}
"
>{{{annotations}}}