Biomod/2013/OSU/labnotes: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 40: Line 40:




<table id="Table_02" width="800" height="10372" border="0" cellpadding="0" cellspacing="0" style="margin-top:-200px;">
<table id="Table_02" width="800" height="10372" border="0" cellpadding="0" cellspacing="0" style="margin-top:-100px;">
<tr>
<tr>
<td align="left" valign="top">
<td align="left" valign="top">

Revision as of 21:22, 24 October 2013


<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> <style>

  1. lab-notes p {

text-align: left; }

  1. lab-notes img{

height:120%; width:120%; }


</style>

<div id="lab-notes" style="width:65%;margin-left:auto;margin-right:auto;"> <center> <table id="Table_01" width="800" height="301" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" rowspan="2" align="left" valign="top"> <a href="http://openwetware.org/wiki/Biomod/2013/OSU/labnotes#june"> <img src="http://openwetware.org/images/8/81/Calendar_01.gif" width="157" height="160" border="0" alt=""></a></td> <td colspan="2" align="left" valign="top"> <a href="http://openwetware.org/wiki/Biomod/2013/OSU/labnotes#july"> <img src="http://openwetware.org/images/b/b6/Calendar_02.gif" width="157" height="159" border="0" alt=""></a></td> <td colspan="2" align="left" valign="top"> <a href="http://openwetware.org/wiki/Biomod/2013/OSU/labnotes#august"> <img src="http://openwetware.org/images/9/9f/Calendar_03.gif" width="160" height="159" border="0" alt=""></a></td> <td colspan="3" align="left" valign="top"> <a href="http://openwetware.org/wiki/Biomod/2013/OSU/labnotes#september"> <img src="http://openwetware.org/images/e/e7/Calendar_04.gif" width="149" height="159" border="0" alt=""></a></td> <td colspan="3" align="left" valign="top"> <a href="http://openwetware.org/wiki/Biomod/2013/OSU/labnotes#october"> <img src="http://openwetware.org/images/8/8d/Calendar_05.gif" width="168" height="159" border="0" alt=""></a></td> </tr>

</table>


<table id="Table_02" width="800" height="10372" border="0" cellpadding="0" cellspacing="0" style="margin-top:-100px;"> <tr> <td align="left" valign="top"> <img id="october" src="http://openwetware.org/images/2/26/Lab-notes_01.gif" width="800" height="2295" alt=""></td> </tr> <tr> <td> <img id="september" src="http://openwetware.org/images/0/03/Lab-notes_02.gif" width="800" height="1134" alt=""></td> </tr> <tr> <td align="left" valign="top"> <img id="august" src="http://openwetware.org/images/b/b5/Lab-notes_03.gif" width="800" height="1008" alt=""></td> </tr> <tr> <td> <img id="july" src="http://openwetware.org/images/a/a6/Lab-notes_04.gif" width="800" height="2552" alt=""></td> </tr> <tr> <td align="left" valign="top"> <img id="june" src="http://openwetware.org/images/3/33/Lab-notes_05.gif" width="800" height="3383" alt=""></td> </tr> </table> </center> </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