Editing Template:Marker

From The Fifth City Wiki
Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

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 6: Line 6:
         /* Move marker on map */
         /* Move marker on map */
         position: absolute;
         position: absolute;
         transform: translate(calc({{{x|0}}}% * 4), calc({{{y|0}}}% * 4));
         transform: translate({{{x|0}}}%, {{{y|0}}}%);
          
          
         /* Transformation percentages take into account
         /* Transformation percentages take into account
Line 13: Line 13:
           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: calc(100% / 4);
         width: 100%;
         height: calc(100% / 4);
         height: 100%;
     "
     "
     class = "frontOnChildHover"
     class = "frontOnChildHover"
Line 30: Line 30:
          
          
         Marker top flair
         Marker top flair
     -->{{#switch:{{{flair|fallenlondon}}}
     --><div style = "
        |fallenlondon =
            image-rendering: pixelated;
            <div style = "
           
                image-rendering: pixelated;
            /* Move flair down a tad */
               
            position: relative;
                /* Move flair down a tad */
            top: 3px;
                position: relative;
           
                top: 3px;
            /* Center it */
               
            width: fit-content;
                /* Center it */
            margin-left: auto;
                width: fit-content;
            margin-right: auto;
                margin-left: auto;
        ">[[File:Border-fanciness-top.png|link=]]</div><!--
                margin-right: auto;
            ">[[File:Border-fanciness-top.png|link=]]</div>
        | }}<!--
          
          
         Marker
         Marker
Line 51: Line 48:
             text-align: center;
             text-align: center;
             font-family: 'Roboto Slab', Georgia, Times, serif;
             font-family: 'Roboto Slab', Georgia, Times, serif;
             font-size: 0.85cqw;
             font-size: 1cqw;
             color: #fff;
             color: #fff;
             text-shadow: 0 0 .25cqw #000;
             text-shadow: 0 0 .4cqw #000;
             background-color: rgb(111, 133, 134);
             background-color: rgb(111, 133, 134);
             padding: .2cqw .4cqw;
             padding: .4cqw .6cqw;
             border: .1cqw solid #fff;
             border: .1cqw solid #fff;
             border-radius: .2cqw;
             border-radius: .4cqw;
             box-shadow: 0 0 .3cqw 0 rgb(111, 133, 134);
             box-shadow: 0 0 .5cqw 0 rgb(111, 133, 134);
         "
         "
         >{{{name|Unnamed Marker}}}</div>{{#if:{{{link|{{{name}}}}}}|{{))!}}}}<!--
         >{{{name|Unnamed Marker}}}</div>{{#if:{{{link|{{{name}}}}}}|{{))!}}}}<!--
          
          
         Marker bottom flair
         Marker bottom flair
     -->{{#switch:{{{flair|fallenlondon}}}
     --><div style = "
        |fallenlondon =
            image-rendering: pixelated;
            <div style = "
           
                image-rendering: pixelated;
            /* Move flair up a tad */
               
            position: relative;
                /* Move flair up a tad */
            bottom: 7px;
                position: relative;
           
                bottom: 7px;
            /* Center it */
               
            width: fit-content;
                /* Center it */
            margin-left: auto;
                width: fit-content;
            margin-right: auto;
                margin-left: auto;
        ">[[File:Border-fanciness-bottom.png|link=]]</div><!--
                margin-right: auto;
            ">[[File:Border-fanciness-bottom.png|link=]]</div>
        | }}<!--
          
          
         Tooltip
         Tooltip
     --><div class = "tooltip" style = "
     --><div class = "tooltip" style = "
             {{#if:{{{1|{{{image|{{{header|}}}}}}}}}||display: none;}} <!-- Hide tooltip if it has no contents -->
             {{#if:{{{1|}}}||display: none;}} <!-- Hide tooltip if it has no contents -->
              
             width: 13cqw;
            <!-- If the content contains text, use a set width. Otherwise, fit-content -->
            {{#if:{{{1|}}}
                |width: 25cqw;
                |width: fit-content;
            }}
           
             transform:
             transform:
                 translate(calc(-16.66cqw * {{{scale|0.75}}}), calc(-200% * (0.85 - {{{scale|0.75}}})))
                 translate(-6.25vw, calc(-200% * (0.85 - {{{scale|0.75}}})))
                 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 97: Line 85:
             padding: 10px;
             padding: 10px;
         "><!--
         "><!--
    -->{{#if:{{{header|}}}|[[File:{{{header|}}}]]}}<!--
     -->{{#if:{{{image|}}}|[[File:{{{image|}}}|right]]}}<!--
     -->{{#if:{{{image|}}}|<div style = "width: 12.5cqw; clear: right; float: right">[[File:{{{image|}}}|right]]</div>}}<!--
     -->{{{1}}}<!--
     -->{{{1|}}}<!--
     --></div><!--
     --></div><!--
  --></div>
  --></div>
Please note that all contributions to The Fifth City Wiki are considered to be released under the Creative Commons Attribution-ShareAlike (see The Fifth City Wiki:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!

To edit this page, please answer the question that appears below (more info):

Cancel Editing help (opens in new window)
Preview page with this template

Templates used on this page:

Retrieved from "https://thefifthcity.wiki/wiki/Template:Marker"