Re: Сцены и оформление (сборка)
Добавлено: Пт фев 02, 2018 5:35 pm
Эта? И дальше по тексту.
Да, она! Спасибо!serghei писал(а):Эта? И дальше по тексту.
Нет я в настройках в устройства onvif добавил камеру. Теперь я создал меню видео наблюдение. Но как мне сделать оформление как на видео. Когда заходишь в меню он квадратами показывает камеры и какую нужно ты можешь включить. Где скачать те же иконки вкл. Код кнопки к примеруnick7zmail писал(а):Видеонаблюдение - это вроде софтина "Линия IP". Остальное - добавить в виде соответствующих модулей/самому сделать.
Код: Выделить всё
/* ------------------general_CSS (only CSS)-----------------*/
.b1 {
width:63px;
height:60px;
padding: 2px;
border: 1px solid rgba(0, 233, 233, 0.6);
background-color: rgba(0, 233, 233, 0.6);
background: -webkit-linear-gradient(rgba(0, 233, 233, 0), rgba(0, 233, 233, 0.7));
background: linear-gradient(rgba(0, 233, 233, 0), rgba(0, 233, 233, 0.7));
//box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
box-shadow: inset 0px 0px 0px #2ab7ec, 0px 0px 0px 0px #6E0707, 0px 0px 10px #FD004D;
color:white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.b2 {
width:141px;
height:60px;
padding: 2px;
border: 1px solid rgba(0, 233, 233, 0.6);
background-color: rgba(0, 40, 40, 0.6);
background: -webkit-linear-gradient(rgba(0, 40, 40, 0.2), rgba(0, 40, 40, 0.7));
background: linear-gradient(rgba(0, 40, 40, 0.2), rgba(0, 40, 40, 0.7));
//box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
//box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
color:white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.br {
width:63px;
height:60px;
padding: 2px;
border: 1px solid rgba(0, 233, 233, 0.6);
background-color: rgba(0, 40, 40, 0.6);
background: -webkit-linear-gradient(rgba(0, 40, 40, 0.2), rgba(0, 40, 40, 0.7));
background: linear-gradient(rgba(0, 40, 40, 0.2), rgba(0, 40, 40, 0.7));
//box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
//box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
color:white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.b1 img {
margin-left: 17px;
margin-top:1px;
}
.b1_in {
margin-top: 1px;
text-align: center;
-webkit-animation: pulsate 0.5s linear infinite;
animation: pulsate 0.5s linear infinite;
}
.b2_in {
margin-top: 3px;
color: #000
text-shadow: 0 1px 1px rgba(255,255,255,.35);
text-align: center;
font-size: 20px;
}
.br_in {
margin-top: 1px;
color: #000
text-shadow: 0 1px 1px rgba(255,255,255,.35);
text-align: center;
}
.br img {
margin-left: 17px;
margin-top:1px;
}