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

Change menu and actions in this menu.

Browse Source
This commit is contained in:
m-lopez-f 2015-03-31 09:18:46 +02:00
parent a9bf3490fb
commit 62c940986b
3 changed files with 92 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
pandora_console/general/main_menu.php
View File

@ -234,20 +234,35 @@ $(document).ready( function() {
</script> </script>
<script type="text/javascript"> <script type="text/javascript">
$('.menu_icon').mouseover(function(){ openTime = 0;
handsIn = 0;
$('.menu_icon').hover(function(){
table_hover = $(this); table_hover = $(this);
handsIn = 1;
openTime = new Date().getTime();
if( typeof(table_noHover) != 'undefined')
if ("ul#sub"+table_hover[0].id != "ul#sub"+table_noHover[0].id)
$("ul#sub"+table_noHover[0].id).hide();
$("ul#sub"+table_hover[0].id).show(); $("ul#sub"+table_hover[0].id).show();
}).mouseout(function(){ }).mouseout(function(){
$("ul#sub"+table_hover[0].id).hide(); table_noHover = $(this);
handsIn = 0;
setTimeout(function() {
opened = new Date().getTime() - openTime;
if(opened >= 3000 && handsIn == 0) {
openTime = 4000;
$("ul#sub"+table_hover[0].id).hide();
}
}, 3500);
}); });
$('.has_submenu.submenu_not_selected').mouseover(function(){ $(document).ready(function(){
table_hover2 = $(this); $('#page').click(function(){
$("#sub_"+table_hover2[0].id).show(); openTime = 4000;
console.log($(this).position()); $("ul#sub"+table_hover[0].id).hide();
}).mouseout(function(){ });
$("#sub_"+table_hover2[0].id).hide();
}); });
</script> </script>

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

@ -32,7 +32,7 @@
margin: 0; margin: 0;
} }
.menu li.selected { .menu li.selected {
background-color: #d9fb86 !important; background-color: #80BA27 !important;
} }
.menu li a { .menu li a {
@ -70,7 +70,7 @@ li:hover ul { display: block; }
margin: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
position: absolute; position: absolute;
z-index: 999; z-index: 999;
left: 60px; left: 44px;
min-height: 30px; min-height: 30px;
height: 30px; height: 30px;
width: 160px; width: 160px;
@ -133,7 +133,6 @@ li:hover ul { display: block; }
} }
.menu .menu_icon, .menu li.links { .menu .menu_icon, .menu li.links {
background-color: #daedae;
background-position: 4px 4px; background-position: 4px 4px;
background-repeat: no-repeat; background-repeat: no-repeat;
cursor: pointer; cursor: pointer;
@ -249,9 +248,8 @@ ul li {
position: relative; position: relative;
} }
li ul { .menu li ul {
position: absolute; position: absolute;
left: 149px; /* Set 1px less than menu width */
top: 0; top: 0;
display: none; display: none;
} }
@ -259,12 +257,6 @@ li ul {
/* Styles for Menu Items */ /* Styles for Menu Items */
ul li a { ul li a {
display: block; display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
} }
/* Fix IE. Hide from IE Mac \*/ /* Fix IE. Hide from IE Mac \*/
@ -272,5 +264,5 @@ ul li a {
* html ul li a { height: 1%; } * html ul li a { height: 1%; }
/* End */ /* End */
ul li a:hover { color: #E2144A; background: #f9f9f9; } /* 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 */

107
pandora_console/include/styles/pandora.css
View File

@ -235,7 +235,8 @@ div#page {
} }
div#main { div#main {
width: 90%; width: 90%;
margin: 0px 0px 0px 7%; margin: 0px 5% 0px 0%;
float: right;
} }
div#main_help { div#main_help {
width: 100%; width: 100%;
@ -308,7 +309,7 @@ div#menu_container {
} }
div#menu { div#menu {
width: 60px; width: 45px;
float: left; float: left;
margin-top: 10px; margin-top: 10px;
} }
@ -1132,14 +1133,14 @@ div.title_line {
} }
#menu_tab li.tab_operation, #menu_tab li.tab_godmode { #menu_tab li.tab_operation, #menu_tab li.tab_godmode {
padding-left: 4px; padding-left: 2px;
} }
#menu_tab li.tab_godmode a, #menu_tab a.tab_godmode { #menu_tab li.tab_godmode a, #menu_tab a.tab_godmode {
background: #666; background: #666;
padding-left: 3px; padding-left: 4px;
padding-right: 3px; padding-right: 4px;
min-height: 23px; min-height: 27px;
} }
#menu_tab li.tab_godmode.nomn_high a, #menu_tab a.tab_godmode.nomn_high, #menu_tab li.tab_godmode.nomn_high a, #menu_tab a.tab_godmode.nomn_high,
@ -1150,9 +1151,9 @@ div.title_line {
#menu_tab li.tab_operation a, #menu_tab a.tab_operation { #menu_tab li.tab_operation a, #menu_tab a.tab_operation {
background: #82b92e; background: #82b92e;
padding-left: 3px; padding-left: 4px;
padding-right: 3px; padding-right: 4px;
min-height: 23px; min-height: 27px;
} }
#menu_tab li.tab_operation.nomn_high a, #menu_tab a.tab_operation.nomn_high, #menu_tab li.tab_operation.nomn_high a, #menu_tab a.tab_operation.nomn_high,
@ -1235,8 +1236,8 @@ div.title_line {
#menu_tab_left ul.mn li.view { #menu_tab_left ul.mn li.view {
background: #82b92e; background: #82b92e;
max-width: 20%; max-width: 40%;
min-width: 15%; min-width: 20%;
padding: 5px 5px 0px; padding: 5px 5px 0px;
text-align: center; text-align: center;
-moz-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px;
@ -1252,9 +1253,9 @@ div.title_line {
#menu_tab_left ul.mn li.nomn { #menu_tab_left ul.mn li.nomn {
background: #666; background: #666;
width: 450px; max-width: 40%;
min-width: 300px; min-width: 20%;
padding: 1px 5px; padding: 5px 5px 0px;
-moz-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;
@ -1364,7 +1365,6 @@ span.rmess, span.nrmess {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
padding: 8px 8px 8px 8px;
} }
table.databox { table.databox {
@ -1375,11 +1375,12 @@ table.databox {
box-shadow: 0px 0px 0px #DDD !important; box-shadow: 0px 0px 0px #DDD !important;
} }
.databox td, .databox th { .databox td {
-moz-border-radius: 0px; -moz-border-radius: 0px;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
border: 0px none #fff; border: 0px none #E2E2E2;
} }
.databox th { .databox th {
@ -1405,9 +1406,10 @@ table.databox {
} }
.tactical_set{ .tactical_set{
background: #ECECEC; background: #FFF;
border: 0px; border: 1px solid #E2E2E2;
margin-top: -4px; margin-left: 10%;
width: 71%;
} }
/* For use in Netflow */ /* For use in Netflow */
@ -1933,15 +1935,6 @@ div#steps_clean {
display:none; display:none;
} }
#main>div, #main>table, #main>fieldset, #main>form, #main>a, #main>h4 {
margin-left: 10px;
margin-right: 8px;
}
#main>form {
#width: 100%;
}
#menu_tab_frame, #menu_tab_frame_view { #menu_tab_frame, #menu_tab_frame_view {
width: 100%; width: 100%;
padding-right: 0px; padding-right: 0px;
@ -1974,7 +1967,7 @@ div#logo_text3 {
padding-top: 0px; padding-top: 0px;
} }
.pagination { .pagination {
margin-top: 4px; margin-top: 15px;
} }
.pagination * { .pagination * {
margin-left: 0px !important; margin-left: 0px !important;
@ -2169,7 +2162,7 @@ tr.group_view_data, .group_view_data {
} }
tr.group_view_crit, .group_view_crit { tr.group_view_crit, .group_view_crit {
background-color: #f85858; background-color: #FC4444;
color: #fff; color: #fff;
} }
@ -2177,46 +2170,46 @@ tr.group_view_norm, .group_view_norm, tr.group_view_normal, .group_view_normal {
#background-color: #ffffff; #background-color: #ffffff;
} }
tr.group_view_ok, .group_view_ok { tr.group_view_ok, .group_view_ok {
background-color: #6EB432; background-color: #80BA27;
color: #fff; color: #fff;
} }
tr.group_view_not_init, .group_view_not_init, tr.group_view_not_init, .group_view_not_init { tr.group_view_not_init, .group_view_not_init, tr.group_view_not_init, .group_view_not_init {
background-color: #5AB7E5; background-color: #5BB6E5;
color: #fff !important; color: #fff !important;
} }
tr.group_view_warn, .group_view_warn, tr.group_view_warn.a, a.group_view_warn, tr.a.group_view_warn { tr.group_view_warn, .group_view_warn, tr.group_view_warn.a, a.group_view_warn, tr.a.group_view_warn {
background-color: #ffea59; background-color: #FAD403;
color: #3F3F3F !important; color: #3F3F3F !important;
} }
a.group_view_warn { a.group_view_warn {
color: #3F3F3F !important; color: #FAD403 !important;
} }
tr.group_view_alrm, .group_view_alrm { tr.group_view_alrm, .group_view_alrm {
background-color: #FF8800; background-color: #FFA631;
color: #FFF; color: #FFF;
} }
tr.group_view_unk, .group_view_unk { tr.group_view_unk, .group_view_unk {
background-color: #AAAAAA; background-color: #B2B2B2 ;
color: #fff; color: #fff;
} }
/* classes for event priorities. Sits now in functions.php */ /* classes for event priorities. Sits now in functions.php */
.datos_green, .datos_greenf9, .datos_green a, .datos_greenf9 a, .datos_green * { .datos_green, .datos_greenf9, .datos_green a, .datos_greenf9 a, .datos_green * {
background-color: #6EB432; background-color: #80BA27;
color: #fff; color: #fff;
} }
.datos_red, .datos_redf9, .datos_red a, .datos_redf9 a, .datos_red *{ .datos_red, .datos_redf9, .datos_red a, .datos_redf9 a, .datos_red *{
background-color: #f85858; background-color: #FC4444;
color: #fff !important; color: #fff !important;
} }
.datos_yellow, .datos_yellowf9, .datos_yellow * { .datos_yellow, .datos_yellowf9, .datos_yellow * {
background-color: #ffea59; background-color: #FAD403;
color: #111; color: #111;
} }
@ -2250,7 +2243,6 @@ td.datos_greyf9, td.datos_bluef9, td.datos_greenf9, td.datos_redf9, td.datos_yel
} }
.menu li.selected { .menu li.selected {
background-color: #B1B1B1 !important;
font-weight: bold; font-weight: bold;
} }
@ -2263,7 +2255,7 @@ ul.operation li a:hover {
} }
ul.operation ul.submenu li a:hover { ul.operation ul.submenu li a:hover {
background: #222 url('../../images/menu_op_mark.png') repeat-y right; background: #373737 url('../../images/menu_op_mark.png') repeat-y right;
#font-weight: bold; #font-weight: bold;
} }
@ -2302,14 +2294,14 @@ li.links a:hover {
} }
.operation.ul, ul.operation .operation ul { .operation.ul, ul.operation .operation ul {
background-color: #00ff00 !important; background-color: #373737 !important;
} }
.menu ul { .menu ul {
background-color: #555 !important; background-color: #555 !important;
} }
.menu li, .menu li.selected, .menu .li.not_selected { .menu li, .menu .li.not_selected {
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
background-color: #373737 !important; background-color: #373737 !important;
display: block; display: block;
@ -2865,6 +2857,33 @@ table#policy_modules td * {
text-align: left; text-align: left;
} }
.status_tactical{
width: 78%;
margin-left: 10%;
background-color: #FFF !important;
padding: 10px;
border: 1px solid #E2E2E2;
margin-top: 5%;
text-align: left;
}
.status_tactical img {
border: 3px solid #000;
border-radius: 100px;
}
#sumary{
color: #FFF;
margin: 15px;
padding: 10px 30px;
font-size: 20px;
font-weight: bold;
height: 66px;
width: 191px;
border-radius: 2px;
}
/* The items with the class 'spinner' will rotate */ /* The items with the class 'spinner' will rotate */
/* Not supported on IE9 and below */ /* Not supported on IE9 and below */