Difference between revisions of "Template:TripleColorDot"

From Drawn to Life Wiki
 
Line 1: Line 1:
 
<div style="height: 30px; width: 65px; margin-right: 10px;" id="allDots">
 
<div style="height: 30px; width: 65px; margin-right: 10px;" id="allDots">
<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 #fff; 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 #fff; 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: 7px;" id="dot3""></div>
+
<div style="background-color:{{{3|{{{color3|blue}}}}}}; border: 2.5px solid #fff; border-radius:50%; width:{{{size|25px}}}; height:{{{size|25px}}}; display: inline-block; position: relative; z-index: 1; left: 7px;" id="dot3""></div>
 
</div>
 
</div>

Latest revision as of 22:17, 18 December 2020