Team:TU-Eindhoven/Templates/boxes

From 2012.igem.org

(Difference between revisions)
Line 5: Line 5:
<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));  
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">Test <a style="color:#6bbe00 !important" href="/Team:Eindhoven">link</a>.</p>
+
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">
 +
<!-- Left box content -start -->
 +
Test <a style="color:#6bbe00 !important" href="/Team:TU-Eindhoven">link</a>.
 +
<!-- Left box content -end -->
 +
</p>
</div>
</div>
</div>
</div>
Line 14: Line 18:
<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));  
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">Test <a style="color:#d9b400 !important" onclick="displayVideo('http://www.youtube.com/watch?v=sSWQ_Rby51o?fs=1&amp;hl=en_GB'); return false;" href="http://www.youtube.com/watch?v=WCWjJFU1be8">video link</a> and a <a style="color:#d9b400 !important" href="http://tue.nl">usual link</a>.
+
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">
 +
<!-- Middle box content -start -->
 +
Test <a style="color:#d9b400 !important" onclick="displayVideo('http://www.youtube.com/watch?v=sSWQ_Rby51o?fs=1&amp;hl=en_GB'); return false;" href="http://www.youtube.com/watch?v=WCWjJFU1be8">video link</a> and a <a style="color:#d9b400 !important" href="http://tue.nl">usual link</a>.
 +
<!-- Middle box content -end -->
 +
</p>
 +
</div>
 +
</div>
 +
 
 +
<div id="rightbox" style="float:left;  height:200px; 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="rcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px; margin-top:5px; position:relative;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">
 +
<!-- Right box content -start -->
 +
A <a style="color:#e53500 !important;" href="https://2012.igem.org">link in the right box.</a>
 +
<!-- Right box content -end -->
 +
</p>
 +
</div>
 +
</div>
 +
 
 +
<!-- Overlay Youtube video script -start -->
<script>
<script>
var dontclose=false;
var dontclose=false;
Line 34: Line 58:
}
}
</script>
</script>
-
</div>
+
<!-- Overlay Youtube video script -end -->
-
</div>
+
-
<div id="rightbox" style="float:left;  height:200px; 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="rcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 
-
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px; margin-top:5px; position:relative;">
 
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">A <a style="color:#e53500 !important;" href="https://2012.igem.org">link in the right box.</a>
 
-
</div>
 
-
</div>
 
</html>
</html>

Revision as of 22:33, 12 July 2012

Abstract

Test link.

Multimedia

Test video link and a usual link.