Skip to main content
Sign In

University Web Services (UWS)

University Web Services, University of Colorado Denver

 

 
 
 

Web Identity Standards

Local Navigation


Local navigation is located on the left side of the page on interior pages. It will, by default, list sibling and child pages for that current section of the Web site.

Design Constraints and Allowances

Can’t Change:

  • Vertical Placement
  • Width dimensions (200 px)
  • Font family (Verdana)
  • Font size (11 px)

Can Change:

  • Hover state for links
  • Background
  • Separators
  • Navigation configuration (Parent, sibling, child nodes)
  • Font color

Accessing code for this interface element

The navigation is MOSS generated. You can administer your navigation through Site Actions -> Site Settings -> Modify Navigation

Show/Hide HTML
<div id="localNav">
   <div class="AspNet-Menu-Vertical">
    <ul class="AspNet-Menu">
     <li class="AspNet-Menu-Leaf">
      <a href="#" class="AspNet-Menu-Link">Level 1 item 1</a>
     </li>
     <li class="AspNet-Menu-WithChildren">
      <a href="#" class="AspNet-Menu-Link">Level 1 item 2</a>
      <ul>
       <li class="AspNet-Menu-Leaf">
        <a href="#" class="AspNet-Menu-Link">Level 2 item 1</a>
       </li>
       <li class="AspNet-Menu-Leaf">
        <a href="#" class="AspNet-Menu-Link">Level 2 item 2</a>
       </li>
      </ul>
     </li>
    </ul>
   </div>
</div>


Show/Hide CSS
#localNav {
   padding-bottom: 5px;
}
.AspNet-Menu-Vertical {
   font-size: 11px;
   margin-top: 18px;
}
.AspNet-Menu-Vertical .AspNet-Menu {
   margin:6px 0 6px 0;
   padding-bottom: 12px;
   background: url(/PublishingImages/UCDLayoutImages/navDots.png) top repeat-x;
   font-size: 11px;
}
.AspNet-Menu-Vertical .AspNet-Menu li {
   font-size: 11px;
   list-style-type:none;
}
.AspNet-Menu-Vertical .AspNet-Menu li a{
   color:#006699;
   display:block;
   padding:6px 6px 6px 18px;
   background: url(/PublishingImages/UCDLayoutImages/navDots.png) bottom repeat-x;
   font-size: 11px;
   text-decoration:none;
}
.AspNet-Menu-Vertical .AspNet-Menu li.AspNet-Menu-WithChildren ul{
   margin:8px 3px 0 0 !important;
   padding:0 0 6px 18px;
   font-size: 11px;
   background: url(/PublishingImages/UCDLayoutImages/navDots.png) bottom repeat-x;
}
.AspNet-Menu-Vertical .AspNet-Menu .AspNet-Menu-WithChildren ul li {
   background: none !important;
   font-size: 11px;
}
.AspNet-Menu-Vertical .AspNet-Menu .AspNet-Menu-WithChildren ul li a{
   color:black;
   display:block;
   font-size: 11px;
   padding:0 6px 5px 6px;
   background: none !important;
}
University of Colorado Denver

© The Regents of the University of Colorado, a body corporate. All rights reserved.

All trademarks are registered property of the University. Used by permission only.