Difference between revisions of "Template:UOAtlasHeader"

m (Undo revision 251571 by BrianFreud (talk) - browsers aren't quite that smart yet :P)
m
Line 6: Line 6:
 
-->{{#vardefine: map|{{{map}}}}}<!--
 
-->{{#vardefine: map|{{{map}}}}}<!--
 
-->{{#vardefine: clippath|inset({{{y1}}}px {{#expr: {{#expr: {{#var:mapWidth}} - {{{x1}}} }} - {{#var:width}} }}px {{#expr: {{#expr: {{#var:mapHeight}} - {{{y1}}} }} - {{#var:height}} }}px {{{x1}}}px)}}<!--
 
-->{{#vardefine: clippath|inset({{{y1}}}px {{#expr: {{#expr: {{#var:mapWidth}} - {{{x1}}} }} - {{#var:width}} }}px {{#expr: {{#expr: {{#var:mapHeight}} - {{{y1}}} }} - {{#var:height}} }}px {{{x1}}}px)}}<!--
 +
-->{{#vardefine: margin|-{{{y1}}}px -{{#expr: {{#expr: {{#var:mapWidth}} - {{{x1}}} }} - {{#var:width}} }}px -{{#expr: {{#expr: {{#var:mapHeight}} - {{{y1}}} }} - {{#var:height}} }}px -{{{x1}}}px}}<!--
 
--><div class="map-holder {{#if: {{#varexists:noscroll}}| noscroll}}" style="width:{{{parentWidth}}}%;float:right;"><!--
 
--><div class="map-holder {{#if: {{#varexists:noscroll}}| noscroll}}" style="width:{{{parentWidth}}}%;float:right;"><!--
 
--><div style="display:inline-block;transform:scale({{#var:scale}}) translate(-{{{x1}}}px, -{{{y1}}}px);"><!--
 
--><div style="display:inline-block;transform:scale({{#var:scale}}) translate(-{{{x1}}}px, -{{{y1}}}px);"><!--
--><div class="map" data-x1="{{{x1}}}" data-y1="{{{y1}}}" data-x2="{{{y2}}}" data-y2="{{{y2}}}" style="-webkit-clip-path: {{#var:clippath}};clip-path: {{#var:clippath}}">[[File:MAP{{#var: map}}-1.png|link=]]</div>
+
--><div class="map" data-x1="{{{x1}}}" data-y1="{{{y1}}}" data-x2="{{{y2}}}" data-y2="{{{y2}}}" style="-webkit-clip-path: {{#var:clippath}};clip-path: {{#var:clippath}} margin:"{{#var: margin}}"">[[File:MAP{{#var: map}}-1.png|link=]]</div>

Revision as of 10:41, 25 September 2016

<div class="map" data-x1="{{{x1}}}" data-y1="{{{y1}}}" data-x2="{{{y2}}}" data-y2="{{{y2}}}" style="-webkit-clip-path: inset({{{y1}}}px Expression error: Unexpected < operator.px Expression error: Unexpected < operator.px {{{x1}}}px);clip-path: inset({{{y1}}}px Expression error: Unexpected < operator.px Expression error: Unexpected < operator.px {{{x1}}}px) margin:"-{{{y1}}}px -Expression error: Unexpected < operator.px -Expression error: Unexpected < operator.px -{{{x1}}}px"">[[File:MAP{{{map}}}-1.png|link=]]