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 # | + | <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 # | + | <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 # | + | <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> | ||