|
|
| Line 1: |
Line 1: |
| | {{:Team:IIT_Madras/Template:header}} | | {{:Team:IIT_Madras/Template:header}} |
| - |
| |
| - | <html>
| |
| - | <head>
| |
| - | <style>
| |
| - | #main_content{
| |
| - | width:100%;
| |
| - | height:100%;
| |
| - | min-height:500px;
| |
| - | background:none;
| |
| - | position:relative;
| |
| - | top:-69px;
| |
| - | }
| |
| - | #header{
| |
| - | width:100%;
| |
| - | height:175px;
| |
| - | opacity:none;
| |
| - | color:white;
| |
| - | }
| |
| - | #header_bg{
| |
| - | width:100%;
| |
| - | height:100%;
| |
| - | background:white;
| |
| - | opacity:0.4;
| |
| - | }
| |
| - | #header_text{
| |
| - | position:relative;
| |
| - | top:-150px;
| |
| - | left:-50px;
| |
| - | }
| |
| - | #content_body{
| |
| - | color:white;
| |
| - | width:100%;
| |
| - | height:100%;
| |
| - | min-height:400px;
| |
| - | background:url('https://static.igem.org/mediawiki/2011/a/a9/IITM_content_bg.png') repeat-x repeat-y;
| |
| - | }
| |
| - | #content_text{
| |
| - | width:70%;
| |
| - | position:relative;
| |
| - | left:25%;
| |
| - | //text-align:right;
| |
| - | }
| |
| - | #content_menu{
| |
| - | width:19%;height:100%;
| |
| - | position:absolute;
| |
| - | top:175px; left:0;
| |
| - | }
| |
| - | #content_menu ul{list-style:none;}
| |
| - | #content_menu ul li{ height:21px; width:80%; position:relative; top:10px; padding-left:35%; padding-top:9px; padding-bottom:2px; }
| |
| - | #content_menu ul li:hover{background:#ec9f09;}
| |
| - | #content_menu ul li a{text-decoration:none; color:white; }
| |
| - |
| |
| - |
| |
| - | .part_body{width:500px; height:24px; position:relative; top:-24px; left:150px;}
| |
| - | .experiment{background:red; height:100%; float:left;}
| |
| - |
| |
| - | .part_title{}
| |
| - |
| |
| - | .part_timeline{height:24px; width:400px; background:red; position:relative; left:200px; top:-24px;}
| |
| - |
| |
| - | .exp{background:blue; height:100%; float:left;}
| |
| - |
| |
| - | .group{
| |
| - | position:relative; top:-24px; left:135px;}
| |
| - |
| |
| - | #popup{
| |
| - | width:100px;
| |
| - | height:50px;
| |
| - | background:gold;
| |
| - | display:none;
| |
| - | position:absolute;
| |
| - | }
| |
| - |
| |
| - | </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( $ ) {
| |
| - |
| |
| - | $(".exp").click(function(){
| |
| - | var name=$(this).attr("id");
| |
| - | window.location="https://2011.igem.org/Team:IIT_Madras/Notebook/"+name;
| |
| - | });
| |
| - |
| |
| - |
| |
| - | $(".exp").hover(function(e){
| |
| - | var exp_name=$(this).attr("alt");
| |
| - | document.getElementById("popup").innerText=exp_name;
| |
| - | var position=$(this).position();
| |
| - | $("#popup").css({"top":e.pageY,"left":e.pageX}).show();
| |
| - | },
| |
| - | function(){
| |
| - | $("#popup").delay(400).hide();
| |
| - | });
| |
| - |
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - | </head>
| |
| - | <body>
| |
| - | <div id="main_content">
| |
| - | <div id="header" align="right">
| |
| - | <div id="header_bg"></div>
| |
| - | <div id="header_text">
| |
| - | <h1 style="color:white;">IIT Madras</h1>
| |
| - | <h3 style="color:white;">And then the E.coli said, "Let there be light"</h3></div>
| |
| - | <div id="logo" align="left"><img src="https://static.igem.org/mediawiki/2011/3/32/Igem-logo.png" style="position:relative; top:-230px"/><img src="https://static.igem.org/mediawiki/2011/d/d7/200px-IIT_Madras_Logo.png" width="100px" height="100px;" style="position:relative; top:-230px"/> </div>
| |
| - | </div>
| |
| - | <div id="content_body">
| |
| - |
| |
| - | <div id="content_text">
| |
| - | <div id="gantt" style="position:relative; top:50px; left:-100px">
| |
| - |
| |
| - | <b class="group">Cloning</b><br/><br/>
| |
| - | <div id="part1" class="part_body">
| |
| - | <div id="part1_title" class="part_title">Control Parts</div>
| |
| - | <div id="part1_timeline" class="part_timeline">
| |
| - | <div id="exp1" class="exp" style="position:relative; width:4px; left:10px;" alt="Exp 1"></div>
| |
| - | <div id="exp2" class="exp" style="position:relative; width:4px; left:20px;" alt="Exp 2"></div>
| |
| - | <div id="exp3" class="exp" style="position:relative; width:4px; left:30px;" alt="Exp 3"></div>
| |
| - | <div id="exp4" class="exp" style="position:relative; width:4px; left:40px;" alt="Exp 4"></div>
| |
| - | <div id="exp5" class="exp" style="position:relative; width:4px; left:50px;" alt="Exp 5"></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <br/>
| |
| - | <div id="part1" class="part_body">
| |
| - | <div id="part1_title" class="part_title">Dioxygenase</div>
| |
| - | <div id="part1_timeline" class="part_timeline">
| |
| - | <div id="exp1" class="exp" style="position:relative; width:4px; left:10px;" alt="Exp 1"></div>
| |
| - | <div id="exp2" class="exp" style="position:relative; width:4px; left:20px;" alt="Exp 2"></div>
| |
| - | <div id="exp3" class="exp" style="position:relative; width:4px; left:30px;" alt="Exp 3"></div>
| |
| - | <div id="exp4" class="exp" style="position:relative; width:4px; left:40px;" alt="Exp 4"></div>
| |
| - | <div id="exp5" class="exp" style="position:relative; width:4px; left:50px;" alt="Exp 5"></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <br/>
| |
| - | <div id="part1" class="part_body">
| |
| - | <div id="part1_title" class="part_title">Proteorhodopsin</div>
| |
| - | <div id="part1_timeline" class="part_timeline">
| |
| - | <div id="exp1" class="exp" style="position:relative; width:4px; left:10px;" alt="Exp 1"></div>
| |
| - | <div id="exp2" class="exp" style="position:relative; width:4px; left:20px;" alt="Exp 2"></div>
| |
| - | <div id="exp3" class="exp" style="position:relative; width:4px; left:30px;" alt="Exp 3"></div>
| |
| - | <div id="exp4" class="exp" style="position:relative; width:4px; left:40px;" alt="Exp 4"></div>
| |
| - | <div id="exp5" class="exp" style="position:relative; width:4px; left:50px;" alt="Exp 5"></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <br/>
| |
| - |
| |
| - |
| |
| - | </div> <!-- close of gantt -->
| |
| - |
| |
| - | </div></div>
| |
| - |
| |
| - |
| |
| - | <div id="content_menu">
| |
| - | <ul>
| |
| - | <li><a href="https://2011.igem.org/Team:IIT_Madras">Home</a></li>
| |
| - | <li><a href="https://2011.igem.org/Team:IIT_Madras/Team">Team</a></li>
| |
| - | <li><a href="https://2011.igem.org/Team:IIT_Madras/Project">Project</a></li>
| |
| - | <li><a href="https://2011.igem.org/Team:IIT_Madras/Parts">Parts</a></li>
| |
| - | <li><a href="https://2011.igem.org/Team:IIT_Madras/Modeling">Modeling</a></li>
| |
| - | <li><a href="https://2011.igem.org/Team:IIT_Madras/Notebook">Notebook</a></li>
| |
| - | <li><a href="https://2011.igem.org/Team:IIT_Madras/Safety">Safety</a></li>
| |
| - | <li><a href="https://2011.igem.org/Team:IIT_Madras/Attributions">Attributions</a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <!-- close of content -->
| |
| - |
| |
| - | <div id="popup" align=center></div>
| |
| - |
| |
| - | </div>
| |
| - | </body>
| |
| - | </html>
| |
"
