Difference between revisions of "Template:UOAtlasHeader"

m
 
(104 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#vardefine:scale|{{{scale}}}}}<!--
+
<!--
 
-->{{#vardefine:width|{{#expr: {{{x2}}} - {{{x1}}} }}}}<!--
 
-->{{#vardefine:width|{{#expr: {{{x2}}} - {{{x1}}} }}}}<!--
 
-->{{#vardefine:height|{{#expr: {{{y2}}} - {{{y1}}} }}}}<!--
 
-->{{#vardefine:height|{{#expr: {{{y2}}} - {{{y1}}} }}}}<!--
Line 5: Line 5:
 
-->{{#vardefine:mapHeight|{{{mapHeight}}}}}<!--
 
-->{{#vardefine:mapHeight|{{{mapHeight}}}}}<!--
 
-->{{#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: a|{{{y1}}}px}}<!--
--><div class="map-holder {{#if: {{#varexists:noscroll}}| noscroll}}" style="width:{{{parentWidth}}}%;float:right;"><!--
+
-->{{#vardefine: b|{{#expr: {{#expr: {{#var:mapWidth}} - {{{x1}}} }} - {{#var:width}} }}px}}<!--
--><div style="display:inline-block;transform:scale({{#var:scale}}) translate(-{{{x1}}}px, -{{{y1}}}px);"><!--
+
-->{{#vardefine: c|{{#expr: {{#expr: {{#var:mapHeight}} - {{{y1}}} }} - {{#var:height}} }}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>
+
-->{{#vardefine: d|{{{x1}}}px}}<!--
 +
-->{{#vardefine: clippath|inset({{#var: a}} {{#var: b}} {{#var: c}} {{#var: d}})}}<!--
 +
-->{{#vardefine:transformCSS|transform: translate(-{{{x1}}}px, -{{{y1}}}px);}}<!--
 +
--><div style="--mapheight: {{#var:height}}px; --mapwidth: {{#var:width}}px; --scalemod: {{{scalemod|0}}}; float: right; image-rendering: pixelated; position:sticky;" class="mapOuterDiv">
 +
<div style="position:absolute; left: 0; top: 0; width: 100%; overflow: hidden; border-radius: 25px;"><div style="transform-origin: top left;" class="mapInnerDiv"><div style="transform: translate(-{{{x1}}}px, -{{{y1}}}px); width: {{{mapWidth}}}px; height: {{{mapHeight}}}px;">[[File:MAP{{#var: map}}-1.png|link=|class=map]]</div></div></div><div style="position:absolute; left: 0; top: 0; transform-origin: top left; height: {{#expr: 5+{{#var:height}} }}px; overflow: hidden;" class="mapInnerDiv mapBlackoutDiv"><div style="{{#var:transformCSS}}">

Latest revision as of 04:52, 18 October 2020

<div style="--mapheight: Expression error: Unrecognized punctuation character "{".px; --mapwidth: Expression error: Unrecognized punctuation character "{".px; --scalemod: 0; float: right; image-rendering: pixelated; position:sticky;" class="mapOuterDiv">

[[File:MAP{{{map}}}-1.png|link=|class=map]]

<div style="position:absolute; left: 0; top: 0; transform-origin: top left; height: Expression error: Unexpected < operator.px; overflow: hidden;" class="mapInnerDiv mapBlackoutDiv">