Difference between revisions of "Template:UOAtlasHeader"

m
 
(70 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 10: Line 10:
 
-->{{#vardefine: d|{{{x1}}}px}}<!--
 
-->{{#vardefine: d|{{{x1}}}px}}<!--
 
-->{{#vardefine: clippath|inset({{#var: a}} {{#var: b}} {{#var: c}} {{#var: d}})}}<!--
 
-->{{#vardefine: clippath|inset({{#var: a}} {{#var: b}} {{#var: c}} {{#var: d}})}}<!--
--><div style="float: right; image-rendering: pixelated; height: {{#expr: 2.5 * {{#var:height}}}}px; width: {{#expr: 2.5 * {{#var:width}}}}px; overflow: hidden; border-radius: 25px;">
+
-->{{#vardefine:transformCSS|transform: translate(-{{{x1}}}px, -{{{y1}}}px);}}<!--
<div style="transform-origin: top left; height: {{#expr:{{#var:height}} * 2}}px; width: {{#var:width}}px; transform: scale(2.5);">
+
--><div style="--mapheight: {{#var:height}}px; --mapwidth: {{#var:width}}px; --scalemod: {{{scalemod|0}}}; float: right; image-rendering: pixelated; position:sticky;" class="mapOuterDiv">
<div style="transform: translate(-{{{x1}}}px, -{{{y1}}}px); width: {{{mapWidth}}}px; height: {{{mapHeight}}}px;">
+
<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}}">
[[File:MAP{{#var: map}}-1.png|link=|class=map]]
 

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">