Difference between revisions of "Template:UOAtlasHeader"
BrianFreud (talk | contribs) m |
BrianFreud (talk | contribs) |
||
| (104 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | <!-- | |
-->{{#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: | + | -->{{#vardefine: a|{{{y1}}}px}}<!-- |
| − | --> | + | -->{{#vardefine: b|{{#expr: {{#expr: {{#var:mapWidth}} - {{{x1}}} }} - {{#var:width}} }}px}}<!-- |
| − | --> | + | -->{{#vardefine: c|{{#expr: {{#expr: {{#var:mapHeight}} - {{{y1}}} }} - {{#var:height}} }}px}}<!-- |
| − | --><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">
<div style="position:absolute; left: 0; top: 0; transform-origin: top left; height: Expression error: Unexpected < operator.px; overflow: hidden;" class="mapInnerDiv mapBlackoutDiv">
