Difference between revisions of "Template:BioMarvel"

(Prototype team template page)
 
Line 510: Line 510:
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
−
 
+
<style>
 +
#topMenu {
 +
height : 30px;
 +
width: 950px;
 +
}
 +
#topMenu ul {
 +
list-style-type: none;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
#topMenu ul li {
 +
list-style: none;
 +
color: black !important;
 +
background-color: rgba(0,0,0,0.0);
 +
float: left;
 +
line-height: 30px;
 +
vertical-align: middle;
 +
text-align: left;
 +
position: relative;
 +
}
 +
.menuLink, .submenuLink {
 +
text-decoration: none;
 +
display: block;
 +
width: 100px;
 +
font-size: 12px;
 +
font-weight: bold;
 +
padding-left: 5px;
 +
}
 +
.menuLink {
 +
color: black !important;
 +
margin-left: 5px;
 +
}
 +
.topMenuLi:hovor .menuLink {
 +
color: #888888 !important;
 +
}
 +
.submenuLink {
 +
color: black !important;
 +
margin-top: -1px;
 +
text-align: left;
 +
}
 +
.longLink {
 +
width: 100px;
 +
}
 +
.submenu {
 +
position: absolute;
 +
height: 0px;
 +
overflow: hidden;
 +
transition: height .2s;
 +
}
 +
.topMenuLi:hover .submenu {
 +
height: 250px;
 +
}
 +
.submenuLink:hover {
 +
color: #888888 !important;
 +
}
 +
</style>
 
</head>
 
</head>
  
Line 519: Line 574:
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
 
+
<nav id="topMenu">
−
 
+
<ul>
−
 
+
<li class="topMenuLi">
−
<div class="igem_2018_team_mobile_bar">
+
<a class="menuLink" href="#">Project</a>
−
+
<ul class="submenu">
−
<div class="igem_logo_mobile">
+
<li><a class="submenuLink longLink" href="#">Overview</a></li>
−
<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
+
<li><a class="submenuLink longLink" href="#">Background</a></li>
−
</div>
+
<li><a class="submenuLink longLink" href="#">Design</a></li>
−
 
+
<li><a class="submenuLink longLink" href="#">Experiments</a></li>
−
 
+
<li><a class="submenuLink longLink" href="#">Results</a></li>
−
<div class="igem_menu_control_mobile">
+
<li><a class="submenuLink longLink" href="#">Demonstrate</a></li>
−
<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
+
<li><a class="submenuLink longLink" href="#">Improve</a></li>
−
</div>
+
</ul>
−
 
+
</li>
−
</div>
+
<li class="topMenuLi">
−
 
+
<a class="menuLink" href="#">People</a>
−
 
+
<ul class="submenu">
−
 
+
<li><a class="submenuLink longLink" href="#">Members</a></li>
−
 
+
<li><a class="submenuLink longLink" href="#">Advisors</a></li>
−
<div class="igem_2018_team_menu displaying_menu">
+
<li><a class="submenuLink longLink" href="#">Attributions</a></li>
−
 
+
<li><a class="submenuLink longLink" href="#">Collaborations</a></li>
−
 
+
</ul>
−
<a href="https://2018.igem.org/Team:BioMarvel">
+
</li>
−
<img src="http://placehold.it/350x150/e4dede/c4baba">
+
<li class="topMenuLi">
−
</a>
+
<a class="menuLink" href="#">Parts</a>
−
 
+
<ul class="submenu">
−
 
+
<li><a class="submenuLink longLink" href="#">Parts overview</a></li>
−
 
+
<li><a class="submenuLink longLink" href="#">Basic Parts</a></li>
−
<a href="https://2018.igem.org/Team:BioMarvel">
+
<li><a class="submenuLink longLink" href="#">Composite Parts</a></li>
−
<div class="menu_item direct_link">
+
<li><a class="submenuLink longLink" href="#">Parts collection</a></li>
−
HOME
+
</ul>
−
</div>  
+
</li>
−
</a>
+
<li class="topMenuLi">
−
 
+
<a class="menuLink" href="#">Human Practices</a>
−
<!-- Team -->
+
<ul class="submenu">
−
<div class="menu_item">
+
<li><a class="submenuLink longLink" href="#">Human Practices</a></li>
−
<div class="submenu_control_icon"> </div>
+
<li><a class="submenuLink longLink" href="#">Public Education</a></li>
−
TEAM
+
<li><a class="submenuLink longLink" href="#">& Engagement</a></li>
−
</div>  
+
</ul>
−
<div class="submenu">
+
</li>
−
+
<li class="topMenuLi">
−
<a href="https://2018.igem.org/Team:BioMarvel/Team">
+
<a class="menuLink" href="#">Safety</a>
−
<div class="submenu_item">
+
<ul class="submenu">
−
Team Members
+
<li><a class="submenuLink longLink" href="#">Lab Safety</a></li>
−
</div>
+
<li><a class="submenuLink longLink" href="#">Safe Project Design</a></li>
−
</a>
+
<li><a class="submenuLink longLink" href="#">Safe product Use</a></li>
−
 
+
</ul>
−
<a href="https://2018.igem.org/Team:BioMarvel/Collaborations">
+
</li>
−
<div class="submenu_item">
+
<li class="topMenuLi">
−
Collaborations
+
<a class="menuLink" href="#">NoteBook</a>
−
</div>
+
<ul class="submenu">
−
</a>
+
<li><a class="submenuLink longLink" href="#">Demonstration</a></li>
−
</div>
+
</ul>
−
 
+
</li>
−
 
+
<li><a class="menuLink" href="#">Awards</a></li>
−
<!-- Project -->
+
<li><a class="menuLink" href="https://igem.org/2018_Judging_Form?team=BioMarvel">Judging Form</a></li>
−
<div class="menu_item">
+
</ul>
−
<div class="submenu_control_icon"> </div>
+
</nav>
−
PROJECT
+
−
</div>  
+
−
<div class="submenu">
+
−
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Description">
+
−
<div class="submenu_item">
+
−
Description
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Design">
+
−
<div class="submenu_item">
+
−
Design
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Experiments">
+
−
<div class="submenu_item">
+
−
Experiments
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Notebook">
+
−
<div class="submenu_item">
+
−
Notebook
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/InterLab">
+
−
<div class="submenu_item">
+
−
InterLab
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Model">
+
−
<div class="submenu_item">
+
−
Model
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Results">
+
−
<div class="submenu_item">
+
−
Results
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Demonstrate">
+
−
<div class="submenu_item">
+
−
Demonstrate
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Improve">
+
−
<div class="submenu_item">
+
−
Improve
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Attributions">
+
−
<div class="submenu_item">
+
−
Attributions
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
PARTS
+
−
</div>
+
−
<div class="submenu">
+
−
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Parts">
+
−
<div class="submenu_item">
+
−
Parts Overview
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Basic_Part">
+
−
<div class="submenu_item">
+
−
Basic Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Composite_Part">
+
−
<div class="submenu_item">
+
−
Composite Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Part_Collection">
+
−
<div class="submenu_item">
+
−
Part Collection
+
−
</div>
+
−
</a>
+
−
</div>  
+
−
 
+
−
+
−
+
−
+
−
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Safety">
+
−
<div class="menu_item direct_link">
+
−
SAFETY
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>  
+
−
HUMAN PRACTICES
+
−
</div>
+
−
 
+
−
<div class="submenu">
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Human_Practices">
+
−
<div class="submenu_item">
+
−
Human Practices
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Public_Engagement">
+
−
<div class="submenu_item">
+
−
Education & Engagement
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>  
+
−
AWARDS
+
−
</div>  
+
−
 
+
−
<div class="submenu">
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Applied_Design">
+
−
<div class="submenu_item">
+
−
Applied Design
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Entrepreneurship">
+
−
<div class="submenu_item">
+
−
Entrepreneurship
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Hardware">
+
−
<div class="submenu_item">
+
−
Hardware
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Measurement">
+
−
<div class="submenu_item">
+
−
Measurement
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Model">
+
−
<div class="submenu_item">
+
−
Model
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Plant">
+
−
<div class="submenu_item">
+
−
Plant
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:BioMarvel/Software">
+
−
<div class="submenu_item">
+
−
Software
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>  
+
−
 
+
−
 
+
−
 
+
−
<a href="https://igem.org/2018_Judging_Form?team=BioMarvel">
+
−
<div class="menu_item direct_link">
+
−
JUDGING FORM ⇗
+
−
</div>  
+
−
</a>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</div>
+
  
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

Revision as of 13:49, 4 September 2018