Bureaucrats, content-mod, Forum administrators, Interface administrators, staff, Suppressors, Administrators
6,230
edits
Changes
Template:TripleColorDot (view source)
Revision as of 23:17, 18 December 2020
, 23:17, 18 December 2020no edit summary
<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>