tyler.durden/pandorafms
1
0
Fork 0
mirror of https://github.com/pandorafms/pandorafms.git synced 2025-07-29 16:55:05 +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

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

@ -1,29 +1,30 @@
table.dbmanager,
table.dbmanager, table.dbmanager td, table.dbmanager th { table.dbmanager td,
border:1px solid #888; table.dbmanager th {
border-collapse: collapse; border: 1px solid #888;
margin: 0; border-collapse: collapse;
padding: 0; margin: 0;
padding: 0;
} }
table.dbmanager td, table.dbmanager th { table.dbmanager td,
padding:.2em .5em; table.dbmanager th {
vertical-align: top; padding: 0.2em 0.5em;
font-weight: normal; vertical-align: top;
background: #fafafa; font-weight: normal;
color: #000; background: #fafafa;
font-size: 9px; color: #000;
font-size: 9px;
} }
table.dbmanager th { table.dbmanager th {
color: #fff; color: #fff;
font-size: 10px; font-size: 10px;
background: #888; background: #888;
} }
textarea { textarea {
min-height: 50px; min-height: 50px;
height: 50px; height: 50px;
width: 95%; width: 95%;
} }

14
pandora_console/extensions/realtime_graphs/realtime_graphs.css
View File

@ -1,15 +1,15 @@
#chartLegend { #chartLegend {
width: 100%; width: 100%;
position: relative; position: relative;
height: 30px; height: 30px;
} }
#chartLegend table { #chartLegend table {
position: absolute; position: absolute;
right: 0px; right: 0px;
} }
#graph_container { #graph_container {
width: 800px; width: 800px;
margin: 20px auto !important; margin: 20px auto !important;
} }

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

@ -1,141 +1,145 @@
.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;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
margin-bottom: 30px; margin-bottom: 30px;
padding: 40px 50px; padding: 40px 50px;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
} }
#drop_file table { #drop_file table {
vertical-align: middle; vertical-align: middle;
} }
#drop_file table td, #drop_file table label { #drop_file table td,
color: #707070; #drop_file table label {
font-family: 'PT Sans Narrow',sans-serif; color: #707070;
font-size: 16px; font-family: "PT Sans Narrow", sans-serif;
font-weight: bold; font-size: 16px;
margin-top: 0; font-weight: bold;
vertical-align: middle; margin-top: 0;
vertical-align: middle;
} }
#drop_file table select { #drop_file table select {
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;
line-height: 1; line-height: 1;
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;
} }
.fileupload_form ul li #input-progress { .fileupload_form ul li #input-progress {
left: 68px; left: 68px;
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;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top: 12px; top: 12px;
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;
} }
.fileupload_form ul li canvas { .fileupload_form ul li canvas {
left: 13px; left: 13px;
position: absolute; position: absolute;
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
cursor: pointer; rgba(0, 0, 0, 0);
height: 12px; cursor: pointer;
position: absolute; height: 12px;
right: 13px; position: absolute;
top: 34px; right: 13px;
width: 15px; top: 34px;
width: 15px;
} }
.fileupload_form ul li div { .fileupload_form ul li div {
display: block !important; display: block !important;
} }
.fileupload_form ul li.working span { .fileupload_form ul li.working span {
background-position: 0 -12px; background-position: 0 -12px;
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
height: 16px; rgba(0, 0, 0, 0);
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
height: 12px; rgba(0, 0, 0, 0);
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;
font-size: 12px; font-size: 12px;
margin-bottom: 30px; margin-bottom: 30px;
padding: 10px; padding: 10px;
text-align: left; text-align: left;
} }
#box_online { #box_online {
background-color: #E6E6E6; background-color: #e6e6e6;
padding: 10px; padding: 10px;
} }

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

@ -3,25 +3,58 @@
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);
-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;
-o-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
} }
.introjs-fixParent { .introjs-fixParent {
z-index: auto !important; z-index: auto !important;
opacity: 1.0 !important; opacity: 1 !important;
} }
.introjs-showElement, .introjs-showElement,
@ -39,17 +72,17 @@ 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;
-o-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
} }
.introjs-helperNumberLayer { .introjs-helperNumberLayer {
@ -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,
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */ #ff3019 0%,
background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */ #cf0404 100%
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */ ); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */ 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: 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,12 +188,12 @@ 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;
-o-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out;
transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out;
} }
.introjs-tooltipbuttons { .introjs-tooltipbuttons {
@ -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;

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

@ -1,99 +1,99 @@
/* global */ /* global */
#cluetip-close img { #cluetip-close img {
border: 0; border: 0;
} }
#cluetip-title { #cluetip-title {
overflow: hidden; overflow: hidden;
} }
#cluetip-title #cluetip-close { #cluetip-title #cluetip-close {
float: right; float: right;
position: relative; position: relative;
} }
#cluetip-waitimage { #cluetip-waitimage {
width: 43px; width: 43px;
height: 11px; height: 11px;
position: absolute; position: absolute;
background-image: url(../../images/wait.gif); background-image: url(../../images/wait.gif);
} }
.cluetip-arrows { .cluetip-arrows {
display: none; display: none;
position: absolute; position: absolute;
top: 0; top: 0;
left: -11px; left: -11px;
height: 22px; height: 22px;
width: 11px; width: 11px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0 0; background-position: 0 0;
} }
#cluetip-extra { #cluetip-extra {
display: none; display: none;
} }
/*************************************** /***************************************
=cluetipClass: 'default' =cluetipClass: 'default'
-------------------------------------- */ -------------------------------------- */
.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 {
display: none; display: none;
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 {
padding: 10px;
} }
.cluetip-default div#cluetip-close { .cluetip-default #cluetip-inner {
text-align: right; padding: 10px;
margin: 0 5px 5px; }
color: #900; .cluetip-default div#cluetip-close {
text-align: right;
margin: 0 5px 5px;
color: #900;
} }
.cluetip-default ul { .cluetip-default ul {
text-align: left; text-align: left;
} }
/* default arrows */ /* default arrows */
.clue-right-default .cluetip-arrows { .clue-right-default .cluetip-arrows {
background-image: url(../../images/darrowleft.png); background-image: url(../../images/darrowleft.png);
} }
.clue-left-default .cluetip-arrows { .clue-left-default .cluetip-arrows {
background-image: url(../../images/darrowright.png); background-image: url(../../images/darrowright.png);
left: 100%; left: 100%;
margin-right: -11px; margin-right: -11px;
} }
.clue-top-default .cluetip-arrows { .clue-top-default .cluetip-arrows {
background-image: url(../../images/darrowdown.png); background-image: url(../../images/darrowdown.png);
top: 100%; top: 100%;
left: 50%; left: 50%;
margin-left: -11px; margin-left: -11px;
height: 11px; height: 11px;
width: 22px; width: 22px;
} }
.clue-bottom-default .cluetip-arrows { .clue-bottom-default .cluetip-arrows {
background-image: url(../../images/darrowup.png); background-image: url(../../images/darrowup.png);
top: -11px; top: -11px;
left: 50%; left: 50%;
margin-left: -11px; margin-left: -11px;
height: 11px; height: 11px;
width: 22px; width: 22px;
} }

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

@ -1,24 +1,24 @@
#ColorPickerDiv { #ColorPickerDiv {
display: block; display: block;
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;
} }
.ColorPickerDivSample { .ColorPickerDivSample {
margin: 0px 0px 0px 4px; margin: 0px 0px 0px 4px;
border: solid 1px #000; border: solid 1px #000;
padding: 0px 10px; padding: 0px 10px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
} }

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

@ -1,53 +1,67 @@
/* Common useful styles */ /* Common useful styles */
.invisible { .invisible {
display: none; 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 { .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,
font-family: monospace !important; div.backtrace {
text-align: left; font-family: monospace !important;
padding: 10px; text-align: left;
margin: 5px; padding: 10px;
border: 1px solid black; margin: 5px;
border: 1px solid black;
} }
div.backtrace ol { div.backtrace ol {
margin: 0; margin: 0;
padding-left: 20px; padding-left: 20px;
} }
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,
background-color: white; div.database_debug_title,
color: black; div.debug a,
text-align: left; div.debug a:hover {
background-color: white;
color: black;
text-align: left;
} }
div.debug a, div.debug a:hover, div.parameters { div.debug a,
text-decoration: underline; div.debug a:hover,
div.parameters {
text-decoration: underline;
} }
div.database_debug_title { div.database_debug_title {
font-size: 15pt; font-size: 15pt;
margin-top: 15px; margin-top: 15px;
padding: 5px; padding: 5px;
width: 95%; width: 95%;
} }

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

@ -1,42 +1,42 @@
/* countdown styles */ /* countdown styles */
#countdown { #countdown {
border: 1px dotted #990000; border: 1px dotted #990000;
width: 200px; width: 200px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.countdown_row { .countdown_row {
clear: both; clear: both;
width: 200px; width: 200px;
text-align: center; text-align: center;
} }
.countdown_show1 div { .countdown_show1 div {
width: 100%; width: 100%;
} }
.countdown_show2 div { .countdown_show2 div {
width: 50%; width: 50%;
} }
.countdown_show3 div { .countdown_show3 div {
width: 33%; width: 33%;
} }
.countdown_show4 div { .countdown_show4 div {
width: 25%; width: 25%;
} }
.countdown_show5 div { .countdown_show5 div {
width: 20%; width: 20%;
} }
.countdown_show6 div { .countdown_show6 div {
width: 16%; width: 16%;
} }
.countdown_show7 div { .countdown_show7 div {
width: 14%; width: 14%;
} }
.countdown_section { .countdown_section {
float: left; float: left;
font-size: 75% font-size: 75%;
} }
.countdown_amount { .countdown_amount {
font-size: 200%; font-size: 200%;
} }
.countdown_descr { .countdown_descr {
width: 200px; width: 200px;
} }

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

@ -1,29 +1,29 @@
.d3-context-menu { .d3-context-menu {
position: absolute; position: absolute;
display: none; display: none;
background-color: #f2f2f2; background-color: #f2f2f2;
border-radius: 4px; border-radius: 4px;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
font-size: 14px; font-size: 14px;
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 {
list-style-type: none; list-style-type: none;
margin: 4px 0px; margin: 4px 0px;
padding: 0px; padding: 0px;
cursor: default; cursor: default;
} }
.d3-context-menu ul li { .d3-context-menu ul li {
padding: 4px 16px; padding: 4px 16px;
} }
.d3-context-menu ul li:hover { .d3-context-menu ul li:hover {
background-color: #4677f8; background-color: #4677f8;
color: #fefefe; color: #fefefe;
} }

4
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();
@ -203,4 +203,4 @@ img.ui-datepicker-trigger {
.ui-datepicker-title * { .ui-datepicker-title * {
color: white; color: white;
} }
*/ */

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

@ -1,179 +1,176 @@
/* This file skins dialog */ /* This file skins dialog */
.ui-dialog { .ui-dialog {
background: none repeat scroll 0 0 #3f3f3f !important; background: none repeat scroll 0 0 #3f3f3f !important;
border: 1px solid #3f3f3f !important; border: 1px solid #3f3f3f !important;
color: #333333 !important; color: #333333 !important;
padding: 0.2em !important; padding: 0.2em !important;
overflow: hidden !important; overflow: hidden !important;
-moz-border-radius: 6px !important; -moz-border-radius: 6px !important;
-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 {
background: #3f3f3f !important; background: #3f3f3f !important;
} }
.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;
-webkit-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
} }
.ui-dialog .ui-dialog-title { .ui-dialog .ui-dialog-title {
margin-left: 5px !important; margin-left: 5px !important;
color: white !important; color: white !important;
font-weight: bold !important; font-weight: bold !important;
position: relative !important; position: relative !important;
top: 3px; top: 3px;
font-size: 10pt; font-size: 10pt;
left: 4px !important; left: 4px !important;
float: none !important; float: none !important;
} }
.ui-dialog.ui-draggable .ui-dialog-titlebar { .ui-dialog.ui-draggable .ui-dialog-titlebar {
cursor: move !important; cursor: move !important;
} }
.ui-dialog .ui-dialog-titlebar-close { .ui-dialog .ui-dialog-titlebar-close {
width: 23px !important; width: 23px !important;
height: 23px !important; height: 23px !important;
background: url(images/dialog-titlebar-close.png) no-repeat !important; background: url(images/dialog-titlebar-close.png) no-repeat !important;
position: absolute !important; position: absolute !important;
top: 6px; top: 6px;
right: 3px !important; right: 3px !important;
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;
} }
.ui-tabs .ui-tabs-nav { .ui-tabs .ui-tabs-nav {
background-color: white !important; background-color: white !important;
} }
.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;
-moz-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important;
-webkit-border-top-left-radius: 0px !important; -webkit-border-top-left-radius: 0px !important;
border-top-left-radius: 0px !important; border-top-left-radius: 0px !important;
-moz-box-shadow: -1px 1px 6px #aaa; -moz-box-shadow: -1px 1px 6px #aaa;
-webkit-box-shadow: -1px 1px 6px #aaa; -webkit-box-shadow: -1px 1px 6px #aaa;
box-shadow: 1px 1px 6px #aaa; box-shadow: 1px 1px 6px #aaa;
} }
.ui-widget .ui-widget { .ui-widget .ui-widget {
border: 0px !important; border: 0px !important;
} }
.ui-state-default:first-child { .ui-state-default:first-child {
margin-left: -3px !important; margin-left: -3px !important;
} }
.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;
-moz-border-top-right-radius: 10px !important; -moz-border-top-right-radius: 10px !important;
-webkit-top-right-border-radius: 10px !important; -webkit-top-right-border-radius: 10px !important;
border-top-right-radius: 10px !important; border-top-right-radius: 10px !important;
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 {
overflow: auto !important; overflow: auto !important;
width: auto !important; width: auto !important;
#height: auto !important; #height: auto !important;
} }
.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;
width: 100%; width: 100%;
text-align: right; text-align: right;
display: none; display: none;
} }
.ui-dialog .ui-dialog-buttonpane button { .ui-dialog .ui-dialog-buttonpane button {
margin-bottom: 6px; margin-bottom: 6px;
} }
.ui-dialog .ui-dialog-buttonpane button { .ui-dialog .ui-dialog-buttonpane button {
border-bottom-color: #708090; border-bottom-color: #708090;
border-right-color: #708090; border-right-color: #708090;
-moz-border-radius: 5%; -moz-border-radius: 5%;
font-size: 0.85em; font-size: 0.85em;
font-weight: bold; font-weight: bold;
height: 22px; height: 22px;
} }
/* Dialog handle styles */ /* Dialog handle styles */
@ -253,29 +250,30 @@
*/ */
.ui-dialog .ui-button-dialog { .ui-dialog .ui-button-dialog {
cursor: pointer; cursor: pointer;
margin: 0.5em 0.4em 0.5em 0; margin: 0.5em 0.4em 0.5em 0;
} }
.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;
cursor: pointer; cursor: pointer;
margin: 0.5em 0.4em 0.5em 0 !important; margin: 0.5em 0.4em 0.5em 0 !important;
border-radius: 4px 4px 4px 4px !important; border-radius: 4px 4px 4px 4px !important;
} }
.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;
} }

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

@ -1,88 +1,79 @@
.new_task .new_task {
{ margin-top: 30px;
margin-top: 30px; left: 20px;
left: 20px; width: 60%;
width: 60%; height: 300px;
height: 300px; 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;
} }

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

@ -1,98 +1,96 @@
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;
-webkit-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0;
-ms-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0;
-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; -webkit-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0;
-ms-border-radius: 10px 10px 0 0; -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);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
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;
border-radius: inherit; border-radius: inherit;
-moz-border-radius: inherit; -moz-border-radius: inherit;
-webkit-border-radius: inherit; -webkit-border-radius: inherit;
-o-border-radius: inherit; -o-border-radius: inherit;
-ms-border-radius: inherit; -ms-border-radius: inherit;
-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;
border-radius: 0 10px 0 0; border-radius: 0 10px 0 0;
-moz-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0;
-o-border-radius: 0 10px 0 0; -o-border-radius: 0 10px 0 0;
-ms-border-radius: 0 10px 0 0; -ms-border-radius: 0 10px 0 0;
-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;
} }

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

@ -17,38 +17,76 @@
*/ */
* { * {
font-family: verdana, sans-serif; font-family: verdana, sans-serif;
font-size: 8pt; font-size: 8pt;
} }
h1, h2, h3 { h1,
font: bold 1em Arial, Sans-serif; h2,
text-transform: uppercase; h3 {
color: #675; font: bold 1em Arial, Sans-serif;
padding-bottom: 5px; text-transform: uppercase;
padding-top: 7px; color: #675;
padding-bottom: 5px;
padding-top: 7px;
} }
h1 { h1 {
font-size: 16px; font-size: 16px;
} }
h2 { h2 {
font-size: 15px; font-size: 15px;
} }
h3 { h3 {
font-size: 13px; font-size: 13px;
} }
a { 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_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;}

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

@ -17,69 +17,66 @@
*/ */
.title .toggle { .title .toggle {
background: none; background: none;
} }
.title .toggle { .title .toggle {
background: transparent url(images/toggle.png) no-repeat scroll !important; background: transparent url(images/toggle.png) no-repeat scroll !important;
} }
.title a { .title a {
clear: none; clear: none;
zoom: 100%; zoom: 100%;
padding: 1; padding: 1;
} }
* html .timeEntry_control { /* IE only */ * html .timeEntry_control {
margin-top: -4px; /* IE only */
margin-top: -4px;
} }
table#simple input#text-snmp_oid { table#simple input#text-snmp_oid {
width: 70%; width: 70%;
} }
div.configuration { div.configuration {
margin-top: -20px; margin-top: -20px;
} }
form.delete_link { form.delete_link {
display:inline; display: inline;
} }
ul.action_list { ul.action_list {
list-style-position: outside; list-style-position: outside;
} }
ul.action_list li { ul.action_list li {
display: block; display: block;
} }
span.action_name { span.action_name {
vertical-align: top; vertical-align: top;
float: none; float: none;
} }
div#foot { div#foot {
background: #ccc;
width: auto;
background: #CCC; clear: both;
width: auto; position: relative;
-moz-border-radius: 10px;
clear: both; -webkit-border-radius: 10px;
position: relative; border-radius: 10px;
-moz-border-radius: 10px; -moz-box-shadow: 0px 0px 15px #000000;
-webkit-border-radius: 10px; -webkit-box-shadow: 0px 0px 15px #000000;
border-radius: 10px; box-shadow: 0px 0px 15px #000000;
-moz-box-shadow: 0px 0px 15px #000000;
-webkit-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;
} }

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

@ -17,200 +17,203 @@
*/ */
h1 { h1 {
font: bold 1em Arial, Sans-serif; font: bold 1em Arial, Sans-serif;
font-size: 18px; font-size: 18px;
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
h2 { h2 {
font: Verdana; font: Verdana;
font-size: 16px; font-size: 16px;
} }
div#install_container { div#install_container {
margin: 0 auto; margin: 0 auto;
margin-top: 45px; margin-top: 45px;
width: 650px; width: 650px;
} }
div#logo_img { div#logo_img {
text-align: center; text-align: center;
width: 100%; width: 100%;
color: #666; color: #666;
} }
div#wizard { div#wizard {
text-align: left; text-align: left;
margin-top: 1em; margin-top: 1em;
width: 650px; width: 650px;
padding-left: 0px; padding-left: 0px;
padding-top: 0px; padding-top: 0px;
padding-bottom: 20px; padding-bottom: 20px;
background-color: #ffffff; background-color: #ffffff;
margin-top: 0px; margin-top: 0px;
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
position: relative; position: relative;
} }
div#wizard a img { 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,
padding-right: 20px; div#install_img {
margin-top: 0px; padding-right: 20px;
width: 80%; margin-top: 0px;
margin: 0px auto; width: 80%;
margin: 0px auto;
} }
div#install_box { div#install_box {
background: F3F3F3; background: F3F3F3;
border: 1px solid #ccc; border: 1px solid #ccc;
padding: 10px 25px; padding: 10px 25px;
margin-top: 40px; margin-top: 40px;
} }
div#install_box h2 { div#install_box h2 {
color: #82B92E; color: #82b92e;
text-transform: uppercase; text-transform: uppercase;
} }
div#install_img { div#install_img {
margin-bottom: 25px; margin-bottom: 25px;
margin-left: 25px; margin-left: 25px;
} }
div#foot_install { div#foot_install {
font-size: 7pt; font-size: 7pt;
color: #fff; color: #fff;
margin-top: #000; margin-top: #000;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
text-align: center; text-align: center;
} }
div#foot_install a { div#foot_install a {
color: #ccc; color: #ccc;
} }
input#step4, input#step4:hover { input#step4,
width: 70px; input#step4:hover {
height: 16px; width: 70px;
border: 0px; height: 16px;
background-color: #fafafa; border: 0px;
background-color: #fafafa;
} }
div.warn { div.warn {
min-height: 24px; min-height: 24px;
background: url(../../images/icono_warning_install.png) no-repeat 0% -2px; background: url(../../images/icono_warning_install.png) no-repeat 0% -2px;
color: #222; color: #222;
margin-top: 14px; margin-top: 14px;
padding: 2px 1px 6px 40px; padding: 2px 1px 6px 40px;
} }
div.info { div.info {
min-height: 24px; min-height: 24px;
background: url(../../images/icono_info_install.png) no-repeat 0% -2px; background: url(../../images/icono_info_install.png) no-repeat 0% -2px;
color: #222; color: #222;
margin-top: 14px; margin-top: 14px;
padding: 2px 1px 6px 40px; padding: 2px 1px 6px 40px;
} }
div.err { div.err {
min-height: 24px; min-height: 24px;
background: url(../../images/icono_critical_install.png) no-repeat 0% -2px; background: url(../../images/icono_critical_install.png) no-repeat 0% -2px;
color: #cc0000; color: #cc0000;
margin-top: 14px; margin-top: 14px;
padding: 2px 1px 6px 40px; padding: 2px 1px 6px 40px;
} }
span.arr { span.arr {
background: url(../../images/arrow.png) no-repeat; background: url(../../images/arrow.png) no-repeat;
margin-top: 2px; margin-top: 2px;
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,
font-family: Sans, Arial, sans; td {
font-size: 9pt; font-family: Sans, Arial, sans;
line-height: 15px; font-size: 9pt;
line-height: 15px;
} }
body{ body {
background-color: #555555; background-color: #555555;
} }
div.installation_step { div.installation_step {
position: static; position: static;
float: right; float: right;
top: 7px; top: 7px;
right: 10px; right: 10px;
color: #666; color: #666;
margin-top: 14px; margin-top: 14px;
margin-right: 12px; margin-right: 12px;
} }
.btn_install_next { .btn_install_next {
transition-property: background-color, color; transition-property: background-color, color;
transition-duration: 1s; transition-duration: 1s;
transition-timing-function: ease-out;
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 1s;
-o-transition-property: background-color, color;
-o-transition-duration: 1s;
margin: 10px;
padding: 8px 20px 8px 20px;
background-color: transparent;
border: 1px solid #82B92E;
font: 1em Verdana;
font-size: 11pt;
color: #82B92E;
border-radius: 0%;
}
.btn_install_next:hover {
cursor: pointer;
transition-property: background-color, color;
transition-duration: 1s;
transition-timing-function: ease-out; transition-timing-function: ease-out;
-webkit-transition-property: background-color, color; -webkit-transition-property: background-color, color;
-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; margin: 10px;
padding: 8px 20px 8px 20px;
background-color: transparent;
border: 1px solid #82b92e;
font: 1em Verdana;
font-size: 11pt;
color: #82b92e;
border-radius: 0%;
}
.btn_install_next:hover {
cursor: pointer;
transition-property: background-color, color;
transition-duration: 1s;
transition-timing-function: ease-out;
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 1s;
-o-transition-property: background-color, color;
-o-transition-duration: 1s;
background-color: #82b92e;
} }
.btn_install_next_text { .btn_install_next_text {
transition-property: background-color, color; transition-property: background-color, color;
transition-duration: 1s; transition-duration: 1s;
transition-timing-function: ease-out; transition-timing-function: ease-out;
-webkit-transition-property: background-color, color; -webkit-transition-property: background-color, color;
-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 {
transition-property: background-color, color; transition-property: background-color, color;
transition-duration: 1s; transition-duration: 1s;
transition-timing-function: ease-out; transition-timing-function: ease-out;
-webkit-transition-property: background-color, color; -webkit-transition-property: background-color, color;
-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 {
outline: 0; outline: 0;
} }
/* 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 */

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

@ -17,233 +17,245 @@
*/ */
.menu { .menu {
border-width: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px;
border-style: none; border-style: none;
border-color: #777; border-color: #777;
} }
.menu ul { .menu ul {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.menu li.selected, .menu li.not_selected { .menu li.selected,
border: 0px none black; .menu li.not_selected {
border-bottom: 0px none #d4d4d4; border: 0px none black;
margin: 0; border-bottom: 0px none #d4d4d4;
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;
margin-left: 0px; margin-left: 0px;
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;
position: absolute; position: absolute;
z-index: 999; z-index: 999;
left: 44px; left: 44px;
min-height: 35px; min-height: 35px;
height: 35px; height: 35px;
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;
} }
.submenu2 li a { .submenu2 li a {
margin-left: 0px; margin-left: 0px;
padding-left: 0px; padding-left: 0px;
} }
.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;
} }
.menu li.has_submenu > a > div { .menu li.has_submenu > a > div {
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,
font-weight: normal !important; .menu li.submenu2_not_selected a {
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,
background-position: 4px 4px; .menu li.links {
background-repeat: no-repeat; background-position: 4px 4px;
cursor: pointer; background-repeat: no-repeat;
cursor: pointer;
} }
.menu li.links { .menu li.links {
background-image: url(../../images/link.png); background-image: url(../../images/link.png);
background-position: 4px 8px; background-position: 4px 8px;
} }
/* Icons specified here */ /* Icons specified here */
#icon_oper-networkconsole { #icon_oper-networkconsole {
background: url(../../images/op_network.menu.png) no-repeat 50% 50%; background: url(../../images/op_network.menu.png) no-repeat 50% 50%;
} }
#icon_oper-agents { #icon_oper-agents {
border-top-right-radius: 5px; border-top-right-radius: 5px;
border-right-style: solid; border-right-style: solid;
border-right-width: 0px; border-right-width: 0px;
background: url(../../images/op_monitoring.menu.png) no-repeat 50% 50%; background: url(../../images/op_monitoring.menu.png) no-repeat 50% 50%;
} }
#icon_oper-events { #icon_oper-events {
background: url(../../images/op_events.menu.png) no-repeat 50% 50%; background: url(../../images/op_events.menu.png) no-repeat 50% 50%;
} }
/* users */ /* users */
#icon_oper-users { #icon_oper-users {
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,
background: url(../../images/op_snmp.menu.png) no-repeat 50% 50%; #icon_god-snmpc {
background: url(../../images/op_snmp.menu.png) no-repeat 50% 50%;
} }
#icon_oper-reporting { #icon_oper-reporting {
background: url(../../images/op_reporting.menu.png) no-repeat 50% 50%; background: url(../../images/op_reporting.menu.png) no-repeat 50% 50%;
} }
#icon_oper-gismaps { #icon_oper-gismaps {
background: url(../../images/op_gis.menu.png) no-repeat 50% 50%; background: url(../../images/op_gis.menu.png) no-repeat 50% 50%;
} }
#icon_oper-netflow { #icon_oper-netflow {
background: url(../../images/op_netflow.menu.png) no-repeat 50% 50%; background: url(../../images/op_netflow.menu.png) no-repeat 50% 50%;
} }
#icon_oper-extensions { #icon_oper-extensions {
background: url(../../images/extensions.menu.png) no-repeat 50% 50%; background: url(../../images/extensions.menu.png) no-repeat 50% 50%;
} }
/* Godmode images */ /* Godmode images */
#icon_god-resources { #icon_god-resources {
background: url(../../images/gm_resources.menu.png) no-repeat 50% 50%; background: url(../../images/gm_resources.menu.png) no-repeat 50% 50%;
} }
#icon_god-configuration { #icon_god-configuration {
background: url(../../images/gm_configuration.menu.png) no-repeat 50% 50%; background: url(../../images/gm_configuration.menu.png) no-repeat 50% 50%;
} }
#icon_god-alerts { #icon_god-alerts {
background: url(../../images/gm_alerts.menu.png) no-repeat 50% 50%; background: url(../../images/gm_alerts.menu.png) no-repeat 50% 50%;
} }
#icon_god-users { #icon_god-users {
background: url(../../images/gm_users.menu.png) no-repeat 50% 50%; background: url(../../images/gm_users.menu.png) no-repeat 50% 50%;
} }
#icon_god-reporting { #icon_god-reporting {
background: url(../../images/reporting_edit.menu.png) no-repeat 50% 50%; background: url(../../images/reporting_edit.menu.png) no-repeat 50% 50%;
} }
#icon_god-servers { #icon_god-servers {
background: url(../../images/gm_servers.menu.png) no-repeat 50% 50%; background: url(../../images/gm_servers.menu.png) no-repeat 50% 50%;
} }
#icon_god-setup { #icon_god-setup {
background: url(../../images/gm_setup.menu.png) no-repeat 50% 50%; background: url(../../images/gm_setup.menu.png) no-repeat 50% 50%;
} }
#icon_god-events { #icon_god-events {
background: url(../../images/gm_events.menu.png) no-repeat 50% 50%; background: url(../../images/gm_events.menu.png) no-repeat 50% 50%;
} }
#icon_god-extensions { #icon_god-extensions {
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%;
} }
#icon_god-um_messages { #icon_god-um_messages {
border-color: #777; border-color: #777;
background: url(../../images/um_messages.menu.png) no-repeat 50% 50%; background: url(../../images/um_messages.menu.png) no-repeat 50% 50%;
} }
#menu_container { #menu_container {
z-index: 3; z-index: 3;
position: absolute; position: absolute;
left: -80px; left: -80px;
background-color: #AAA; background-color: #aaa;
} }
.notification_ball { .notification_ball {
margin-top: 2px; margin-top: 2px;
margin-left: 29px; margin-left: 29px;
font-size: 6pt; font-size: 6pt;
font-weight: 900; font-weight: 900;
background: red; background: red;
height: 12px; height: 12px;
width: 12px; width: 12px;
border-radius: 50px; border-radius: 50px;
position: absolute; position: absolute;
text-align: center; text-align: center;
color: white; color: white;
padding-top: 1px; padding-top: 1px;
font-family: sans-serif; font-family: sans-serif;
} }
ul { 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;
top: 0; top: 0;
display: none; display: none;
} }
/* 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 */

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

File diff suppressed because it is too large Load Diff

67
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 {
@ -61,35 +62,33 @@ fieldset br {
/* Calendar background */ /* Calendar background */
table.scw { table.scw {
background-color: #daedae; background-color: #daedae;
} }
/* Week number heading */ /* Week number heading */
td.scwWeekNumberHead { td.scwWeekNumberHead {
color: #000; color: #000;
} }
td.scwWeek { td.scwWeek {
color: #000 !important; color: #000 !important;
} }
/* Today selector */ /* Today selector */
td.scwFoot { td.scwFoot {
background-color: #daedae; background-color: #daedae;
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;
} }

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

File diff suppressed because it is too large Load Diff

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

@ -22,154 +22,160 @@ Exclude css from visual styles
*/ */
* { * {
font-family: verdana, sans-serif; font-family: verdana, sans-serif;
font-size: 8pt; font-size: 8pt;
} }
body { body {
text-align: center; text-align: center;
} }
h1 { h1 {
font: bold 1em Arial, Sans-serif; font: bold 1em Arial, Sans-serif;
text-transform: uppercase; text-transform: uppercase;
color: #786; color: #786;
padding-bottom: 5px; padding-bottom: 5px;
padding-top: 7px; padding-top: 7px;
font-size: 16px; font-size: 16px;
} }
a { a {
color: #486787; color: #486787;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: #003a3a; color: #003a3a;
text-decoration: underline; text-decoration: underline;
} }
input { 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;
} }
input.login { input.login {
border-color: #786; border-color: #786;
background-color: #f5f5f5; background-color: #f5f5f5;
margin: 2px 0 8px; margin: 2px 0 8px;
width: 90px; width: 90px;
} }
table, img { table,
border: 0px; img {
border: 0px;
} }
.f9, .f9i, .f9b, td.f9, td.f9i, td.datosf9, td.datos2f9 { .f9,
font-size: 6.5pt; .f9i,
.f9b,
td.f9,
td.f9i,
td.datosf9,
td.datos2f9 {
font-size: 6.5pt;
} }
.databox, .databox_frame { .databox,
margin-bottom: 15px; .databox_frame {
margin-top: 5px; margin-bottom: 15px;
margin-left: 0px; margin-top: 5px;
border: 1px solid #f2f2f2; margin-left: 0px;
border: 1px solid #f2f2f2;
} }
.databox { .databox {
background-color: #fafafa; background-color: #fafafa;
} }
#show_menu { #show_menu {
} }
#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;
} }
tr.rowPair { tr.rowPair {
background-color: #fff; background-color: #fff;
} }
tr.rowOdd { tr.rowOdd {
background-color: #888; background-color: #888;
} }
tr.rowPair:hover { tr.rowPair:hover {
background-color: #bbb; background-color: #bbb;
} }
tr.rowOdd:hover { tr.rowOdd:hover {
background-color: #444; background-color: #444;
} }
.disabled_module { .disabled_module {
color: #98c2ed; color: #98c2ed;
} }
/*CALENDAR TOOLTIP STYLE*/ /*CALENDAR TOOLTIP STYLE*/
/* Calendar background */ /* Calendar background */
table.scw { table.scw {
background-color: #FFF; background-color: #fff;
} }
/* Week number heading */ /* Week number heading */
td.scwWeekNumberHead { td.scwWeekNumberHead {
color: #000; color: #000;
} }
td.scwWeek { td.scwWeek {
color: #000 !important; color: #000 !important;
} }
/* 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 {
background: #e5e5e5 url(../../images/go.png) no-repeat 98% 2px; background: #e5e5e5 url(../../images/go.png) no-repeat 98% 2px;
} }
input.next { input.next {
padding-right: 21px; padding-right: 21px;
} }
.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 * {
font-size: 10pt !important; font-size: 10pt !important;
font-weight: bolder; font-weight: bolder;
} }
.info_box .icon { .info_box .icon {
width: 30px !important; width: 30px !important;
text-align: center; text-align: center;
} }

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

@ -1,138 +1,139 @@
.tree-root { .tree-root {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
} }
.tree-group { .tree-group {
margin-left: 16px; margin-left: 16px;
padding-top: 1px; padding-top: 1px;
} }
.tree-node { .tree-node {
white-space: nowrap; white-space: nowrap;
background-image: url(../../images/tree/branch.png); background-image: url(../../images/tree/branch.png);
background-position: 0px 0px; background-position: 0px 0px;
background-repeat: repeat-y; background-repeat: repeat-y;
min-height: 26px; min-height: 26px;
} }
.tree-node:last-child { .tree-node:last-child {
background: 0 0; background: 0 0;
} }
.node-content { .node-content {
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;
border-radius: 3px; border-radius: 3px;
} }
.leaf-icon { .leaf-icon {
width: 18px; width: 18px;
height: 20px; height: 20px;
} }
.node-content, .leaf-icon { .node-content,
display: inline-block; .leaf-icon {
display: inline-block;
} }
.node-content>img, .node-content>div { .node-content > img,
display: inline; .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); 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;
} }
div#tree-controller-recipient { div#tree-controller-recipient {
text-align: left; text-align: left;
width: 98%; width: 98%;
margin-top: 10px; margin-top: 10px;
} }

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

File diff suppressed because it is too large Load Diff