Template:OhioMOD2014: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 8: Line 8:
<head>
<head>
<!-- Jquery -->
<!-- Jquery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="{{URL::asset('js/jQuery/jquery-ui-git.js')}}"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<!-- Latest compiled and minified CSS -->
<!-- Latest compiled and minified CSS -->
Line 18: Line 16:




<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<style type='text/css'>
<style type='text/css'>


Line 65: Line 61:
   *line-height: 3.2em; /* IE6,IE7 */
   *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{
Line 240: Line 141:
<!-- navbar -->
<!-- navbar -->


<a href="http://openwetware.org/wiki/Biomod/2013"> << Back to Team Pages</a>
<nav>
 
  <ul>
<center>
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_home.svg" alt="Home"><a href="#">Home</a></li>
 
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_about.svg" alt="About"><a href="#">About</a></li>
 
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_work.svg" alt="Work"><a href="#">Work</a></li>
<img src="http://openwetware.org/images/1/15/Ohiomod2013.jpg" height="60%" width="60%" style="margin-left:-40px;">
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_contact.svg" alt="Contact"><a href="#">Contact</a></li>
 
  </ul></nav>
 
<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>
</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>
  </div>
</center>
</center>
</html>
</html>

Revision as of 21:45, 12 July 2014


<html> </div> </div> </div> <head> <!-- Jquery --> <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<!-- Optional theme --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">


<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 */
  }
  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 -->

<nav> 

 <ul>
   <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_home.svg" alt="Home"><a href="#">Home</a></li>
   <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_about.svg" alt="About"><a href="#">About</a></li>
   <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_work.svg" alt="Work"><a href="#">Work</a></li>
   <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_contact.svg" alt="Contact"><a href="#">Contact</a></li>
 </ul></nav>



 </div>

</center> </html>

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