Changes

no edit summary
Line 1: Line 1: −
<div style="height: 30px; width: 65px;" 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 #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: 5px;" id="dot3""></div>
 
</div>
 
</div>