Biomod/2013/OSU

From OpenWetWare
Revision as of 13:45, 24 October 2013 by Mike W. Zoller (talk | contribs)
Jump to navigationJump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.


<html> </div> </div> </div> <head> <style type='text/css'>

.firstHeading, #column-one, #p-bookmarks, #p-history , .portlet{ display:none; }

  1. bodyContent, #content{

display:none; background-color:#FFFFFF;

}

  1. column-content, .container, #globalWrapper, body{

background-color:#FFFFFF; }

p{ color:dimgrey; text-align:center; margin-left:auto; margin-right:auto; font-gamily:Calibri; font-size: 15px; }

.selflink{ display: table-cell;

  text-decoration: none;
  font-family: Gill Sans MT;
  outline: none;
  font-size: 20px;
  color: dimgrey;
  border-right: 2px solid dimgray;
  padding: 15px 25px; /* sets button size */
  font-weight:normal;

}

ul.navigation-bar {

  list-style-type: none;
  border: 2px solid dimgray;
  padding: 0px;
  margin-left: 20px;

width:615px;

  *line-height: 3.2em; /* IE6,IE7 */
  }

ul.navigation-bar li {

  display: table-cell;
  background-image: -webkit-linear-gradient(bottom, silver, azure);
  background-image:    -moz-linear-gradient(bottom, silver, azure);
  background-image:     -ms-linear-gradient(bottom, silver, azure);
  background-image:         linear-gradient(bottom, silver, azure);
  background-color: midnightblue; /* IE6...IE9 */
  *display: inline; /* IE6,IE7 */
  }


ul.navigation-bar li:hover {

  background-image: -webkit-linear-gradient(top, silver, azure);
  background-image:    -moz-linear-gradient(top, silver, azure);
  background-image:     -ms-linear-gradient(top, silver, azure);
  background-image:         linear-gradient(top, silver, azure);

}

ul.navigation-bar li a, ul.navigation-bar li ul li a {

  display: table-cell;
  text-decoration: none;
  font-family: Gill Sans MT;
  outline: none;
  font-size: 20px;
  color: dimgrey;
  border-right: 0px;
  padding: 15px 25px; /* sets button size */
  }

ul.navigation-bar li ul{ list-style: none; display: none; position: absolute; padding: 0px; margin: 1px 0px 0px -1px; background-color:#FFFFFF; border: 1px solid dimgrey; z-index:5; } ul.navigation-bar li ul li{ background-image: none; background-color:#FFFFFF; border-right: none; border: 0px solid dimgray; display: block; float: none; position: relative; }

ul.navigation-bar li ul li:hover{ background-image:none; background-color: lightgrey; }

ul.navigation-bar li:hover ul{ list-style: none; display: block; position: absolute; }

ul.navigation-bar li a{ display: block; }

.profile-right{ clear:both; }

.profile-right p{ text-align:left; float: left; } .profile-right img{ float: right; padding: 20px; }

.profile-left{ clear:both; }

.profile-left p{ text-align:left; float:left; }

.profile-left img{ float: left; padding:20px; }

  1. OSUfooter{

clear:both; }


  1. protocol-content table td{

border: 1px solid black; text-align:center; }

  1. protocol-content p{

text-align:left; }

.overlay-bg{ display:none; position:fixed; top:0; left:0; height:100%; width:100%; cursor: pointer; background: #000; background: rgba(0,0,0,0.75); }

.overlay-content{ background:#fff; padding:1%; width: 60%; position: relative; top:15%; left:50%; margin: 0 0 0 -30%; cursor: default; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.9);

}

.close-btn{ float:right; font-size:x-large; margin-top:-10px; }

</style>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

<script type="text/javascript"> $(document).ready(function() {

 $('.show-popup').click(function(event){
 event.preventDefault();
 $('.overlay-bg').show();

});

$('.close-btn').click(function(){ $('.overlay-bg').hide(); });

$('.overlay-bg').click(function(){

 $('.overlay-bg').hide();

});

$('.overlay-content').click(function(){ return false; });

}); </script>

</head>

<!-- navbar -->

<a href="http://openwetware.org/wiki/Biomod/2013"> << Back to Team Pages</a>

<center>

<img src="http://openwetware.org/images/1/15/Ohiomod2013.jpg" height="60%" width="60%" style="margin-left:-40px;"> <div id="navbar" style="margin-left:auto; margin-right:auto;text-align:center;width:650px;height:auto;" > <ul id="homebutton" class="navigation-bar"> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU">Home</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/about">About</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/abstract">Abstract</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/goals">Goals</a></li>

<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/about">Description</a> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/experiments">Project</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/experiments">Life of Project</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/protocol">Protocols</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/labnotes">Lab Notes</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/meetingnotes">Meeting Notes</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/resources">Resources</a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/results">Results</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/results">Experimental Results</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/data">Data</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/futurework">Future Work</a></li> </li> </ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/media">Media</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/projectvideo">Project Video</a><li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/animations">Animations</a><li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/videoblogs">Video Blog</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/photos">Photos</a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/team">Team</a></li> </ul>

</div>

</center> </html>

<html> <center> <table id="Table_01" width="800" height="2687" border="0" cellpadding="0" cellspacing="0" style="border:1px solid black;"> <tr> <td colspan="10"> <img src="http://openwetware.org/images/b/bc/PaulTired_01.gif" width="800" height="2382" alt=""></td> </tr> <tr> <td rowspan="10"> <img src="http://openwetware.org/images/e/e2/PaulTired_02.gif" width="500" height="304" alt=""></td> <td colspan="7" align="left" valign="top"> <a href="http://openwetware.org/wiki/Biomod/2013/OSU/results"> <img src="http://openwetware.org/images/3/36/PaulTired_03.gif" width="265" height="40" border="0" alt=""></a></td> <td colspan="2" rowspan="4"> <img src="http://openwetware.org/images/9/93/PaulTired_04.gif" width="35" height="122" alt=""></td> </tr> <tr> <td colspan="7"> <img src="http://openwetware.org/images/8/82/PaulTired_05.gif" width="265" height="18" alt=""></td> </tr> <tr> <td rowspan="8"> <img src="http://openwetware.org/images/a/a2/PaulTired_06.gif" width="3" height="246" alt=""></td> <td colspan="4" align="left" valign="top"> <a href="http://openwetware.org/wiki/Biomod/2013/OSU/experiments" onmouseover="window.status='METHODS'; return true;" onmouseout="window.status=''; return true;"> <img src="http://openwetware.org/images/0/0f/PaulTired_07.gif" width="208" height="40" border="0" alt=""></a></td> <td colspan="2" rowspan="2"> <img src="http://openwetware.org/images/6/60/PaulTired_08.gif" width="54" height="64" alt=""></td> </tr> <tr> <td colspan="4"> <img src="http://openwetware.org/images/3/31/PaulTired_09.gif" width="208" height="24" alt=""></td> </tr> <tr> <td rowspan="6"> <img src="http://openwetware.org/images/5/5b/PaulTired_10.gif" width="2" height="182" alt=""></td> <td colspan="6" align="left" valign="top"> <a href="http://openwetware.org/wiki/Biomod/2013/OSU/team" onmouseover="window.status='TEAM'; return true;" onmouseout="window.status=''; return true;"> <img src="http://openwetware.org/images/3/35/PaulTired_11.gif" width="262" height="44" border="0" alt=""></a></td> <td rowspan="6"> <img src="http://openwetware.org/images/b/b4/PaulTired_12.gif" width="33" height="182" alt=""></td> </tr> <tr> <td colspan="6"> <img src="http://openwetware.org/images/c/cf/PaulTired_13.gif" width="262" height="16" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="http://openwetware.org/images/9/90/PaulTired_14.gif" width="1" height="122" alt=""></td> <td colspan="3" align="left" valign="top"> <a href="http://openwetware.org/wiki/Biomod/2013/OSU/about"> <img src="http://openwetware.org/images/f/ff/PaulTired_15.gif" width="231" height="40" border="0" alt=""></a></td> <td colspan="2" rowspan="2"> <img src="http://openwetware.org/images/5/57/PaulTired_16.gif" width="30" height="59" alt=""></td> </tr> <tr> <td colspan="3"> <img src="http://openwetware.org/images/a/a4/PaulTired_17.gif" width="231" height="19" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="http://openwetware.org/images/b/bf/PaulTired_18.gif" width="2" height="63" alt=""></td> <td colspan="3" align="left" valign="top"> <a href="http://openwetware.org/wiki/Biomod/2013/OSU/media" onmouseover="window.status='MEDIA WHAAA!?'; return true;" onmouseout="window.status=''; return true;"> <img src="http://openwetware.org/images/d/de/PaulTired_19.gif" width="257" height="39" border="0" alt=""></a></td> <td rowspan="2"> <img src="http://openwetware.org/images/6/6c/PaulTired_20.gif" width="2" height="63" alt=""></td> </tr> <tr> <td colspan="3"> <img src="http://openwetware.org/images/f/fe/PaulTired_21.gif" width="257" height="24" alt=""></td> </tr> <tr> <td> <img src="http://openwetware.org/images/6/63/PaulTired_spacer.gif" width="500" height="1" alt=""></td> <td> <img src="http://openwetware.org/images/6/63/PaulTired_spacer.gif" width="3" height="1" alt=""></td> <td> <img src="http://openwetware.org/images/6/63/PaulTired_spacer.gif" width="2" height="1" alt=""></td> <td> <img src="http://openwetware.org/images/6/63/PaulTired_spacer.gif" width="1" height="1" alt=""></td> <td> <img src="http://openwetware.org/images/6/63/PaulTired_spacer.gif" width="2" height="1" alt=""></td> <td> <img src="http://openwetware.org/images/6/63/PaulTired_spacer.gif" width="203" height="1" alt=""></td> <td> <img src="http://openwetware.org/images/6/63/PaulTired_spacer.gif" width="26" height="1" alt=""></td> <td> <img src="http://openwetware.org/images/6/63/PaulTired_spacer.gif" width="28" height="1" alt=""></td> <td> <img src="http://openwetware.org/images/6/63/PaulTired_spacer.gif" width="2" height="1" alt=""></td> <td> <img src="http://openwetware.org/images/6/63/PaulTired_spacer.gif" width="33" height="1" alt=""></td> </tr> </table> </center>

<p class="show-popup">click me</p>

<div class="overlay-bg"> <div class="overlay-content"> <p>heyyyy</p> </div> </div>

</html>


<html>

<head> <style>

  1. 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; 

}

  1. 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>

Edit