pandorafms/pandora_console/include/styles/menu.css

174 lines
5.4 KiB
CSS

/*
// Pandora FMS - the Flexible Monitoring System
// ============================================
// Copyright (c) 2004-2008 Sancho Lerena, slerena@openideas.info
// Copyright (c) 2005-2008 Artica Soluciones Tecnologicas
// Copyright (c) 2004-2008 Raul Mateos Martin, raulofpandora@gmail.com
// Copyright (c) 2008-2008 Evi Vanoost, vanooste@rcbi.rochester.edu
// Copyright (c) 2006-2007 Jose Navarro jose@jnavarro.net
// Copyright (c) 2006-2007 Jonathan Barajas, jonathan.barajas[AT]gmail[DOT]com
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation version 2
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
.menu {
background-color: #e9f3d2;
border: 1px solid #dadbdc;
width: 155px;
}
.menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.menu li {
background-color: #e9f3d2;
border: 0px solid black;
border-bottom: 1px solid #d4d4d4;
padding: 5px 5px 5px 30px;
margin: 0;
}
.menu a, .menu a:hover {
font-family: Arial, Verdana, sans-serif, Helvetica;
color: #000000;
display:block; /* This makes it so that the whole li is clickable */
text-decoration:none;
}
/* This is for the dropout menu */
.menu.int ul {
height: 26px;
}
/* a selected ul has a height set in the style tag */
.menu.int ul.selected {
height: inherit;
}
/* Force the hovered ul to be 28px unless the ul is selected */
.menu.int ul:hover {
height: 26px;
}
.menu.int ul:hover.selected {
height: inherit;
}
.menu.int ul.selected > .submenu {
height: 14px;
}
.submenu {
background:transparent url(../../images/arrow.png) no-repeat scroll 28px 4px;
}
.submenu a {
padding-left: 10px;
}
/* Make invisible submenus invisible and take the text in */
.submenu.invisible {
display:none;
position:relative;
top:-25px;
left:155px;
width:130px;
z-index:1;
background: #E9F3D2 url(../../images/arrow.png) no-repeat scroll 6px 4px;
padding-left: 8px;
}
/* But override on hover */
.menu.int ul:hover > .submenu.invisible {
display: block;
}
/* This is for ext links */
.menu.links ul:hover {
height: inherit;
}
.menu.links li {
background: #E9F3D2 url('../../images/link.png') no-repeat scroll 5px 8px;
}
/* Icons specified here */
#oper-agents {
background:transparent url(../../images/bricks.png) no-repeat 4px 3px;
}
#oper-servers {
background:transparent url(../../images/server_database.png) no-repeat 4px 3px;
}
#oper-incidents {
background:transparent url(../../images/book_edit.png) no-repeat 4px 3px;
}
#oper-events {
background:transparent url(../../images/lightning_go.png) no-repeat 4px 3px;
}
/* users */
#oper-users {
background:transparent url(../../images/group.png) no-repeat 4px 3px;
}
/* trap console */
#oper-snmpc, #god-snmpc {
background:transparent url(../../images/computer_error.png) no-repeat 4px 3px;
}
#oper-messages {
background:transparent url(../../images/email.png) no-repeat 4px 3px;
}
#oper-reporting {
background:transparent url(../../images/reporting.png) no-repeat 4px 3px;
}
#oper-visualc {
background:transparent url(../../images/monitor.png) no-repeat 4px 3px;
}
#oper-extensions, #god-extensions {
background:transparent url(../../images/extensions.png) no-repeat 4px 3px;
}
/* Godmode images */
#god-agents {
background: url(../../images/god1.png) no-repeat 4px 3px;
}
#god-modules {
background: url(../../images/brick.png) no-repeat 4px 3px;
}
#god-alerts {
background: url(../../images/god2.png) no-repeat 4px 3px;
}
#god-dbmaint {
background: url(../../images/god8.png) no-repeat 4px 3px;
}
#god-users {
background: url(../../images/god3.png) no-repeat 4px 3px;
}
#god-reporting {
background: url(../../images/reporting_edit.png) no-repeat 4px 3px;
}
#god-profiles {
background: url(../../images/god4.png) no-repeat 4px 3px;
}
#god-servers {
background: url(../../images/god5.png) no-repeat 4px 3px;
}
#god-audit {
background: url(../../images/god6.png) no-repeat 4px 3px;
}
#god-setup {
background: url(../../images/god7.png) no-repeat 4px 3px;
}
.mainmenu.selected, .submenu.selected, .menu li:hover,
#oper-agents.selected, #oper-servers.selected, #oper-incidents.selected, #oper-events.selected, #oper-users.selected, #oper-snmpc.selected, #oper-messages.selected, #oper-reporting.selected, #oper-visualc.selected, #oper-extensions.selected,
#oper-agents:hover, #oper-servers:hover, #oper-incidents:hover, #oper-events:hover, #oper-users:hover, #oper-snmpc:hover, #oper-messages:hover, #oper-reporting:hover, #oper-visualc:hover, #oper-extensions:hover,
#god-agents:hover, #god-modules:hover, #god-alerts:hover, #god-dbmaint:hover, #god-users:hover, #god-reporting:hover, #god-profiles:hover, #god-servers:hover, #god-audit:hover, #god-setup:hover, #god-snmpc:hover, #god-extensions:hover,
#god-agents.selected, #god-modules.selected, #god-alerts.selected, #god-dbmaint.selected, #god-users.selected, #god-reporting.selected, #god-profiles.selected, #god-servers.selected, #god-audit.selected, #god-setup.selected, #god-snmpc.selected, #god-extensions.selected
{
background-color: #efefbd;
}