"

From 2014.igem.org

1. nav-wrapper {

min-height: 90px; background-color: rgb(255, 255, 255); }

1. nav-wrapper ul.nav-bar {

list-style: none; margin: 0px; padding: 0px 50px; position: relative; min-height: 54px; background-color: transparent; }

1. nav-wrapper ul.nav-bar > li {

padding: 0px; border: 0px currentColor; border-image: none; line-height: 90px; float: left; display: block; }

1. nav-wrapper ul.nav-bar > li.logo {

margin-right: 25px; }

1. nav-wrapper ul.nav-bar > li.logo span.cursor {

background-position: 0px -1080px; left: 0px; top: 0px; width: 70px; height: 70px; display: none; position: absolute; z-index: 1; background-image: url("http://ycnorgassets.s3.amazonaws.com/assets/sprites-sc30b533cb5-8050995c3352832fa0407d7d9747e068.png"); background-repeat: no-repeat; }

1. nav-wrapper ul.nav-bar > li.on.logo span.cursor {

display: block; }

1. nav-wrapper ul.nav-bar > li.logo a.header {

background-position: 0px -849px; border: 0px currentColor; border-image: none; width: 70px; height: 70px; text-indent: -999em; margin-top: 10px; margin-bottom: 10px; display: block; position: relative; background-image: url("http://ycnorgassets.s3.amazonaws.com/assets/sprites-sc30b533cb5-8050995c3352832fa0407d7d9747e068.png"); background-repeat: no-repeat; }

1. nav-wrapper ul.nav-bar > li:nth-child(6) {

margin-right: 12px; }

1. nav-wrapper ul.nav-bar > li:nth-child(7) {

margin-left: 12px; }

1. nav-wrapper ul.nav-bar > li:nth-child(7)::before {

width: 1px; height: 46px; margin-top: 24px; margin-left: -12px; border-left-color: rgb(202, 202, 202); border-left-width: 1px; border-left-style: dotted; display: block; position: absolute; content: ""; }

1. nav-wrapper ul.nav-bar > li a.header {

margin: 0px 1px 0px 0px; padding: 0px 9px; height: 90px; color: rgb(34, 34, 34); text-transform: uppercase; font-family: "FoundersGrotCondWeb-Bold", "Arial Narrow", Arial, sans-serif; font-size: 17px; text-decoration: none; border-top-color: rgb(202, 202, 202); border-top-width: 4px; border-top-style: solid; display: block; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

1. nav-wrapper ul.nav-bar > li span.pointer {

display: none; }

1. nav-wrapper ul.nav-bar > li span.pointer::before {

border-width: 12px; border-style: solid; border-color: transparent transparent rgb(179, 179, 179); border-image: none; left: 50%; width: 0px; height: 0px; bottom: -1px; margin-left: -12px; display: block; position: absolute; z-index: 10000; content: ""; }

1. nav-wrapper ul.nav-bar > li span.pointer::after {

border-width: 11px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; left: 50%; width: 0px; height: 0px; bottom: -1px; margin-left: -11px; display: block; position: absolute; z-index: 10000; content: ""; }

1. nav-wrapper ul.nav-bar > li.membership span.pointer {

opacity: 0; }

1. nav-wrapper ul.nav-bar > li.hide-pointer span.pointer {

display: none !important; }

1. nav-wrapper ul.nav-bar > li.end {

margin-right: 7px; }

1. nav-wrapper ul.nav-bar > li:hover {

background-color: transparent; }

1. nav-wrapper ul.nav-bar > li.show-pointer {

background-color: transparent; }

1. nav-wrapper ul.nav-bar > li:hover a {

color: rgb(0, 0, 0); }

1. nav-wrapper ul.nav-bar > li.show-pointer a {

color: rgb(0, 0, 0); }

1. nav-wrapper ul.nav-bar > li:hover a span.pointer {

display: block; }

1. nav-wrapper ul.nav-bar > li.show-pointer a span.pointer {

display: block; }

1. nav-wrapper ul.nav-bar > li:last-child a {

margin-right: 0px; }

1. nav-wrapper ul.nav-bar > li.end a {

margin-right: 0px; }

1. nav-wrapper ul.nav-bar > li ul.sub-nav {

list-style: none; margin: 0px; padding: 4px 50px 0px 153px; left: 0px; width: 100%; overflow: hidden; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: none; position: absolute; min-height: 36px; background-color: rgb(255, 255, 255); }

1. nav-wrapper ul.nav-bar > li ul.sub-nav li {

margin: 0px 18px 0px 0px; float: left; display: inline; position: relative; }

1. nav-wrapper ul.nav-bar > li ul.sub-nav li:last-child {

margin-right: 0px; }

1. nav-wrapper ul.nav-bar > li ul.sub-nav li a {

padding: 0px; color: rgb(153, 153, 153); font-family: "FoundersGroteskTextWeb-Light", Arial, sans-serif; font-weight: normal; white-space: nowrap; }

1. nav-wrapper ul.nav-bar > li ul.sub-nav li a:hover {

text-decoration: none; }

1. nav-wrapper ul.nav-bar > li:hover ul.sub-nav {

display: block; }