Difference between revisions of "Template:BioMarvel"

Line 1: Line 1:
 
<html>
 
<html>
 +
<head>
 +
<meta charset="UTF-8">
 
<style type="text/css">
 
<style type="text/css">
 
#home_logo, #sideMenu {
 
#home_logo, #sideMenu {
Line 9: Line 11:
 
}
 
}
  
 +
img,
 +
figure,
 +
picture,
 +
video,
 +
embed {
 +
  max-width: 100%;
 +
}
  
−
#header {
+
div{
−
height: 200px;
+
margin-left: auto;
−
width: 950px;
+
margin-right: auto;
−
background-color: #bdbdbd;
+
}
−
font-family: serif;
+
−
text-align: center;
+
−
}
+
−
#topMenu {
+
−
height : 250px;
+
−
width: 950px;
+
−
margin-left: 20px;
+
−
margin-top: 20px;
+
−
}
+
−
                #topMenu a {
+
−
text-decoration: none;
+
−
}
+
−
#topMenu ul {
+
−
list-style-type: none;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
}
+
−
#topMenu ul li {
+
−
list-style: none;
+
−
color: black;
+
−
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: 90px;
+
−
font-weight: bold;
+
−
padding-left: 10px;
+
−
}
+
−
.menuLink {
+
−
color: black;
+
−
font-family: serif;
+
−
font-size: 100%;
+
−
}
+
−
.menuHome {
+
−
text-decoration: none;
+
−
display: block;
+
−
width: 95px;
+
−
font-weight: bold;
+
−
padding-left: 10px;
+
−
color: red;
+
−
font-family: serif;
+
−
font-size: 100%;
+
−
}
+
−
.topMenuLi:hovor .menuLink {
+
−
color: #888888 !important;
+
−
}
+
−
.submenuLink {
+
−
color: black !important;
+
−
margin-top: -1px;
+
−
text-align: left;
+
−
}
+
−
.longLink {
+
−
width: 250px;
+
−
}
+
−
.submenuC {
+
−
position: absolute;
+
−
height: 0px;
+
−
overflow: hidden;
+
−
transition: height .2s;
+
−
font-family: sans-serif;
+
−
font-size: small;
+
−
}
+
−
.submenuC a {
+
−
text-decoration: none;
+
−
}
+
−
.topMenuLi:hover .submenuC {
+
−
height: 250px;
+
−
}
+
−
.submenuLink:hover {
+
−
color: #888888 !important;
+
−
}
+
  
−
#mainBox {  
+
hr {
−
width: 950px
+
color: black;
−
height: all;
+
}
−
background-color: #e5e5e5;
+
 
−
}
+
a, a:visited, a:active, a:link {
−
.leftBox {
+
text-decoration: none;
−
width: 250px
+
color: black;
−
height: 100%;
+
}
−
color: black;
+
 
−
float: left;
+
a:hover {
−
text-align: left;
+
color: grey;
−
font-family: serif;
+
    text-decoration:none;
−
font-size: 150%;
+
}
−
border-right: 1px gray solid;
+
 
−
padding: 10px
+
h1, h2, h3, h4 {
−
}
+
font-family: 'Quicksand', sans-serif;
−
.rightBox {
+
color: black;
−
width: 700px;
+
}
−
color: black;
+
 
−
float: left;
+
img.mTitle-logo {
−
padding-left: 20px;
+
width: 20%;
−
text-align: left;
+
margin-top: 10px;
−
font-family: sans-serif;
+
}
−
}
+
 
 +
/*************** MENU *************/
 +
.mHeader{
 +
width: 1280px;
 +
padding: 2% 0%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 
 +
.mHeader_logo_box{
 +
}
 +
 
 +
.mLogo {
 +
width: 196px;
 +
height: 77px;
 +
float: left;
 +
background: url(https://2018.igem.org/File:T--Biomarvel--Logo.png) center center no-repeat;
 +
font-size: 0;
 +
margin-left:2%;
 +
}
 +
 
 +
#topMenu{
 +
width: 100%;
 +
padding: 2% 0%;
 +
border-top: solid 1px skyblue;
 +
margin-top: 20px;
 +
}
 +
#topMenu a {
 +
text-decoration: none;
 +
}
 +
#topMenu ul {
 +
list-style-type: none;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
#topMenu ul li {
 +
list-style: none;
 +
color: black;
 +
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;
 +
font-weight: bold;
 +
}
 +
.menuLink {
 +
color: black;
 +
font-family: sans-serif;
 +
font-size: 120%;
 +
}
 +
 
 +
.topMenuLi:hovor .menuLink {
 +
color: #888888 !important;
 +
}
 +
.submenuLink {
 +
color: black !important;
 +
margin-top: -1px;
 +
text-align: left;
 +
}
 +
.longLink {
 +
width: 250px;
 +
}
 +
.submenuC {
 +
position: absolute;
 +
height: 0px;
 +
overflow: hidden;
 +
transition: height .2s;
 +
font-family: sans-serif;
 +
font-size: 100%;
 +
}
 +
.submenuC a {
 +
text-decoration: none;
 +
}
 +
.topMenuLi:hover .submenuC {
 +
height: 250px;
 +
}
 +
.submenuLink:hover {
 +
color: #888888 !important;
 +
}
 +
 
 +
.mMenu_left{
 +
width: 45%;
 +
float: left;
 +
}
 +
 
 +
.mMenu_logo{
 +
width: 10%;
 +
float: left;
 +
}
 +
 
 +
.mMenu_right{
 +
width: 45%;
 +
float: right;
 +
}
  
−
#mainHomeBox{
 
−
width: 950px
 
−
height: all;
 
−
background-color: #e5e5e5;
 
−
font-family: sans-serif;
 
−
}
 
−
.mLeftBox {
 
−
width: 400px
 
−
height: 100%;
 
−
color: black;
 
−
float: left;
 
−
padding: 10px
 
−
}
 
−
.mRightBox {
 
−
width: 400px;
 
−
height: 100%;
 
−
color: black;
 
−
float: right;
 
−
padding-left: 10px;
 
−
}
 
−
.myimg{
 
−
width: 600px;
 
−
height: auto;
 
−
}
 
 
</style>
 
</style>
 +
</head>
  
 
<body>  
 
<body>  
−
<header id="header">
+
<header class="mHeader">
−
<br><br>
+
<div class="mHeader_logo_box">
−
<h1 style="font-family: serif;">BIOMARVEL</h1>
+
<a href="https://2018.igem.org/Team:BioMarvel"><img class="mTitle-logo" src="https://static.igem.org/mediawiki/2018/e/ec/T--Biomarvel--TitleLogo.png" herf="https://2018.igem.org/Team:BioMarvel"></a>
−
<h3 style="font-family: serif;">IGEM 2018: HIGHSCHOOL</h3>
+
</div>
−
</header>
+
<nav id="topMenu">
−
 
+
<div class="mMenu_left">
−
<nav id="topMenu">
+
<ul>
−
<ul>
+
<li class="topMenuLi" style="float: left; margin-left: 20px">
−
<li><a class="menuHome" href="https://2018.igem.org/Team:BioMarvel" style="color: red;">HOME</a></li>
+
<a class="menuLink">PROJECT</a>
−
<li class="topMenuLi">
+
<ul class="submenuC">
−
<a class="menuLink">PROJECT</a>
+
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Description">Description</a></li>
−
<ul class="submenuC">
+
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Heart failure">Heart failure</a></li>
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Description">Description</a></li>
+
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Design">Design</a></li>
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Background">Background</a></li>
+
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Demonstrate">Demonstrate</a></li>
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Design">Design</a></li>
+
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Parts">Parts</a></li>
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Experiments">Experiments</a></li>
+
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Application">Application</a></li>
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Results">Results</a></li>
+
</ul>
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Demonstrate">Demonstrate</a></li>
+
</li>
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Improve">Improve</a></li>
+
<li class="topMenuLi" style="margin-left: 18%; margin-right: auto;">
 +
<a class="menuLink">WET LAB</a>
 +
<ul class="submenuC">
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Experiments">Experiments</a></li>
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Results">Results</a></li>
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/InterLab">InterLab</a></li>
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li class="topMenuLi" style="float: right; margin-right: 20px">
 +
<a class="menuLink">HUMAN PRACTICES</a>
 +
<ul class="submenuC">
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices/Overview">Overview</a></li>
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices">Human Practices</a></li>
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices/Integrated_Practices">Integrated Practices</a></li>
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices/Public_Engagement">Public Engagement</a></li>
 +
</ul>
 +
</li>
 
</ul>
 
</ul>
−
</li>
+
</div>
−
<li class="topMenuLi">
+
<div class="mMenu_logo">
−
<a class="menuLink">PEOPLE</a>
+
<a href="https://2018.igem.org/Team:BioMarvel" style="margin-left: 25px;"><img src="https://static.igem.org/mediawiki/2018/b/b3/T--Biomarvel--Logo.png" style="height: 60px"></a>
−
<ul class="submenuC">
+
</div>
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/People/Members">Members</a></li>
+
<div class="mMenu_right">
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/People/Advisors">Advisors</a></li>
+
<ul>
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/People/Attributions">Attributions</a></li>
+
<li class="topMenuLi" style="float: left; margin-left: 20px">
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/People/Collaborations">Collaborations</a></li>
+
<a class="menuLink">NOTEBOOK</a>
 +
<ul class="submenuC">
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Notebook/Lab_Journal">Lab Journal</a></li>
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Notebook/Reference">Reference</a></li>
 +
</ul>
 +
</li>
 +
<li class="topMenuLi" style="margin-left: 20%; margin-right: auto;">
 +
<a class="menuLink">PEOPLE</a>
 +
<ul class="submenuC">
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/ Team:BioMarvel/People/Team">Team</a></li>
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/People/Attribution">Attribution</a></li>
 +
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/People/Collaboration">Collaboration</a></li>
 +
</ul>
 +
</li>
 +
<li class="topMenuLi" style="float: right; margin-right: 20px"><a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Achievement">Achievement</a></li>
 
</ul>
 
</ul>
−
</li>
+
</div>
−
<li class="topMenuLi">
+
</nav>
−
<a class="menuLink">PARTS</a>
+
</header>
−
<ul class="submenuC">
+
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Parts/Parts_overview">Parts overview</a></li>
+
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Parts/Basci_Parts">Basic Parts</a></li>
+
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Parts/Composite_Parts">Composite Parts</a></li>
+
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Parts/Parts_collection">Parts collection</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="topMenuLi">
+
−
<a class="menuLink">HUMAN PRACTICES</a>
+
−
<ul class="submenuC">
+
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices">Human Practices</a></li>
+
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices/Public_Education_N_Engagement">Public Education & Engagement</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="topMenuLi">
+
−
<a class="menuLink">SAFETY</a>
+
−
<ul class="submenuC">
+
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Safety/Lab_Safety">Lab Safety</a></li>
+
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Safety/Safe_Project_Design">Safe Project Design</a></li>
+
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Safety/Safe_Project_Use">Safe product Use</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="topMenuLi">
+
−
<a class="menuLink">NOTEBOOK</a>
+
−
<ul class="submenuC">
+
−
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Notebook/Demonstration">Demonstration</a></li>
+
−
</ul>
+
−
</li>
+
−
<li><a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Awards" style="color:black;">AWARDS</a></li>
+
−
<li><a class="menuLink" href="https://igem.org/2018_Judging_Form?team=BioMarvel">JUDGING FORM</a></li>
+
−
</ul>
+
−
</nav>
+
−
 
+
 
</body>  
 
</body>  
 
</html>
 
</html>

Revision as of 03:14, 10 September 2018