Team:IIT Madras/Template:header

From 2011.igem.org

(Difference between revisions)
 
(130 intermediate revisions not shown)
Line 3: Line 3:
<head>
<head>
<style>
<style>
-
.drop_down{position:relative; top:3px; color:#a62424; display:none;}
+
.drop_down{position:relative; top:3px; color:#a62424; display:none; opacity:0.90; filter:alpha(opacity:90); }
.drop_down a{text-decoration:none; color:#a62424;}
.drop_down a{text-decoration:none; color:#a62424;}
-
#nav_bar{width:100%; position:relative; top:-40px;}
+
#nav_bar{width:100%; position:relative; top:-40px; z-index:2;}
-
#nav_bar ul{list-style:none;
+
.nav_bar{display:none; position:relative;}
-
float:left;
+
.nav_bar ul{list-style:none;}
-
width:100%;}
+
#nav_bar ul li {float:left; width:12%; background:#258fcd; text-align:center; height:24px;padding-top:7px;}
#nav_bar ul li {float:left; width:12%; background:#258fcd; text-align:center; height:24px;padding-top:7px;}
#nav_bar ul li a{text-decoration:none; color:white; }
#nav_bar ul li a{text-decoration:none; color:white; }
 +
.nav_item{position:relative; float:left; top:15px; height:30px; cursor:pointer;}
 +
 +
.link{position:absolute; width:54px; height:15px; z-index:5;}
 +
.link:hover{border-bottom:#aaa 1px solid;}
 +
 +
.main_link{position:absolute; height:30px; z-index:5; top:33px;}
 +
}
</style>
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script>
-
<script type="text/javascript">
+
 
 +
<!--<script type="text/javascript">
jQuery( document ).ready( function( $ ) {  
jQuery( document ).ready( function( $ ) {  
Line 31: Line 38:
});
});
 +
$("#project").hover(function(){
 +
$("#project_links").show();
 +
},
 +
function(){
 +
$("#project_links").hide();
});
});
-
</script>
+
 
 +
$("#scribbles").hover(function(){
 +
$("#scribbles_links").show();
 +
},
 +
function(){
 +
$("#scribbles_links").hide();
 +
});
 +
 
 +
$("#modelling").hover(function(){
 +
$("#modelling_links").show();
 +
},
 +
function(){
 +
$("#modelling_links").hide();
 +
});
 +
 
 +
$("#about").hover(function(){
 +
$("#about_links").show();
 +
},
 +
function(){
 +
$("#about_links").hide();
 +
});
 +
 
 +
$("#project_links").hover(function(){
 +
$("#project_links").show();
 +
},
 +
function(){
 +
$("#project_links").hide();
 +
});
 +
 
 +
 
 +
$("#scribbles_links").hover(function(){
 +
$("#scribbles_links").show();
 +
},
 +
function(){
 +
$("#scribbles_links").hide();
 +
});
 +
 
 +
$("#modelling_links").hover(function(){
 +
$("#modelling_links").show();
 +
},
 +
function(){
 +
$("#modelling_links").hide();
 +
});;
 +
 
 +
$("#about_links").hover(function(){
 +
$("#about_links").show();
 +
},
 +
function(){
 +
$("#about_links").hide();
 +
});
 +
 
 +
});
 +
</script>-->
</head>
</head>
Line 38: Line 102:
<body>
<body>
-
<a href="https://2011.igem.org"><img src="https://static.igem.org/mediawiki/2011/3/32/Igem-logo.png" style="position:relative; top:-60px"/></a>
+
<a href="https://2011.igem.org"><img src="https://static.igem.org/mediawiki/2011/3/32/Igem-logo.png" style="position:relative; top:-60px; z-index:4;" align="right" alt="iGEM 2011 - Home Page"/></a>
-
<a href="http://iitm.ac.in"><img src="https://static.igem.org/mediawiki/2011/d/d7/200px-IIT_Madras_Logo.png" width="100px" height="100px;" style="position:relative; top:-60px; left:-10px;" align="right"/></a>
+
-
 
+
-
<div id="nav_bar">
+
-
<ul>
+
-
<li class="menu_item" id="project"><a href="#">Project</a>
+
-
<ul class="drop_down" id="project_menu">
+
-
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Principle</b></a></li>
+
-
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;"  href="#"><b>Approach</b></a></li>
+
-
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Results</b></a></li>
+
-
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Applications</b></a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="menu_item" id="parts"><a href="#">Parts</a></li>
+
<a href="http://www.iitm.ac.in" target="blank"><img src="https://static.igem.org/mediawiki/2011/d/d7/200px-IIT_Madras_Logo.png" width="100px" height="100px;" style="position:relative; top:-60px; left:-10px;  z-index:4;" align="right" alt="Indian Institute of Technology - Madras"/></a>
-
<li class="menu_item" id="modelling"><a href="#">Modelling</a>
 
-
<ul class="drop_down" id="modelling_menu">
 
-
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Introduction</b></a></li>
 
-
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Tools</b></a></li>
 
-
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Results<b></a></li>
 
-
</ul>
 
-
</li>
 
-
<li class="menu_item" id="archives"><a href="#">Archives</a>
+
<div id="new_menu" style="background:url(https://static.igem.org/mediawiki/2011/5/5b/Linearized_Vector_Map.png) no-repeat; width:950px; height:145px; position:relative;top:40px;left:35px;">
-
<ul class="drop_down" id="archives_menu">
+
-
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Notebook</b></a></li>
+
-
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Protocols</b></a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="menu_item" id="safety"><a href="#">Safety</a></li>
+
<a href="https://2011.igem.org/Team:IIT_Madras" id="overview" class="link" style="top:99px; left:7px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Project/Principle" id="principle" class="link" style="top:85px; left:42px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Project/Device" id="device" class="link" style="top:107px; left:108px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Project/Results" id="device" class="link" style="top:86px; left:164px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Notebook" id="notebook" class="link" style="top:109px; left:240px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Notebook/Protocols" id="protocols" class="link" style="top:109px; left:305px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Dry_lab/Modelling" id="modelling" class="link" style="top:88px; left:415px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Dry_lab/Tools" id="tools" class="link" style="top:109px; left:404px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Dry_lab/Circuitry" id="results" class="link" style="top:129px; left:412px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/About_us/Team" id="team" class="link" style="top:88px; left:517px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/About_us/Gallery" id="gallery" class="link" style="top:112px; left:521px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Sponsors" id="gallery" class="link" style="top:104px; left:891px;"></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Data_page" style="position:absolute; top:0px; left:158px; width:100px; height:32px; background:red; opacity:0.3;"></a>
-
<li class="menu_item" id="human"><a href="#">Human Practices</a></li>
 
-
<li class="menu_item" id="attributions"><a href="#">Attributions</a></li>
+
<a href="https://2011.igem.org/Team:IIT_Madras/Project" id="project1" class="main_link" style="left:50px; width:127px; "></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Parts" id="parts1" class="main_link" style="left:178px; width:56px; "></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Scribbles" id="scribbles1" class="main_link" style="left:258px; width:86px; "></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Dry_lab/Modelling" id="drylab1" class="main_link" style="left:367px; width:102px; "></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/About_us" id="about1" class="main_link" style="left:483px; width:97px; "></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Safety" id="safety1" class="main_link" style="left:598px; width:64px; "></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Human_practices" id="human1" class="main_link" style="left:663px; width:108px; "></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Attributions" id="attributions1" class="main_link" style="left:797px; width:102px; "></a>
 +
<a href="https://2011.igem.org/Team:IIT_Madras/Sponsors" id="sponsors1" class="main_link" style="left:907px; width:41px;"></a>
-
<li class="menu_item" id="aboutus"><a href="#">About Us</a>
 
-
<ul class="drop_down" id="aboutus_menu"><li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Gallery</b></a></li><li style="width:100%; background:#ec9f09;"><a href="#" style="text-decoration:none; color:#a62424;" ><b>Team</b></a></li><ul></li>
 
-
</ul>
 
</div>
</div>
-
<div id="title" style="position:relative; top:-160px; font-size:3em;"><h1 align=center>Team IIT Madras</h1></div>
+
<div id="banner" style="background:url('https://static.igem.org/mediawiki/2011/3/3c/IIT69.jpg') -50px -195px; position:absolute; top:6px; left:17px; width:740px; height:100px;"></div>
</body>
</body>
</html>
</html>

Latest revision as of 03:34, 29 October 2011

bar iGEM 2011 - Home Page Indian Institute of Technology - Madras