Team:Heidelberg/testing/Project new

From 2014.igem.org

(Difference between revisions)
m
 
(4 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: 0px;
+
left: 0;
-
top: 0px;
+
top: 0;
color: white;
color: white;
}
}
Line 242: Line 241:
z-index: 3;
z-index: 3;
position:absolute;
position:absolute;
-
left: 50px;
+
right: 0;
-
top: 0px;
+
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 {
#linker-links {
position: absolute;
position: absolute;
-
border: solid 1px red;
 
width: 405px;
width: 405px;
right: 60px;
right: 60px;
top: 35px;
top: 35px;
-
height: 205px;
+
height: 240px;
}
}
Line 334: Line 333:
<span class="red-text">in silico</span></span>
<span class="red-text">in silico</span></span>
</a>
</a>
-
<a href="#" clas="block" id="screened">
+
<a href="#" class="block" id="screened">
<span style="position: relative;top:10px;display: inline-block;">
<span style="position: relative;top:10px;display: inline-block;">
screened <span class="red-text">in vitro</span><br>
screened <span class="red-text">in vitro</span><br>
with lysozyme</span>
with lysozyme</span>
<img style="height:60px; display:inline-block;" src="/wiki/images/d/df/Heidelberg_Lysozyme.png" />
<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>
</a>
     </div>
     </div>
Line 410: 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