460 lines
12 KiB
CSS
460 lines
12 KiB
CSS
/*
|
|
* ---------------------------------------------------------------------
|
|
* - VISUAL MAPS -
|
|
* ---------------------------------------------------------------------
|
|
*/
|
|
|
|
div.external-visual-console-container {
|
|
width: 100%;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
div#vc-controls {
|
|
position: fixed;
|
|
top: 30px;
|
|
right: 20px;
|
|
width: 350px;
|
|
background-color: #ececec;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 5px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
div#vc-controls div#menu_tab {
|
|
margin: 0px;
|
|
}
|
|
|
|
div#vc-controls ul.white-box-content {
|
|
background-color: #ececec;
|
|
border: 0px;
|
|
}
|
|
|
|
div#vc-controls div.vc-title,
|
|
div#vc-controls div.vc-refr {
|
|
margin-top: 15px;
|
|
margin-left: 3px;
|
|
margin-right: 3px;
|
|
}
|
|
div#vc-controls div.vc-refr > div {
|
|
display: inline;
|
|
}
|
|
div#vc-controls div.vc-title-meta,
|
|
div#vc-controls div.vc-refr-meta {
|
|
margin-top: 5px;
|
|
margin-left: 3px;
|
|
margin-right: 3px;
|
|
}
|
|
div#vc-controls div.vc-refr-meta > div {
|
|
display: inline;
|
|
}
|
|
div#vc-controls img.vc-qr {
|
|
margin-top: 12px;
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
#menu_tab_frame_view {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
#edit-vc {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.visual-console-edit-controls {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.visual-console-edit-controls > span {
|
|
margin: 4px;
|
|
}
|
|
|
|
.visual-console-copy-delete {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
#edit-vc label {
|
|
flex: inherit;
|
|
}
|
|
|
|
input.vs_button_ghost {
|
|
background-color: transparent;
|
|
border: 1px solid #82b92e;
|
|
color: #82b92e;
|
|
text-align: center;
|
|
padding: 4px 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#toolbox #auto_save {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
#toolbox {
|
|
margin-top: 13px;
|
|
}
|
|
|
|
div#editor div#toolbox input.visual_editor_button_toolbox,
|
|
div#edit-controls input.visual_editor_button_toolbox {
|
|
padding-right: 20px;
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
border: none;
|
|
border-bottom: 3px solid transparent;
|
|
padding-left: 20px;
|
|
border-radius: initial;
|
|
}
|
|
|
|
div#edit-controls button.sub:hover,
|
|
div#edit-controls input.sub:hover {
|
|
border: 0px;
|
|
border-bottom: 3px solid #82b92e;
|
|
}
|
|
|
|
div#edit-controls button.sub[disabled],
|
|
div#edit-controls input.sub[disabled] {
|
|
border-color: transparent;
|
|
}
|
|
|
|
input.delete_min {
|
|
background: url(../../images/cross.png) no-repeat center;
|
|
}
|
|
input.delete_min[disabled] {
|
|
background: url(../../images/cross.disabled.png) no-repeat center;
|
|
}
|
|
input.delete_min_white {
|
|
background: url(../../images/cross.disabled.png) no-repeat center;
|
|
}
|
|
input.delete_min_white[disabled] {
|
|
background: url(../../images/cross.png) no-repeat center;
|
|
}
|
|
|
|
input.graph_min {
|
|
background: url(../../images/chart_curve.png) no-repeat center;
|
|
}
|
|
input.graph_min[disabled] {
|
|
background: url(../../images/chart_curve.disabled.png) no-repeat center;
|
|
}
|
|
input.graph_min_white {
|
|
background: url(../../images/chart_curve.disabled.png) no-repeat center;
|
|
}
|
|
input.graph_min_white[disabled] {
|
|
background: url(../../images/chart_curve.png) no-repeat center;
|
|
}
|
|
|
|
input.bars_graph_min {
|
|
background: url(../../images/icono-barras-arriba.png) no-repeat center;
|
|
}
|
|
input.bars_graph_min[disabled] {
|
|
background: url(../../images/icono-barras-arriba.disabled.png) no-repeat
|
|
center;
|
|
}
|
|
input.bars_graph_min_white {
|
|
background: url(../../images/icono-barras-arriba.disabled.png) no-repeat
|
|
center;
|
|
}
|
|
input.bars_graph_min_white[disabled] {
|
|
background: url(../../images/icono-barras-arriba.png) no-repeat center;
|
|
}
|
|
|
|
input.percentile_min {
|
|
background: url(../../images/chart_bar.png) no-repeat center;
|
|
}
|
|
input.percentile_min[disabled] {
|
|
background: url(../../images/chart_bar.disabled.png) no-repeat center;
|
|
}
|
|
input.percentile_min_white {
|
|
background: url(../../images/chart_bar.disabled.png) no-repeat center;
|
|
}
|
|
input.percentile_min_white[disabled] {
|
|
background: url(../../images/chart_bar.png) no-repeat center;
|
|
}
|
|
|
|
input.percentile_item_min {
|
|
background: url(../../images/percentile_item.png) no-repeat center;
|
|
}
|
|
input.percentile_item_min[disabled] {
|
|
background: url(../../images/percentile_item.disabled.png) no-repeat center;
|
|
}
|
|
input.percentile_item_min_white {
|
|
background: url(../../images/percentile_item.disabled.png) no-repeat center;
|
|
}
|
|
input.percentile_item_min_white[disabled] {
|
|
background: url(../../images/percentile_item.png) no-repeat center;
|
|
}
|
|
|
|
input.auto_sla_graph_min {
|
|
background: url(../../images/auto_sla_graph.png) no-repeat center;
|
|
}
|
|
input.auto_sla_graph_min[disabled] {
|
|
background: url(../../images/auto_sla_graph.disabled.png) no-repeat center;
|
|
}
|
|
input.auto_sla_graph_min_white {
|
|
background: url(../../images/auto_sla_graph.disabled.png) no-repeat center;
|
|
}
|
|
input.auto_sla_graph_min_white[disabled] {
|
|
background: url(../../images/auto_sla_graph.png) no-repeat center;
|
|
}
|
|
|
|
input.donut_graph_min {
|
|
background: url(../../images/icono-quesito.png) no-repeat center;
|
|
}
|
|
input.donut_graph_min[disabled] {
|
|
background: url(../../images/icono-quesito.disabled.png) no-repeat center;
|
|
}
|
|
input.donut_graph_min_white {
|
|
background: url(../../images/icono-quesito.disabled.png) no-repeat center;
|
|
}
|
|
input.donut_graph_min_white[disabled] {
|
|
background: url(../../images/icono-quesito.png) no-repeat center;
|
|
}
|
|
|
|
input.binary_min {
|
|
background: url(../../images/binary.png) no-repeat center;
|
|
}
|
|
input.binary_min[disabled] {
|
|
background: url(../../images/binary.disabled.png) no-repeat center;
|
|
}
|
|
input.binary_min_white {
|
|
background: url(../../images/binary.disabled.png) no-repeat center;
|
|
}
|
|
input.binary_min_white[disabled] {
|
|
background: url(../../images/binary.png) no-repeat center;
|
|
}
|
|
|
|
input.camera_min {
|
|
background: url(../../images/camera.png) no-repeat center;
|
|
}
|
|
input.camera_min[disabled] {
|
|
background: url(../../images/camera.disabled.png) no-repeat center;
|
|
}
|
|
input.camera_min_white {
|
|
background: url(../../images/camera.disabled.png) no-repeat center;
|
|
}
|
|
input.camera_min_white[disabled] {
|
|
background: url(../../images/camera.png) no-repeat center;
|
|
}
|
|
|
|
input.config_min {
|
|
background: url(../../images/config.png) no-repeat center;
|
|
}
|
|
input.config_min[disabled] {
|
|
background: url(../../images/config.disabled.png) no-repeat center;
|
|
}
|
|
input.config_min_white {
|
|
background: url(../../images/config.disabled.png) no-repeat center;
|
|
}
|
|
input.config_min_white[disabled] {
|
|
background: url(../../images/config.png) no-repeat center;
|
|
}
|
|
|
|
input.label_min {
|
|
background: url(../../images/tag_red.png) no-repeat center;
|
|
}
|
|
input.label_min[disabled] {
|
|
background: url(../../images/tag_red.disabled.png) no-repeat center;
|
|
}
|
|
input.label_min_white {
|
|
background: url(../../images/tag_red.disabled.png) no-repeat center;
|
|
}
|
|
input.label_min_white[disabled] {
|
|
background: url(../../images/tag_red.png) no-repeat center;
|
|
}
|
|
|
|
input.icon_min {
|
|
background: url(../../images/photo.png) no-repeat center;
|
|
}
|
|
input.icon_min[disabled] {
|
|
background: url(../../images/photo.disabled.png) no-repeat center;
|
|
}
|
|
input.icon_min_white {
|
|
background: url(../../images/photo.disabled.png) no-repeat center;
|
|
}
|
|
input.icon_min_white[disabled] {
|
|
background: url(../../images/photo.png) no-repeat center;
|
|
}
|
|
|
|
input.clock_min {
|
|
background: url(../../images/clock-tab.png) no-repeat center;
|
|
}
|
|
input.clock_min[disabled] {
|
|
background: url(../../images/clock-tab.disabled.png) no-repeat center;
|
|
}
|
|
input.clock_min_white {
|
|
background: url(../../images/clock-tab.disabled.png) no-repeat center;
|
|
}
|
|
input.clock_min_white[disabled] {
|
|
background: url(../../images/clock-tab.png) no-repeat center;
|
|
}
|
|
|
|
input.box_item {
|
|
background: url(../../images/box_item.png) no-repeat center;
|
|
}
|
|
input.box_item[disabled] {
|
|
background: url(../../images/box_item.disabled.png) no-repeat center;
|
|
}
|
|
input.box_item_white {
|
|
background: url(../../images/box_item.disabled.png) no-repeat center;
|
|
}
|
|
input.box_item_white[disabled] {
|
|
background: url(../../images/box_item.png) no-repeat center;
|
|
}
|
|
|
|
input.line_item {
|
|
background: url(../../images/line_item.png) no-repeat center;
|
|
}
|
|
input.line_item[disabled] {
|
|
background: url(../../images/line_item.disabled.png) no-repeat center;
|
|
}
|
|
input.line_item_white {
|
|
background: url(../../images/line_item.disabled.png) no-repeat center;
|
|
}
|
|
input.line_item_white[disabled] {
|
|
background: url(../../images/line_item.png) no-repeat center;
|
|
}
|
|
|
|
input.copy_item {
|
|
background: url(../../images/copy_visualmap.png) no-repeat center;
|
|
}
|
|
input.copy_item[disabled] {
|
|
background: url(../../images/copy_visualmap.disabled.png) no-repeat center;
|
|
}
|
|
input.copy_item_white {
|
|
background: url(../../images/copy_visualmap.disabled.png) no-repeat center;
|
|
}
|
|
input.copy_item_white[disabled] {
|
|
background: url(../../images/copy_visualmap.png) no-repeat center;
|
|
}
|
|
|
|
input.grid_min {
|
|
background: url(../../images/grid.png) no-repeat center;
|
|
}
|
|
input.grid_min[disabled] {
|
|
background: url(../../images/grid.disabled.png) no-repeat center;
|
|
}
|
|
input.grid_min_white {
|
|
background: url(../../images/grid.disabled.png) no-repeat center;
|
|
}
|
|
input.grid_min_white[disabled] {
|
|
background: url(../../images/grid.png) no-repeat center;
|
|
}
|
|
|
|
input.save_min {
|
|
background: url(../../images/file.png) no-repeat center;
|
|
}
|
|
input.save_min[disabled] {
|
|
background: url(../../images/file.disabled.png) no-repeat center;
|
|
}
|
|
input.save_min_white {
|
|
background: url(../../images/file.disabled.png) no-repeat center;
|
|
}
|
|
input.save_min_white[disabled] {
|
|
background: url(../../images/file.png) no-repeat center;
|
|
}
|
|
|
|
input.service_min {
|
|
background: url(../../images/box.png) no-repeat center;
|
|
}
|
|
input.service_min[disabled] {
|
|
background: url(../../images/box.disabled.png) no-repeat center;
|
|
}
|
|
input.service_min_white {
|
|
background: url(../../images/box.disabled.png) no-repeat center;
|
|
}
|
|
input.service_min_white[disabled] {
|
|
background: url(../../images/box.png) no-repeat center;
|
|
}
|
|
|
|
input.network_link_min {
|
|
background: url(../../images/network_link_item.png) no-repeat center;
|
|
}
|
|
input.network_link_min[disabled] {
|
|
background: url(../../images/network_link_item.disabled.png) no-repeat center;
|
|
}
|
|
input.network_link_min_white {
|
|
background: url(../../images/network_link_item.disabled.png) no-repeat center;
|
|
}
|
|
input.network_link_min_white[disabled] {
|
|
background: url(../../images/network_link_item.png) no-repeat center;
|
|
}
|
|
|
|
input.group_item_min {
|
|
background: url(../../images/group_green.png) no-repeat center;
|
|
}
|
|
input.group_item_min[disabled] {
|
|
background: url(../../images/group_green.disabled.png) no-repeat center;
|
|
}
|
|
input.group_item_min_white {
|
|
background: url(../../images/group_green.disabled.png) no-repeat center;
|
|
}
|
|
input.group_item_min_white[disabled] {
|
|
background: url(../../images/group_green.png) no-repeat center;
|
|
}
|
|
|
|
input.color_cloud_min {
|
|
background: url(../../images/color_cloud_item.png) no-repeat center;
|
|
}
|
|
input.color_cloud_min[disabled] {
|
|
background: url(../../images/color_cloud_item.disabled.png) no-repeat center;
|
|
}
|
|
input.color_cloud_min_white {
|
|
background: url(../../images/color_cloud_item.disabled.png) no-repeat center;
|
|
}
|
|
input.color_cloud_min_white[disabled] {
|
|
background: url(../../images/color_cloud_item.png) no-repeat center;
|
|
}
|
|
|
|
input.odometer_min {
|
|
background: url(../../images/odometer.png) no-repeat center;
|
|
}
|
|
input.odometer_min[disabled] {
|
|
background: url(../../images/odometer.disabled.png) no-repeat center;
|
|
}
|
|
input.odometer_min_white {
|
|
background: url(../../images/odometer.disabled.png) no-repeat center;
|
|
}
|
|
input.odometer_min_white[disabled] {
|
|
background: url(../../images/odometer.png) no-repeat center;
|
|
}
|
|
|
|
input.basic_chart_min {
|
|
background: url(../../images/basic_chart.png) no-repeat center;
|
|
}
|
|
input.basic_chart_min[disabled] {
|
|
background: url(../../images/basic_chart.disabled.png) no-repeat center;
|
|
}
|
|
input.basic_chart_min_white {
|
|
background: url(../../images/basic_chart.disabled.png) no-repeat center;
|
|
}
|
|
input.basic_chart_min_white[disabled] {
|
|
background: url(../../images/basic_chart.png) no-repeat center;
|
|
}
|
|
|
|
div#cont {
|
|
position: fixed;
|
|
max-height: 320px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
div.label strong {
|
|
color: inherit;
|
|
}
|
|
|
|
div.label strong span {
|
|
color: inherit;
|
|
}
|
|
|
|
/*.termframe{
|
|
background-color: #82b92e;
|
|
}*/
|