Template:OSM Location map/cssmapping: Difference between revisions

Revision as of 22:27, 18 March 2024

Revision as of 23:28, 18 March 2024

Line 16:

{{#ifeq:{{Str left |{{{label-line|0}}}| 1}}|3| <!-- draw photo-panel -->

<div style="display:inline-block; position: absolute;

top: {{#expr:{{{y1|40}}}+{{{ldy|20}}}-{{if empty|{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=5}}|48}}/2}}px;

left: {{#expr:{{{x1|40}}}+{{{ldx|20}}}-{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=4}}/2}}px;

width: {{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=4}}px;

height: {{if empty|{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=5}}|48}}px; border-radius: 2px;

background-color: #E8E8D6;

outline: 2px solid {{{label-color|blue}}};"></div>{{#ifeq:{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=2}}|0||<div style="display:inline-block; position: absolute; <!-- place image inside the photo-panel -->

top: {{#expr:{{{y1|40}}}+{{{ldy|20}}}-({{if empty|{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=5}}|48}}/2)}}px;

{{#ifeq:{{{label-pos|left}}}|left

|left: {{#expr:{{{x1|40}}}+{{{ldx|20}}}-{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=4}}/2}}px;

|left: {{#expr:{{{x1|40}}}+{{{ldx|20}}}+{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=4}}/2-( {{if empty|{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=5}}|48}}*{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=2}} ) }}px;}}

background-color:transparent; border-radius: 2px;">[[file:{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=3}}{{!}}x{{if empty|{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=5}}|48}}px]]</div>}}<div style="display:inline-block; position: absolute;

top: {{#expr:{{{y1|40}}}+{{{ldy|20}}}-({{if empty|{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=5}}|48}}/2)}}px;

left: {{#expr:{{{x1|40}}}+{{{ldx|20}}}-{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=4}}/2}}px;

width: {{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=4}}px;

height: {{if empty|{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=5}}|48}}px; border-radius: 2px;

background-color: transparent; box-shadow: 4px 4px #16591644;

outline: 2px solid {{{label-color|blue}}};"></div> }}{{#ifeq:{{{mark-width|1}}}|0||<div style="display:inline-block; position: absolute;

Line 169:

{{#ifeq:{{{label-pos|}}}|right

| left: {{#expr:{{{ldx|0}}}+{{{x1|30}}}+3-( {{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=4}}/2 ) }}px;

| left: {{#expr:{{{ldx|0}}}+{{{x1|30}}}+3-{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=4}}/2+( {{if empty|{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=5}}|48}}*{{#invoke:String2 |split |txt={{{label-line|}}}|sep=!|idx=2}} ) }}px;

}} text-align: center;

}} }}