Template:OhioMOD2014: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
(5 intermediate revisions by the same user not shown)
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 -->
<style>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<style type='text/css'>


.firstHeading, #column-one,  #p-bookmarks, #p-history , .portlet{
.firstHeading, #column-one,  #p-bookmarks, #p-history , .portlet{
Line 36: Line 32:
}
}


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{
Line 165: Line 41:
}
}


#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{
.close-btn{
Line 209: Line 48:
}
}


</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(){
</style>
return false;
});


});
</script>


</head>
</head>
Line 240: Line 58:
<!-- 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 22:31, 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>

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




  1. OSUfooter{

clear:both; }


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



</style>


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