These elements control style and layout for navigation elements, including the menus and breadcrumbs. This is not a complete list; for all available elements, see the mainstyle.css file.
| Element | Navigation Component | Example |
|---|---|---|
| #ali-mainNav | The main navigation section of the portal page. | #ali-mainNav {
clear:left;
float:left;
width:100%;
height:30px;
background-color:#3068CF;
background-image:url(../img/main_nav_tab.gif);
background-repeat:repeat-x;
border-bottom:solid 1px #5083CB;
letter-spacing: 1px;
min-width:980px;
}
|
| #ali-nav | All lists within navigation sections in the portal page. | #ali-nav, #ali-nav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
|
| a.ali-navmenu | The portal navigation menu. | a.ali-navmenu {
color:#385ABD !important;
width:170px !important;
background-color:#F1F5F9 !important;
border-bottom:solid 1px #146BC5;
font-size:1.15em;
}
|
| a.ali-nav-actions | A separate style for items in the portal navigation menu that are actions, as opposed to links to pages/sections on the portal. Sets a different background color for these items in the menu to offer a clear distinction between menu navigation links and action links. | a.ali-nav-actions {
color:#2B49AC !important;
width:170px !important;
background-color:#C9D4E9 !important;
border-bottom:solid 1px #146BC5;
font-size:1.15em;
}
|
| #ali-secondNavBar | The second-level navigation bar is used on the User Profile page and Community Pages. A second bar appears below the main navigation bar in a different color and is mainly used to list pages within a community. | #ali-secondNavBar {
clear:both;
float:left;
width:100%;
padding:0;
margin:0 0 -21px 0;
background-image:url(../img/nav_2nd_pages.gif);
background-repeat:repeat-x;
letter-spacing:0;
font:bold .725em Helvetica;
min-width:980px;
}
|
| #ali-secondPages | The list of secondary pages in a community or other sections of the portal that use a second level of navigation. | #ali-secondPages {
float:left;
color:#51617a;
background-color:none;
width:80%;
}
|
| #ali-secondSub | The drop-down menu for pages within a community (“sub-communities”). | #ali-secondSub {
float:right;
padding:0;
margin:0;
background-image:url(../img/nav_2nd_sub.gif);
background-repeat:repeat-x;
border-bottom:solid 1px #82A8F3;
border-left:solid 1px #82A8F3;
}
|
| #ali-secondNav | The list of links in the sub-community drop-down menu. | #ali-secondNav, #ali-secondNav ul {
padding: 0;
margin: 0;
list-style: none;
}
|
| a.ali-secondMenu | The link color and background color for the sub-community drop-down menu. | a.ali-secondMenu {
color:#4467CB;
font:bold 8pt Arial, Helvetica, sans-serif;
width:161px;
background-color:#F1F6FF;
border-bottom:solid 1px #83A1D8;
}
|
| #ali-community-name | The look and placement of the community (or home page) name for the second navigation bar. | #ali-community-name {
position:relative;
left:-40px;
background-image:url(../img/nav_2nd_home.gif);
background-repeat:repeat-x;
border-right:solid 1px #82A8F3;
letter-spacing:1px;
color:#5374A1;
padding:8px 12px 6px 12px;
margin-right:-3px;
}
|
| #ali-breadcrumb | The breadcrumb list displayed at the top of the portal page content section. | #ali-breadcrumb {
float:left;
margin:4px 0 0 12px;
padding:0;
color:#888888;
padding:0;
font-family:Helvetica, Arial, sans-serif;
font-size:.7em;
letter-spacing:1px;
}
|