/* ================================
CSS STYLES FOR DotNetNuke
================================
*/
/* PAGE BACKGROUND */
/* background color for the header at the top of the page */
.HeadBg { }
/* background color for the content part of the pages */
Body { }
.ControlPanel { }
/* background/border colors for the selected tab */
.TabBg { }
.LeftPane { }
.ContentPane { }
.RightPane { }
/* text style for the selected tab */
.SelectedTab { }
/* hyperlink style for the selected tab */
A.SelectedTab:link { }
A.SelectedTab:visited { }
A.SelectedTab:active { }
A.SelectedTab:hover { }
/* text style for the unselected tabs */
.OtherTabs { }
/* hyperlink style for the unselected tabs */
A.OtherTabs:link { }
A.OtherTabs:visited { }
A.OtherTabs:active { }
A.OtherTabs:hover { }
/* GENERAL */
/* style for module titles */
.Head { }
/* style of item titles on edit and admin pages */
.SubHead { }
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { }
/* text style used for most text rendered by modules */
.Normal{font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; background-color:transparent; font-size: 11px;}
.accent UL LI {color:#007390;}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { }
.NormalRed { }
.NormalBold { }
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton { }
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link { }
A.CommandButton:visited { }
A.CommandButton:active { }
A.CommandButton:hover { }
/* button style for standard HTML buttons */
.StandardButton { }
/* GENERIC */
H1 {font-family:Times New Roman, Times, serif; color:#919191; font-size: 20px;}
H2 {color:#007390; font-size: 12px; font-weight:bold;}
UL H2 {margin:3px;}
H3 { }
H4 { }
H5, DT { }
H6 { }
TFOOT, THEAD { }
TH { }
A:link { }
A:visited { }
A:active { }
A:hover { }
SMALL { }
BIG { }
BLOCKQUOTE, PRE { }
UL LI { }
UL LI LI { }
UL LI LI LI { }
OL LI { }
OL OL LI { }
OL OL OL LI { }
HR { }
/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message { }
/* style of item titles by Announcements and events */
.ItemTitle { }
/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer { }
.ModuleTitle_MenuBar { }
.ModuleTitle_MenuItem { }
.ModuleTitle_MenuIcon { }
.ModuleTitle_SubMenu { }
.ModuleTitle_MenuBreak { }
.ModuleTitle_MenuItemSel { }
.ModuleTitle_MenuArrow { }
.ModuleTitle_RootMenuArrow { }
/*==========================================================================
.MainMenu_MenuContainer: Controls the area that the solpartmenu is sitting within.
Height background-colors padding borders. Font size doesn't affect the nav buttons
in the solpartmenu but seems to create a larger area based on the font size that could
be within the area. This will give your buttons a background color because we do not specify
the background color of the buttons in the 'MainMenu_MenuItem' class (explained below).
*/
.MainMenu_MenuContainer {background-color: #00728F; height: 22px;}
/*==========================================================================
.MainMenu_MenuBar: If you want the active nav buttons to appear with a different background
color than the rest of the navigation bar you can simply change the background color to
something different than the 'MainMenu_MenuContainer' class background color style.
I wouldn't bother with changing the 'cursor' style however.
Other than that I dont believe anything else affects this class.
*/
.MainMenu_MenuBar {background-color: #00728F; cursor: pointer;}
/*==========================================================================
.MainMenu_MenuItem: This will allow you to set the borders font color padding for the
menu items and affects ALL menu items in the main navigation (root) and the sub-navigation. The
styles in this class only control the up-state of the menu items. By default sub-navigation menu has
a top/bottom border applied to it - if you want to make them disappear apply a top & bottom border here with the same
colour as the background colour of the .MainMenu_SubMenu class.
For example: if you specify a border for the menu items, that border will disappear
upon rollover. Any borders thicker than 1px has adverse affects on the sub navigation
menu (roll down).
*/
.MainMenu_MenuItem {padding: 2px 6px; color: #FFFFFF; height: 22px; border-top: solid 1px #0091AC; border-bottom: solid 1px #0091AC;}
/*==========================================================================
.MainMenu_MenuItemSel: Change the color of the font set padding set font-size change the
height. Borders don't seem to have an effect background-colors don't seem to have an effect. This
style is basically for the rollovers of the menuitems.
The height is the same as the height specified in the 'MainMenu_MenuItem' class to
prevent shifting. I believe the default value for the height parameter is 16px.
If you would like to see the affects simply change the height to a value less than
the height value specified in the 'MainMenu_MenuItem' and then roll your mouse over
the active link.
*/
.MainMenu_MenuItemSel{padding: 2px 6px; color: #FFFFFF; height: 22px;}
/*==========================================================================
.MainMenu_RootMenuItemSelected: This controls the properties of the buttons upon rollover.
Font colors font-sizes background colors and padding are all valid styles for this class.
*/
.MainMenu_RootMenuItemSelected {background-color: #5DAAC0;}
/*==========================================================================
.MainMenu_RootMenuItemActive: highlights the page that you are on. While you are on the page the active
link for that page will inherit these styles. Change the background color the font color font size padding
font weight etc.
*/
.MainMenu_RootMenuItemActive {background-color: #0091AC;}
/*==========================================================================
.MainMenu_RootMenuItem: specifying a background color in this class overrides the "rollover" effect.
I would suggest leaving the background color style out of this class.
The padding height font colors and font size can all be defined to create the effect that you
are looking for.
*/
.MainMenu_RootMenuItem { }
/*==========================================================================
.MainMenu_SubMenu: This class only controls the drop down container portion of the drop down menu.
This class will not affect the font sizes or colors. It will affect the padding around the submenu
buttons and the border around the entire perimeter of the drop down menu.
z-index is set to 1000 so that the submenu div will float above all other elements on the page.
NOTE: all flash items sitting below the solpartmenu in the area that the drop down menus are displayed
will appear on top of the drop down menus. To get around this you will need to specify the window mode
parameter for the flash item. The syntax to do that with the NEW javascript object model is:
put your "get flash player" information within this div
*/
.MainMenu_SubMenu {z-index: 1000; background-color: #0091AC;}
/*==========================================================================
.MainMenu_SubMenuItemSelected: This controls the properties of only the submenu items. Background
colors padding font-sizes and font colors. Borders are controlled by this class as well however
it seems to only affect the left and the right borders and NOT the top and bottom.
*/
.MainMenu_SubMenuItemSelected {background-color: #5DAAC0;}
/*==========================================================================
.MainMenu_SubMenuItemActive: Controls the look of the active menu item. Set the background color
the font size the font color padding, and border. However the entire look wigs out once you
roll your mouse over the active link in the drop down menu. It might be best to just change the
colors and not add any borders font sizes or padding.
*/
.MainMenu_SubMenuItemActive {background-color: #5DAAC0;}
/*==========================================================================
.MainMenu_MenuBreak: didn't seem to have any affect on anything. I dont think that it is even used in
relation to the MainMenu_ classes. However the 'ModuleTitle_MenuBreak' seems to control the
MODULE EDIT menus. It is used for separating related navigation elements in the drop down menus.
*/
.MainMenu_MenuBreak {}
/*==========================================================================
.MainMenu_MenuArrow: Taking the 'display:none;' style out of this class seems to have a bad affect on the drop down menu.
Unless there is a specific reason that you need the menu arrow displayed I would suggest to leave it hidden.
*/
.MainMenu_MenuArrow {display:none;}
/*==========================================================================
.MainMenu_MenuRootArrow: Taking the 'display:none;' style out of this class didn't seem to have any affect on the look of the nav.
*/
.MainMenu_MenuRootArrow {display:none;}
/*==========================================================================
.MainMenu_MenuIcon: This removes the icons in the drop down menu. If you want to put icons in the menus then you will have
to remove the 'display:none;' style from this class and make sure that the height parameter is specified
to the same height as the height parameters in 'MainMenu_MenuBar MainMenu_MenuItem and MainMenu_MenuSel' classes.
*/
.MainMenu_MenuIcon {display:none;}
/*==========================================================================
.MainMenu_RootMenuItemBreadcrumb: supposed to allow you to specify a background image behind the buttons
in the navigation however I was not able to change anything but the padding height and font color. I
didn't test the image possibility however.
*/
.MainMenu_RootMenuItemBreadcrumb {}
/*==========================================================================
.MainMenu_SubMenuItemBreadcrumb: supposed to allow you to specify a background color borders and padding
however I was not able to change anything.
*/
.MainMenu_SubMenuItemBreadcrumb {}