DotNetNuke DNN Hosting

Module Settings Menu

.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;
}
Module Title Sub Menu