Дом 1эт.

<div style='display:%MotionSensor1.status|"block;none"%'>
<img src="\cms\scenes\styles\informer\i_motion.png" >ДД санузла сработал в %MotionSensor1.updatedTimeHHMM%</div> <div style='display:%MotionSensor1.status|"none;block"%'>
<img src="\cms\scenes\styles\informer\i_motion.png" style="-webkit-filter: drop-shadow(2px 2px 5px #333); filter: drop-shadow(2px 2px 5px #333); background-color: yellow;"> Движение в санузле</div>

<style type="text/css"> .gorizontalno { display: inline-block } </style> <legend><small><h1>Свет 1 эт.</h1></small></legend> <div class="gorizontalno"> <div style='display:%Lamp_07.Status|"block;none"%' onClick='callMethod("%Lamp_07.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_07.Status|"none;block"%' onClick='callMethod("%Lamp_07.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>Санузел</div> </div> <div class="gorizontalno"> <div style='display:%Lamp_08.Status|"block;none"%' onClick='callMethod("%Lamp_08.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_08.Status|"none;block"%' onClick='callMethod("%Lamp_08.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>Бойлер.</div> </div> <div class="gorizontalno"> <div style='display:%Lamp_09.Status|"block;none"%' onClick='callMethod("%Lamp_09.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_09.Status|"none;block"%' onClick='callMethod("%Lamp_09.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>Кухня</div> </div> <div class="gorizontalno"> <div style='display:%Lamp_10.Status|"block;none"%' onClick='callMethod("%Lamp_10.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_10.Status|"none;block"%' onClick='callMethod("%Lamp_10.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>Зал 1эт.</div> </div> <div class="gorizontalno"> <div style='display:%Lamp_11.Status|"block;none"%' onClick='callMethod("%Lamp_11.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_11.Status|"none;block"%' onClick='callMethod("%Lamp_11.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>Спальня 1эт.</div> </div> <div class="gorizontalno"> <div style='display:%Lamp_12.Status|"block;none"%' onClick='callMethod("%Lamp_12.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_12.Status|"none;block"%' onClick='callMethod("%Lamp_12.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>Прихожая</div> </div> <legend><small><small><h1>Веранда</h1></small></small></legend> <div class="gorizontalno"> <div style='display:%Lamp_13.Status|"block;none"%' onClick='callMethod("%Lamp_13.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_13.Status|"none;block"%' onClick='callMethod("%Lamp_13.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>2L</div> </div> <div class="gorizontalno"> <div style='display:%Lamp_19.Status|"block;none"%' onClick='callMethod("%Lamp_19.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_19.Status|"none;block"%' onClick='callMethod("%Lamp_19.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>4L</div> </div> <div class="gorizontalno"> <div onClick='runScript("lightingOff","location=1-1_07");'>
<img src="\cms\scenes\styles\button\i_button.png" align="absmiddle"></div> <div>Выключить все</div> </div> <div class="gorizontalno"> <div style='display:%Lamp_14.Status|"block;none"%' onClick='callMethod("%Lamp_14.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_14.Status|"none;block"%' onClick='callMethod("%Lamp_14.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>Подвал</div> </div> <div class="gorizontalno"> <div style='display:%Lamp_15.Status|"block;none"%' onClick='callMethod("%Lamp_15.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_15.Status|"none;block"%' onClick='callMethod("%Lamp_15.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>Центр.вход</div> </div> <div class="gorizontalno"> <div style='display:%Lamp_16.Status|"block;none"%' onClick='callMethod("%Lamp_16.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_16.Status|"none;block"%' onClick='callMethod("%Lamp_16.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>Зап.вход</div> </div> <div class="gorizontalno"> <div style='display:%Lamp_18.Status|"block;none"%' onClick='callMethod("%Lamp_18.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="42pt" height="42pt"></div> <div style='display:%Lamp_18.Status|"none;block"%' onClick='callMethod("%Lamp_18.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="42pt" height="42pt" style="background-color: yellow;"></div> <div>Парковка</div> </div>

<style type="text/css"> .gorizontalno { display: inline-block } .button:active { transform: scale(0.9, 0.9); } </style> <legend><small><small><h1>Насос в подвале</h1></small></small></legend> <div class="gorizontalno"> <div class="button"> <div style='display:%DrainPump_01.Status|"block;none"%' onClick='callMethod("%DrainPump_01.turnOn");'>
<img src="\cms\scenes\DrainPumpOff.png" width="48pt" height="48pt" style="background-color: white;"></div> <div style='display:%DrainPump_01.Status|"none;block"%' onClick='callMethod("%DrainPump_01.turnOff");'>
<img src="\cms\scenes\DrainPumpOn.gif" width="48pt" height="48pt" style="background-color: yellow;"></div> </div> </div>