.ModuleTitle_SubMenu
This styles the main menu and sub-menu boxes. Here you can set an overall border and background color for these elements. The z-index sets the stacking order relative to other positioned elements. If you remove the z-index the menu will not display when you hover over the menu icon in the container.
Note: For valid CSS code to
W3C standards, you need to remove:
cursor: hand; (
Read further info here.)
The filter property only applies to the Internet Explorer browser, which allows you to add a shadow to the menu. This line is not needed and can be removed to ensure the CSS code is valid to
W3C standards.
.ModuleTitle_SubMenu {
z-index: 1000;
cursor: pointer;
cursor: hand;
background-color: yellow;
filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
border-bottom: black 10px solid;
border-left: red 10px solid;
border-top: purple 10px solid;
border-right: blue 10px solid;
}
