Skip to main content
Sign In

University Web Services (UWS)

University Web Services, University of Colorado Denver

 

 
 
 

Web Identity Standards

Global Navigation


Main Navigation
The main navigation bar of your site should include the most important sections of your site and can be styled to fit your local subidentity.

Main Navigation Dropdown
These dropdown menus will serve as a quick way for your user to dig down deeper into your site.

Each type of unit branded element can be modified to fit the local subidentity, but they must look the same throughout the unit's Web site regardless of purpose. Required design elements must be followed. As always, university branding guidelines must be adhered to and supersede these guidelines.

Design Constraints and Allowances

Can't Change:

  • Placement
  • Height Dimensions
  • Font face
  • Font size

Can Change:

  • Hover states
  • Dropdown designs
  • Dropdown hover state
  • Background color
  • Separators

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="navWrapper">
  <div class="AspNet-Menu-Horizontal">
   <ul class="AspNet-Menu">
    <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>
    <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
#navWrapper {
   background:url(/PublishingImages/UCDLayoutImages/navBg.png) bottom no-repeat;
   height:32px;
}
div.AspNet-Menu-Horizontal {
   width:948px !important;
   z-index:1;
   clear: both;
   border-top: 2px white solid;
   height:25px;
   background-color: #d9e8ef;
} 
div.AspNet-Menu-Horizontal ul.AspNet-Menu {
   margin: 9px 0 0px 12px;
   padding: 0px;
}
div.AspNet-Menu-Horizontal ul.AspNet-Menu li{
   font-size:11px;
   margin:-1px 0 0px 0;
   padding: 0px 0 1px 0;
   float:left;
   list-style:none;
   z-index:1;
   border-right: 1px solid black;
}
div.AspNet-Menu-Horizontal ul.AspNet-Menu li a:link,
div.AspNet-Menu-Horizontal ul.AspNet-Menu li a:visited,
div.AspNet-Menu-Horizontal ul.AspNet-Menu li a:active {
   padding: 0 17px 0px 18px;
   text-decoration: none;
   color: #000;
   background-color: #d9e8ef;
   display: block;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight:100;
   z-index:1;
}
div.AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren ul{
   display:block;
   position: absolute;
   width: 150px;
   left: -999em;
   background-color: #d9e8ef;
   padding: 9px 0 0 0;
   margin-top: 1px;
   z-index:1;
}
div.AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren ul li a:link,
div.AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren ul li a:visited,
div.AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren ul li a:active {
   margin: 0;
   padding: 6px 0px 6px 21px;
   display:block;
   width: 128px;
   background-color: #d9e8ef;
   color: #000;
   font-size: 11px;
   font-weight:100;
   line-height:1.1em;
   text-transform: none;
   border-bottom: 1px solid #fff;
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   z-index:1;
}
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.