User:HalvesTime/template/Analog clock digital-withTime

 12 6 9 3            <div id="mw-analog-dots-3" style="display: block; margin-top: -100px; appearance: auto; transform: rotateZ(120deg); height: 100px"> <div style="display: inline-block; background-image: linear-gradient(transparent 2%, 2%,  5%, transparent 5%, transparent 96%); width: 1px; height: 100px;"> <div id="mw-analog-dots-4" style="display: block; margin-top: -100px; appearance: auto; transform: rotateZ(150deg); height: 100px"> <div style="display: inline-block; background-image: linear-gradient(transparent 2%, 2%,  5%, transparent 5%, transparent 96%); width: 1px; height: 100px;"> <div id="mw-analog-dots-5" style="display: block; margin-top: -100px; appearance: auto; transform: rotateZ(210deg); height: 100px"> <div style="display: inline-block; background-image: linear-gradient(transparent 2%, 2%,  5%, transparent 5%, transparent 96%); width: 1px; height: 100px;"> <div id="mw-analog-dots-6" style="display: block; margin-top: -100px; appearance: auto; transform: rotateZ(240deg); height: 100px"> <div style="display: inline-block; background-image: linear-gradient(transparent 2%, 2%,  5%, transparent 5%, transparent 96%); width: 1px; height: 100px;"> <div id="mw-analog-dots-7" style="display: block; margin-top: -100px; appearance: auto; transform: rotateZ(300deg); height: 100px"> <div style="display: inline-block; background-image: linear-gradient(transparent 2%, 2%,  5%, transparent 5%, transparent 96%); width: 1px; height: 100px;"> <div id="mw-analog-dots-8" style="display: block; margin-top: -100px; appearance: auto; transform: rotateZ(330deg); height: 100px"> <div style="display: inline-block; background-image: linear-gradient(transparent 2%, 2%,  5%, transparent 5%, transparent 96%); width: 1px; height: 100px;"> <div style="position: relative; display: block; margin-top: -130px; width: 130px; height: 130px; background-image: radial-gradient(, 5%, transparent 5%);">