pandorafms/pandora_console/include/styles/menu.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:5;
	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;
	
}

/* inventory */
#oper-inventory {
	background:transparent url(../../images/page_white_text.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;
}