Team:Heidelberg/testing/Project new

From 2014.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Heidelberg/Templates/MainTemplate}}
+
{{:Team:Heidelberg/Templates/MainTemplate|unresponsive=}}
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstrapcss}}
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstrapcss}}
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstraptheme}}
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstraptheme}}
Line 14: Line 14:
background-repeat: no-repeat;
background-repeat: no-repeat;
background-size: 100% auto;
background-size: 100% auto;
-
 
}
}
Line 215: Line 214:
   left:0;
   left:0;
   top:0;
   top:0;
-
   opacity:0;
+
   display:none;
   background-image:url('/wiki/images/5/51/Heidelberg_project_red_overlay.png');
   background-image:url('/wiki/images/5/51/Heidelberg_project_red_overlay.png');
   background-size: 100% auto;
   background-size: 100% auto;
Line 234: Line 233:
z-index: 3;
z-index: 3;
position:absolute;
position:absolute;
-
left: 685px;
+
left: 0;
-
top: 40px;
+
top: 0;
color: white;
color: white;
}
}
Line 242: Line 241:
z-index: 3;
z-index: 3;
position:absolute;
position:absolute;
-
left: 880px;
+
right: 0;
-
top: 50px;
+
top: 0;
color: white;
color: white;
}
}
Line 263: Line 262:
position: absolute;
position: absolute;
}
}
 +
 +
#xylanase-box {
 +
width:250px;
 +
top: 556px;
 +
right:40px;
 +
position:absolute;
 +
}
 +
 +
#xylanase-img {
 +
height: 140px;
 +
    position: absolute;
 +
    right: 15px;
 +
}
 +
 +
a:hover #xylanase-img {
 +
right: 13px;
 +
}
 +
 +
#toolbox-text{
 +
position: absolute;
 +
top: 145px;
 +
right: -135px;
 +
font-size: 5em;
 +
line-height: 70px;
 +
font-weight: bold;
 +
}
 +
 +
#linker-links {
 +
position: absolute;
 +
width: 405px;
 +
right: 60px;
 +
top: 35px;
 +
height: 240px;
 +
}
 +
</style>
</style>
Line 292: Line 326:
     <div id="redOverlay"></div>
     <div id="redOverlay"></div>
     <div style="z-index:3;position:relative;">
     <div style="z-index:3;position:relative;">
 +
    <div id="linker-links">
 +
    <a href="#" class="block" id="calibrated">
 +
<img style="height:60px;display: inline-block;" src="/wiki/images/e/ea/Heidelberg_Project_Computer.png">
 +
<span style="position: relative;top: 10px;display: inline-block;">
 +
calibrated<br>
 +
<span class="red-text">in silico</span></span>
 +
</a>
 +
<a href="#" class="block" id="screened">
 +
<span style="position: relative;top:10px;display: inline-block;">
 +
screened <span class="red-text">in vitro</span><br>
 +
with lysozyme</span>
 +
<img style="height:60px; display:inline-block;" src="/wiki/images/d/df/Heidelberg_Lysozyme.png" />
 +
</a>
 +
<a href="#" class="block" style="bottom:0; left:0; position:absolute;">
 +
<span class="red-text" >circularize</span> it<br>
 +
with calculated linkers
 +
</a>
 +
    </div>
<div class="ringbox">
<div class="ringbox">
<img src="/wiki/images/0/0d/Heidelberg_Firering_red.png" id="ring-background" />
<img src="/wiki/images/0/0d/Heidelberg_Firering_red.png" id="ring-background" />
Line 307: Line 359:
<div id="onoff-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/OnOff"><img src="/wiki/images/c/c2/Heidelberg_Toolbox_On-Off.png" id="onoff-icon" class="toolbox-icon"/></a><h3><span>ON/OFF</span></h3><div><span>Activate or deactivate Proteins using Inteins</span></div></div>
<div id="onoff-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/OnOff"><img src="/wiki/images/c/c2/Heidelberg_Toolbox_On-Off.png" id="onoff-icon" class="toolbox-icon"/></a><h3><span>ON/OFF</span></h3><div><span>Activate or deactivate Proteins using Inteins</span></div></div>
<div id="purification-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/Purification"><img src="/wiki/images/0/04/Heidelberg_Toolbox_Purification.png" id="purification-icon" class="toolbox-icon"/></a><div><h3><span>PURIFICATION</span></h3></div><span>Placeholder</span></div>
<div id="purification-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/Purification"><img src="/wiki/images/0/04/Heidelberg_Toolbox_Purification.png" id="purification-icon" class="toolbox-icon"/></a><div><h3><span>PURIFICATION</span></h3></div><span>Placeholder</span></div>
 +
<div id="toolbox-text">
 +
the intein<br>
 +
<span>toolbox<span>
 +
</div>
</div>
</div>
<a href="#" clas="block" id="lightning">
<a href="#" clas="block" id="lightning">
Line 312: Line 368:
<span style="position: relative;top: 20px;display: inline-block;">
<span style="position: relative;top: 20px;display: inline-block;">
inducable via<br>
inducable via<br>
-
<span style="font-weight:bold;" class="red-text">light induction</span></span>
+
<span style="font-weight:bold;position: relative;left: -18px;" class="red-text">light induction</span></span>
-
</a>
+
-
<a href="#" clas="block" id="calibrated">
+
-
<img style="height:60px;display: inline-block;" src="/wiki/images/e/ea/Heidelberg_Project_Computer.png">
+
-
<span style="position: relative;top: 10px;display: inline-block;">
+
-
calibrated<br>
+
-
<span class="red-text">in silico</span></span>
+
-
</a>
+
-
<a href="#" clas="block" id="screened">
+
-
<span style="position: relative;top:10px;display: inline-block;">
+
-
screened <span class="red-text">in vitro</span><br>
+
-
with lysozyme</span>
+
-
<img style="height:60px; display:inline-block;" src="/wiki/images/d/df/Heidelberg_Lysozyme.png" />
+
</a>
</a>
<a href="#" class="block box" style="width:250px;" id="dnmt1-box">
<a href="#" class="block box" style="width:250px;" id="dnmt1-box">
<img id="dnmt1-img" src="/wiki/images/a/a6/Heidelberg_Project_Dnmt1.png">
<img id="dnmt1-img" src="/wiki/images/a/a6/Heidelberg_Project_Dnmt1.png">
-
<span style="position:relative; z-index-5;" class="block">
+
<span style="position:relative; z-index:5;" class="block">
<span style="font-size:1.5em;">
<span style="font-size:1.5em;">
<span class="red-text">Heat-stable</span><br>  circular <br><span style="font-weight:bold;">Methyltransferase</span>
<span class="red-text">Heat-stable</span><br>  circular <br><span style="font-weight:bold;">Methyltransferase</span>
Line 335: Line 379:
<span class="red-text">PCR</span><br>
<span class="red-text">PCR</span><br>
2.0
2.0
 +
</span>
 +
</span>
 +
</a>
 +
<a href="#" class="block box" id="xylanase-box">
 +
<img id="xylanase-img" src="/wiki/images/8/82/Heidelberg_Project_Xylanase.png">
 +
<span style="position:relative; z-index:5;" class="block">
 +
<span style="font-size:1.5em;">
 +
<span class="red-text">Heat-stable</span><br>  circular <br><span style="font-weight:bold;">Xylanase</span>
 +
</span><br>
 +
<span style="font-size: 2.5em; text-align:right;">
 +
<span class="">Industry</span>
</span>
</span>
</span>
</span>
Line 358: Line 413:
}
}
});
});
 +
 +
$('#linker-links').mouseenter(function(){
 +
$('#redOverlay').stop(true);
 +
$('#redOverlay').fadeIn();
 +
});
 +
 +
$('#linker-links').mouseleave(function(){
 +
$('#redOverlay').stop(true);
 +
$('#redOverlay').fadeOut();
 +
});
 +
});
});
</script>
</script>
</html>
</html>

Latest revision as of 15:44, 12 October 2014

Retrieved from "http://2014.igem.org/Team:Heidelberg/testing/Project_new"