pandorafms/pandora_console/include/styles/menu.css

/*
// Pandora FMS - http://pandorafms.com
// ==================================================
// Copyright (c) 2004-2010 Artica Soluciones Tecnológicas S.L

// 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 {
	border-width: 0px 0px 0px 0px;
	border-style: none;
	border-color: #777;
}
.menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.menu li.selected, .menu li.not_selected {
	border: 0px none black;
	border-bottom: 0px none #d4d4d4;
	margin: 0;
}
.menu li.selected {
	background-color: #80BA27 !important;
}

.menu li a {
	/*background-color: inherit;*/
	color: #FFFFFF;
	/*font-weight: bold;*/
	/* This makes it so that the whole li is clickable */
	text-decoration:none;
}

.menu .godmode li {
	background-color: #B2B2B2 !important;
}

li:hover ul { display: block; }

.submenu_text{
	background-repeat: no-repeat !important;
	padding: 9px;
	margin-left: 0px;
	color: #fff;
	width: 88%;
}

.menu li.subselected a{
	background-color: grey !important;
}

.menu a:hover {
	text-decoration:none;
	border:0px;
}
.submenu {
	font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	margin: 0px 0px 0px 0px;
	position: absolute;
	z-index: 999;
	left: 39px;
	min-height: 30px;
	height: 30px;
	width: 160px;
}

.submenu2{
	position: absolute;
	z-index: 999;
	left: 160px;
}

.sub_subMenu{
	min-height: 30px !important;
	height: 30px;
	width: 160px;
}

.submenu li a {
	background-color: #222;
	border-style: none;
	border-color: #666;
}

.submenu2 li a {
	background-color: #111;
	margin-left: 0px;
	padding-left: 0px;
	display:block;
}

.submenu2 li a:hover {
	background-color: #111 !important;
}

.menu li img.toggle {
	visibility: hidden;
	float:right;
	/* Positions it back where it should be */
	border-left: 1px;
}
.menu li.has_submenu > img.toggle{
	#visibility: visible;
	z-index: 1; /* Positions it on top of the rest */
}

.is_submenu2{
	background-color: #E4E4E4 !important;
}

.submenu_not_selected a, .submenu2_not_selected a {
	font-weight: normal !important;
}

.menu li.submenu_selected a {
	font-weight: bold;
}

.submenu_selected {
	margin-bottom: 0px !important;
}

.menu .menu_icon, .menu li.links {
	background-position: 4px 4px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.menu li.links {
	background-image: url(../../images/link.png);
	background-position: 4px 8px;
}

/* Icons specified here */
#icon_oper-networkconsole {
 	background: url(../../images/op_network.png) no-repeat 50% 50%;
}
#icon_oper-agents {
	border-top-right-radius: 5px;
	border-right-style: solid;
	border-right-width: 0px;
	background: url(../../images/op_monitoring.png) no-repeat 50% 50%;
}
#icon_oper-events {
	background: url(../../images/op_events.png) no-repeat 50% 50%;
}
/* users */
#icon_oper-users {
	background: url(../../images/op_workspace.png) no-repeat 50% 50%;
}
/* trap console */
#icon_oper-snmpc, #icon_god-snmpc {
	background: url(../../images/op_snmp.png) no-repeat 50% 50%;
}
#icon_oper-reporting {
	background: url(../../images/op_reporting.png) no-repeat 50% 50%;
}
#icon_oper-gismaps {
	background: url(../../images/op_gis.png) no-repeat 50% 50%;
}
#icon_oper-netflow {
	background: url(../../images/op_netflow.png) no-repeat 50% 50%;
}
#icon_oper-extensions, #icon_god-extensions {
	background: url(../../images/extensions.png) no-repeat 50% 50%;
}

/* Godmode images */
#icon_god-gismaps {
	background: url(../../images/gm_gis.png) no-repeat 50% 50%;
}
#icon_god-agents {
	background: url(../../images/gm_monitoring.png) no-repeat 50% 50%;
}
#icon_god-massive {
	background: url(../../images/gm_massive_operations.png) no-repeat 50% 50%;
}
#icon_god-services {
	background: url(../../images/box.png) no-repeat 50% 50%;
}
#icon_god-modules {
	background: url(../../images/gm_modules.png) no-repeat 50% 50%;
}
#icon_god-alerts {
	background: url(../../images/gm_alerts.png) no-repeat 50% 50%;
}
#icon_god-dbmaint {
	background: url(../../images/gm_db.png) no-repeat 50% 50%;
}
#icon_god-users {
	background: url(../../images/gm_users.png) no-repeat 50% 50%;
}
#icon_god-reporting {
	background: url(../../images/reporting_edit.png) no-repeat 50% 50%;
}
#icon_god-servers {
	background: url(../../images/gm_servers.png) no-repeat 50% 50%;
}
#icon_god-audit {
	background: url(../../images/gm_log.png) no-repeat 50% 50%;
}
#icon_god-netflow {
	background: url(../../images/gm_netflow.png) no-repeat 50% 50%;
}
#icon_god-setup {
	background: url(../../images/gm_setup.png) no-repeat 50% 50%;
}
#icon_god-policies {
	background: url(../../images/gm_policies.png) no-repeat 50% 50%;
}
#icon_oper-inventory {
	background: url(../../images/page_white_text.png) no-repeat 50% 50%;
}
#icon_god-tag {
	background: url(../../images/tag_red.png) no-repeat 50% 50%;
}
#icon_god-events {
	background: url(../../images/gm_events.png) no-repeat 50% 50%;
}

#menu_container {
	z-index: 3;
	position: absolute;
	left: -80px;
	background-color: #AAA;
}


ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul li {
	position: relative;
	}
	
.menu li ul {
	position: absolute;
	top: 0;
	display: none;
}

/* Styles for Menu Items */
ul li a {
	display: block;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #E2144A; } /* Hover Styles */
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */