Team:IIT Madras/Template:header

From 2011.igem.org

(Difference between revisions)
 
(70 intermediate revisions not shown)
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; background:yellow; opacity:0.3; width:54px; height:15px; z-index:5;}
+
.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 98: 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;  z-index:4;" align="right"/></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;  z-index:4;" align="right"/></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>
-
<div id="new_menu" style="background:url(https://static.igem.org/mediawiki/2011/5/5b/Linearized_Vector_Map.png) no-repeat; width:950px; height:203px; position:relative;top:-40px;left:35px;">
+
<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>
-
<a href="#" id="overview" class="link" style="top:40px; left:12px;"></a>
 
-
<div id="principle" class="link" style="top:15px; left:76px;"></div>
 
-
<div id="device" class="link" style="top:66px; left:164px;"></div>
 
-
<div id="notebook" class="link" style="top:32px; left:220px;"></div>
 
-
<div id="protocols" class="link" style="top:32px; left:309px;"></div>
 
-
<div id="modelling" class="link" style="top:38px; left:375px;"></div>
 
-
<div id="tools" class="link" style="top:57px; left:434px;"></div>
 
-
<div id="results" class="link" style="top:172px; left:397px;"></div>
 
-
<div id="team" class="link" style="top:161px; left:517px;"></div>
 
-
<div id="gallery" class="link" style="top:187px; left:509px;"></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