Line 119: | Line 119: | ||
#Topnav { | #Topnav { | ||
− | width: | + | width:90%; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
margin: auto; | margin: auto; | ||
} | } | ||
Line 154: | Line 149: | ||
#navigation { | #navigation { | ||
float: right; | float: right; | ||
− | font-size: | + | font-size: 1em; |
− | font-weight: | + | font-weight: 200; |
width: 94%; | width: 94%; | ||
} | } | ||
Line 161: | Line 156: | ||
#navigation ul{ | #navigation ul{ | ||
float: right; | float: right; | ||
− | |||
margin-bottom: 0px; | margin-bottom: 0px; | ||
} | } | ||
Line 172: | Line 166: | ||
#sub-navigation { | #sub-navigation { | ||
− | + | width: 94%; | |
− | text-align: | + | text-align: right; |
font-size: 0.9em; | font-size: 0.9em; | ||
position: fixed; | position: fixed; | ||
− | margin-top: - | + | margin-top: -3px; |
font-weight:200; | font-weight:200; | ||
} | } | ||
#sub-navigation ul { | #sub-navigation ul { | ||
− | + | float: right; | |
− | + | ||
− | + | ||
} | } | ||
Line 236: | Line 229: | ||
#sub-navigation li { | #sub-navigation li { | ||
display: inline; | display: inline; | ||
− | |||
padding-left: 10px; | padding-left: 10px; | ||
} | } | ||
Line 242: | Line 234: | ||
#sub-navigation li li{ | #sub-navigation li li{ | ||
display: inline; | display: inline; | ||
− | |||
padding-left: 5px; | padding-left: 5px; | ||
font-style: italic; | font-style: italic; | ||
Line 249: | Line 240: | ||
#navigation ul li { | #navigation ul li { | ||
display: inline; | display: inline; | ||
− | + | ||
} | } | ||
Line 332: | Line 323: | ||
/*Anytime the screen is less than 991px wide everything within {} apply | /*Anytime the screen is less than 991px wide everything within {} apply | ||
This controls that the mobile navigation is shown when screen size is below 991px in width*/ | This controls that the mobile navigation is shown when screen size is below 991px in width*/ | ||
− | @media screen and (max-width: | + | @media screen and (max-width: 650px) { |
/*#dl-menu { | /*#dl-menu { | ||
Line 345: | Line 336: | ||
top: 0px; | top: 0px; | ||
}*/ | }*/ | ||
− | + | ||
− | # | + | #logo { |
− | + | width: 100%; | |
− | + | height: 75px; | |
+ | padding-top: 0px; /* control that it is below the iGEM topbar*/ | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
#headerWrapper { /*The normal header dissapear at this screen width*/ | #headerWrapper { /*The normal header dissapear at this screen width*/ | ||
− | + | ||
− | + | } | |
+ | |||
+ | #navigation { | ||
+ | float: none; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #navigation ul{ | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | #navigation ul li { | ||
+ | display: block; | ||
+ | float:none; | ||
+ | } | ||
+ | |||
+ | .nav-item { | ||
+ | display: block; | ||
+ | background-size: 10px; | ||
+ | float: none; | ||
+ | line-height: 20px; | ||
+ | padding: 5px; | ||
+ | margin:2px; | ||
+ | |||
+ | } | ||
+ | /* | ||
+ | #navigation a{ | ||
+ | padding-left:8px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #sub-navigation { | ||
+ | width:960px; | ||
+ | text-align: left; | ||
+ | font-size: 0.9em; | ||
+ | position: fixed; | ||
+ | margin-top: -8px; | ||
+ | font-weight:200; | ||
+ | } | ||
+ | |||
+ | #sub-navigation ul { | ||
+ | display: inline; | ||
+ | float:left; | ||
+ | margin-right:10px; | ||
+ | } | ||
+ | |||
+ | #sub-navigation > ul { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #sub-navigation ul.active-sub { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sub-navigation li:before{ | ||
+ | content:"•"; | ||
+ | padding-right:15px; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sub-navigation li li:before{ | ||
+ | content:" "; | ||
+ | padding-right:5px; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li:first-child:before{ | ||
+ | content:""; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li li:first-child:before{ | ||
+ | content:" "; | ||
+ | } | ||
} | } | ||
Line 416: | Line 485: | ||
<header> | <header> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- Computer navigation --> | <!-- Computer navigation --> | ||
− | <div id="headerWrapper | + | <div id="headerWrapper"> |
<!-- Top navigation bar --> | <!-- Top navigation bar --> | ||
<div id="Topnav"> | <div id="Topnav"> | ||
+ | |||
<div id="logo"> | <div id="logo"> | ||
<a href="https://2016.igem.org/Team:DTU-Denmark"> | <a href="https://2016.igem.org/Team:DTU-Denmark"> | ||
Line 662: | Line 516: | ||
</div> | </div> | ||
</div> <!--/ Top navigation bar --> | </div> <!--/ Top navigation bar --> | ||
+ | |||
− | |||
− | |||
<div id="sub-navigation-wrapper"> | <div id="sub-navigation-wrapper"> | ||
− | + | <!-- Sub navigation bar --> | |
− | + | <div id="sub-navigation" class="col-12-sm"> | |
− | + | ||
− | + | <!-- | |
− | + | <ul id="achievements-sub" > | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/achievements">Medal Requirements</a></li> | |
− | + | </ul> | |
+ | --> | ||
− | + | <ul id="project-sub"> <!-- Projects --> | |
− | + | <li><a href="file:///C:/Users/Mikkel/Dropbox/iGem/Wiki/index.html#" class="sub-nav-item">Description</a></li> | |
− | + | <li><a href="file:///C:/Users/Mikkel/Dropbox/iGem/Wiki/index.html" class="sub-nav-item">Toolbox</a></li> | |
− | + | ||
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/achievements" class="sub-nav-item">Acievements</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Safety</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/parts" class="sub-nav-item">Parts</a></li> | |
− | + | </ul> | |
− | + | <!-- | |
− | + | <ul id="parts-sub"> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/substrate" class="sub-nav-item">Substrate</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/products" class="sub-nav-item">Products</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/molecular_toolbox" class="sub-nav-item">Molecular Toolbox</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Interlab</a></li> | |
− | + | </ul> | |
− | + | --> | |
− | + | ||
− | + | <ul id="notebook-sub"> <!-- Wetlab --> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/substrate" class="sub-nav-item">Substrate</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/products" class="sub-nav-item">Products</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/molecular_toolbox" class="sub-nav-item">Molecular Toolbox</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Interlab</a></li> | |
− | + | <!-- | |
− | + | <li><a href="#" class="sub-nav-item">Work Space</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Safety</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Day Notes</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Protocols</a></li> | |
− | + | --> | |
− | + | </ul> | |
− | + | ||
− | + | <ul id="hardware-sub"> <!-- Compute --> | |
− | + | <li><a href="#" class="sub-nav-item">Overview</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/overview" class="sub-nav-item">Codon Optimization</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/DIY_spectrometer" class="sub-nav-item">DIY Spectrometer</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/modelling" class="sub-nav-item">Modelling</a></li> | |
− | + | </ul> | |
− | + | ||
− | + | <ul id="modeling-sub"> <!-- Team --> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/team_members" class="sub-nav-item">Team Members</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/team_building" class="sub-nav-item">Team Building</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/team_roles" class="sub-nav-item">Team Roles</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/internal_wiki" class="sub-nav-item">Internal Wiki</a></li> | |
− | + | </ul> | |
− | + | ||
− | + | <ul id="practices-sub"> <!-- Outreach --> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/collaborations" class="sub-nav-item">Collaborations</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/meetups" class="sub-nav-item">Meetups</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/online_presence" class="sub-nav-item">Online Presence</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/sponsors" class="sub-nav-item">Sponsorts</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:DTU-Denmark/practices" class="sub-nav-item">Practices</a></li> | |
− | + | </ul> | |
− | + | ||
− | + | <!--<ul id="collaborations-sub"> | |
− | + | <li><a href="#" class="sub-nav-item">Overview</a></li> | |
− | + | <li><a href="#">Sharing CRISPR</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">DTU BioBrick Tutorial</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Cooperations</a></li> | |
− | + | </ul> | |
− | + | ||
− | + | <ul id="attributions-sub"> | |
− | + | <li><a href="#" class="sub-nav-item">Team Members</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Advisors</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Team Work Attributions</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Media</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Sponsors</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Acknowledgements</a></li> | |
− | + | </ul> | |
− | + | ||
− | + | <ul id="interlab-sub"> | |
− | + | <li><a href="#" class="sub-nav-item">Results</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Protocols</a></li> | |
− | + | </ul>--> | |
− | + | ||
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <!--/ Computer navigation --> | |
Line 820: | Line 674: | ||
// Open sub menues | // Open sub menues | ||
+ | // $(document).ready(window.onmouseover = function(e) { | ||
+ | // var cName = e.target.className | ||
+ | // open_sub(cName) | ||
+ | // }); | ||
+ | |||
$(document).ready(window.onmouseover = function(e) { | $(document).ready(window.onmouseover = function(e) { | ||
var cName = e.target.className | var cName = e.target.className |
Revision as of 19:44, 11 August 2016