PANVEGA’s Blog

DotNet Development, SharePoint Customizing, Silverlight, MS Infrastructure and other tips and tricks

CSS Styles for your GlobalLinks in the Core.css

Posted by PANVEGA on July 13, 2009

So usually Mozillas Firebag or IE´s DeveloperTool bar are perfect for editing the CSS Styles for your SharePoint pages.  But sometimes there are some fairly hard styles to catch though, even with the assistance of on of these add-ons. Within your SharePoint site you want to customize the colors or background a little.

Generally, styles I primarily use to change the main elements of Site Actions are as follows, though a quick search for “ms-menuUI” in core.css will lead you to the quick realization that this list is not near exhaustive:

DO NOT MODIFY THE CORE.CSS. But the classes into a seperate CSS file and reference it in your MasterPage.

.ms-MenuUIPopupBody TABLE{
color: menu item text;
}
.ms-MenuUIItemTableCell,.ms-MenuUIItemTableCellCompact{
color: menu item text;
}
.ms-MenuUIItemTableCell A,.ms-MenuUIItemTableCellHover A,.ms-MenuUIItemTableCellCompact A,.ms-MenuUIItemTableCellCompactHover A{
color: menu item link;
}
.ms-menuitemdescription{
color: item description text;
}
.ms-MenuUIItemTableCellHover,.ms-MenuUIItemTableCellCompactHover{
color: item text on hover;
}
.ms-MenuUIItemTableHover{
background-color:#ffde67; row on hover
border: row on hover;
}
.ms-MenuUIItemTableHover .ms-menuitemdescription{
color: item description text on hover;
}
.ms-MenuUISeparator,.ms-MenuUISeparatorRtL,.ms-MenuUISeparatorLarge,.ms-MenuUISeparatorLargeRtl{
background-color: separator line;
}

Here you find more information:

http://msdn.microsoft.com/en-us/library/dd583128%28office.11%29.aspx

http://heatherwaterman.spaces.live.com/blog/

http://www.sevenux.com/SharePoint/CORE.aspx

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: