Team:TU-Eindhoven/Templates/boxes

From 2012.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<div id="leftbox" style="float:left; height:200px;  width:242px;" class="tophome">
+
<!-- Boxes -start -->
 +
<div id="boxes" style="padding-bottom: 10px; overflow: auto;">
 +
 
 +
<div id="leftbox" style="float:left;  width:242px;" class="tophome">
<div id="lefttop" style="background:#96d446; background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png');" class="secheader">Abstract</div>
<div id="lefttop" style="background:#96d446; background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png');" class="secheader">Abstract</div>
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
Line 14: Line 17:
-
<div id="cbox" style="float:left; height:200px;  width:241px; margin-left:5px;" class="tophome">
+
<div id="cbox" style="float:left; width:241px; margin-left:5px;" class="tophome">
<div id="ctop" style="background:#fad72a;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Multimedia</div>
<div id="ctop" style="background:#fad72a;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Multimedia</div>
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
Line 20: Line 23:
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">
<!-- Middle box content -start -->
<!-- Middle box content -start -->
-
Test <a style="color:#d9b400 !important" onclick="displayVideo('http://www.youtube.com/watch?v=GQYyTT-vQmM?fs=1&amp;hl=en_GB'); return false;" href="http://www.youtube.com/watch?v=GQYyTT-vQmM">video link</a> and a <a style="color:#d9b400 !important" href="http://tue.nl">usual link</a>.
+
Test <a style="color:#d9b400 !important" onclick="displayVideo('http://www.youtube.com/watch?v=GQYyTT-vQmM?fs=1'); return false;" href="http://www.youtube.com/watch?v=GQYyTT-vQmM">video link</a> and a <a style="color:#d9b400 !important" href="http://tue.nl">usual link</a>.
<!-- Middle box content -end -->
<!-- Middle box content -end -->
</p>
</p>
Line 26: Line 29:
</div>
</div>
-
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
+
<div id="rightbox" style="float:left; margin-left:5px; width:242px;" class="tophome">
<div id="rtop" style="background:#fb5c2b;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Tools</div>
<div id="rtop" style="background:#fb5c2b;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Tools</div>
<div id="rcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
<div id="rcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
Line 59: Line 62:
</script>
</script>
<!-- Overlay Youtube video script -end -->
<!-- Overlay Youtube video script -end -->
 +
 +
</div>
 +
<!-- Boxes -end -->
</html>
</html>

Latest revision as of 20:28, 15 July 2012

Abstract

Test link.

Multimedia

Test video link and a usual link.