Team:IIT Madras/Template:header

From 2011.igem.org

(Difference between revisions)
 
(100 intermediate revisions not shown)
Line 8: Line 8:
#nav_bar{width:100%; position:relative; top:-40px; z-index:2;}
#nav_bar{width:100%; position:relative; top:-40px; z-index:2;}
-
.nav_bar{/*display:none;*/}
+
.nav_bar{display:none; position:relative;}  
.nav_bar ul{list-style:none;}
.nav_bar ul{list-style:none;}
Line 16: Line 16:
.nav_item{position:relative; float:left; top:15px; height:30px; cursor:pointer;}
.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 60: Line 66:
});
});
 +
$("#project_links").hover(function(){
 +
$("#project_links").show();
 +
},
 +
function(){
 +
$("#project_links").hide();
});
});
-
</script>-->
 
-
</head>
 
-
<body>
+
$("#scribbles_links").hover(function(){
 +
$("#scribbles_links").show();
 +
},
 +
function(){
 +
$("#scribbles_links").hide();
 +
});
-
<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>
+
$("#modelling_links").hover(function(){
-
<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>
+
$("#modelling_links").show();
-
<!--
+
},
-
<div id="nav_bar">
+
function(){
-
<ul>
+
$("#modelling_links").hide();
-
<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>
+
$("#about_links").hover(function(){
 +
$("#about_links").show();
 +
},
 +
function(){
 +
$("#about_links").hide();
 +
});
-
<li class="menu_item" id="modelling"><a href="#">Modelling</a>
+
});
-
<ul class="drop_down" id="modelling_menu">
+
</script>-->
-
<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>
+
</head>
-
<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>
+
<body>
-
<li class="menu_item" id="human"><a href="#">Human Practices</a></li>
+
<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>
-
 
+
-
<li class="menu_item" id="attributions"><a href="#">Attributions</a></li>
+
-
 
+
-
<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 id="title" style="position:relative; top:-160px; font-size:3em;"><h1 align=center>Team IIT Madras</h1></div>
+
-
<div id="new_menu" style="background:url(https://static.igem.org/mediawiki/2011/8/80/Cut_plasmid.png) no-repeat; width:900px; height:60px; position:relative;top:-120px;left:35px;">
+
<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>
-
<div id="overview" class="nav_item" style=" left:0px; width:41px;"></div>
 
-
<div id="project" class="nav_item" style=" left:7px; width:124px;"></div>
 
-
<div id="parts" class="nav_item" style=" left:7px; width:54px;"></div>
 
-
<div id="scribbles" class="nav_item" style=" left:51px; width:79px;"></div>
 
-
<div id="modelling" class="nav_item" style=" left:78px; width:98px;"></div>
 
-
<div id="about" class="nav_item" style=" left:93px; width:76px;"></div>
 
-
<div id="safety" class="nav_item" style=" left:108px; width:55px;"></div>
 
-
<div id="human" class="nav_item" style=" left:116px; width:102x;"></div>
 
-
<div id="attributions" class="nav_item" style=" left:108px; width:115px;"></div>
 
 +
<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;">
-
<div id="project_links" class="nav_bar"><ul>
+
<a href="https://2011.igem.org/Team:IIT_Madras" id="overview" class="link" style="top:99px; left:7px;"></a>
-
<li style="position:relative;top:0;left:0;">Priciple</li>
+
<a href="https://2011.igem.org/Team:IIT_Madras/Project/Principle" id="principle" class="link" style="top:85px; left:42px;"></a>
-
<li style="position:relative;top:0;left:0;">Approach</li>
+
<a href="https://2011.igem.org/Team:IIT_Madras/Project/Device" id="device" class="link" style="top:107px; left:108px;"></a>
-
<li style="position:relative;top:0;left:0;">Wetlab</li>
+
<a href="https://2011.igem.org/Team:IIT_Madras/Project/Results" id="device" class="link" style="top:86px; left:164px;"></a>
-
</ul></div>
+
<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>
-
<div id="scribbles_links" class="nav_bar"><ul>
 
-
<li style="position:relative;top:0;left:0;">Notebook</li>
 
-
<li style="position:relative;top:0;left:0;">Protocol</li>
 
-
</ul></div>
 
-
<div id="modelling_links" class="nav_bar" ><ul>
+
<a href="https://2011.igem.org/Team:IIT_Madras/Project" id="project1" class="main_link" style="left:50px; width:127px; "></a>
-
<li style="position:relative;top:0;left:0;">Results</li>
+
<a href="https://2011.igem.org/Team:IIT_Madras/Parts" id="parts1" class="main_link" style="left:178px; width:56px; "></a>
-
<li style="position:relative;top:0;left:0;">Introduction</li>
+
<a href="https://2011.igem.org/Team:IIT_Madras/Scribbles" id="scribbles1" class="main_link" style="left:258px; width:86px; "></a>
-
<li style="position:relative;top:0;left:0;">Tools</li>
+
<a href="https://2011.igem.org/Team:IIT_Madras/Dry_lab/Modelling" id="drylab1" class="main_link" style="left:367px; width:102px; "></a>
-
</ul></div>
+
<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>
-
<div id="about_links" class="nav_bar"><ul>
 
-
<li style="position:relative;top:0;left:0;">Team</li>
 
-
<li style="position:relative;top:0;left:0;">Gallery</li>
 
-
</ul></div>
 
</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