Editing Template:Marker
From The Fifth City Wiki
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
| Latest revision | Your text | ||
| Line 1: | Line 1: | ||
<div | |||
style = " | style = " | ||
/* Move marker on map */ | /* Move marker on map */ | ||
position: absolute; | position: absolute; | ||
transform: translate | transform: translate({{{x|0}}}%, {{{y|0}}}%); | ||
/* Transformation percentages take into account | /* Transformation percentages take into account | ||
| Line 13: | Line 10: | ||
a percentage of the parent element's size, | a percentage of the parent element's size, | ||
this element must have the same size. */ | this element must have the same size. */ | ||
width: | width: 100%; | ||
height: | height: 100%; | ||
" | " | ||
><!-- | ><!-- | ||
--><div style = " | --><div style = " | ||
width: fit-content; /* Shrink to fit only the marker */ | width: fit-content; /* Shrink to fit only the marker */ | ||
transform: | transform: | ||
| Line 26: | Line 21: | ||
; | ; | ||
" | " | ||
class = "hastooltip | class = "hastooltip frontOnChildHover" | ||
><!-- | ><!-- | ||
Marker top flair | Marker top flair | ||
--> | --><div style = " | ||
image-rendering: pixelated; | |||
/* Move flair down a tad */ | |||
position: relative; | |||
top: 3px; | |||
/* Center it */ | |||
width: fit-content; | |||
margin-left: auto; | |||
margin-right: auto; | |||
">[[File:Border-fanciness-top.png|link=]]</div><!-- | |||
Marker | Marker | ||
--> | --><div style = " | ||
/* ~*Style*~ */ | /* ~*Style*~ */ | ||
font-family: 'Roboto Slab', Georgia, Times, serif; | font-family: 'Roboto Slab', Georgia, Times, serif; | ||
color: #fff; | color: #fff; | ||
text-shadow: 0 0 | text-shadow: 0 0 4px #000; | ||
background-color: rgb(111, 133, 134); | background-color: rgb(111, 133, 134); | ||
padding: | padding: 4px 6px; | ||
border: | border: 1px solid #fff; | ||
border-radius: | border-radius: 4px; | ||
box-shadow: | box-shadow: 0px 0px 5px 0px rgb(111, 133, 134); | ||
" | " | ||
>{{{name|Unnamed Marker}}}</div> | class = "childHover" | ||
>{{{name|Unnamed Marker}}}</div><!-- | |||
Marker bottom flair | Marker bottom flair | ||
--> | --><div style = " | ||
image-rendering: pixelated; | |||
/* Move flair up a tad */ | |||
position: relative; | |||
bottom: 7px; | |||
/* Center it */ | |||
width: fit-content; | |||
margin-left: auto; | |||
margin-right: auto; | |||
">[[File:Border-fanciness-bottom.png|link=]]</div><!-- | |||
Tooltip | Tooltip | ||
--><div class = "tooltip" style = " | --><div class = "tooltip" style = " | ||
width: 150%; /* Width of tooltip in relation to marker */ | |||
transform: | transform: | ||
translateX(-25%) /* Should be width/2 - 100%, centers tooltip */ | |||
scale({{#expr:1/{{{scale|0.75}}}}}) /* Undo scaling applied by marker to tooltip */ | scale({{#expr:1/{{{scale|0.75}}}}}) /* Undo scaling applied by marker to tooltip */ | ||
; | ; | ||
| Line 96: | Line 77: | ||
text-align: left; | text-align: left; | ||
padding: 10px; | padding: 10px; | ||
" | "> | ||
