Team:Heidelberg/testing/Project new

From 2014.igem.org

(Difference between revisions)
 
(5 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 287: Line 286:
font-size: 5em;
font-size: 5em;
line-height: 70px;
line-height: 70px;
 +
font-weight: bold;
 +
}
 +
 +
#linker-links {
 +
position: absolute;
 +
width: 405px;
 +
right: 60px;
 +
top: 35px;
 +
height: 240px;
}
}
Line 318: 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 342: 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">
Line 399: 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"