Difference between revisions of "Template:UOAtlasHeader"

m
 
(105 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#vardefine:scale|{{{scale}}}}}<!--
+
<!--
-->{{#vardefine:topLeftX|{{{x1}}}}}<!--
+
-->{{#vardefine:width|{{#expr: {{{x2}}} - {{{x1}}} }}}}<!--
-->{{#vardefine:topLeftY|{{{y1}}}}}<!--
+
-->{{#vardefine:height|{{#expr: {{{y2}}} - {{{y1}}} }}}}<!--
-->{{#vardefine:bottomRightX|{{{x2}}}}}<!--
 
-->{{#vardefine:bottomRightY|{{{y2}}}}}<!--
 
-->{{#vardefine:width|{{#expr: {{#var: bottomRightX}} - {{#var: topLeftX}} }}}}<!--
 
-->{{#vardefine:height|{{#expr: {{#var: bottomRightY}} - {{#var: topLeftY}} }}}}<!--
 
 
-->{{#vardefine:mapWidth|{{{mapWidth}}}}}<!--
 
-->{{#vardefine:mapWidth|{{{mapWidth}}}}}<!--
 
-->{{#vardefine:mapHeight|{{{mapHeight}}}}}<!--
 
-->{{#vardefine:mapHeight|{{{mapHeight}}}}}<!--
 
-->{{#vardefine: map|{{{map}}}}}<!--
 
-->{{#vardefine: map|{{{map}}}}}<!--
-->{{#vardefine: clippath|inset({{#var:topLeftY}}px {{#expr: {{#expr: {{#var:mapWidth}} - {{#var:topLeftX}} }} - {{#var:width}} }}px {{#expr: {{#expr: {{#var:mapHeight}} - {{#var:topLeftY}} }} - {{#var:height}} }}px {{#var:topLeftX}}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(-{{#var:topLeftX}}px, -{{#var:topLeftY}}px);"><!--
+
-->{{#vardefine: c|{{#expr: {{#expr: {{#var:mapHeight}} - {{{y1}}} }} - {{#var:height}} }}px}}<!--
--><div class="map" data-x1="{{#var:topLeftX}}" data-y1="{{#var:topLeftY}}" data-x2="{{#var:bottomRightY}}" data-y2="{{#var:bottomRightY}}" 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 05: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">