Team:TU-Eindhoven/Templates/boxes
From 2012.igem.org
(Difference between revisions)
Nickveeken (Talk | contribs) |
Nickveeken (Talk | contribs) |
||
(5 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <div id="leftbox" style="float:left | + | <!-- 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; | + | <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= | + | 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 | + | <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