State
(custom)
<style>
#blink {
-webkit-animation: blink 1s linear infinite;
animation: blink 1s linear infinite;
}
@-webkit-keyframes blink {
50% { color: rgb(34, 34, 34); }
51% { color: rgba(34, 34, 34, 0); }
100% { color: rgba(34, 34, 34, 0); }
}
@keyframes blink {
50% { color: rgb(34, 34, 34); }
51% { color: rgba(34, 34, 34, 0); }
100% { color: rgba(34, 34, 34, 0); }
}
</style>
<div style="text-align: center;">
<img src="/img/icons/status/lock_32_%Security.stateColor%.png" align="absmiddle"> %Security.stateDetails%
<img src="/img/icons/status/system_32_%System.stateColor%.png" align="absmiddle"> %System.stateDetails%
<img src="/img/icons/status/network_32_%Communication.stateColor%.png" align="absmiddle"> %Communication.stateDetails%
<img src="/img/icons/status/network_32_%MegaD.stateColor%.png" align="absmiddle"> %MegaD.stateDetails%
<img src="/img/icons/status/network_32_%IPCamKuhnya.stateColor%.png" align="absmiddle"> %IPCamKuhnya.stateDetails%
<img src="/img/icons/status/network_32_%IPCamKoridor.stateColor%.png" align="absmiddle"> %IPCamKoridor.stateDetails%
<br/>
<br/>
<div style="font-size:22px;font-weight: 700;">%ThisComputer.data_day%</div>
<div style="font-size:15px;padding-bottom: 13px;text-align: center;">%ThisComputer.ToDay%%ThisComputer.NextDay%</div>
<div style="margin-top: -8px;font-weight: 300;font-size:82px;">%ThisComputer.hour%<span id="blink">:</span>%ThisComputer.minute%</div>
<div style="padding-bottom: 13px;text-align: center;">%ThisComputer.daysLeftNewYear%</div>
</div>