Difference between revisions of "User:Atlas/Template:Map locations"

From comp.tf
Jump to navigation Jump to search
(Applying styles: part 1)
(Applying more styles)
Line 1: Line 1:
{| class="mw-collapsible mw-collapsed navbox"
+
{| class="mw-collapsible mw-collapsed navbox maploc"
 
|-
 
|-
 
! colspan=2 style="background: #1c1c1c; font-size: 12px;" | {{#if:{{{templatename|}}}|<span style="float: left; margin-left: 5px; font-size: 9px; font-weight: normal; color: #fff;">[[Template:{{{templatename}}}|<span style="color: #fff">v</span>]] &middot; [[Template talk:{{{templatename}}}|<span style="color: #fff">d</span>]] &middot; <span class="plainlinks">[{{fullurl:Template:{{{templatename}}}|action=edit}} <span style="color: #fff">e</span>]</span></span>|}}<span style="color: #fff">{{{title}}}</span>
 
! colspan=2 style="background: #1c1c1c; font-size: 12px;" | {{#if:{{{templatename|}}}|<span style="float: left; margin-left: 5px; font-size: 9px; font-weight: normal; color: #fff;">[[Template:{{{templatename}}}|<span style="color: #fff">v</span>]] &middot; [[Template talk:{{{templatename}}}|<span style="color: #fff">d</span>]] &middot; <span class="plainlinks">[{{fullurl:Template:{{{templatename}}}|action=edit}} <span style="color: #fff">e</span>]</span></span>|}}<span style="color: #fff">{{{title}}}</span>
 
|-
 
|-
| <div style="width: 800px; position: relative; margin: 0 auto;">[[Image:{{{image}}}|800px]]
+
| <div class="container">[[Image:{{{image}}}|800px]]
{{#if:{{{area1|}}}|<div style="width: 21px; height: 21px; border-radius: 11px; position: absolute; left: {{{x1}}}; top: {{{y1}}}; background: red;"><div style="width: 100px; height: 20px; position: relative; top: -25px; left: -39px; background: white; text-align: center; font-size: small; border-radius: 10px;">{{{area1}}}</div></div>|}}
+
{{#if:{{{area1|}}}|<div class="marker" style="left: {{{x1}}}; top: {{{y1}}};"><div style="width: 100px; height: 20px; position: relative; top: -25px; left: -39px; background: white; text-align: center; font-size: small; border-radius: 10px;">{{{area1}}}</div></div>|}}
{{#if:{{{area2|}}}|<div style="width: 21px; height: 21px; border-radius: 11px; position: absolute; left: {{{x2}}}; top: {{{y2}}}; background: red;"><div style="width: 100px; height: 20px; position: relative; top: -25px; left: -39px; background: white; text-align: center; font-size: small; border-radius: 10px;">{{{area2}}}</div></div>|}}
+
{{#if:{{{area2|}}}|<div class="marker" style="left: {{{x2}}}; top: {{{y2}}};"><div style="width: 100px; height: 20px; position: relative; top: -25px; left: -39px; background: white; text-align: center; font-size: small; border-radius: 10px;">{{{area2}}}</div></div>|}}
{{#if:{{{area3|}}}|<div style="width: 21px; height: 21px; border-radius: 11px; position: absolute; left: {{{x3}}}; top: {{{y3}}}; background: red;"><div style="width: 100px; height: 20px; position: relative; top: -25px; left: -39px; background: white; text-align: center; font-size: small; border-radius: 10px;">{{{area3}}}</div></div>|}}
+
{{#if:{{{area3|}}}|<div class="marker" style=left: {{{x3}}}; top: {{{y3}}};"><div style="width: 100px; height: 20px; position: relative; top: -25px; left: -39px; background: white; text-align: center; font-size: small; border-radius: 10px;">{{{area3}}}</div></div>|}}
{{#if:{{{area4|}}}|<div style="width: 21px; height: 21px; border-radius: 11px; position: absolute; left: {{{x4}}}; top: {{{y4}}}; background: red;"><div style="width: 100px; height: 20px; position: relative; top: -25px; left: -39px; background: white; text-align: center; font-size: small; border-radius: 10px;">{{{area4}}}</div></div>|}}
+
{{#if:{{{area4|}}}|<div class="marker" style="left: {{{x4}}}; top: {{{y4}}};"><div style="width: 100px; height: 20px; position: relative; top: -25px; left: -39px; background: white; text-align: center; font-size: small; border-radius: 10px;">{{{area4}}}</div></div>|}}
{{#if:{{{area5|}}}|<div style="width: 21px; height: 21px; border-radius: 11px; position: absolute; left: {{{x5}}}; top: {{{y5}}}; background: red;"><div style="width: 100px; height: 20px; position: relative; top: -25px; left: -39px; background: white; text-align: center; font-size: small; border-radius: 10px;">{{{area5}}}</div></div>|}}
+
{{#if:{{{area5|}}}|<div class="marker" style="left: {{{x5}}}; top: {{{y5}}};"><div style="width: 100px; height: 20px; position: relative; top: -25px; left: -39px; background: white; text-align: center; font-size: small; border-radius: 10px;">{{{area5}}}</div></div>|}}
 
</div>
 
</div>
 
|}<noinclude>
 
|}<noinclude>

Revision as of 09:44, 31 July 2013

Test