Team:IIT Madras/Template:header
From 2011.igem.org
(Difference between revisions)
Varunchokshi (Talk | contribs) |
|||
(163 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<head> | <head> | ||
<style> | <style> | ||
- | .drop_down{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;} | ||
- | #nav_bar{width:100%;} | + | #nav_bar{width:100%; position:relative; top:-40px; z-index:2;} |
- | + | .nav_bar{display:none; position:relative;} | |
- | + | .nav_bar ul{list-style:none;} | |
- | + | ||
- | #nav_bar ul li {float:left; width:12%;} | + | #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_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 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://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="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;"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <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> | ||
- | |||
- | < | + | <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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
</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