Template:OhioMOD2014: Difference between revisions

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


<html>
<html>
</div>
</div>
</div>
<head>
<!-- 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">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">


<nav>
<!-- Optional theme -->
  <ul>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
    <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>


<section> 
  <h1>OhioMOD</h1>
  <h2>Page Under Construction</h2>
</section>
 
<style>


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


/* Typography
.firstHeading, #column-one,  #p-bookmarks, #p-history , .portlet{
------------------------------------- */
display:none;
@charset "UTF-8";
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
 
#bodyContent, #content{
display:none;
background-color:#FFFFFF;
 
}


body {
#column-content, .container, #globalWrapper, body{
  font-family: 'Open Sans', sans-serif;
background-color:#FFFFFF;
  font-weight: 300;
  line-height: 1.8em;
  color:#4D4D4D;
}
}


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


a {
.selflink{
  text-transform: uppercase;
display: table-cell;
  text-decoration: none;
  text-decoration: none;
  color: #151515;
  font-family: Gill Sans MT;
 
  outline: none;
  transition-delay: 0s;
  font-size: 20px;
  transition-duration: 0.36s;
  color: dimgrey;
  transition-property: all;
  border-right: 2px solid dimgray;
  transition-timing-function: line;
  padding: 15px 25px; /* sets button size */
  font-weight:normal;
}
}


nav a:hover { font-weight: 400; }
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 */
 
  }
 


nav,
ul.navigation-bar li:hover {
nav:hover { padding: 1em; }


nav a { text-indent: -200px; }
  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);


nav:hover a {
  text-indent:0px;
  color: #EEFFE5;
}
}


svg,
ul.navigation-bar li a, ul.navigation-bar li ul li a {
a { vertical-align: top; }
  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 */
  }


/* End Navigation */
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;
}


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


h1 {
ul.navigation-bar li a{
  font-family: 'Open Sans', sans-serif;
display: block;
  font-size:3em;
  font-weight: 300;
  color:#000;
  line-height:1.8em;
}
}


h2 { font-weight: 300; }
.profile-right{
clear:both;
}


h2 a { font-weight: 700; }
.profile-right p{
text-align:left;
float: left;
}
.profile-right img{
float: right;
padding: 20px;
}


/* End Sections */
.profile-left{
clear:both;
}


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


/* Structure
.profile-left img{
------------------------------------- */
float: left;
body { background: #f1f1f1; }
padding:20px;
}


/* Navigation */
#OSUfooter{
clear:both;
}


nav {
 
  position: fixed;
#protocol-content table td{
  left: 0;
border: 1px solid black;
  top: 0;
text-align:center;
  bottom: 0;
  display: block;
  height: auto;
  min-width: 40px;
  width: 40px;
  background-color: #ccc;
 
  transition-delay: 0s;
  transition-duration: 0.4s;
  transition-property: all;
  transition-timing-function: line;
}
}


nav:hover {
#protocol-content p{
  position: fixed;
text-align:left;
  left: 0;
  top: 0;
  bottom: 0;
  height: auto;
  width: 140px;
  background-color: #9ED29E;
}
}


nav a {
.overlay-bg{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
display:none;
  filter: alpha(opacity=0);
position:fixed;
  opacity:0;
top:0;
  margin-left: 1em;
left:0;
height:100%;
width:100%;
cursor: pointer;
background: #000;
background: rgba(0,0,0,0.75);
}
}


nav:hover a {
.overlay-content{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
background:#fff;
  filter: alpha(opacity=100);
padding:1%;
  opacity: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);
 
}
}


li {
.close-btn{
  display: block;
float:right;
  padding:0.2em;
font-size:x-large;
  height:32px;
margin-top:-10px;
}
}


svg,
</style>
a { display: inline-block; }
 
 
<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>


/* End Navigation */
<center>


/* Sections */


section { padding: 2em 0 0 14em; }
<img src="http://openwetware.org/images/1/15/Ohiomod2013.jpg" height="60%" width="60%" style="margin-left:-40px;">


/* End sections */
</style>


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

Revision as of 16:59, 12 July 2014


<html> </div> </div> </div> <head> <!-- 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"> <!-- 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">


<!-- Latest compiled and minified JavaScript --> <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{ 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> </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>

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