Code for  our cloud theme navigation drop-down menus

Version 1

    Custom Header for drop-down menu for our internal cloud instance.

     

     

    Image-0111.jpg

     

    Header CSS

     

    /*********** CUSTOM NAVIGATION ***********/ #custom-nav{background:#333;height:38px;margin:0;padding:0;list-style-type:none;padding:0;position:relative;z-index:999;} #custom-nav .top-level{float:left;height:38px;line-height:25px;list-style-type:none;display:block;} #custom-nav .top-level > a{font-size:14px;color:#e5ebeb;font-weight:normal;height:38px;line-height:38px;padding:0 20px;display:block;} #custom-nav .top-level > a .j-nav-more{background-position:-49px -373px;display:inline-block;height:15px;margin:-2px 0 0 -2px;position:static;vertical-align:middle;width:15px;} #custom-nav .menu{border-width:0 1px 1px 1px;border-style:solid;border-color:#3B7C28;background:#fff none;position:absolute;top:-999em;z-index:999;margin-left:10px;padding:5px 0;} #custom-nav .top-level:hover .menu{top:100%;} #custom-nav .menu li{display:block;line-height:1em;position:relative;} #custom-nav .menu li a{display:block;padding:5px 10px;color:#000;} #custom-nav .menu li a span.external{float:right;margin:0 0 0 10px;background:url(https://nuance.jiveon.com/resources/statics/1000/external.png);width:10px;height:10px;} #custom-nav .menu li a:hover,#custom-nav .menu li a:focus{color:#fff;background:#414141;} /*********** CUSTOM HEADER ***********/ #custom-nav #custom-logo a{font-family:Helvetica Neue,Arial,sans-serif;font-size:1.7em;} #custom-nav #custom-smybol{float:right;padding:8px 20px 0 20px;height:30px;} #custom-nav #custom-smybol a{background:url(https://nuance.jiveon.com/resources/images/palette-1004/headerLogo-1367518253565-nuance-logo.png) 0 0 no-repeat;width:34px;height:24px;text-indent:-999em;overflow:hidden;display:block;line-height:34px;padding:0;}

     

    Header HTML

     

    <!-- CUSTOM NAVIGATION --> <ul id="custom-nav"> <li id="custom-logo" class="top-level"><a href="/">The Voice</a></li> <li id="custom-smybol" class="top-level"><a href="http://www.nuance.com">Nuance</a></li> <li class="top-level"><a href="#">Quick Links <span class="j-ui-elem j-nav-more"></span></a> <ul class="menu"> <li><a target="_blank" href="http://intweb.nuance.com/orgcharts/Nuance.pdf"><span class="external"></span> PDF Org Charts</a></li> <li><a href="/people?filterID=orgchart">Org Charts on The Voice</a></li>

     

     

    <li><a target="_blank" href="https://www.box.com/s/u550va16uk1xso7wzi">Brand Strategy</a></li> <li><a href="/docs/DOC-23788">Company PowerPoint Template</a></li> <li><a target="_blank" href="https://sso2.nuance.com/successfactors.htm"><span class="external"></span> Talent Management System</a></li> <li><a target="_blank" href="https://oracle.nuance.com/OA_HTML/AppsLocalLogin.jsp?requestUrl=APPSHOMEPAGE&cancelUrl=https%3A%2F%2Foracle.nuance.com%3A443%2Foa_servlets%2Foracle.apps.fnd.sso.AppsLogin&s2=E668275ED442A409A71F79E147F318DAA5322A4A09BBAA2D5484DD438FB6EE37"><span class="external"></span> Oracle (US expense, PTO, self-service and PO's)</a></li> <li><a target="_blank" href="https://nuance.my.salesforce.com/"><span class="external"></span> SalesForce</a></li> <li><a href="/docs/DOC-17712">Research Materials Links and Passwords</a></li> <li><a href="/docs/DOC-1289">Global Holiday Schedule</a></li> <li><a href="/docs/DOC-14107">Nuance Global Travel </a></li> <li><a href="/docs/DOC-17337">Featured Employee Communications</a></li> <li><a href="https://nuance.jiveon.com/discussion/create.jspa?containerType=700&containerID=1542">Questions @ Nuance</a></li> <li><a href="/docs/DOC-14123">Key Links for Getting Things Done</a></li> <li><a href="/docs/DOC-28452">I need to</a></li> <li><a href="/docs/DOC-28438">I need to...for U.S. Employees</a></li> <li><a href="https://referrals-nuance.icims.com/jobs/intro?hashed=0">Refer Your Friends</a></li> <li><a href="https://intranet-nuance.icims.com/jobs/intro?hashed=0">Internal Job Openings</a></li> <li><a target="_blank" href="http://servicedesk.nuance.com"><span class="external"></span> Service Desk (Log a Ticket)</a></li> <li><a href="/community/company/imaging/imaging-software">Download Imaging Software </a></li> <li><a href="/community/company/dragon/dragon-software">Download Dragon Software</a></li>

     

     

    <li><a href="/docs/DOC-42586">Buy Nuance's Boxed Software (US) </a></li>

     

     

    <li><a href="/docs/DOC-20235">Buy Nuance's Boxed Software (EMEA) </a></li> </ul> </li>

     

     

    <li class="top-level"><a href="/community/employee-resources">Employee Resources <span class="j-ui-elem j-nav-more"></span></a> <ul class="menu"> <li><a href="/community/employee-resources">Employee Resources Home</a></li> <li><a href="/community/employee-resources/accounting-&amp;-finance">Accounting &amp; Finance</a></li> <li><a href="/community/company/nuance-marketing/brand-center">Brand Center</a></li> <li><a href="/community/employee-resources/travel">Business Expenses &amp; Travel</a></li>

     

     

    <li><a href="/community/company/nuance-marketing/corporate-communications">Corporate Communications</a></li>

     

     

    <li><a href="/community/employee-resources/human-resources/learning/engineering-excellence">Engineering Excellence</a></li> <li><a href="/community/employee-resources/facilities">Facilities</a></li> <li><a href="/community/employee-resources/getting-started">Getting Started on The Voice</a></li> <li><a href="/community/employee-resources/human-resources">Human Resources</a></li>

    <li><a href="https://nuance.jiveon.com/community/information-security">Information Security</a></li>

     

     

    <li><a href="/community/employee-resources/innovation-for-all">Innovation For All</a></li> <li><a href="/community/employee-resources/it">IT</a></li> <li><a href="/community/employee-resources/human-resources/learning">Learning &amp; Development</a></li> <li><a href="/community/employee-resources/legal">Legal</a></li><li><a href="/community/employee-resources/human-resources/learning/management-development/how-do-i">Manager Resource Center</a></li> <li><a href="/community/employee-resources/human-resources/learning/nuance-university/">Nuance University</a></li> <li><a href="/community/employee-resources/legal/legal-policies">Policies</a></li> <li><a href="/community/employee-resources/human-resources/learning/productivity-resource-center">Productivity Resource Center</a></li> <li><a href="/community/employee-resources/purchasing-&amp;-procurement">Purchasing &amp; Procurement</a></li></ul> </li> <li class="top-level"><a href="/community/company">Company <span class="j-ui-elem j-nav-more"></span></a> <ul class="menu">  <li><a href="/community/company/dragon">Dragon</a></li> <li><a href="/community/company/enterprise">Enterprise</a></li> <li><a href="/community/company/healthcare">Healthcare</a></li> <li><a href="/community/company/imaging">Imaging</a></li> <li><a href="/community/company/mobile">Mobile</a></li> <li><a href="/community/company/rd">R&amp;D</a></li> <li><a href="/community/company/nuance-marketing/overview">Marketing Community</a></li> <li><a href="/community/company/market-intelligence">Market Intelligence</a></li> </ul> </li> <li class="top-level"><a href="/community/sales-portal">Sales <span class="j-ui-elem j-nav-more"></span></a> <ul class="menu"> <li><a href="/community/sales-portal">Sales Portal</a></li> <li><a href="/community/sales-portal/dragon-sales">Dragon</a></li> <li><a href="/community/sales-portal/enterprise-sales">Enterprise</a></li> <li><a href="/community/sales-portal/healthcare-sales">Healthcare</a></li> <li><a href="/community/sales-portal/imaging-sales">Imaging</a></li> <li><a href="/community/sales-portal/mobile-sales">Mobile</a></li> </ul> </li> </ul> <style type="text/css" href="http://www.nuance.com/landing-pages/jive/jive_overrides.css"></style>