"
Team:TU-Eindhoven/Templates/boxes
From 2012.igem.org
(Difference between revisions)
Nickveeken (Talk | contribs) |
Nickveeken (Talk | contribs) |
||
| (7 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)); | ||
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> | ||
| - | <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)); | ||
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= | + | <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=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 --> | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <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="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 61: | ||
} | } | ||
</script> | </script> | ||
| - | < | + | <!-- Overlay Youtube video script -end --> |
| - | + | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
</div> | </div> | ||
| + | <!-- Boxes -end --> | ||
| + | |||
</html> | </html> | ||
Latest revision as of 20:28, 15 July 2012
