tyler.durden/pandorafms
1
0
Fork 0
mirror of https://github.com/pandorafms/pandorafms.git synced 2025-07-31 01:35:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

Changed the format of the .css files

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
pandora_console/extensions/dbmanager/dbmanager.css
View File

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

50
pandora_console/godmode/update_manager/update_manager.css
View File

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

155
pandora_console/include/javascript/introjs.css
View File

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

10
pandora_console/include/styles/cluetip.css
View File

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

4
pandora_console/include/styles/color-picker.css
View File

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

36
pandora_console/include/styles/common.css
View File

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

2
pandora_console/include/styles/countdown.css
View File

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

2
pandora_console/include/styles/d3-context-menu.css
View File

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

2
pandora_console/include/styles/datepicker.css
View File

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

72
pandora_console/include/styles/dialog.css
View File

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

67
pandora_console/include/styles/firts_task.css
View File

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

48
pandora_console/include/styles/fixed-bottom-box.css
View File

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

64
pandora_console/include/styles/help.css
View File

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

13
pandora_console/include/styles/ie.css
View File

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

69
pandora_console/include/styles/install.css
View File

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

64
pandora_console/include/styles/menu.css
View File

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

1640
pandora_console/include/styles/pandora_black.css
View File

File diff suppressed because it is too large Load Diff

49
pandora_console/include/styles/pandora_forms.css
View File

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

1442
pandora_console/include/styles/pandora_green_old.css
View File

File diff suppressed because it is too large Load Diff

44
pandora_console/include/styles/pandora_minimal.css
View File

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

57
pandora_console/include/styles/tree.css
View File

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

400
pandora_console/mobile/include/style/main.css
View File

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