Template:Annotated image 4 - Revision history

DragonGod004: CSS formatting changes

2017-09-29T04:39:22Z

CSS formatting changes

DragonGod004 at 04:33, 29 September 2017

2017-09-29T04:33:52Z

DragonGod004: Annotate those images!

2017-09-29T04:16:54Z

Annotate those images!

New page

<includeonly>
{| role="presentation" style={{#switch: {{{align|}}} | left = "clear:left; float:left;" | center = "margin-left: auto; margin-right: auto; border: none;" | centre = "margin-left: auto; margin-right: auto; border: none;" | right = "clear:right; float:right;" | #default = "clear:right; float:right;" }}
|-
|<div class="thumb {{#switch: {{{align|}}} | left = tleft | center = center| centre = center | right = tright | #default = tright}}" {{#ifeq: {{{align|}}}|center|style="margin: 1em auto;"}}>
<div class="thumbinner" style="width:{{#expr:{{{width|300}}}+2}}px;{{#if:{{{frameless|}}}|border:0px;background-color:#fff}} ">
{{#if:{{{header|}}}|
<div style="clear: both; font-weight: bold; font-size: 106.4%; text-align: {{{header_align|center}}}; background-color: {{{header_background|transparent}}};margin-bottom:3px">{{{header}}}</div>
}}

<div style="position:relative; width:{{{width|300}}}px; height:{{{height}}}px; overflow:hidden; border:solid #ccc 1px; {{#if:{{{frameless|}}}|border:0px;}} background-color:{{{image-bg-color|white}}};">

<div style="left:{{{image-left|0}}}px; top:{{{image-top|0}}}px; width:{{{image-width|300}}}px; position:absolute"> [[Image:{{{image}}}|{{{image-width|300}}}px|alt={{{alt|}}}|{{#ifeq:{{{nolink|}}}|yes|link=|link={{{link|COMMONS:File:{{{image}}}}}}}}]]
</div> 

<div style="text-align:{{{annot-text-align|center}}}; {{ifeq|{{{annot-font-size|}}}||line-height:110%;|font-size:{{{annot-font-size|}}}px; line-height:{{{annot-line-height|110%}}};}}">
<span style="background-color:{{{annot-background-color|transparent}}}; color:{{{annot-color|black}}}">{{{annotations}}}</span>

</div>
</div>
{{#if:{{{caption|}}}|<div class="thumbcaption" style="clear:left">{{#ifeq:{{{icon|}}}|none||[[File:interactive icon.svg|left|18px|link=|The image above contains clickable links|alt=The image above contains clickable links]]}}{{{caption}}}{{#ifeq:{{{nolink|}}}|yes| [[Image:Desc-20.png|15px|link=COMMONS:File:{{{image}}}]]}}</div>}}
</div>
</div>
|}</includeonly><noinclude>
</noinclude>

@@ Line 3: / Line 3: @@
 |-<!--Annotated image 4 template code starts below here-->
 |<div class="thumb {{#switch: {{{align|}}} | left = tleft | center = center| centre = center | right = tright | #default = tright}}" {{#ifeq: {{{align|}}}|center|style="margin: 1em auto;"}}>
-<div class="thumbinner" style="width:{{#expr:{{{width|300}}}+2}}px;{{#if:{{{frameless|}}}|border:0px;background-color:#fff}} ">
+<div class="thumbinner" style="width:{{#expr:{{{width|300}}}+2}}px;{{#if:{{{frameless|}}}|border:0px;background-color:inherit}} ">
 {{#if:{{{header|}}}|
 <div style="clear: both; font-weight: bold; font-size: 106.4%; text-align: {{{header_align|center}}}; background-color: {{{header_background|transparent}}};margin-bottom:3px">{{{header}}}</div>
 }}
 <!--Start image wrapper-->
-<div style="position:relative; width:{{{width|300}}}px; height:{{{height}}}px; overflow:hidden; border:solid #ccc 1px; {{#if:{{{frameless|}}}|border:0px;}} background-color:{{{image-bg-color|white}}};">
+<div style="position:relative; width:{{{width|300}}}px; height:{{{height}}}px; overflow:hidden; border:inherit; {{#if:{{{frameless|}}}|border:0px;}} background-color:{{{image-bg-color|white}}};">
 <!--Start annotated image-->
 <div style="left:{{{image-left|0}}}px; top:{{{image-top|0}}}px; width:{{{image-width|300}}}px; position:absolute"> [[Image:{{{image}}}|{{{image-width|300}}}px|alt={{{alt|}}}|{{#ifeq:{{{nolink|}}}|yes|link=|link={{{link|COMMONS:File:{{{image}}}}}}}}]]
@@ Line 21: / Line 21: @@
 </div><!-- end thumbinner -->
 </div><!-- end thumb -->
-|}<!-- end table wrapper for mobile browsers --></includeonly><noinclude>
+|}<!-- end table wrapper for mobile browsers --></includeonly>

@@ Line 13: / Line 13: @@
 </div> <!-- end image -->
 <!--Start annotations-->
-<div style="text-align:{{{annot-text-align|center}}}; {{ifeq|{{{annot-font-size|}}}||line-height:110%;|font-size:{{{annot-font-size|}}}px; line-height:{{{annot-line-height|110%}}};}}">
+<div style="text-align:{{{annot-text-align|center}}}; {{#ifeq|{{{annot-font-size|}}}||line-height:110%;|font-size:{{{annot-font-size|}}}px; line-height:{{{annot-line-height|110%}}};}}">
 <span style="background-color:{{{annot-background-color|transparent}}}; color:{{{annot-color|black}}}">{{{annotations}}}</span>
 <!--annotations has syntax: {{annotations|fromLeft|fromTop|text}}-->