Biomod/2015/OhioMOD
<html> <!--Nav Bar Theme--> <link href="http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css" rel="stylesheet"> <style>
- content{margin-left:0; margin-top:0; margin-bottom:0;}
.navbar{ top:0px; position:fixed; width:96.8%; } /*clearing the side openwetware panels*/ .firstHeading, #column-one, #p-bookmarks, #p-history , .portlet{ display:none; }
- bodyContent/*clearing the side openwetware panels
.firstHeading, #column-one, #p-bookmarks, #p-history , .portlet{ display:none; }
- content#bodyContent, {
/*display:none;*/ background-color:#FFFFFF; }
- OSUfooter{
clear:both; }
- footer{display: none;}
<body> <!--css stuff begins here-->
<style>
{ color: #000016; background-color: #BDE20D; }
.html { background-color: #FFFFFF;
}
- page
{ display:block; z-index: 1; width: 792px; height: 700px; background-image: none; border-style: none; border-color: #000000; background-color: transparent; margin-left: auto; margin-right: auto; margin-bottom:auto; bottom:0; }
- u450
{ z-index: 2; width: 792px; background-color: transparent; position: relative; }
- pu456
{ width: 0.01px; }
- u456
{ z-index: 4; width: 99px; background-color: transparent; position: relative; margin-right: -10000px; }
- u468
{ z-index: 6; width: 574px; position: relative; background-color: transparent; margin-right: -10000px; left: 218px; top:-552px;
}
- u474
{ z-index: 8; width: 131px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 1px; left: 218px; top:-553px; }
- u486
{ z-index: 10; width: 317px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 1px; left: 475px; top:-711px; }
- u492
{ z-index: 12; width: 95px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 12px; left: 475px; top:-723px; }
- u504
{ z-index: 14; width: 71px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 12px; left: 721px; top:-881px; }
- u510
{ z-index: 16; width: 126px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 136px; left: 349px; top:-1433px; }
- u516
{ z-index: 18; width: 151px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 148px; left: 570px; top:-1591px; }
- u522
{ z-index: 20; width: 119px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 153px; left: 99px; top:-1749px; }
- u528
{ z-index: 22; width: 81px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 158px; left: 99px; top:-1907px; }
- u534
{ z-index: 24; width: 464px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 158px; left: 180px; top:-2459px; }
- u540
{ z-index: 26; width: 77px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 158px; left: 644px; top:-2705px; }
- u546
{ z-index: 28; width: 464px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 246px; left: 180px; top:-3013px; }
- u552
{ z-index: 30; width: 195px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 270px; left: 180px; top:-3283px; }
- u564
{ z-index: 32; width: 91px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 270px; left: 553px; top:-3576px; }
- u570
{ z-index: 34; width: 40px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 293px; left: 180px; top:-3884px; }
- u582
{ z-index: 36; width: 60px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 293px; left: 315px; top:-4436px; }
- u588
{ z-index: 38; width: 56px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 308px; left: 553px; top:-4988px; }
- u600
{ z-index: 40; width: 30px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 308px; left: 691px; top:-5540px; }
- u606
{ z-index: 42; width: 178px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 402px; left: 375px; top:-6092px; }
- u618
{ z-index: 44; width: 82px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 402px; left: 609px; top:-6644px; }
- u624
{ z-index: 46; width: 95px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 409px; left: 220px; top:-7196px; }
- u661
{ z-index: 48; width: 119px; height: 153px; position: relative; margin-right: -10000px; left: 99px; top:-7748px; background: transparent url("http://openwetware.org/images/9/94/Board_index_03.jpg") no-repeat left top; border:0; [[labbook]] }
- u661:hover
{ width: 119px; height: 153px; min-height: 0px; margin: 0px -10000px 0px 0px; background: transparent url("http://openwetware.org/images/a/aa/Board_index_rollovers_02_03.jpg") no-repeat left top; }
- u679
{ z-index: 49; width: 126px; height: 135px; position: relative; margin-right: -10000px; margin-top: 1px; left: 349px; top:-7901px; background: transparent url("http://openwetware.org/images/2/24/Board_index_06.jpg") no-repeat left top; }
- u679:hover
{ width: 126px; height: 135px; min-height: 0px; margin: 1px -10000px 0px 0px; background: transparent url("http://openwetware.org/images/1/1a/Board_index_rollovers_02_06.jpg") no-repeat left top; }
- u696
{ z-index: 50; width: 151px; height: 136px; position: relative; margin-right: -10000px; margin-top: 12px; left: 570px; top:-8037px; background: transparent url("http://openwetware.org/images/b/b9/Board_index_09.jpg") no-repeat left top; }
- u696:hover
{ width: 151px; height: 136px; min-height: 0px; margin: 12px -10000px 0px 0px; background: transparent url("http://openwetware.org/images/f/fb/Board_index_rollovers_02_09.jpg") no-repeat left top; }
- u707
{ z-index: 51; width: 95px; height: 116px; position: relative; margin-right: -10000px; margin-top: 293px; left: 220px; top:-8185px; background: transparent url("http://openwetware.org/images/4/4d/Board_index_22.jpg") no-repeat left top; }
- u707:hover
{ width: 95px; height: 116px; min-height: 0px; margin: 293px -10000px 0px 0px; background: transparent url("http://openwetware.org/images/f/f1/Board_index_rollovers_02_22.jpg") no-repeat left top; }
- u718
{ z-index: 52; width: 178px; height: 132px; position: relative; margin-right: -10000px; margin-top: 270px; left: 375px; top:-8594px; background: transparent url("http://openwetware.org/images/e/ef/Board_index_19.jpg") no-repeat left top; }
- u718:hover
{ width: 178px; height: 132px; min-height: 0px; margin: 270px -10000px 0px 0px; background: #353334 url("http://openwetware.org/images/1/18/Board_index_rollovers_02_19.jpg") no-repeat left top; }
- u729
{ z-index: 53; width: 82px; height: 94px; position: relative; margin-right: -10000px; margin-top: 308px; left: 609px; top:-8996px; background: transparent url("http://openwetware.org/images/2/28/Board_index_25.jpg") no-repeat left top; }
- u729:hover
{ width: 82px; height: 94px; min-height: 0px; margin: 308px -10000px 0px 0px; background: transparent url("http://openwetware.org/images/3/3d/Board_index_rollovers_02_25.jpg") no-repeat left top; }
body { position: relative; min-width: 960px; padding-top: 36px; padding-bottom: 36px; }
- page .verticalspacer
{ clear: both; }
</style> <!--css stuff ends here-->
<body>
<div class="clearfix" id="page"><!-- column --> <div class="clip_frame colelem" id="u450"><!-- image --> <img class="block" id="u450_img" src="http://openwetware.org/images/5/58/Board_index_01.jpg" alt="" width="792" height="60"/> </div> <div class="clearfix colelem" id="pu456"><!-- group --> <div class="clip_frame grpelem" id="u456"><!-- image --> <img class="block" id="u456_img" src="http://openwetware.org/images/c/c1/Board_index_02.jpg" alt="" width="99" height="552"/> </div> <div class="clip_frame grpelem" id="u468"><!-- image --> <img class="block" id="u468_img" src="http://openwetware.org/images/d/d4/Board_index_04.jpg" alt="" width="574" height="1"/> </div> <div class="clip_frame grpelem" id="u474"><!-- image --> <img class="block" id="u474_img" src="http://openwetware.org/images/a/a0/Board_index_05.jpg" alt="" width="131" height="157"/> </div> <div class="clip_frame grpelem" id="u486"><!-- image --> <img class="block" id="u486_img" src="http://openwetware.org/images/c/c3/Board_index_07.jpg" alt="" width="317" height="11"/> </div> <div class="clip_frame grpelem" id="u492"><!-- image --> <img class="block" id="u492_img" src="http://openwetware.org/images/6/62/Board_index_08.jpg" alt="" width="95" height="146"/> </div> <div class="clip_frame grpelem" id="u504"><!-- image --> <img class="block" id="u504_img" src="http://openwetware.org/images/a/a2/Board_index_10.jpg" alt="" width="71" height="540"/> </div> <div class="clip_frame grpelem" id="u510"><!-- image --> <img class="block" id="u510_img" src="http://openwetware.org/images/1/1c/Board_index_11.jpg" alt="" width="126" height="22"/> </div> <div class="clip_frame grpelem" id="u516"><!-- image --> <img class="block" id="u516_img" src="http://openwetware.org/images/7/73/Board_index_12.jpg" alt="" width="151" height="10"/> </div> <div class="clip_frame grpelem" id="u522"><!-- image --> <img class="block" id="u522_img" src="http://openwetware.org/images/6/64/Board_index_13.jpg" alt="" width="119" height="5"/> </div> <div class="clip_frame grpelem" id="u528"><!-- image --> <img class="block" id="u528_img" src="http://openwetware.org/images/6/68/Board_index_14.jpg" alt="" width="81" height="394"/> </div> <div class="clip_frame grpelem" id="u534"><!-- image --> <img class="block" id="u534_img" src="http://openwetware.org/images/9/99/Board_index_15.jpg" alt="" width="464" height="88"/> </div> <div class="clip_frame grpelem" id="u540"><!-- image --> <img class="block" id="u540_img" src="http://openwetware.org/images/d/dc/Board_index_16.jpg" alt="" width="77" height="150"/> </div> <div class="clip_frame grpelem" id="u546"><!-- image --> <img class="block" id="u546_img" src="http://openwetware.org/images/3/36/Board_index_17.jpg" alt="" width="464" height="24"/> </div> <div class="clip_frame grpelem" id="u552"><!-- image --> <img class="block" id="u552_img" src="http://openwetware.org/images/7/73/Board_index_18.jpg" alt="" width="195" height="23"/> </div> <div class="clip_frame grpelem" id="u564"><!-- image --> <img class="block" id="u564_img" src="http://openwetware.org/images/8/85/Board_index_20.jpg" alt="" width="91" height="38"/> </div> <div class="clip_frame grpelem" id="u570"><!-- image --> <img class="block" id="u570_img" src="http://openwetware.org/images/e/eb/Board_index_21.jpg" alt="" width="40" height="259"/> </div> <div class="clip_frame grpelem" id="u582"><!-- image --> <img class="block" id="u582_img" src="http://openwetware.org/images/7/7c/Board_index_23.jpg" alt="" width="60" height="259"/> </div> <div class="clip_frame grpelem" id="u588"><!-- image --> <img class="block" id="u588_img" src="http://openwetware.org/images/e/ea/Board_index_24.jpg" alt="" width="56" height="244"/> </div> <div class="clip_frame grpelem" id="u600"><!-- image --> <img class="block" id="u600_img" src="http://openwetware.org/images/7/7c/Board_index_26.jpg" alt="" width="30" height="244"/> </div> <div class="clip_frame grpelem" id="u606"><!-- image --> <img class="block" id="u606_img" src="http://openwetware.org/images/8/80/Board_index_27.jpg" alt="" width="178" height="150"/> </div> <div class="clip_frame grpelem" id="u618"><!-- image --> <img class="block" id="u618_img" src="http://openwetware.org/images/4/46/Board_index_28.jpg" alt="" width="82" height="150"/> </div> <div class="clip_frame grpelem" id="u624"><!-- image --> <img class="block" id="u624_img" src="http://openwetware.org/images/9/97/Board_index_29.jpg" alt="" width="95" height="143"/> </div> <div class="grpelem" id="u661"><!-- simple frame --></div> <div class="grpelem" id="u679"><!-- simple frame --></div> <div class="grpelem" id="u696"><!-- simple frame --></div> <div class="grpelem" id="u707"><!-- simple frame --></div> <div class="grpelem" id="u718"><!-- simple frame --></div> <div class="grpelem" id="u729"><!-- simple frame --></div> </div> <div class="verticalspacer"></div> </div>
</body> </html>
<html>
<head> <style>
- Footer table {
width: 96.8%; max-width:2350px; bottom:0px; height:50px; /* Height of the footer */ font-weight:300; background-color: #2E2E2E; text-align:center; color: white; font-size:13px; border: 3px white solid;
}
- Footer {
clear: both; /*may be omitted*/ position: absolute; bottom: 12px; background-color:#fffff; width: 100%; height: 40px; /* or anything you like */ }
</style>
</head>
<div id="Footer" >
<table> <tr>
<td id="osuicon" align="left"><a href="http://www.osu.edu" target="_blank"><img src="http://openwetware.org/images/c/cd/TheOhioStateUniversity-REV-Horiz-RGBHEX.png"height="30" width="190" /></td>
<td id="email">Contact us at <a href="mailto:theohiomod@gmail.com"><font color="white">theohiomod@gmail.com</a></td>
<td id="nblicon"><a href="http://mae.osu.edu/labs/nbl/"target="_blank"><img src="http://openwetware.org/images/e/e9/NBL_logo-RGBHEX.png"height="40" width="40"/></td>
<td id="fbicon"><a href="http://www.facebook.com/OhioMod?fref=photo"target="_blank"><img src="http://openwetware.org/images/3/3f/Facebook_icon.png"height="40" width="40"/></td>
</tr> </table> </div>
</html>