View source for Template:IIT-Madras/NewHeader


<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>iGEM Collaborations Page</title>

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="https://fonts.googleapis.com/css?family=Orbitron|Roboto" rel="stylesheet">


	
<style>

body {
font-family: 'title', sans-serif;
}
  #sideMenu, #top_title {display:none;}
#globalWrapper{ background: #161b1f; }
#mw-content-text>p{
  background: red;
  margin: 0px;
  display: none!important;
}
#content { padding:0px; width:100%; margin-top: 0px; margin-left:0px;}

  @font-face {
    src: url(https://static.igem.org/mediawiki/2018/f/fa/T--IIT-Madras--cantarell.ttf);
    font-family: title;
  }
@font-face {
 src: url(https://static.igem.org/mediawiki/2018/1/13/T--IIT-Madras--montserrat.otf);
    font-family: subtitle;
}

</style>
</head>

<body>
	<!-- #1EAF1F -->
	<span>
	<div class="topnav" id="myTopnav">
		  <a href="https://2018.igem.org/Team:IIT-Madras" class="block"><i class="fa fa-home" style="color: black; font-size: 1.5em;"></i></a>
		
	      
		  <div class="dropdown block">
   			 <div class="dropbtn">Project
    	  	<i class="fa fa-caret-down"></i>
   		 		</div>
    			<div class="dropdown-content">
     				 <a href="https://2018.igem.org/Team:IIT-Madras/Description">Description</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Design">Design</a>
     				 <a href="https://2018.igem.org/Team:IIT-Madras/Notebook">Notebook</a>
      				
					<a href="https://2018.igem.org/Team:IIT-Madras/Results">Results</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Demonstrations">Demonstrations</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Improvements">Improvements</a>
					
					<a href="https://2018.igem.org/Team:IIT-Madras/InterLab">InterLab</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Safety">Safety</a>
				</div>
			  </div>
<a href="https://2018.igem.org/Team:IIT-Madras/Parts" class="block">Parts</a>
      <a href="https://2018.igem.org/Team:IIT-Madras/Software" class="block">Software</a>

		<div class="dropdown block">
   			 <div class="dropbtn">Human Practices
    	  	<i class="fa fa-caret-down"></i>
   		 		</div>
    			<div class="dropdown-content">
     				 <a href="https://2018.igem.org/Team:IIT-Madras/Silver">Silver Human Practices</a>
 <a href="https://2018.igem.org/Team:IIT-Madras/IntegratedHP">Integrated Human Practices</a>
				
				</div> 
		</div>

<div class="dropdown block">
   			 <div class="dropbtn">Public Engagement
    	  	<i class="fa fa-caret-down"></i>
   		 		</div>
    			<div class="dropdown-content">
 <a href="https://2018.igem.org/Team:IIT-Madras/Public_Engagement">Overview</a>
     				 <a href="https://2018.igem.org/Team:IIT-Madras/TheLanguageProject">The Language Project</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/SchoolVisits">School Visits</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Synkranti">Research Magazine</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/WorkshopS">Workshop</a>
                                         <a href="https://2018.igem.org/Team:IIT-Madras/SynBioJournalClub">SynBio Journal Club</a>
                     
     				 
					
				</div> 
		</div>
		
<div class="dropdown block">
   			 <div class="dropbtn">The Team
    	  	<i class="fa fa-caret-down"></i>
   		 		</div>
    			<div class="dropdown-content">
     				 <a href="https://2018.igem.org/Team:IIT-Madras/Team">The Team</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Attributions">Attributions</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Collaborations">Collaborations</a>
				</div> 
		</div>
		
<a href="#" class="block">      </a>	
		
		</div>	
		</span>
		
		<div id="mySidenav" class="sidenav">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()" style="margin-top: 4mm;">&times;</a>
  <a href="#"><img src="https://static.igem.org/mediawiki/2018/e/ee/T--IIT-Madras--iitmlogo.png" alt="iGEM IITM" style="height: 50px; background-color: black; border-radius: 18mm; padding-right: 3mm; margin-left: 3mm; margin-top: 2mm;"  ></a>
  <a href="https://2018.igem.org/Team:IIT-Madras">Home</a>




  <a href="#" class="collapsible">Project</a>
<div class="coll_content">
 <a href="https://2018.igem.org/Team:IIT-Madras/Description">Description</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Design">Design</a>
     				 <a href="https://2018.igem.org/Team:IIT-Madras/Notebook">Notebook</a>
      				
					<a href="https://2018.igem.org/Team:IIT-Madras/">Results</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Results">Results</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Demonstrations">Demonstrations</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Improvements">Improvements</a>
					
					<a href="https://2018.igem.org/Team:IIT-Madras/InterLab">InterLab</a>
					<a href="https://2018.igem.org/Team:IIT-Madras/Safety">Safety</a>
</div>

 <a href="https://2018.igem.org/Team:IIT-Madras/Software">Software</a>
 <a href="https://2018.igem.org/Team:IIT-Madras/Software">Parts</a>
  <a href="#" class="collapsible">Community</a>
<div class="coll_content">
 <a href="https://2018.igem.org/Team:IIT-Madras/TheLanguageProject">Language Project</a>
					<a href="">School Visits</a>
					<a href="">Research Magazine</a>
					<a href="">Workshop</a>
					<a href="">Collaboration</a>
</div>

  <a href="#" class="collapsible">Community</a>
<div class="coll_content">
 <a href="https://2018.igem.org/Team:IIT-Madras/TheLanguageProject">Language Project</a>
					<a href="">School Visits</a>
					<a href="">Research Magazine</a>
					<a href="">Workshop</a>
					<a href="">Collaboration</a>
</div>


</div>
	
	<span style="font-size:30px;cursor:pointer; margin-left: 4mm;" onclick="openNav()" class="nodesk">&#9776;</span>
		

		
	<div>
	
<a href="https://2018.igem.org/Team:IIT-Madras" target="_blank">
	<img src="https://static.igem.org/mediawiki/2018/e/ee/T--IIT-Madras--iitmlogo.png" alt="iGEM IITM" style="height: 50px; background-color: black; border-radius: 18mm; padding-right: 3mm; margin-left: 3mm; margin-top: 2mm;" class="nomob" >
	</a>
		
</div>
		
	
	

  	



	
	




	</body>
	
	<style>
		
		body {
			font-family: 'montserrat', sans-serif;
			background-color: ;
			font-size: 6.5mm;
		}
		.content{
			padding-top: 50px;
			padding-left: 10%;
			padding-right: 10%;
			font-size: 21px;
			border-color: black;
			border-radius: 10%;
			border-style: outset;
		}
		
		
	
			
.topnav {
  
	float: right;
	
	display: block;
	
	
	
	
}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 2.2mm 2.5mm;
  text-decoration: none;
	
  font-size: 4.3mm;
}

.topnav a:active {
  
	
	cursor: pointer;
	color: blue;
	
	
}
	
.topnav a:hover {

  color: #19961A; 

	border-style: none;
	transform: scale(1.1);
}


		.dropdown {
    float: left;
    overflow: hidden;
	background-color: none;
}

.dropbtn{
	background-color: none;
}
.dropdown .dropbtn {
    font-size: 4.3mm;    
    border: none;
    outline: none;
    color: black;
    padding: 2mm 2.2mm;
	display: block;
    background-color: none;

    margin: 0;
}

.dropdown:hover .dropbtn {
    color: #19961A;
	transform: scale(1.1);
	cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    
    min-width: 160px;
    
    z-index: 10;
}

.dropdown-content a {
    float: none;
    color: white;
	background-color: black;
    padding: 2mm 2.2mm;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: black;
	color: #19961A;
}

.dropdown:hover .dropdown-content {
    display: block;
}
		
		
	@media screen and (max-width: 600px) {
		.topnav, .nomob{
			display: none;
		}
		
	
		
		
		.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: black;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #19961A;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: white;
	transform: scale(1.1);
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}


		}
		
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
	
		@media screen and (min-width: 600px){
			.sidenav, .sidenav a, .sidenav btn, .nodesk{
				display: none;
			
			}
		}

 .collapsible {

  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {

}

.collapsible:after {
  content: '';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "";
}

.coll_content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
 
} 

</style>
	<script>
		  function openNav() {
    document.getElementById("mySidenav").style.width = "250px";
}

function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
}


var coll = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.maxHeight){
      content.style.maxHeight = null;
    } else {
      content.style.maxHeight = content.scrollHeight + "px";
    } 
  });
}
</script>
</html>