87 lines
5.5 KiB
CSS
87 lines
5.5 KiB
CSS
|
|
.jpegMode .cpu_load .progress-bar,.jpegMode .ram_load .progress-bar{background-color:#5cb85c}
|
|
.jpegMode [system="jpegToggle"],[system].text-success{color:#5cb85c!important}
|
|
|
|
.monitor_item .stream-hud{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
|
|
.monitor_item .stream-hud .camera_cpu_usage{position:absolute;top:0;left:0;width: 100%;}
|
|
.monitor_item .stream-hud .camera_cpu_usage .progress{width: 100%;}
|
|
.monitor_item .stream-hud .camera_cpu_usage:hover .progress{height:20px;transition:0.2s}
|
|
.monitor_item .stream-hud .controls{position:absolute;top:10px;left:10px;}
|
|
.monitor_item .stream-hud:hover{opacity:1}
|
|
.monitor_item .stream-hud .bottom-text{position:absolute;bottom:0;left:0;width:70%;padding:5px;text-shadow: 0 0 10px #333;}
|
|
.monitor_item .stream-hud:hover .bottom-text{top:0;}
|
|
.monitor_item .stream-hud .bottom-text .detector-fade{background: rgba(0,0,0,0.4);padding:10px 20px;border-radius:10px}
|
|
.monitor_item .stream-hud .lamp{position:absolute;top:5px;right:5px;z-index:1;text-shadow: 0 0 15px #333;}
|
|
.monitor_item[mode="Disabled"] .stream-hud .lamp{color:#5d5d5d}
|
|
.monitor_item[mode="Watch Only"] .stream-hud .lamp{color:#5da8e8}
|
|
.monitor_item[mode="Idle"] .stream-hud .lamp{color:#fff}
|
|
.monitor_item[mode="Record"] .stream-hud .lamp{color:#d9534f}
|
|
/*.data-menu{max-height:700px}*/
|
|
.data-menu:not(:last-child){border-right:1px solid #fff;}
|
|
.data-menu.logs{list-style:none;}
|
|
.monitor_item .motionVision{display:none}
|
|
|
|
.monitor_item .grid-stack-item-content{width:100%!important;left:0!important;right:0!important}
|
|
.monitor_item .ui-resizable-se {bottom: 10px!important;}
|
|
.monitor_item .stream-block{position: relative;text-align: center}
|
|
.monitor_item .mdl-data_window{overflow-x: auto;background:rgba(0,0,0,0.7);color:#fff;height:100%}
|
|
.monitor_item .mdl-data_window:not(.col-md-6){width:0;min-width:0;height:0px;min-height:0}
|
|
|
|
|
|
.monitor_item.fullscreen img.stream-element{height:100%;width:auto}
|
|
.monitor_item.fullscreen canvas.stream-element{height:auto;width:auto;background-color:black;}
|
|
.monitor_item .stream-element{border: 0;object-fit: fill;height: 100%;width:100%}
|
|
.monitor_item{position:relative;padding:0;transition:none;background:#000}
|
|
.monitor_item .mdl-card{min-height:auto;border:1px solid #272727;border-radius:0px;overflow:hidden}
|
|
.monitor_item .mdl-card__media{position:relative;padding:0!important;display:block!important;background:#000;}
|
|
.monitor_item.selected .stream-element{height:600px}
|
|
.monitor_item.selected .fa-expand:before{content:"\f066"}
|
|
.monitor_item .mdl-card__supporting-text{background:#222;color:#fff!important;display:block;min-height:auto!important}
|
|
.monitor_item.detector_triggered .detector-fade{opacity:1}
|
|
.monitor_item .detector-fade{opacity:0}
|
|
.monitor_item .indifference{position:absolute;width:100%;left:0;top:0;transition:0.2s;}
|
|
.monitor_item .progress{width:100%;background:#333;box-shadow:0;}
|
|
.monitor_item .indifference:hover .progress{height:20px;transition:0.2s}
|
|
.hide_indifference .indifference{display:none!important}
|
|
.hide_indifference [class_toggle="hide_indifference"]{color:#d9534f!important}
|
|
.monitor_item .mdl-card:not(.mdl-cell--4-col-desktop) .mdl-card__supporting-text .monitor_details{display:none;font-size:90%;margin-bottom:10px}
|
|
.monitor_item[mode="Record"] [mode="record"]{display:none}
|
|
.monitor_item[mode="Watch Only"] [mode="start"]{display:none}
|
|
.monitor_item .stream-hud .controls .btn{opacity:0.7}
|
|
.monitor_item.doObjectDetection .progress-bar{background-color: #57d94f}
|
|
|
|
.data-menu{text-align:left}
|
|
.data-menu ul,.side-menu ul{list-style:none;margin:0;padding:0;}
|
|
.data-menu li,.side-menu li:not(.mdl-menu__item){
|
|
border-bottom:1px solid #54502d;padding:10px;
|
|
}
|
|
.data-menu .progress-circle{margin:0 10px 0 0;position:relative;height:40px;width:40px;float:left}
|
|
.data-menu .progress-circle span:after{content:''}
|
|
img.circle-img,div.circle-img{border-radius:50%;height:50px;width:50px}
|
|
.circle-img.sm{height:25px;width:25px}
|
|
|
|
@media screen and (max-width:1500px){
|
|
.monitor_item .mdl-card__supporting-text .btn{
|
|
padding: 5px 10px;
|
|
font-size: 11px;
|
|
line-height: 1.5;
|
|
}
|
|
}
|
|
|
|
#monitors_live .monitor_item [class_toggle="show_logs"]{display:none}
|
|
#monitors_live .monitor_item .indifference{top:-5px}
|
|
#monitors_live .monitor_item .mdl-cell--8-col{width:100%;border:0;border-radius:0;margin:0;position:relative}
|
|
#monitors_live .monitor_item .mdl-cell--4-col-desktop,.monitor_item .mdl-card__supporting-text{display:none}
|
|
#monitors_live .monitor_item .mdl-card__supporting-text .monitor_details,#monitors_live .monitor_item .mdl-card__supporting-text .btn-group{display:none;text-align:center}
|
|
#monitors_live .monitor_item .mdl-card__supporting-text:not(.meta){display:block;position:absolute;bottom:0;left:0;height:0;padding:0;overflow:visible}
|
|
#monitors_live .monitor_item.show_data .mdl-card__supporting-text:not(.meta){width:50%}
|
|
#monitors_live .monitor_item.detector_triggered .mdl-card__supporting-text:not(.meta) .indifference{opacity:0.5;}
|
|
#monitors_live .monitor_item:hover .mdl-card__supporting-text:not(.meta){padding:15px;z-index:15;height:auto;}
|
|
#monitors_live .monitor_item:hover .mdl-card__supporting-text .monitor_details{display:block}
|
|
#monitors_live .monitor_item:hover .mdl-card__supporting-text .btn-group{display:inline-block}
|
|
|
|
.signal.green{background:#5cb85c}
|
|
[status="1"] .btn[video="launch"],[data-status="1"] .btn[video="launch"]{background:#337ab7;border-color:#337ab7}
|
|
[status="2"] .btn[launch="video"],[status="2"] .btn[video="launch"],[data-status="2"] .btn[video="launch"]{background:#a59100;border-color:#a59100}
|
|
.signal.red{background:#c9302c}
|