SharePoint Online Top Navigation CSS Styles


Primary Top Navigation for SharePoint Online Sites CSS Reference.  Start from line 146 and ends at 225 in themes.css

   
.MSC_PrimaryNavFrame
{
    background:#003366;
    width:100%;
    margin:1px 0px 5px 0px;
    text-align:left;
}

.MSC_PrimaryNavLink
{
    color:#ffffff;
    font-size:12px;
    text-decoration:none;
}
.MSC_PrimaryNavLink:hover
{
    color:#ffffff;
    font-size:12px;
}
.MSC_PrimaryNavLink:visited
{
    color:#ffffff;
    font-size:12px;
    text-decoration:none;
}
.MSC_PrimaryNavLinkFrame-On
{
    background:#E3FAE7;
    white-space:nowrap;
    padding:5px 10px 5px 10px;
}
.MSC_PrimaryNavLink-On
{
    color:#325884;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
}
.MSC_PrimaryNavLink-On:hover
{
    color:#325884;
    font-size:12px;
    font-weight:bold;
}
.MSC_PrimaryNavLink-On:visited
{
    color:#325884;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
}
.MSC_PrimaryNavLeftSpace
{
    width:1px;
    white-space:nowrap;
    background:#000000;
    font-size:1px;
}
.MSC_PrimaryNavRightSpace
{
    width:1px;
    background:#CCCC99;
    white-space:nowrap;
    font-size:1px;
}
.MSC_PrimaryNavTopSpace
{
    height:1px;
    background:#000000;
}
.MSC_PrimaryNavBottomSpace
{
    height:1px;
    background:#CCCC99;
}

2 thoughts on “SharePoint Online Top Navigation CSS Styles

Leave a Reply

Please log in using one of these methods to post your comment:

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