1253 lines
22 KiB
CSS
Executable File
1253 lines
22 KiB
CSS
Executable File
* {
|
|
text-decoration: none !important;
|
|
font-size: 12px;
|
|
}
|
|
|
|
body {
|
|
background-color: white;
|
|
border-style: none;
|
|
direction: ltr;
|
|
display: block;
|
|
font-family: Arial,Helvetica,sans-serif;
|
|
margin: 0;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.small {
|
|
font-size: 10px !important;
|
|
}
|
|
|
|
.ui-header .ui-title {
|
|
font-size: 14px !important;
|
|
}
|
|
|
|
.ui-btn-inner {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*INIT----------Tactical styles-----------------------------------------*/
|
|
/* Common */
|
|
|
|
#tactical1, #tactical2, #agent_graphs, #agent_details {
|
|
border-radius: 6px;
|
|
|
|
}
|
|
|
|
#tactical1 *, #tactical2 * {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#tactical1 a, #tactical2 a {
|
|
font-weight: bold;
|
|
color: #222;
|
|
}
|
|
|
|
legend {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.ui-btn-up-c {
|
|
font-weight: normal !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
/* For mobiles */
|
|
@media screen and (max-width: 750px)
|
|
{
|
|
#tactical1 *, #tactical2 * {
|
|
font-size: 12px;
|
|
}
|
|
#tactical1 a, #tactical2 a {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
/* For tablets */
|
|
@media screen and (min-width: 750px)
|
|
{
|
|
#tactical1 a, #tactical2 a {
|
|
font-size: 25px !important;
|
|
}
|
|
}
|
|
/*END-----------Tactical styles-----------------------------------------*/
|
|
|
|
#status_pie {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
#outter_status_pie {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
/*INIT----------Groups styles-----------------------------------------*/
|
|
.group_view tr {
|
|
border-bottom: 3px solid white !important;
|
|
}
|
|
|
|
|
|
|
|
tr.group_view_crit, .group_view_crit {
|
|
background-color: #FA3030;
|
|
color: #000000 !important;
|
|
}
|
|
.group_view_crit * {
|
|
color: #000000 !important;
|
|
}
|
|
.ui-btn-up-group_view_crit, .ui-btn-hover-group_view_crit {
|
|
background-color: #f85858;
|
|
color: #fff;
|
|
border: 1px solid #111111;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
}
|
|
|
|
|
|
|
|
.group_view_normal, .group_view_normal *,
|
|
.group_view_norm, .group_view_norm * {
|
|
background-color: #FFFFFF;
|
|
color: #000000 !important;
|
|
}
|
|
.group_view_norm * {
|
|
color: #000000 !important;
|
|
}
|
|
|
|
|
|
.group_view_not_init, .group_view_not_init * {
|
|
background-color: #5AB7E5;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.ui-btn-up-group_view_normal, .ui-btn-hover-group_view_normal,
|
|
.ui-btn-up-group_view_norm, .ui-btn-hover-group_view_norm {
|
|
background-color: #6EB432;
|
|
color: #fff;
|
|
border: 1px solid #111111;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
}
|
|
|
|
|
|
.group_view_ok, .group_view_ok * {
|
|
background-color: #00C000;
|
|
color: #000000 !important;
|
|
}
|
|
.group_view_ok * {
|
|
color: #000000 !important;
|
|
}
|
|
.ui-btn-up-group_view_ok, .ui-btn-hover-group_view_ok {
|
|
background-color: #6EB432;
|
|
color: #fff;
|
|
border: 1px solid #111111;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
}
|
|
|
|
|
|
tr.group_view_warn, .group_view_warn, tr.group_view_warn.a, a.group_view_warn, tr.a.group_view_warn {
|
|
background-color: #F5E535;
|
|
}
|
|
a.group_view_warn {
|
|
color: #000000 !important;
|
|
}
|
|
.ui-btn-up-group_view_warn, .ui-btn-hover-group_view_warn {
|
|
background-color: #ffea59;
|
|
color: #111;
|
|
border: 1px solid #111111;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
}
|
|
|
|
|
|
tr.group_view_alrm, .group_view_alrm {
|
|
background-color: #ED8701;
|
|
}
|
|
.group_view_alrm * {
|
|
color: #000000 !important;
|
|
}
|
|
.ui-btn-up-group_view_alrm, .ui-btn-hover-group_view_alrm {
|
|
background-color: #F7931E;
|
|
color: #FFF;
|
|
border: 1px solid #111111;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
}
|
|
|
|
|
|
tr.group_view_unk, .group_view_unk {
|
|
background-color: #C4C4C4;
|
|
}
|
|
.group_view_unk * {
|
|
color: #000000 !important;
|
|
}
|
|
.ui-btn-up-group_view_unk, .ui-btn-hover-group_view_unk {
|
|
background-color: #999999;
|
|
color: #fff;
|
|
border: 1px solid #111111;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.ui-btn-active:visited, .ui-btn-active:hover, .ui-btn-active a.ui-link-inherit {
|
|
color: #888 !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
tr.group_view_data, .group_view_data {
|
|
color: #000000 !important;
|
|
}
|
|
.group_view_data_unk * {
|
|
color: #303030 !important;
|
|
}
|
|
.group_view_data_ok * {
|
|
color: #00C000 !important;
|
|
}
|
|
.group_view_data_crit * {
|
|
color: #5C0000 !important;
|
|
}
|
|
.group_view_data_alrm * {
|
|
color: #5C1D00 !important;
|
|
}
|
|
.group_view_data_warn * {
|
|
color: #5C5900 !important;
|
|
}
|
|
|
|
.group_view * {
|
|
text-shadow: none !important;
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.list_groups .link_count {
|
|
display: inline !important;
|
|
}
|
|
|
|
|
|
.list_groups .number_count, .list_groups .name_count {
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
.list_groups .number_count {
|
|
right: 10px;
|
|
}
|
|
|
|
.list_groups .name_count {
|
|
left: 10px;
|
|
}
|
|
|
|
.list_groups .name_count img {
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* For mobiles */
|
|
@media screen and (max-width: 750px)
|
|
{
|
|
.list_groups .name_count img {
|
|
margin-top: -7px;
|
|
}
|
|
}
|
|
/* For tablets */
|
|
@media screen and (min-width: 750px)
|
|
{
|
|
.list_groups .name_count img {
|
|
margin-top: -3px;
|
|
}
|
|
}
|
|
|
|
/*END-----------Groups styles-----------------------------------------*/
|
|
|
|
|
|
|
|
/*INIT----------Events styles-----------------------------------------*/
|
|
.datos_green, .datos_greenf9, .datos_green a, .datos_greenf9 a {
|
|
background-color: #52A000;
|
|
color: #FFFFFF !important;
|
|
text-shadow: none !important;
|
|
}
|
|
.datos_red, .datos_redf9, .datos_red a, .datos_redf9 a {
|
|
background-color: #FF3E41;
|
|
color: #FFFFFF !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.datos_yellow, .datos_yellowf9, .datos_yellow a, .datos_yellowf9 a {
|
|
background-color: #F5E535;
|
|
color: #000000 !important;
|
|
text-shadow: none !important;
|
|
}
|
|
.datos_blue, .datos_bluef9, .datos_blue a, .datos_bluef9 a {
|
|
background-color: #77E2F2;
|
|
color: #000000 !important;
|
|
text-shadow: none !important;
|
|
}
|
|
.datos_grey, .datos_greyf9, .datos_grey a, .datos_greyf9 a {
|
|
background-color: #E4E4E4;
|
|
color: #000000 !important;
|
|
text-shadow: none !important;
|
|
}
|
|
.datos_pink, .datos_pinkf9, .datos_pink a, .datos_pinkf9 a {
|
|
background-color: #FF92E9;
|
|
color: #000000 !important;
|
|
text-shadow: none !important;
|
|
}
|
|
.datos_brown, .datos_brownf9, .datos_brown a, .datos_brownf9 a {
|
|
background-color: #C97A4A;
|
|
color: #000000 !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
tr.events {
|
|
border-bottom: 6px solid #f7f7f7 !important;
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
table#list_events th {
|
|
font-size: 12px !important;
|
|
font-weight: bolder !important;
|
|
border: 0px;
|
|
}
|
|
|
|
div.graph {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.tickLabels * {
|
|
font-size: 10px !important;
|
|
}
|
|
|
|
table.alternate tr:nth-child(odd) td, table.alternate tr:nth-child(odd) th{
|
|
background-color: #ffffff;
|
|
}
|
|
table.alternate tr:nth-child(even) td, table.alternate tr:nth-child(eveny) th{
|
|
background-color: #e4e5e4;
|
|
}
|
|
|
|
table.pandora_responsive {
|
|
width: 100%;
|
|
}
|
|
|
|
table.pandora_responsive td, table.pandora_responsive th{
|
|
padding: 4px;
|
|
}
|
|
|
|
table.event_details img{
|
|
margin-left: 4px;
|
|
}
|
|
|
|
table.event_details td{
|
|
height: 14px;
|
|
}
|
|
|
|
table.event_details td.cell_event_name {
|
|
font-size: 14px;
|
|
}
|
|
|
|
#validate_button {
|
|
margin: 10px auto;
|
|
display: block;
|
|
}
|
|
|
|
/*
|
|
@media screen and (max-width: 25em)
|
|
{
|
|
.pandora_responsive th {
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.pandora_responsive .event_id td,
|
|
.pandora_responsive .event_id th,
|
|
.pandora_responsive .event_name td,
|
|
.pandora_responsive .event_name th,
|
|
.pandora_responsive .event_owner th,
|
|
.pandora_responsive .event_timestamp th,
|
|
.pandora_responsive .event_timestamp td,
|
|
.pandora_responsive .event_type td,
|
|
.pandora_responsive .event_type th {
|
|
float: left;
|
|
}
|
|
|
|
.pandora_responsive .event_id {
|
|
float: left;
|
|
}
|
|
|
|
.pandora_responsive .event_name {
|
|
|
|
}
|
|
|
|
.cell_event_name {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.event_timestamp td,
|
|
.event_timestamp th {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.cell_event_name {
|
|
width: 300px;
|
|
}
|
|
|
|
.cell_event_owner {
|
|
float: left;
|
|
}
|
|
|
|
.event_type th {
|
|
float: left;
|
|
}
|
|
|
|
.cell_event_type {
|
|
float: left;
|
|
}
|
|
|
|
.event_owner {
|
|
float: left;
|
|
}
|
|
|
|
.event_type {
|
|
float: left;
|
|
}
|
|
|
|
.event_repeated {
|
|
clear: left;
|
|
float: left;
|
|
}
|
|
|
|
.event_repeated > th {
|
|
float: left;
|
|
}
|
|
|
|
|
|
.cell_event_repeated {
|
|
float: left;
|
|
}
|
|
|
|
.event_severity {
|
|
float: left;
|
|
}
|
|
|
|
.event_severity > th {
|
|
float: left;
|
|
}
|
|
|
|
.cell_event_severity {
|
|
float: left;
|
|
}
|
|
|
|
.event_status > th {
|
|
float: left;
|
|
}
|
|
|
|
.cell_event_status {
|
|
float: left;
|
|
}
|
|
|
|
.event_acknowledged_by > th {
|
|
float: left;
|
|
}
|
|
|
|
.cell_event_acknowledged_by {
|
|
float: left;
|
|
}
|
|
|
|
.event_group > th {
|
|
float: left;
|
|
}
|
|
|
|
.cell_event_group {
|
|
float: left;
|
|
}
|
|
|
|
.event_tags > th {
|
|
float: left;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.cell_event_tags {
|
|
float: left;
|
|
padding-left: 10px;
|
|
width: 300px;
|
|
}
|
|
}
|
|
*/
|
|
|
|
@media screen and (max-width: 35em) {
|
|
/* Hide the title of event name */
|
|
#list_events tbody tr.events td.cell_0 b.ui-table-cell-label {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/*END-----------Events styles-----------------------------------------*/
|
|
|
|
|
|
|
|
|
|
|
|
/*INIT-----------Agents styles----------------------------------------*/
|
|
.red, .redb, .redi, .error {
|
|
background: #f85858 !important;
|
|
}
|
|
|
|
.green {
|
|
background: #6EB432 !important;
|
|
}
|
|
|
|
.orange {
|
|
background: #FF8800 !important;
|
|
}
|
|
|
|
.yellow {
|
|
background: #ffea59 !important;
|
|
}
|
|
|
|
.grey {
|
|
background: #AAAAAA !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.green, .orange, .yellow, .red, .grey, .agents_tiny_stats span {
|
|
text-shadow: none;
|
|
color: white !important;
|
|
padding: 1px 3px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.agents_tiny_stats span {
|
|
background: #222;
|
|
}
|
|
|
|
.agent_details {
|
|
line-height: 35px;
|
|
}
|
|
|
|
.agent_details img {
|
|
float: left;
|
|
}
|
|
|
|
.agent_name {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#list_agents .cell_0 img {
|
|
float: left;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
#list_agents td:hover, #list_networkmaps td:hover,
|
|
#list_events td:hover, #list_Modules td:hover, #list_agent_Modules td:hover,
|
|
#list_visualmaps td:hover, #last_agent_events td:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#list_agents td {
|
|
height: 35px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.agents_tiny_stats_tactical {
|
|
display: block;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
@media screen and (max-width: 25em) {
|
|
#list_agents .cell_2 .ui-table-cell-label,
|
|
#list_agents .cell_3 .ui-table-cell-label,
|
|
#list_agents .cell_6 .ui-table-cell-label,
|
|
#list_agents .cell_4 .ui-table-cell-label,
|
|
#list_agents .cell_5 .ui-table-cell-label,
|
|
#list_agents .cell_8 .ui-table-cell-label {
|
|
min-width: auto !important;
|
|
}
|
|
|
|
#list_agents .cell_3 .ui-table-cell-label,
|
|
#list_agents .cell_6 .ui-table-cell-label,
|
|
#list_agents .cell_7 .ui-table-cell-label {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#list_agents .cell_2,
|
|
#list_agents .cell_3,
|
|
#list_agents .cell_6,
|
|
#list_agents .cell_7 {
|
|
display: inline !important;
|
|
float: none !important;
|
|
}
|
|
|
|
#list_agents .cell_4,
|
|
#list_agents .cell_8 {
|
|
display: inline !important;
|
|
float: none !important;
|
|
}
|
|
|
|
#list_agents .cell_8 {
|
|
display: inline !important;
|
|
float: none !important;
|
|
}
|
|
|
|
#list_agents b.ui-table-cell-label {
|
|
display: none;
|
|
}
|
|
|
|
#list_agents .show_collapside {
|
|
display: inline !important;
|
|
}
|
|
|
|
#list_agents .cell_1,
|
|
#list_agents .cell_2,
|
|
#list_agents .cell_3,
|
|
#list_agents .cell_4 {
|
|
display: none !important;
|
|
}
|
|
|
|
#list_agents .cell_0 .ui-link {
|
|
font-size: 15px;
|
|
}
|
|
|
|
#list_agents .cell_6 .show_collapside {
|
|
display: inline !important;
|
|
}
|
|
|
|
.agents_tiny_stats * {
|
|
font-size: 12px !important;
|
|
}
|
|
}
|
|
|
|
/* For mobiles */
|
|
@media screen and (max-width: 750px)
|
|
{
|
|
.agents_tiny_stats * {
|
|
font-size: 12px !important;
|
|
}
|
|
}
|
|
/* For tablets */
|
|
@media screen and (min-width: 750px)
|
|
{
|
|
.agents_tiny_stats * {
|
|
font-size: 17px !important;
|
|
}
|
|
}
|
|
/*END-----------Agents styles-----------------------------------------*/
|
|
|
|
|
|
|
|
/*INIT-----------Alerts styles---------------------------------------*/
|
|
|
|
#list_alerts td {
|
|
height: 35px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
/*END-----------Alerts styles---------------------------------------*/
|
|
|
|
/*INIT-----------Network maps styles---------------------------------------*/
|
|
|
|
#list_networkmaps td {
|
|
height: 35px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
/*END-----------Network maps styles---------------------------------------*/
|
|
|
|
/*INIT-----------Visual maps styles---------------------------------------*/
|
|
|
|
#list_visualmaps td {
|
|
height: 35px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
#rendered_visual_map div {
|
|
color: #003a3a;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
#rendered_visual_map {
|
|
text-align: center;
|
|
}
|
|
|
|
/* For mobiles */
|
|
@media screen and (max-width: 750px)
|
|
{
|
|
#rendered_visual_map div {
|
|
font-size: 6pt !important;
|
|
}
|
|
}
|
|
/* For tablets */
|
|
@media screen and (min-width: 750px)
|
|
{
|
|
#rendered_visual_map div {
|
|
font-size: 8pt !important;
|
|
}
|
|
}
|
|
|
|
/* For mobiles */
|
|
@media screen and (max-width: 750px)
|
|
{
|
|
.resize_visual_font_size_4pt * {
|
|
font-size: 2pt !important;
|
|
}
|
|
.resize_visual_font_size_6pt * {
|
|
font-size: 3pt !important;
|
|
}
|
|
.resize_visual_font_size_8pt * {
|
|
font-size: 4pt !important;
|
|
}
|
|
.resize_visual_font_size_14pt * {
|
|
font-size: 6pt !important;
|
|
}
|
|
.resize_visual_font_size_24pt * {
|
|
font-size: 10pt !important;
|
|
}
|
|
.resize_visual_font_size_36pt * {
|
|
font-size: 14pt !important;
|
|
}
|
|
.resize_visual_font_size_72pt * {
|
|
font-size: 27pt !important;
|
|
}
|
|
}
|
|
/* For tablets */
|
|
@media screen and (min-width: 750px)
|
|
{
|
|
.resize_visual_font_size_4pt * {
|
|
font-size: 2pt !important;
|
|
}
|
|
.resize_visual_font_size_6pt * {
|
|
font-size: 3pt !important;
|
|
}
|
|
.resize_visual_font_size_8pt * {
|
|
font-size: 4pt !important;
|
|
}
|
|
.resize_visual_font_size_14pt * {
|
|
font-size: 7pt !important;
|
|
}
|
|
.resize_visual_font_size_24pt * {
|
|
font-size: 12pt !important;
|
|
}
|
|
.resize_visual_font_size_36pt * {
|
|
font-size: 18pt !important;
|
|
}
|
|
.resize_visual_font_size_72pt * {
|
|
font-size: 36pt !important;
|
|
}
|
|
}
|
|
|
|
/*END-----------Visual maps styles---------------------------------------*/
|
|
|
|
/*INIT-----------Modules styles---------------------------------------*/
|
|
@media screen and (max-width: 25em) {
|
|
#list_Modules .cell_1 .ui-table-cell-label,
|
|
#list_Modules .cell_5 .ui-table-cell-label,
|
|
#list_Modules .cell_6 .ui-table-cell-label {
|
|
min-width: auto !important;
|
|
}
|
|
|
|
#list_Modules .cell_5 .ui-table-cell-label,
|
|
#list_Modules .cell_6 .ui-table-cell-label {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#list_Modules .cell_0 .ui-table-cell-label,
|
|
#list_Modules .cell_1 .ui-table-cell-label,
|
|
#list_Modules .cell_3 .ui-table-cell-label,
|
|
#list_Modules .cell_4 .ui-table-cell-label,
|
|
#list_Modules .cell_5 .ui-table-cell-label {
|
|
display: none;
|
|
}
|
|
|
|
#list_Modules .show_collapside {
|
|
display: inline !important;
|
|
}
|
|
|
|
#list_Modules .data {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#list_Modules .cell_2,
|
|
#list_Modules .cell_3 {
|
|
display: none !important;
|
|
}
|
|
|
|
#list_Modules .cell_0 .show_collapside,
|
|
#list_Modules .cell_1 .show_collapside {
|
|
display: none !important;
|
|
}
|
|
|
|
#list_Modules .cell_0 .ui-link {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
|
|
#list_Modules .cell_5 a {
|
|
color: #000000 !important;
|
|
}
|
|
|
|
#list_Modules .module_name {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#list_Modules td, #list_agent_Modules td {
|
|
height: 35px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
#list_Modules .cell_5 img {
|
|
float: left;
|
|
}
|
|
|
|
#user_logged {
|
|
position: absolute;
|
|
font-size: 11px !important;
|
|
right: 10px;
|
|
top: 8px;
|
|
background: url(../../../images/header_user.png) no-repeat right;
|
|
padding-right: 20px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
@media screen and (max-width: 25em) {
|
|
#list_agent_Modules .ui-table-cell-label,
|
|
#list_agent_Modules .cell_2,
|
|
#list_agent_Modules .cell_3 {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/*END------------Modules styles---------------------------------------*/
|
|
|
|
|
|
|
|
/*INIT---------Fix the square border in search input------------------*/
|
|
.ui-input-search {
|
|
border-radius: 0.6em 0.6em 0.6em 0.6em !important;
|
|
}
|
|
|
|
.ui-select {
|
|
width: 100% !important;
|
|
}
|
|
/*END----------Fix the square border in search input------------------*/
|
|
|
|
|
|
|
|
|
|
ul.ui-listview li.ui-btn div.ui-btn-inner div.ui-btn-text a {
|
|
padding-top: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.ui-btn-inner {
|
|
border: 0px solid #000!important;
|
|
}
|
|
|
|
li.ui-btn {
|
|
margin-bottom: 4px !important;
|
|
margin-top: 4px !important;
|
|
}
|
|
|
|
|
|
/*INIT---------Fix the tons of air between the rows in small table----*/
|
|
.head_vertical {
|
|
margin-top: 0px !important;
|
|
border-top: 1px solid grey;
|
|
}
|
|
|
|
.head_horizontal {
|
|
border-bottom: 1px solid grey !important;
|
|
}
|
|
|
|
#list_events .head_horizontal {
|
|
border-bottom: 0px solid white !important;
|
|
}
|
|
|
|
.cell_0 {
|
|
border-top: solid 1px #666;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
#list_events .cell_0 {
|
|
border: 0px;
|
|
}
|
|
|
|
/* Hack to align table titles in mobile mode */
|
|
.ui-table-cell-label {
|
|
float: left;
|
|
}
|
|
|
|
@media screen and (max-width: 25em) {
|
|
.ui-table th, .ui-table td {
|
|
padding: 8px !important;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.head_vertical {
|
|
display: none !important;
|
|
}
|
|
}
|
|
/*END----------Fix the tons of air between the rows in small table----*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*INIT---------Fix to avoid clicks under loading message--------------*/
|
|
.ui-loader-background {
|
|
width:100% !important;
|
|
height:100% !important;
|
|
top:0 !important;
|
|
margin: 0 !important;
|
|
background: rgba(0, 0, 0, 0.3) !important;
|
|
display:none !important;
|
|
position: fixed !important;
|
|
z-index:100 !important;
|
|
}
|
|
|
|
.ui-loading .ui-loader-background {
|
|
display:block !important;
|
|
}
|
|
/*END----------Fix to avoid clicks under loading message--------------*/
|
|
|
|
|
|
.button_layer {
|
|
position: relative;
|
|
float: right;
|
|
padding-right: 60px;
|
|
height: 30px;
|
|
}
|
|
|
|
.ui-icon-big {
|
|
width: 28px !important;
|
|
height: 28px !important;
|
|
}
|
|
|
|
@media screen and (max-width: 25em)
|
|
{
|
|
.events .status_row {
|
|
display: none;
|
|
}
|
|
|
|
.events .cell_0 a.event_name {
|
|
width: 87%;
|
|
float: left;
|
|
}
|
|
|
|
.events_agent {
|
|
min-width: 50%;
|
|
}
|
|
|
|
.agents_tiny_stats, .agents_last_contact {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 25em)
|
|
{
|
|
.events .cell_0 .event_link{
|
|
display: none;
|
|
}
|
|
|
|
.events td {
|
|
height: 35px;
|
|
}
|
|
|
|
.events_agent {
|
|
float: left;
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
|
|
/* Common */
|
|
|
|
.ui-li>.ui-btn-inner {
|
|
background: white;
|
|
}
|
|
|
|
.groups_sublist li {
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/* For mobiles */
|
|
@media screen and (max-width: 750px)
|
|
{
|
|
.ui-content>.ui-btn {
|
|
margin: 10px 7px;
|
|
height: 30px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
label, input, .ui-btn-inner {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.list_groups .ui-btn-inner {
|
|
padding-top: 15px !important;
|
|
height: 20px !important;
|
|
}
|
|
|
|
.login_logo img {
|
|
width: 185px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.untiny {
|
|
display: none;
|
|
}
|
|
}
|
|
/* For tablets */
|
|
@media screen and (min-width: 750px)
|
|
{
|
|
.ui-content>.ui-btn {
|
|
width: 31%;
|
|
display: inline-block;
|
|
margin: 8px 5px;
|
|
height: 40px;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
label, input, .ui-btn-inner {
|
|
font-size: 16px !important;
|
|
padding-top: 6px !important;
|
|
}
|
|
|
|
.list_groups .ui-btn-inner {
|
|
padding-top: 20px !important;
|
|
height: 35px !important;
|
|
}
|
|
|
|
.ui-header .ui-title {
|
|
font-size: 18px !important;
|
|
}
|
|
|
|
* {
|
|
font-size: 18px !important;
|
|
}
|
|
|
|
.event_name {
|
|
font-size: 18px !important;
|
|
}
|
|
|
|
.login_logo img {
|
|
width: 300px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.tiny {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
#login_container {
|
|
width: 60%;
|
|
margin: 0 auto;
|
|
max-width: 300px;
|
|
}
|
|
|
|
.event_name {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#login_container #login_btn-container {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
#login_container input, #login_container .ui-btn-text{
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
|
|
table.tactical_bars {
|
|
width: 100%;
|
|
}
|
|
|
|
.tactical_bar {
|
|
text-align: center;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.ui-bar, .ui-body {
|
|
margin: 5px;
|
|
}
|
|
|
|
.events .cell_0 img {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.cell_0 {
|
|
max-width: 500px;
|
|
}
|
|
|
|
.cell_event_name {
|
|
padding-bottom: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*INIT-----------Icons styles---------------------------------------*/
|
|
|
|
.ui-icon-tactical_view {
|
|
background-image: url(../../../images/op_monitoring.png) !important;
|
|
}
|
|
|
|
.ui-icon-events {
|
|
background-image: url(../../../images/op_events.png) !important;
|
|
}
|
|
|
|
.ui-icon-groups {
|
|
background-image: url(../../../images/group.png) !important;
|
|
}
|
|
|
|
.ui-icon-alerts {
|
|
background-image: url(../../../images/op_alerts.png) !important;
|
|
}
|
|
|
|
.ui-icon-agents {
|
|
background-image: url(../../../images/agent_mc.png) !important;
|
|
}
|
|
|
|
.ui-icon-modules {
|
|
background-image: url(../../../images/brick.png) !important;
|
|
}
|
|
|
|
.ui-icon-network_maps {
|
|
background-image: url(../../../images/op_network.png) !important;
|
|
}
|
|
|
|
.ui-icon-visual_console {
|
|
background-image: url(../../../images/visual_console.png) !important;
|
|
}
|
|
|
|
.ui-icon-tactical_view, .ui-icon-events,
|
|
.ui-icon-groups, .ui-icon-alerts,
|
|
.ui-icon-agents, .ui-icon-modules,
|
|
.ui-icon-network_maps, .ui-icon-visual_console {
|
|
background-color: #333 !important;
|
|
background-position: center;
|
|
border-radius: 15px !important;
|
|
-webkit-border-radius: 15px !important;
|
|
}
|
|
|
|
#login_btn-container .ui-icon {
|
|
background-color: #333 !important;
|
|
border-radius: 15px !important;
|
|
-webkit-border-radius: 15px !important;
|
|
}
|
|
|
|
/* For mobiles */
|
|
@media screen and (max-width: 750px)
|
|
{
|
|
.ui-icon-tactical_view, .ui-icon-events,
|
|
.ui-icon-groups, .ui-icon-alerts,
|
|
.ui-icon-agents, .ui-icon-modules,
|
|
.ui-icon-network_maps, .ui-icon-visual_console {
|
|
width: 22px !important;
|
|
height: 22px !important;
|
|
margin-top: -13px !important;
|
|
background-size: 16px 16px;
|
|
}
|
|
}
|
|
/* For tablets */
|
|
@media screen and (min-width: 750px)
|
|
{
|
|
.ui-icon-tactical_view, .ui-icon-events,
|
|
.ui-icon-groups, .ui-icon-alerts,
|
|
.ui-icon-agents, .ui-icon-modules,
|
|
.ui-icon-network_maps, .ui-icon-visual_console {
|
|
width: 32px !important;
|
|
height: 32px !important;
|
|
margin-top: -17px !important;
|
|
}
|
|
}
|
|
|
|
/*END-----------Network maps styles---------------------------------------*/
|
|
|
|
#logout_dialog-button_close {
|
|
display: block;
|
|
margin: 0 auto;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.ui-btn-active * {
|
|
color: #FFF !important;
|
|
}
|
|
|
|
.ui-btn-active {
|
|
background: #82b92e !important;
|
|
}
|
|
|
|
span.nobold * {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.events_timestamp {
|
|
font-size: 10px;
|
|
float: right;
|
|
text-align: right;
|
|
line-height: 1.1em;
|
|
}
|
|
|
|
.events_agent {
|
|
float: left;
|
|
}
|
|
|
|
.events_agent b.ui-table-cell-label {
|
|
display: block !important;
|
|
}
|
|
|
|
#list_Modules *, #list_agent_Modules *, #list_agents *, #list_alerts *, #list_networkmaps *, #list_visualmaps * {
|
|
color: #222;
|
|
}
|
|
|
|
DIV.legend>DIV {
|
|
width: 100% !important;
|
|
opacity: 0.65 !important;
|
|
}
|
|
|
|
DIV.nodata_text {
|
|
padding: 5px 12px 0px 68px;
|
|
font-weight: bold;
|
|
color: #C1C1C1;
|
|
text-transform: uppercase;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
font-size: 14px !important;
|
|
}
|
|
|
|
DIV.nodata_container {
|
|
width:150px;
|
|
height:100px;
|
|
background-repeat:no-repeat;
|
|
background-position: center;
|
|
margin: 15px auto;
|
|
display: table;
|
|
}
|
|
|
|
#free_search-container a {
|
|
margin-right: 2px;
|
|
margin-top: -12px;
|
|
}
|
|
|
|
#free_search-container span.ui-btn-inner {
|
|
height: 7px;
|
|
}
|
|
|
|
.ui-icon-delete {
|
|
margin-top: -3px !important;
|
|
}
|
|
|
|
.empty_advice {
|
|
color: #ff0000;
|
|
margin-top: 5px !important;
|
|
}
|
|
|
|
/* JQuery Mobile responsive hack to tables with */
|
|
.ui-table-reflow.ui-responsive {
|
|
display: table !important;
|
|
}
|