Changed the format of the .css files

Former-commit-id: a0dce3fe780031105396a8439c83d520197670af
This commit is contained in:
artica 2019-01-30 12:42:16 +01:00 committed by Alejandro Gallardo Escobar
parent dc238cf74a
commit 7a9684f23c
23 changed files with 6801 additions and 5832 deletions

View File

@ -1,13 +1,15 @@
table.dbmanager, table.dbmanager td, table.dbmanager th {
border:1px solid #888;
table.dbmanager,
table.dbmanager td,
table.dbmanager th {
border: 1px solid #888;
border-collapse: collapse;
margin: 0;
padding: 0;
}
table.dbmanager td, table.dbmanager th {
padding:.2em .5em;
table.dbmanager td,
table.dbmanager th {
padding: 0.2em 0.5em;
vertical-align: top;
font-weight: normal;
background: #fafafa;
@ -26,4 +28,3 @@ textarea {
height: 50px;
width: 95%;
}

View File

@ -1,13 +1,13 @@
.fileupload_form {
background-color: #373A3D;
background-image: -moz-linear-gradient(center top , #373A3D, #313437);
background-color: #373a3d;
background-image: -moz-linear-gradient(center top, #373a3d, #313437);
border-radius: 3px;
font-family: 'PT Sans Narrow',sans-serif;
font-family: "PT Sans Narrow", sans-serif;
margin: 0px;
padding: 30px;
}
#drop_file {
background-color: #E6E6E6;
background-color: #e6e6e6;
border: 20px solid rgba(0, 0, 0, 0);
border-radius: 3px;
color: #707070;
@ -21,9 +21,10 @@
#drop_file table {
vertical-align: middle;
}
#drop_file table td, #drop_file table label {
#drop_file table td,
#drop_file table label {
color: #707070;
font-family: 'PT Sans Narrow',sans-serif;
font-family: "PT Sans Narrow", sans-serif;
font-size: 16px;
font-weight: bold;
margin-top: 0;
@ -33,9 +34,9 @@
float: none;
}
#drop_file a {
background-color: #80BA27;
background-color: #80ba27;
border-radius: 2px;
color: #FFFFFF;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 14px;
@ -43,24 +44,24 @@
padding: 12px 26px;
}
#drop_file a:hover {
background-color: #A6CE67;
background-color: #a6ce67;
text-decoration: none;
}
#drop_file input {
display: none;
}
.fileupload_form ul {
border-bottom: 1px solid #3D4043;
border-top: 1px solid #2B2E31;
border-bottom: 1px solid #3d4043;
border-top: 1px solid #2b2e31;
list-style: none outside none;
margin: 0 -30px;
padding: 0;
}
.fileupload_form ul li {
background-color: #333639;
background-image: -moz-linear-gradient(center top , #333639, #303335);
border-bottom: 1px solid #2B2E31;
border-top: 1px solid #3D4043;
background-image: -moz-linear-gradient(center top, #333639, #303335);
border-bottom: 1px solid #2b2e31;
border-top: 1px solid #3d4043;
padding: 15px;
position: relative;
}
@ -69,7 +70,7 @@
position: absolute;
}
.fileupload_form ul li p {
color: #EEEEEE;
color: #eeeeee;
font-size: 12px;
font-weight: bold;
left: 95px;
@ -79,7 +80,7 @@
white-space: nowrap;
}
.fileupload_form ul li i {
color: #7F7F7F;
color: #7f7f7f;
display: block;
font-style: normal;
font-weight: normal;
@ -90,7 +91,8 @@
top: 15px;
}
.fileupload_form ul li span {
background: url("../../images/check-cross.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background: url("../../images/check-cross.png") no-repeat scroll 0 0
rgba(0, 0, 0, 0);
cursor: pointer;
height: 12px;
position: absolute;
@ -106,26 +108,28 @@
height: 16px;
}
.fileupload_form ul li.loading span {
background: url("../../images/spinner.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background: url("../../images/spinner.gif") no-repeat scroll 0 0
rgba(0, 0, 0, 0);
height: 16px;
}
.fileupload_form ul li.suc span {
background: url("../../images/check-cross.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background: url("../../images/check-cross.png") no-repeat scroll 0 0
rgba(0, 0, 0, 0);
height: 12px;
}
.fileupload_form ul li.suc p {
color: #5A8629;
color: #5a8629;
}
.fileupload_form ul li.error span {
background: url("../../images/check-cross.png") no-repeat scroll 0 -12px rgba(0, 0, 0, 0);
height: 16px;
}
.fileupload_form ul li.error p {
color: #FF3333;
color: #ff3333;
}
#log_zone {
background-color: #E6E6E6;
background-color: #e6e6e6;
border: 20px solid rgba(0, 0, 0, 0);
border-radius: 3px;
color: #707070;
@ -136,6 +140,6 @@
}
#box_online {
background-color: #E6E6E6;
background-color: #e6e6e6;
padding: 10px;
}

View File

@ -3,12 +3,45 @@
z-index: 999999;
background-color: #000;
opacity: 0;
background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
background: -moz-radial-gradient(
center,
ellipse cover,
rgba(0, 0, 0, 0.4) 0,
rgba(0, 0, 0, 0.9) 100%
);
background: -webkit-gradient(
radial,
center center,
0px,
center center,
100%,
color-stop(0%, rgba(0, 0, 0, 0.4)),
color-stop(100%, rgba(0, 0, 0, 0.9))
);
background: -webkit-radial-gradient(
center,
ellipse cover,
rgba(0, 0, 0, 0.4) 0,
rgba(0, 0, 0, 0.9) 100%
);
background: -o-radial-gradient(
center,
ellipse cover,
rgba(0, 0, 0, 0.4) 0,
rgba(0, 0, 0, 0.9) 100%
);
background: -ms-radial-gradient(
center,
ellipse cover,
rgba(0, 0, 0, 0.4) 0,
rgba(0, 0, 0, 0.9) 100%
);
background: radial-gradient(
center,
ellipse cover,
rgba(0, 0, 0, 0.4) 0,
rgba(0, 0, 0, 0.9) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
@ -21,7 +54,7 @@
.introjs-fixParent {
z-index: auto !important;
opacity: 1.0 !important;
opacity: 1 !important;
}
.introjs-showElement,
@ -39,12 +72,12 @@ tr.introjs-showElement > th {
.introjs-helperLayer {
position: absolute;
z-index: 9999998;
background-color: #FFF;
background-color: rgba(255,255,255,.9);
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
border: 1px solid #777;
border: 1px solid rgba(0,0,0,.5);
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 4px;
box-shadow: 0 2px 15px rgba(0,0,0,.4);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
@ -63,75 +96,89 @@ tr.introjs-showElement > th {
font-weight: bold;
color: white;
text-align: center;
text-shadow: 1px 1px 1px rgba(0,0,0,.3);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
background: #ff3019; /* Old browsers */
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#ff3019 0%,
#cf0404 100%
); /* Chrome10+,Safari5.1+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #ff3019),
color-stop(100%, #cf0404)
); /* Chrome,Safari4+ */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
background: -o-linear-gradient(
top,
#ff3019 0%,
#cf0404 100%
); /* Opera 11.10+ */
background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */
width: 20px;
height:20px;
height: 20px;
line-height: 20px;
border: 3px solid white;
border-radius: 50%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */
box-shadow: 0 2px 5px rgba(0,0,0,.4);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.introjs-arrow {
border: 5px solid white;
content:'';
content: "";
position: absolute;
}
.introjs-arrow.top {
top: -10px;
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:white;
border-left-color:transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: white;
border-left-color: transparent;
}
.introjs-arrow.top-right {
top: -10px;
right: 10px;
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:white;
border-left-color:transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: white;
border-left-color: transparent;
}
.introjs-arrow.top-middle {
top: -10px;
left: 50%;
margin-left: -5px;
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:white;
border-left-color:transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: white;
border-left-color: transparent;
}
.introjs-arrow.right {
right: -10px;
top: 10px;
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:transparent;
border-left-color:white;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: white;
}
.introjs-arrow.bottom {
bottom: -10px;
border-top-color:white;
border-right-color:transparent;
border-bottom-color:transparent;
border-left-color:transparent;
border-top-color: white;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.introjs-arrow.left {
left: -10px;
top: 10px;
border-top-color:transparent;
border-right-color:white;
border-bottom-color:transparent;
border-left-color:transparent;
border-top-color: transparent;
border-right-color: white;
border-bottom-color: transparent;
border-left-color: transparent;
}
.introjs-tooltip {
@ -141,7 +188,7 @@ tr.introjs-showElement > th {
min-width: 220px;
max-width: 260px;
border-radius: 3px;
box-shadow: 0 1px 10px rgba(0,0,0,.4);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
-webkit-transition: opacity 0.1s ease-out;
-moz-transition: opacity 0.1s ease-out;
-ms-transition: opacity 0.1s ease-out;
@ -166,13 +213,19 @@ tr.introjs-showElement > th {
margin: 0;
text-decoration: none;
text-shadow: 1px 1px 0 #fff;
font: 11px/normal sans-serif;
font: 11px / normal sans-serif;
color: #333;
white-space: nowrap;
cursor: pointer;
outline: none;
background-color: #ececec;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
background-image: -webkit-gradient(
linear,
0 0,
0 100%,
from(#f4f4f4),
to(#ececec)
);
background-image: -moz-linear-gradient(#f4f4f4, #ececec);
background-image: -o-linear-gradient(#f4f4f4, #ececec);
background-image: linear-gradient(#f4f4f4, #ececec);
@ -197,7 +250,13 @@ tr.introjs-showElement > th {
.introjs-button:focus,
.introjs-button:active {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
background-image: -webkit-gradient(
linear,
0 0,
0 100%,
from(#ececec),
to(#f4f4f4)
);
background-image: -moz-linear-gradient(#ececec, #f4f4f4);
background-image: -o-linear-gradient(#ececec, #f4f4f4);
background-image: linear-gradient(#ececec, #f4f4f4);
@ -227,7 +286,9 @@ tr.introjs-showElement > th {
border-radius: 0 0.2em 0.2em 0;
}
.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
color: #9a9a9a;
border-color: #d4d4d4;
box-shadow: none;

View File

@ -33,20 +33,20 @@
-------------------------------------- */
.cluetip-default {
background-color: #FFF;
background-color: #fff;
text-align: left;
}
.cluetip-default #cluetip-outer {
position: relative;
margin: 0;
background-color: #FFF;
background-color: #fff;
}
.cluetip-default h3 {
margin: 0 0 5px;
padding: 8px 10px 4px;
font-size: 1.1em;
font-weight: bold;
background-color: #B1B1B1;
background-color: #b1b1b1;
color: #fff;
}
.cluetip-default h3#cluetip-title {
@ -54,10 +54,10 @@
height: 0px;
margin: 0;
padding: 0;
color: #FFF;
color: #fff;
}
.cluetip-default #cluetip-title a {
color: #FFF;
color: #fff;
font-size: 0.95em;
}
.cluetip-default #cluetip-inner {

View File

@ -3,13 +3,13 @@
display: none;
position: relative;
border: 1px solid #777;
background: #fff
background: #fff;
}
#ColorPickerDiv td.color {
cursor: pointer;
font-size: xx-small;
font-family: 'Arial' , 'Microsoft Sans Serif';
font-family: "Arial", "Microsoft Sans Serif";
}
#ColorPickerDiv td.color label {
cursor: pointer;

View File

@ -2,28 +2,37 @@
.invisible {
display: none;
}
.left { clear: left; float: left;}
.right { clear: right; float: right;}
.clear { clear:both; }
.left {
clear: left;
float: left;
}
.right {
clear: right;
float: right;
}
.clear {
clear: both;
}
.top {
vertical-align: top;
margin-top: 0;
padding-top: 0;
}
img.left {
margin-right:1em;
margin-bottom:1.8em;
margin-right: 1em;
margin-bottom: 1.8em;
}
img.right {
margin-left:1em;
margin-bottom:1.8em;
margin-left: 1em;
margin-bottom: 1.8em;
}
.text-right {
text-align:right;
text-align: right;
}
/* Debug styles */
pre.debug, div.backtrace {
pre.debug,
div.backtrace {
font-family: monospace !important;
text-align: left;
padding: 10px;
@ -37,12 +46,17 @@ div.backtrace ol {
pre.debug {
background-color: #fff55f;
}
div.debug, div.database_debug_title, div.debug a, div.debug a:hover {
div.debug,
div.database_debug_title,
div.debug a,
div.debug a:hover {
background-color: white;
color: black;
text-align: left;
}
div.debug a, div.debug a:hover, div.parameters {
div.debug a,
div.debug a:hover,
div.parameters {
text-decoration: underline;
}
div.database_debug_title {

View File

@ -32,7 +32,7 @@
}
.countdown_section {
float: left;
font-size: 75%
font-size: 75%;
}
.countdown_amount {
font-size: 200%;

View File

@ -9,7 +9,7 @@
min-width: 150px;
border: 1px solid #d4d4d4;
z-index:1200;
z-index: 1200;
}
.d3-context-menu ul {

View File

@ -190,7 +190,7 @@ img.ui-datepicker-trigger {
/*
.ui-datepicker-cover {
display: none;
display/**/: block;
display: block;
position: absolute;
z-index: -1;
filter: mask();

View File

@ -1,4 +1,3 @@
/* This file skins dialog */
.ui-dialog {
@ -12,9 +11,9 @@
-webkit-border-radius: 6px !important;
border-radius: 6px !important;
-moz-box-shadow: 0px 5px 5px #010E1B !important;
-webkit-box-shadow: 0px 5px 5px #010E1B !important;
box-shadow: 0px 5px 5px #010E1B !important;
-moz-box-shadow: 0px 5px 5px #010e1b !important;
-webkit-box-shadow: 0px 5px 5px #010e1b !important;
box-shadow: 0px 5px 5px #010e1b !important;
}
.ui-widget-header {
@ -22,17 +21,17 @@
}
.ui-dialog .ui-dialog-titlebar {
background-color: #ECECEC;
background-color: #ececec;
height: 24px !important;
padding: 0.3em 1em !important;
position:relative;
position: relative;
margin: 0px auto 0 auto !important;
font-weight: bold !important;
border-bottom: none !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
color: #FFFFFF !important;
color: #ffffff !important;
#padding: 0.1em 1em !important;
-moz-border-radius: 4px 4px 0 0;
@ -65,45 +64,43 @@
cursor: pointer !important;
}
.ui-dialog .ui-dialog-titlebar-close span {
.ui-dialog .ui-dialog-titlebar-close span {
display: none !important;
}
}
.ui-dialog .ui-dialog-titlebar-close-hover {
.ui-dialog .ui-dialog-titlebar-close-hover {
color: #000000 !important;
}
}
.ui-dialog .ui-dialog-titlebar-close:hover span {
.ui-dialog .ui-dialog-titlebar-close:hover span {
display: none !important;
}
}
.ui-dialog .ui-dialog-titlebar-close:hover {
.ui-dialog .ui-dialog-titlebar-close:hover {
color: #000000 !important;
}
}
.ui-dialog .ui-dialog-content {
margin: 12px !important;
#padding: 0.5em 1em !important;
overflow: auto !important;
-moz-border-left: 1px solid #A9A9A9 !important;
-moz-border-right: 1px solid #A9A9A9 !important;
-moz-border-bottom: 1px solid #A9A9A9 !important;
-moz-border-left: 1px solid #a9a9a9 !important;
-moz-border-right: 1px solid #a9a9a9 !important;
-moz-border-bottom: 1px solid #a9a9a9 !important;
-moz-border-radius: 8px 8px 8px 8px !important;
-webkit-border-left: 1px solid #A9A9A9 !important;
-webkit-border-right: 1px solid #A9A9A9 !important;
-webkit-border-bottom: 1px solid #A9A9A9 !important;
-webkit-border-left: 1px solid #a9a9a9 !important;
-webkit-border-right: 1px solid #a9a9a9 !important;
-webkit-border-bottom: 1px solid #a9a9a9 !important;
-webkit-border-radius: 8px 8px 8px 8px !important;
border-left: 1px solid #A9A9A9 !important;
border-right: 1px solid #A9A9A9 !important;
border-bottom: 1px solid #A9A9A9 !important;
border-left: 1px solid #a9a9a9 !important;
border-right: 1px solid #a9a9a9 !important;
border-bottom: 1px solid #a9a9a9 !important;
border-radius: 8px 8px 8px 8px !important;
background: #FFFFFF !important;
background: #ffffff !important;
position: relative !important;
}
@ -112,7 +109,7 @@
}
.ui-tabs-panel {
background: #ECECEC !important;
background: #ececec !important;
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
border-radius: 8px !important;
@ -134,7 +131,7 @@
.ui-state-default {
background: #fff !important;
border: 2px solid #ECECEC !important;
border: 2px solid #ececec !important;
-moz-border-top-left-radius: 10px !important;
-webkit-top-left-border-radius: 10px !important;
border-top-left-radius: 10px !important;
@ -144,7 +141,7 @@
margin-left: 2px !important;
}
.ui-state-active {
background: #ECECEC !important;
background: #ececec !important;
}
.ui-dialog-content {
@ -154,7 +151,7 @@
}
.ui-dialog .ui-dialog-buttonpane {
background-color: #2179B1;
background-color: #2179b1;
position: absolute;
bottom: 8px;
right: 12px;
@ -258,8 +255,8 @@
}
.ui-dialog .ui-button-dialog {
background: #F6F6F6;
border: 1px solid #CCCCCC;
background: #f6f6f6;
border: 1px solid #cccccc;
color: #696969;
font-weight: bold;
outline: medium none;
@ -269,13 +266,14 @@
}
.ui-dialog .ui-button-dialog:hover {
background: #FDF5CE;
border: 1px solid #FBCB09;
color: #C77405;
background: #fdf5ce;
border: 1px solid #fbcb09;
color: #c77405;
font-weight: bold;
outline: medium none;
}
.ui-dialog-overlay {
background: url("images/ui-bg_diagonals-thick_20_666666_40x40.png") repeat scroll 50% 50% #666666 !important;
background: url("images/ui-bg_diagonals-thick_20_666666_40x40.png") repeat
scroll 50% 50% #666666 !important;
}

View File

@ -1,5 +1,4 @@
.new_task
{
.new_task {
margin-top: 30px;
left: 20px;
width: 60%;
@ -7,82 +6,74 @@
background-color: #ececec;
border-radius: 3px 3px 3px 3px;
}
div.new_task_cluster
{
div.new_task_cluster {
margin-top: 30px;
left: 20px;
width: 60%;
border-radius: 3px 3px 3px 3px;
}
div.new_task_cluster, div.new_task_cluster > div
{
div.new_task_cluster,
div.new_task_cluster > div {
background-color: #ececec;
}
.title_task
{
background: url(../../images/icono_exclamacion.png) no-repeat scroll 280px 50% #82B92E;
.title_task {
background: url(../../images/icono_exclamacion.png) no-repeat scroll 280px 50%
#82b92e;
padding: 10px 5px 6px 300px;
margin: 5px 5px 10px 5px;
font-weight: bold;
color: #FFF;
color: #fff;
border-radius: 3px 3px 3px 3px;
}
.image_task
{
width:20%;
height:100%;
float:left;
.image_task {
width: 20%;
height: 100%;
float: left;
}
.image_task_cluster
{
width:20%;
height:100%;
float:left;
.image_task_cluster {
width: 20%;
height: 100%;
float: left;
margin-left: 50px;
margin-top: 50px;
}
.image_task>img {
.image_task > img {
margin-top: 35%;
margin-left: 15%;
}
.text_task
{
.text_task {
width: 70%;
float: right;
height: 100%;
padding-right: 25px;
}
.text_task_cluster
{
.text_task_cluster {
width: 70%;
height: 100%;
padding-right: 25px;
margin-left:270px;
padding-top:10px;
margin-left: 270px;
padding-top: 10px;
}
.text_task>p
{
.text_task > p {
margin-top: 4%;
}
.button_task
{
margin-top:10px;
background-color: #3F3F3F !important;
.button_task {
margin-top: 10px;
background-color: #3f3f3f !important;
padding: 10px 10px 10px 10px;
font-weight: bold;
color: #82B92E;
border:none;
color: #82b92e;
border: none;
}
#description_task
{
#description_task {
font-size: 12px;
}
#fuerte{
#fuerte {
font-size: 12px;
}

View File

@ -1,5 +1,5 @@
div.fixed-bottom-box {
background: #E1E1E1;
background: #e1e1e1;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
@ -9,12 +9,11 @@ div.fixed-bottom-box {
-khtml-border-radius: 10px 10px 0 0;
}
div.fixed-bottom-box >
div.fixed-bottom-box-head {
div.fixed-bottom-box > div.fixed-bottom-box-head {
height: 30px;
line-height: 30px;
vertical-align: middle;
background-color: #3F3F3F;
background-color: #3f3f3f;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
@ -24,20 +23,20 @@ div.fixed-bottom-box-head {
-khtml-border-radius: 10px 10px 0 0;
}
div.fixed-bottom-box >
div.fixed-bottom-box-head >
div.fixed-bottom-box-head-body {
div.fixed-bottom-box
> div.fixed-bottom-box-head
> div.fixed-bottom-box-head-body {
height: inherit;
line-height: inherit;
color: #FFFFFF;
color: #ffffff;
font-weight: bold;
vertical-align: middle;
text-align: center;
}
div.fixed-bottom-box >
div.fixed-bottom-box-head >
span.fixed-bottom-box-head-close {
div.fixed-bottom-box
> div.fixed-bottom-box-head
> span.fixed-bottom-box-head-close {
height: 30px;
width: 30px;
background-image: url(../../images/input_cross.png);
@ -46,9 +45,9 @@ span.fixed-bottom-box-head-close {
float: right;
}
div.fixed-bottom-box >
div.fixed-bottom-box-head >
div.fixed-bottom-box-head-body:hover {
div.fixed-bottom-box
> div.fixed-bottom-box-head
> div.fixed-bottom-box-head-body:hover {
cursor: pointer;
background-color: #747474;
@ -60,9 +59,9 @@ div.fixed-bottom-box-head-body:hover {
-khtml-border-radius: inherit;
}
div.fixed-bottom-box >
div.fixed-bottom-box-head >
span.fixed-bottom-box-head-close:hover {
div.fixed-bottom-box
> div.fixed-bottom-box-head
> span.fixed-bottom-box-head-close:hover {
cursor: pointer;
background-color: #747474;
@ -74,24 +73,23 @@ span.fixed-bottom-box-head-close:hover {
-khtml-border-radius: 0 10px 0 0;
}
div.fixed-bottom-box.fixed-bottom-box-hided >
div.fixed-bottom-box-head >
div.fixed-bottom-box-head-body {
div.fixed-bottom-box.fixed-bottom-box-hided
> div.fixed-bottom-box-head
> div.fixed-bottom-box-head-body {
/*background-image: url(../../images/.png);
background-repeat: no-repeat;
background-position: right;*/
}
div.fixed-bottom-box.fixed-bottom-box-opened >
div.fixed-bottom-box-head >
div.fixed-bottom-box-head-body {
div.fixed-bottom-box.fixed-bottom-box-opened
> div.fixed-bottom-box-head
> div.fixed-bottom-box-head-body {
/*background-image: url(../../images/.png);
background-repeat: no-repeat;
background-position: right;*/
}
div.fixed-bottom-box >
div.fixed-bottom-box-content {
div.fixed-bottom-box > div.fixed-bottom-box-content {
vertical-align: top;
text-align: center;
overflow: auto;

View File

@ -20,7 +20,9 @@
font-family: verdana, sans-serif;
font-size: 8pt;
}
h1, h2, h3 {
h1,
h2,
h3 {
font: bold 1em Arial, Sans-serif;
text-transform: uppercase;
color: #675;
@ -40,15 +42,51 @@ a {
color: #486787;
text-decoration: none;
}
dd.help_t1 {margin-left: 10px; margin-top: 6px; margin-bottom: 5px; font-size: 13px; font-weight: bold}
dd.help_t2 {margin-left: 28px; margin-top: 3px;}
dd.help_t3 {margin-left: 55px; margin-top: 4px;}
dd.help_t4 {margin-left: 92px; margin-top: 3px; margin-bottom: 2px;}
.ml15 {margin-left: 15px;}
.ml25 {margin-left: 25px;}
.ml35 {margin-left: 35px;}
.ml75 {margin-left: 75px;}
div.logo {float:left;}
div.toc {padding-left: 200px;}
div.rayah {border-top: 1px solid #708090; width: 100%;}
div.rayah2 {clear:both; border-top: 1px solid #708090; width: 100%; padding-bottom: 35px;}
dd.help_t1 {
margin-left: 10px;
margin-top: 6px;
margin-bottom: 5px;
font-size: 13px;
font-weight: bold;
}
dd.help_t2 {
margin-left: 28px;
margin-top: 3px;
}
dd.help_t3 {
margin-left: 55px;
margin-top: 4px;
}
dd.help_t4 {
margin-left: 92px;
margin-top: 3px;
margin-bottom: 2px;
}
.ml15 {
margin-left: 15px;
}
.ml25 {
margin-left: 25px;
}
.ml35 {
margin-left: 35px;
}
.ml75 {
margin-left: 75px;
}
div.logo {
float: left;
}
div.toc {
padding-left: 200px;
}
div.rayah {
border-top: 1px solid #708090;
width: 100%;
}
div.rayah2 {
clear: both;
border-top: 1px solid #708090;
width: 100%;
padding-bottom: 35px;
}

View File

@ -29,7 +29,8 @@
padding: 1;
}
* html .timeEntry_control { /* IE only */
* html .timeEntry_control {
/* IE only */
margin-top: -4px;
}
@ -42,7 +43,7 @@ div.configuration {
}
form.delete_link {
display:inline;
display: inline;
}
ul.action_list {
list-style-position: outside;
@ -56,8 +57,7 @@ span.action_name {
}
div#foot {
background: #CCC;
background: #ccc;
width: auto;
clear: both;
@ -70,16 +70,13 @@ div#foot {
box-shadow: 0px 0px 15px #000000;
}
div#foot a {
color: #333!important;
color: #333 !important;
}
div#foot a.white:after {
font-size: 10px;
color: #666666;
position: absolute;
bottom: 5px;
right: 10px;
}

View File

@ -56,13 +56,14 @@ div#wizard a img {
padding-right: 30px;
}
div#wizard>input {
div#wizard > input {
padding-right: 30px;
float:right;
float: right;
margin-top: 20px;
}
div#install_box, div#install_img {
div#install_box,
div#install_img {
padding-right: 20px;
margin-top: 0px;
width: 80%;
@ -77,7 +78,7 @@ div#install_box {
}
div#install_box h2 {
color: #82B92E;
color: #82b92e;
text-transform: uppercase;
}
@ -98,7 +99,8 @@ div#foot_install {
div#foot_install a {
color: #ccc;
}
input#step4, input#step4:hover {
input#step4,
input#step4:hover {
width: 70px;
height: 16px;
border: 0px;
@ -131,17 +133,18 @@ span.arr {
margin-left: 5px;
padding: 2px 1px 6px 15px;
display: block;
font-family: verdana,arial, sans;
font-family: verdana, arial, sans;
font-size: 8.5pt;
}
body, td {
body,
td {
font-family: Sans, Arial, sans;
font-size: 9pt;
line-height: 15px;
}
body{
body {
background-color: #555555;
}
@ -166,10 +169,10 @@ div.installation_step {
margin: 10px;
padding: 8px 20px 8px 20px;
background-color: transparent;
border: 1px solid #82B92E;
border: 1px solid #82b92e;
font: 1em Verdana;
font-size: 11pt;
color: #82B92E;
color: #82b92e;
border-radius: 0%;
}
.btn_install_next:hover {
@ -181,7 +184,7 @@ div.installation_step {
-webkit-transition-duration: 1s;
-o-transition-property: background-color, color;
-o-transition-duration: 1s;
background-color:#82b92e;
background-color: #82b92e;
}
.btn_install_next_text {
transition-property: background-color, color;
@ -191,7 +194,7 @@ div.installation_step {
-webkit-transition-duration: 1s;
-o-transition-property: background-color, color;
-o-transition-duration: 1s;
color:#82b92e;
color: #82b92e;
font-family: Sans, Arial, sans;
}
.btn_install_next:hover .btn_install_next_text {
@ -202,7 +205,7 @@ div.installation_step {
-webkit-transition-duration: 1s;
-o-transition-property: background-color, color;
-o-transition-duration: 1s;
color:white;
color: white;
}
:focus {
@ -210,7 +213,7 @@ div.installation_step {
}
/* POPUP */
.popup-lightbox{
.popup-lightbox {
position: fixed;
z-index: 8888;
width: 100%;
@ -220,52 +223,52 @@ div.installation_step {
visibility: hidden;
}
.popup{
.popup {
max-height: 450px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background-color: #FFF;
background-color: #fff;
z-index: 9999;
display: none;
}
.popup-title{
.popup-title {
background-color: #82b92e;
padding: 10px 20px;
color: #FFF;
font-size:12pt;
color: #fff;
font-size: 12pt;
text-align: center;
font-family:Sans, Arial, sans;
font-family: Sans, Arial, sans;
}
.popup-inner{
.popup-inner {
max-height: 350px;
background: #FFF;
/* overflow-y: scroll;*/
background: #fff;
/* overflow-y: scroll;*/
padding: 25px 35px;
font-size: 11pt;
}
.popup-button-green{
background-color: #82B92E;
.popup-button-green {
background-color: #82b92e;
border: 1px solid transparent;
color: #FFF;
color: #fff;
}
.popup-button-green span{
color: #FFF !important;
.popup-button-green span {
color: #fff !important;
}
.popup-button-green:hover{
.popup-button-green:hover {
background-color: transparent !important;
border: 1px solid #82B92E;
color: #82B92E !important;
border: 1px solid #82b92e;
color: #82b92e !important;
}
.popup-button-green:hover span{
color: #82B92E !important;
.popup-button-green:hover span {
color: #82b92e !important;
}
/* POPUP -END */

View File

@ -26,22 +26,24 @@
padding: 0;
margin: 0;
}
.menu li.selected, .menu li.not_selected {
.menu li.selected,
.menu li.not_selected {
border: 0px none black;
border-bottom: 0px none #d4d4d4;
margin: 0;
}
.menu li a {
/*background-color: inherit;*/
color: #FFFFFF;
color: #ffffff;
/*font-weight: bold;*/
/* This makes it so that the whole li is clickable */
text-decoration:none;
text-decoration: none;
}
li:hover ul { display: block; }
li:hover ul {
display: block;
}
.submenu_text {
padding: 10.5px;
@ -49,13 +51,13 @@ li:hover ul { display: block; }
width: 100%;
}
.menu li.subselected a{
.menu li.subselected a {
background-color: grey !important;
}
.menu a:hover {
text-decoration:none;
border:0px;
text-decoration: none;
border: 0px;
}
.submenu {
margin: 0px 0px 0px 0px;
@ -67,19 +69,19 @@ li:hover ul { display: block; }
width: 180px;
}
.submenu2{
.submenu2 {
position: absolute;
z-index: 999;
left: 180px;
}
.sub_subMenu{
.sub_subMenu {
min-height: 35px !important;
height: 35px;
width: 180px;
font-weight: normal !important;
}
.sub_subMenu.selected{
.sub_subMenu.selected {
font-weight: bold !important;
}
@ -90,7 +92,7 @@ li:hover ul { display: block; }
.menu li img.toggle {
visibility: hidden;
float:right;
float: right;
/* Positions it back where it should be */
border-left: 1px;
}
@ -99,25 +101,27 @@ li:hover ul { display: block; }
background: url(../../images/arrow.png) no-repeat 80% 50%;
z-index: 1; /* Positions it on top of the rest */
}
.menu li.has_submenu>.SubNoLink{
.menu li.has_submenu > .SubNoLink {
background: url(../../images/arrow.png) no-repeat 80% 50%;
z-index: 1; /* Positions it on top of the rest */
}
.is_submenu2{
background-color: #E4E4E4 !important;
.is_submenu2 {
background-color: #e4e4e4 !important;
}
.menu li.submenu_not_selected a, .menu li.submenu2_not_selected a {
.menu li.submenu_not_selected a,
.menu li.submenu2_not_selected a {
font-weight: normal !important;
}
.submenu_selected {
margin-bottom: 0px !important;
box-shadow: inset 4px 0 #80BA27 !important;
box-shadow: inset 4px 0 #80ba27 !important;
}
.menu .menu_icon, .menu li.links {
.menu .menu_icon,
.menu li.links {
background-position: 4px 4px;
background-repeat: no-repeat;
cursor: pointer;
@ -147,7 +151,8 @@ li:hover ul { display: block; }
background: url(../../images/op_workspace.menu.png) no-repeat 50% 50%;
}
/* trap console */
#icon_oper-snmpc, #icon_god-snmpc {
#icon_oper-snmpc,
#icon_god-snmpc {
background: url(../../images/op_snmp.menu.png) no-repeat 50% 50%;
}
#icon_oper-reporting {
@ -192,7 +197,7 @@ li:hover ul { display: block; }
background: url(../../images/builder.menu.png) no-repeat 50% 50%;
}
#icon_god-links {
border-top: 4px solid #777!important;
border-top: 4px solid #777 !important;
border-color: #777;
background: url(../../images/links.menu.png) no-repeat 50% 50%;
}
@ -205,7 +210,7 @@ li:hover ul { display: block; }
z-index: 3;
position: absolute;
left: -80px;
background-color: #AAA;
background-color: #aaa;
}
.notification_ball {
@ -228,11 +233,11 @@ ul {
margin: 0;
padding: 0;
list-style: none;
}
}
ul li {
position: relative;
}
}
.menu li ul {
position: absolute;
@ -241,9 +246,16 @@ ul li {
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
* html ul li {
float: left;
height: 1%;
}
* html ul li a {
height: 1%;
}
/* End */
ul li a:hover { color: #E2144A; } /* Hover Styles */
ul li a:hover {
color: #e2144a;
} /* Hover Styles */
/*li ul li a { padding: 2px 5px; } Sub Menu Styles */

File diff suppressed because it is too large Load Diff

View File

@ -21,35 +21,36 @@ Description: Forms based on fieldset and labels to improve accesibility
*/
fieldset {
background-color:#fafafa;
background-color: #fafafa;
border: 1px solid #f2f2f2;
padding:0.5em;
margin-top:0.5em;
margin-bottom:1em;
position:relative;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 1em;
position: relative;
}
fieldset legend {
font-size:1.3em;
font-weight:bold;
color:#3f4e2f;
top:-2em;
font-size: 1.3em;
font-weight: bold;
color: #3f4e2f;
top: -2em;
}
fieldset label {
font-weight: bold;
display:block;
margin-right:1em;
margin-left:1em;
margin-bottom:1em;
width:25%;
float:left;
display: block;
margin-right: 1em;
margin-left: 1em;
margin-bottom: 1em;
width: 25%;
float: left;
}
fieldset select, fieldset input {
position:relative;
right:1em;
margin-bottom:0.5em;
fieldset select,
fieldset input {
position: relative;
right: 1em;
margin-bottom: 0.5em;
}
fieldset br {
clear:left;
clear: left;
}
/*.pandora_form input.sub {
@ -81,15 +82,13 @@ td.scwFoot {
td.scwFootDisabled {
background-color: #000;
color: #FFFFFF;
color: #ffffff;
}
tfoot.scwFoot {
color: #000;
}
.scwFoot :hover{
color: #FFA500 !important;
.scwFoot :hover {
color: #ffa500 !important;
}

File diff suppressed because it is too large Load Diff

View File

@ -48,7 +48,7 @@ input {
padding: 2px 3px 4px 3px;
border: 1px solid #ddd;
font-family: verdana, sans-serif;
font-size: 8pt
font-size: 8pt;
}
input:hover {
background-color: #d4dccd;
@ -59,13 +59,21 @@ input.login {
margin: 2px 0 8px;
width: 90px;
}
table, img {
table,
img {
border: 0px;
}
.f9, .f9i, .f9b, td.f9, td.f9i, td.datosf9, td.datos2f9 {
.f9,
.f9i,
.f9b,
td.f9,
td.f9i,
td.datosf9,
td.datos2f9 {
font-size: 6.5pt;
}
.databox, .databox_frame {
.databox,
.databox_frame {
margin-bottom: 15px;
margin-top: 5px;
margin-left: 0px;
@ -79,11 +87,11 @@ table, img {
}
#loading {
position:fixed;
position: fixed;
width: 200px;
margin-left: 35%;
text-align:center;
top:300px;
text-align: center;
top: 300px;
background-color: #999999;
padding: 20px;
}
@ -112,7 +120,7 @@ tr.rowOdd:hover {
/* Calendar background */
table.scw {
background-color: #FFF;
background-color: #fff;
}
/* Week number heading */
@ -126,21 +134,21 @@ td.scwWeek {
/* Today selector */
td.scwFoot {
background-color: #FFF;
background-color: #fff;
color: #000;
}
td.scwFootDisabled {
background-color: #000;
color: #FFFFFF;
color: #ffffff;
}
tfoot.scwFoot {
color: #000;
}
.scwFoot :hover{
color: #FFA500 !important;
.scwFoot :hover {
color: #ffa500 !important;
}
input.next {
@ -152,14 +160,14 @@ input.next {
}
.info_box {
background: #EBEBEB;
background: #ebebeb;
margin: 10px auto;
padding: 5px;
border: 1px solid #A8A8A8;
border: 1px solid #a8a8a8;
width: 85% !important;
-moz-box-shadow: 0px 2px 2px #010E1B !important;
-webkit-box-shadow: 0px 2px 2px #010E1B !important;
box-shadow: 0px 2px 2px #010E1B !important;
-moz-box-shadow: 0px 2px 2px #010e1b !important;
-webkit-box-shadow: 0px 2px 2px #010e1b !important;
box-shadow: 0px 2px 2px #010e1b !important;
}
.info_box .title * {
@ -171,5 +179,3 @@ input.next {
width: 30px !important;
text-align: center;
}

View File

@ -25,13 +25,13 @@
height: 16px;
}
.node-content>img {
.node-content > img {
position: relative;
top: -2px;
}
.node-content:hover {
background-color: #FFF;
background-color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
@ -43,89 +43,90 @@
height: 20px;
}
.node-content, .leaf-icon {
.node-content,
.leaf-icon {
display: inline-block;
}
.node-content>img, .node-content>div {
.node-content > img,
.node-content > div {
display: inline;
}
.tree-node.leaf-open>.leaf-icon {
.tree-node.leaf-open > .leaf-icon {
background-image: url(../../images/tree/last_expanded.png);
cursor: pointer;
}
.tree-node.tree-first.leaf-open>.leaf-icon {
.tree-node.tree-first.leaf-open > .leaf-icon {
background-image: url(../../images/tree/first_expanded.png);
cursor: pointer;
}
.tree-node.leaf-closed>.leaf-icon {
.tree-node.leaf-closed > .leaf-icon {
background-image: url(../../images/tree/last_closed.png);
cursor: pointer;
}
.tree-node.tree-first.leaf-closed>.leaf-icon {
.tree-node.tree-first.leaf-closed > .leaf-icon {
background-image: url(../../images/tree/first_closed.png);
cursor: pointer;
}
.tree-node.leaf-loading>.leaf-icon {
.tree-node.leaf-loading > .leaf-icon {
background-image: url(../../images/tree/last_expanded.png);
}
.tree-node.leaf-empty>.leaf-icon {
.tree-node.leaf-empty > .leaf-icon {
background-image: url(../../images/tree/last_leaf.png);
}
.tree-node.tree-first.leaf-empty>.leaf-icon {
.tree-node.tree-first.leaf-empty > .leaf-icon {
background-image: url(../../images/tree/first_leaf.png);
}
.tree-node.leaf-error>.leaf-icon {
.tree-node.leaf-error > .leaf-icon {
background-image: url(../../images/tree/last_leaf.png);
}
.tree-node>.leaf-icon {
.tree-node > .leaf-icon {
background-position: 0px 0px;
background-repeat: no-repeat;
}
.tree-node>.node-content>img {
.tree-node > .node-content > img {
max-height: 20px;
/*max-width: 20px;*/
}
.tree-node>.node-content>img.module-data,
.tree-node>.node-content>img.module-graph {
.tree-node > .node-content > img.module-data,
.tree-node > .node-content > img.module-graph {
cursor: pointer;
padding-right: 3px;
}
.tree-node>.node-content>img.module-server-type,
.tree-node>.node-content>img.agent-status,
.tree-node>.node-content>img.agent-alerts-fired,
.tree-node>.node-content>img.agent-quiet,
.tree-node>.node-content>img.module-status,
.tree-node>.node-content>img.module-alerts {
.tree-node > .node-content > img.module-server-type,
.tree-node > .node-content > img.agent-status,
.tree-node > .node-content > img.agent-alerts-fired,
.tree-node > .node-content > img.agent-quiet,
.tree-node > .node-content > img.module-status,
.tree-node > .node-content > img.module-alerts {
padding-right: 3px;
}
.tree-node>.node-content>.tree-node-counters,
.tree-node>.node-content>.tree-node-counters>.tree-node-counter {
.tree-node > .node-content > .tree-node-counters,
.tree-node > .node-content > .tree-node-counters > .tree-node-counter {
display: inline;
}
.tree-node>.node-content>.tree-node-counters {
.tree-node > .node-content > .tree-node-counters {
}
.tree-node>.node-content>img {
.tree-node > .node-content > img {
vertical-align: middle;
}
.tree-node>.node-content>.tree-node-counters>.tree-node-counter {
.tree-node > .node-content > .tree-node-counters > .tree-node-counter {
font-weight: bold;
font-size: 7pt;
cursor: default;

View File

@ -8,7 +8,7 @@ body {
border-style: none;
direction: ltr;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
text-align: left;
vertical-align: top;
@ -29,20 +29,25 @@ body {
/*INIT----------Tactical styles-----------------------------------------*/
/* Common */
#tactical1, #tactical2, #agent_graphs, #agent_details {
#tactical1,
#tactical2,
#agent_graphs,
#agent_details {
border-radius: 6px;
}
.agent_graphs, .events_bar {
.agent_graphs,
.events_bar {
padding-top: 10px;
}
#tactical1 *, #tactical2 * {
#tactical1 *,
#tactical2 * {
font-weight: bold;
}
#tactical1 a, #tactical2 a {
#tactical1 a,
#tactical2 a {
font-weight: bold;
color: #222;
}
@ -57,19 +62,20 @@ legend {
}
/* For mobiles */
@media screen and (max-width: 750px)
{
#tactical1 *, #tactical2 * {
@media screen and (max-width: 750px) {
#tactical1 *,
#tactical2 * {
font-size: 12px;
}
#tactical1 a, #tactical2 a {
#tactical1 a,
#tactical2 a {
font-size: 18px;
}
}
/* For tablets */
@media screen and (min-width: 750px)
{
#tactical1 a, #tactical2 a {
@media screen and (min-width: 750px) {
#tactical1 a,
#tactical2 a {
font-size: 25px !important;
}
}
@ -90,16 +96,16 @@ legend {
border-bottom: 3px solid white !important;
}
tr.group_view_crit, .group_view_crit {
background-color: #FA3030;
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 {
.ui-btn-up-group_view_crit,
.ui-btn-hover-group_view_crit {
background-color: #f85858;
color: #fff;
border: 1px solid #111111;
@ -107,54 +113,63 @@ tr.group_view_crit, .group_view_crit {
text-shadow: none;
}
.group_view_normal, .group_view_normal *,
.group_view_norm, .group_view_norm * {
background-color: #FFFFFF;
.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;
.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;
.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;
.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;
.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;
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 {
.ui-btn-up-group_view_warn,
.ui-btn-hover-group_view_warn {
background-color: #ffea59;
color: #111;
border: 1px solid #111111;
@ -162,29 +177,31 @@ a.group_view_warn {
text-shadow: none;
}
tr.group_view_alrm, .group_view_alrm {
background-color: #ED8701;
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;
.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;
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 {
.ui-btn-up-group_view_unk,
.ui-btn-hover-group_view_unk {
background-color: #999999;
color: #fff;
border: 1px solid #111111;
@ -192,28 +209,31 @@ tr.group_view_unk, .group_view_unk {
text-shadow: none;
}
.ui-btn-active:visited, .ui-btn-active:hover, .ui-btn-active a.ui-link-inherit {
.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 {
tr.group_view_data,
.group_view_data {
color: #000000 !important;
}
.group_view_data_unk * {
color: #303030 !important;
}
.group_view_data_ok * {
color: #00C000 !important;
color: #00c000 !important;
}
.group_view_data_crit * {
color: #5C0000 !important;
color: #5c0000 !important;
}
.group_view_data_alrm * {
color: #5C1D00 !important;
color: #5c1d00 !important;
}
.group_view_data_warn * {
color: #5C5900 !important;
color: #5c5900 !important;
}
.group_view * {
@ -225,8 +245,8 @@ tr.group_view_data, .group_view_data {
display: inline !important;
}
.list_groups .number_count, .list_groups .name_count {
.list_groups .number_count,
.list_groups .name_count {
position: absolute;
top: 0;
}
@ -245,15 +265,13 @@ tr.group_view_data, .group_view_data {
}
/* For mobiles */
@media screen and (max-width: 750px)
{
@media screen and (max-width: 750px) {
.list_groups .name_count img {
margin-top: -7px;
}
}
/* For tablets */
@media screen and (min-width: 750px)
{
@media screen and (min-width: 750px) {
.list_groups .name_count img {
margin-top: -3px;
}
@ -261,42 +279,61 @@ tr.group_view_data, .group_view_data {
/*END-----------Groups styles-----------------------------------------*/
/*INIT----------Events styles-----------------------------------------*/
.datos_green, .datos_greenf9, .datos_green a, .datos_greenf9 a {
background-color: #52A000;
color: #FFFFFF !important;
.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;
.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;
.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;
.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;
.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;
.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;
.datos_brown,
.datos_brownf9,
.datos_brown a,
.datos_brownf9 a {
background-color: #c97a4a;
color: #000000 !important;
text-shadow: none !important;
}
@ -316,10 +353,12 @@ div.graph {
margin: 0 auto;
}
table.alternate tr:nth-child(odd) td, table.alternate tr:nth-child(odd) th{
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{
table.alternate tr:nth-child(even) td,
table.alternate tr:nth-child(eveny) th {
background-color: #e4e5e4;
}
@ -327,15 +366,16 @@ table.pandora_responsive {
width: 100%;
}
table.pandora_responsive td, table.pandora_responsive th{
table.pandora_responsive td,
table.pandora_responsive th {
padding: 4px;
}
table.event_details img{
table.event_details img {
margin-left: 4px;
}
table.event_details td{
table.event_details td {
height: 14px;
}
@ -482,21 +522,20 @@ table.event_details td.cell_event_name {
/*END-----------Events styles-----------------------------------------*/
/*INIT-----------Agents styles----------------------------------------*/
.red, .redb, .redi, .error {
.red,
.redb,
.redi,
.error {
background: #f85858 !important;
}
.green {
background: #6EB432 !important;
background: #6eb432 !important;
}
.orange {
background: #FF8800 !important;
background: #ff8800 !important;
}
.yellow {
@ -504,11 +543,16 @@ table.event_details td.cell_event_name {
}
.grey {
background: #AAAAAA !important;
background: #aaaaaa !important;
font-weight: bold;
}
.green, .orange, .yellow, .red, .grey, .agents_tiny_stats span {
.green,
.orange,
.yellow,
.red,
.grey,
.agents_tiny_stats span {
text-shadow: none;
color: white !important;
padding: 1px 3px;
@ -526,7 +570,7 @@ table.event_details td.cell_event_name {
vertical-align: middle;
width: 20px;
}
.agent_os{
.agent_os {
float: right;
position: absolute;
top: 0px;
@ -558,9 +602,13 @@ table.event_details td.cell_event_name {
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 {
#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;
}
@ -590,7 +638,7 @@ table.event_details td.cell_event_name {
#list_agents td.cell_0 {
border-top: 0px none;
}
#list_agents td.cell_0>span.tiny>img {
#list_agents td.cell_0 > span.tiny > img {
width: 5px;
height: 30px;
margin-top: -6px;
@ -667,23 +715,19 @@ table.event_details td.cell_event_name {
}
/* For mobiles */
@media screen and (max-width: 750px)
{
@media screen and (max-width: 750px) {
.agents_tiny_stats * {
font-size: 12px !important;
}
}
/* For tablets */
@media screen and (min-width: 750px)
{
@media screen and (min-width: 750px) {
.agents_tiny_stats * {
font-size: 17px !important;
}
}
/*END-----------Agents styles-----------------------------------------*/
/*INIT-----------Alerts styles---------------------------------------*/
#list_alerts td {
@ -719,23 +763,20 @@ table.event_details td.cell_event_name {
}
/* For mobiles */
@media screen and (max-width: 750px)
{
@media screen and (max-width: 750px) {
#rendered_visual_map div {
font-size: 6pt !important;
}
}
/* For tablets */
@media screen and (min-width: 750px)
{
@media screen and (min-width: 750px) {
#rendered_visual_map div {
font-size: 8pt !important;
}
}
/* For mobiles */
@media screen and (max-width: 750px)
{
@media screen and (max-width: 750px) {
.resize_visual_font_size_4pt * {
font-size: 2pt !important;
}
@ -759,8 +800,7 @@ table.event_details td.cell_event_name {
}
}
/* For tablets */
@media screen and (min-width: 750px)
{
@media screen and (min-width: 750px) {
.resize_visual_font_size_4pt * {
font-size: 2pt !important;
}
@ -842,18 +882,18 @@ table.event_details td.cell_event_name {
font-size: 12px;
}
#list_Modules .cell_0{
#list_Modules .cell_0 {
width: 50%;
border-top: 0px none;
}
#list_Modules .cell_4{
#list_Modules .cell_4 {
width: 25%;
}
#list_Modules .cell_5{
#list_Modules .cell_5 {
width: 25%;
}
}
#list_Modules td.cell_0>span.tiny>img {
#list_Modules td.cell_0 > span.tiny > img {
width: 5px;
height: 30px;
margin-top: -5px;
@ -874,7 +914,8 @@ table.event_details td.cell_event_name {
font-weight: bold;
}
#list_Modules td, #list_agent_Modules td {
#list_Modules td,
#list_agent_Modules td {
height: 35px;
padding-top: 20px;
}
@ -907,8 +948,6 @@ table.event_details td.cell_event_name {
/*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;
@ -919,16 +958,13 @@ table.event_details td.cell_event_name {
}
/*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;
border: 0px solid #000 !important;
}
li.ui-btn {
@ -936,7 +972,6 @@ li.ui-btn {
margin-top: 4px !important;
}
/*INIT---------Fix the tons of air between the rows in small table----*/
.head_vertical {
margin-top: 0px !important;
@ -966,7 +1001,8 @@ li.ui-btn {
}
@media screen and (max-width: 34.99em) {
.ui-table th, .ui-table td {
.ui-table th,
.ui-table td {
padding: 8px !important;
padding-left: 3px;
}
@ -977,29 +1013,23 @@ li.ui-btn {
}
/*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;
width: 100% !important;
height: 100% !important;
top: 0 !important;
margin: 0 !important;
background: rgba(0, 0, 0, 0.3) !important;
display:none !important;
display: none !important;
position: fixed !important;
z-index:100 !important;
z-index: 100 !important;
}
.ui-loading .ui-loader-background {
display:block !important;
display: block !important;
}
/*END----------Fix to avoid clicks under loading message--------------*/
.button_layer {
position: relative;
float: right;
@ -1012,8 +1042,7 @@ li.ui-btn {
height: 28px !important;
}
@media screen and (max-width: 35em)
{
@media screen and (max-width: 35em) {
.events .status_row {
display: none;
}
@ -1032,9 +1061,8 @@ li.ui-btn {
}
}
@media screen and (min-width: 35em)
{
.events .cell_0 .event_link{
@media screen and (min-width: 35em) {
.events .cell_0 .event_link {
display: none;
}
@ -1050,7 +1078,7 @@ li.ui-btn {
/* Common */
.ui-li>.ui-btn-inner {
.ui-li > .ui-btn-inner {
background: white;
}
@ -1059,15 +1087,16 @@ li.ui-btn {
}
/* For mobiles */
@media screen and (max-width: 750px)
{
.ui-content>.ui-btn {
@media screen and (max-width: 750px) {
.ui-content > .ui-btn {
margin: 10px 7px;
height: 30px;
padding-top: 3px;
}
label, input, .ui-btn-inner {
label,
input,
.ui-btn-inner {
font-size: 12px !important;
}
@ -1087,9 +1116,8 @@ li.ui-btn {
}
}
/* For tablets */
@media screen and (min-width: 750px)
{
.ui-content>.ui-btn {
@media screen and (min-width: 750px) {
.ui-content > .ui-btn {
width: 31%;
display: inline-block;
margin: 8px 5px;
@ -1097,7 +1125,9 @@ li.ui-btn {
padding-top: 8px;
}
label, input, .ui-btn-inner {
label,
input,
.ui-btn-inner {
font-size: 16px !important;
padding-top: 6px !important;
}
@ -1146,11 +1176,11 @@ li.ui-btn {
margin-top: 30px;
}
#login_container input, #login_container .ui-btn-text{
#login_container input,
#login_container .ui-btn-text {
font-size: 16px !important;
}
table.tactical_bars {
width: 100%;
}
@ -1160,7 +1190,8 @@ table.tactical_bars {
margin-bottom: 4px;
}
.ui-bar, .ui-body {
.ui-bar,
.ui-body {
margin: 5px;
}
@ -1215,10 +1246,14 @@ table.tactical_bars {
background-image: url(../../../images/dashboard.menu.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,
.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,
.ui-icon-dashboard {
background-color: #333 !important;
background-position: center;
@ -1233,12 +1268,15 @@ table.tactical_bars {
}
/* 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,
@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,
.ui-icon-dashboard {
width: 22px !important;
height: 22px !important;
@ -1247,12 +1285,15 @@ table.tactical_bars {
}
}
/* 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,
@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,
.ui-icon-dashboard {
width: 32px !important;
height: 32px !important;
@ -1269,7 +1310,7 @@ table.tactical_bars {
}
.ui-btn-active * {
color: #FFF !important;
color: #fff !important;
}
.ui-btn-active {
@ -1300,19 +1341,24 @@ span.nobold * {
display: block !important;
}
#list_Modules *, #list_agent_Modules *, #list_agents *, #list_alerts *, #list_networkmaps *, #list_visualmaps * {
#list_Modules *,
#list_agent_Modules *,
#list_agents *,
#list_alerts *,
#list_networkmaps *,
#list_visualmaps * {
color: #222;
}
DIV.legend>DIV {
div.legend > div {
width: 100% !important;
opacity: 0.65 !important;
}
DIV.nodata_text {
div.nodata_text {
padding: 5px 12px 0px 68px;
font-weight: bold;
color: #C1C1C1;
color: #c1c1c1;
text-transform: uppercase;
display: table-cell;
vertical-align: middle;
@ -1320,10 +1366,10 @@ DIV.nodata_text {
font-size: 14px !important;
}
DIV.nodata_container {
width:150px;
height:100px;
background-repeat:no-repeat;
div.nodata_container {
width: 150px;
height: 100px;
background-repeat: no-repeat;
background-position: center;
margin: 15px auto;
display: table;