Team:IIT Madras/Template:header

From 2011.igem.org

(Difference between revisions)
 
(146 intermediate revisions not shown)
Line 3: Line 3:
<head>
<head>
<style>
<style>
-
#drop_down{}
+
.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;}
-
#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">
 +
jQuery( document ).ready( function( $ ) {
 +
 +
$(".menu_item").hover(function(){
 +
var name=$(this).attr('id') + "_menu";
 +
$("#"+name).stop(true,true).slideDown();
 +
},
 +
function(){
 +
$(this).stop();
 +
var name=$(this).attr('id') + "_menu";
 +
$("#"+name).stop(true,true).slideUp();
 +
});
 +
 +
$("#project").hover(function(){
 +
$("#project_links").show();
 +
},
 +
function(){
 +
$("#project_links").hide();
 +
});
 +
 +
$("#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>
<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">
+
<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>
-
<ul>
+
-
<li><a href="#">Project</a>
+
-
<ul id="drop_down">
+
-
<li style="width:100%; background:#ec9f09;"><a href="#">Principle</a></li>
+
-
<li style="width:100%; background:#ec9f09;"><a href="#">Approach</a></li>
+
-
<li style="width:100%; background:#ec9f09;"><a href="#">Results</a></li>
+
-
<li style="width:100%; background:#ec9f09;"><a href="#">Applications</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Parts</a></li>
 
-
<li><a href="#">Modelling</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">
+
-
<li style="width:100%; background:#ec9f09;"><a href="#">Introduction</a></li>
+
-
<li style="width:100%; background:#ec9f09;"><a href="#">Tools</a></li>
+
-
<li style="width:100%; background:#ec9f09;"><a href="#">Results/<a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Archives</a>
+
<a href="https://2011.igem.org/Team:IIT_Madras" id="overview" class="link" style="top:99px; left:7px;"></a>
-
<ul class="drop_down">
+
<a href="https://2011.igem.org/Team:IIT_Madras/Project/Principle" id="principle" class="link" style="top:85px; left:42px;"></a>
-
<li style="width:100%; background:#ec9f09;"><a href="#">Notebook</a></li>
+
<a href="https://2011.igem.org/Team:IIT_Madras/Project/Device" id="device" class="link" style="top:107px; left:108px;"></a>
-
<li style="width:100%; background:#ec9f09;"><a href="#">Protocols</a></li>
+
<a href="https://2011.igem.org/Team:IIT_Madras/Project/Results" id="device" class="link" style="top:86px; left:164px;"></a>
-
</ul>
+
<a href="https://2011.igem.org/Team:IIT_Madras/Notebook" id="notebook" class="link" style="top:109px; left:240px;"></a>
-
</li>
+
<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><a href="#">Safety</a></li>
 
-
<li><a href="#">Human Practices</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><a href="#">Attributions</a></li>
 
-
<li><a href="#">About Us</a>
 
-
<ul class="drop_down"><li style="width:100%; background:#ec9f09;"><a href="#">Gallery</a></li><li style="width:100%; background:#ec9f09;"><a href="#">Team</a></li><ul></li>
 
-
 
-
</ul>
 
</div>
</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