Team:Stockholm/headertest

#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { display: none; }

body {

background-color: #ffffff; }

#globalWrapper, #content { min-width: 600px; width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; font-size: 135%; }

@font-face { font-family: 'icomoon'; src:url('https://static.igem.org/mediawiki/2015/d/d3/Sthlm_icomoon.eot'); src:url('https://static.igem.org/mediawiki/2015/d/d3/Sthlm_icomoon.eot') format('embedded-opentype'), url('https://static.igem.org/mediawiki/2015/5/5b/Sthlm_icomoon.ttf') format('truetype'), url('https://static.igem.org/mediawiki/2015/f/fe/Sthlm_icomoon.woff') format('woff');

font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;

/* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-home:before { content: "\e600"; } .icon-bubbles2:before { content: "\e601"; } .icon-users:before { content: "\e602"; } .icon-gift:before { content: "\e603"; } .icon-lab:before { content: "\e604"; } .icon-clipboard:before { content: "\e605"; }

#nav { cursor: default; }

#nav > ul > li > a { border: 0; text-decoration: none; text-transform: uppercase; font-weight: 400; color: #777; outline: 0; }

#nav > ul > li > a:before { display: inline-block; background: #878787; color: #e4e4e4; width: 1.65em; height: 1.65em; border-radius: 1.65em; line-height: 1.65em; text-align: center; box-shadow: 0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125); margin-right: 0.75em; -moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out; -ms-transition: color 0.25s ease-in-out, background 0.25s ease-in-out; transition: color 0.25s ease-in-out, background 0.25s ease-in-out; }

#nav > ul > li > a > span { -moz-transition: color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; -ms-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; }

#nav > ul > li.active > a:before, #nav > ul > li:hover > a:before { background: #ED786A; color: #fff; }

#nav > ul > li.active > a > span, #nav > ul > li:hover > a > span { color: #ED786A; }

#nav { position: absolute; top: 1em; left: 0; width: 100%; }

#nav > ul > li { display: inline-block; padding-right: 2em; }

#nav > ul > li:last-child { padding-right: 0; }

#nav > ul > li > a { display: block; }

#nav > ul > li > a > span { font-size: 0.85em; letter-spacing: 3px; }

#nav > ul > li > ul { display: none; }

.dropotron { text-align: left; border: solid 1px #e5e5e5; border-radius: 4px; background: #fff; background: rgba(255, 255, 255, 0.965); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); padding: 0.75em 0 0.5em 0; min-width: 12em; margin-top: calc(-0.5em + 1px); margin-left: -2px; }

.dropotron.level-0 { margin-top: 1.5em; margin-left: -1em; }

.dropotron.level-0:after { content: ; display: block; position: absolute; left: 1.25em; top: calc(-0.75em + 1px); border-left: solid 0.75em rgba(255, 255, 255, 0); border-right: solid 0.75em rgba(255, 255, 255, 0); border-bottom: solid 0.75em #fff; }

.dropotron.level-0:before { content: ; display: block; position: absolute; left: 1.25em; top: -0.75em; border-left: solid 0.75em rgba(255, 255, 255, 0); border-right: solid 0.75em rgba(255, 255, 255, 0); border-bottom: solid 0.75em #ccc; }

.dropotron span, .dropotron a { display: block; padding: 0.3em 1em 0.3em 1em; border: 0; border-top: solid 1px #f0f0f0; outline: 0; }

.dropotron li:first-child > span, .dropotron li:first-child > a { border-top: 0; padding-top: 0; }

.dropotron li:hover > span, .dropotron li:hover > a { -moz-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out; -ms-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out; transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out; color: #ed786a; } </style>