"

From 2014.igem.org

@font-face { font-family: FoundersGrotCondWeb-Bold; src: url(FoundersGrotCondWeb-Bold.eot?#iefix) format("embedded-opentype"), url(FoundersGrotCondWeb-Bold.woff) format("woff"), url(FoundersGrotCondWeb-Bold.ttf) format("truetype"), url(FoundersGrotCondWeb-Bold.svg#LifeLTStdRoman) format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: FoundersGrotCondWeb-Light; src: url(FoundersGrotCondWeb-Light.eot?#iefix) format("embedded-opentype"), url(FoundersGrotCondWeb-Light.woff) format("woff"), url(FoundersGrotCondWeb-Light.ttf) format("truetype"), url(FoundersGrotCondWeb-Light.svg#LifeLTStdRoman) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: FoundersGroteskTextWeb-Light; src: url(FoundersGroteskTextWeb-Light.eot?#iefix) format("embedded-opentype"), url(FoundersGroteskTextWeb-Light.woff) format("woff"), url(FoundersGroteskTextWeb-Light.ttf) format("truetype"), url(FoundersGroteskTextWeb-Light.svg#LifeLTStdRoman) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: FoundersGroteskWeb-Bold; src: url(FoundersGroteskWeb-Bold.eot?#iefix) format("embedded-opentype"), url(FoundersGroteskWeb-Bold.woff) format("woff"), url(FoundersGroteskWeb-Bold.ttf) format("truetype"), url(FoundersGroteskWeb-Bold.svg#LifeLTStdRoman) format("svg"); font-weight: bold; font-style: normal; }

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: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; }