Template:OhioMOD2014: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(89 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<!--TODO: Make separate templates for css and navbar -->
<html>
<html>
</div>
</div>
</div>
<head>
<head>
<!-- Jquery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Latest compiled css and JavaScript -->
<script src="{{URL::asset('js/jQuery/jquery-ui-git.js')}}"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<!--j--query-->
<!-- Latest compiled and minified CSS -->
<!--Nav Bar Theme-->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link href="http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css" rel="stylesheet">
 
<style>
<!-- Optional theme -->
#content{margin-left:0;}
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
.navbar{
 
top:8.5px;
 
position:fixed;
<!-- Latest compiled and minified JavaScript -->
width:96.8%;
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
}
<style type='text/css'>
/*clearing the side openwetware panels*/
 
.firstHeading, #column-one,  #p-bookmarks, #p-history , .portlet{
.firstHeading, #column-one,  #p-bookmarks, #p-history , .portlet{
display:none;
display:none;
}
}
 
#bodyContent/*clearing the side openwetware panels
#bodyContent, #content{
.firstHeading, #column-one,  #p-bookmarks, #p-history , .portlet{
display:none;
display:none;
background-color:#FFFFFF;
}
}
 
#content#bodyContent, {
#column-content, .container, #globalWrapper, body{
/*display:none;*/
background-color:#FFFFFF;
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;
}
#OSUfooter{
#OSUfooter{
clear:both;
clear:both;
}
}
#footer{display: none;}
/*Done clearing*/




#protocol-content table td{
border: 1px solid black;
text-align:center;
}


#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>
</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>
</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;" >
<!--Nav-->
<div class="navbar navbar-default">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="http://openwetware.org/wiki/Biomod/2014/OhioMOD">OhioMOD</a>
  </div>
  <div class="navbar-collapse collapse navbar-responsive-collapse">
    <ul class="nav navbar-nav">
      <li ><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD">Home</a></li>
      <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/project">Background</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/results">Project and Results</a></li>


<ul id="homebutton" class="navigation-bar">
<li class="dropdown">
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU">Home</a></li>
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Materials and Methods <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/protocols">Protocols</a></li>
          <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/equipment">Equipment</a></li>
          <li class="divider"></li>
          <li class="dropdown-header">Lab Notebook</li>
          <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/LabNotebook">Experiment Schedule</a></li>
          <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/experimentnotes">Experiment Notes</a></li>
        </ul>
      </li>


<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/about">About</a>
<li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/team">Team</a></li>
 
<li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/sponsors">Acknowledgement</a></li>
<ul>
<li><a href="http://www.giveto.osu.edu/igive/OnlineGiving/fund_results.aspx?fund=314139" target="_blank">Give To OhioMOD</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/abstract">Abstract</a></li>
    </ul>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/goals">Goals</a></li>
  </div>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/about">Description</a>
</div>
</ul>
<!--Nav Bar Done-->
 
</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>
</ul>
 
</li>
 
<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>

Latest revision as of 16:33, 21 October 2014

<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Latest compiled css and JavaScript --> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <!--j--query--> <!--Nav Bar Theme--> <link href="http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css" rel="stylesheet"> <style>

  1. content{margin-left:0;}

.navbar{ top:8.5px; position:fixed; width:96.8%; } /*clearing the side openwetware panels*/ .firstHeading, #column-one, #p-bookmarks, #p-history , .portlet{ display:none; }

  1. bodyContent/*clearing the side openwetware panels

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

  1. content#bodyContent, {

/*display:none;*/ background-color:#FFFFFF; }

  1. OSUfooter{

clear:both; }

  1. footer{display: none;}

/*Done clearing*/




</style>

</head>




<!--Nav--> <div class="navbar navbar-default"> 

 <div class="navbar-header">
   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
     <span class="icon-bar"></span>
     <span class="icon-bar"></span>
     <span class="icon-bar"></span>
   </button>
   <a class="navbar-brand" href="http://openwetware.org/wiki/Biomod/2014/OhioMOD">OhioMOD</a>
 </div>
 <div class="navbar-collapse collapse navbar-responsive-collapse">
   <ul class="nav navbar-nav">
     <li ><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD">Home</a></li>
     <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/project">Background</a></li>

<li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/results">Project and Results</a></li>

<li class="dropdown"> 

       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Materials and Methods <b class="caret"></b></a>
       <ul class="dropdown-menu">
         <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/protocols">Protocols</a></li>
         <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/equipment">Equipment</a></li>
         <li class="divider"></li>
         <li class="dropdown-header">Lab Notebook</li>
         <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/LabNotebook">Experiment Schedule</a></li>
         <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/experimentnotes">Experiment Notes</a></li>
       </ul>
     </li>

<li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/team">Team</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/sponsors">Acknowledgement</a></li> <li><a href="http://www.giveto.osu.edu/igive/OnlineGiving/fund_results.aspx?fund=314139" target="_blank">Give To OhioMOD</a></li> 

   </ul>
 </div>

</div> <!--Nav Bar Done-->

</html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Template:OhioMOD2014&oldid=830916"