Difference between revisions of "Template:TripleColorDot"

From Drawn to Life Wiki
Line 2: Line 2:
 
<div style="background-color:{{{1|{{{color1|red}}}}}}; border: 2.5px solid #ccc; border-radius:50%; width:{{{size|25px}}}; height:{{{size|25px}}}; display: inline-block; position: absolute; z-index: 3;" id="dot1"></div>
 
<div style="background-color:{{{1|{{{color1|red}}}}}}; border: 2.5px solid #ccc; border-radius:50%; width:{{{size|25px}}}; height:{{{size|25px}}}; display: inline-block; position: absolute; z-index: 3;" id="dot1"></div>
 
<div style="background-color:{{{2|{{{color2|green}}}}}}; border: 2.5px solid #ccc; border-radius:50%; width:{{{size|25px}}}; height:{{{size|25px}}}; display: inline-block; position: relative; z-index: 2; left: 20px;" id="dot2"></div>
 
<div style="background-color:{{{2|{{{color2|green}}}}}}; border: 2.5px solid #ccc; border-radius:50%; width:{{{size|25px}}}; height:{{{size|25px}}}; display: inline-block; position: relative; z-index: 2; left: 20px;" id="dot2"></div>
<div style="background-color:{{{3|{{{color3|blue}}}}}}; border: 2.5px solid #ccc; border-radius:50%; width:{{{size|25px}}}; height:{{{size|25px}}}; display: inline-block; position: relative; z-index: 1; left: 5px;" id="dot3""></div>
+
<div style="background-color:{{{3|{{{color3|blue}}}}}}; border: 2.5px solid #ccc; border-radius:50%; width:{{{size|25px}}}; height:{{{size|25px}}}; display: inline-block; position: relative; z-index: 1; left: 10px;" id="dot3""></div>
 
</div>
 
</div>

Revision as of 03:43, 28 November 2020