Template:OhioMOD2014: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
<!--TODO: Make separate templates for css and navbar -->
<html>
<html>
</div>
</div>
</div>
<head>
<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 -->
<!-- Latest compiled css and JavaScript -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">


<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


<!-- Latest compiled and minified JavaScript -->
<!--Nav Bar Theme-->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css" rel="stylesheet">
<style type='text/css'>
 
.firstHeading, #column-one,  #p-bookmarks, #p-history , .portlet{
display:none;
}
 
#bodyContent, #content{
display:none;
background-color:#FFFFFF;
 
}
 
#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;
}
 
#OSUfooter{
clear:both;
}
 
 
#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>
 
 
<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>
 
<!--Nav-->
<!-- navbar -->
<div class="navbar navbar-default">
 
  <div class="navbar-header">
<a href="http://openwetware.org/wiki/Biomod/2013"> << Back to Team Pages</a>
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
 
      <span class="icon-bar"></span>
<center>
      <span class="icon-bar"></span>
 
      <span class="icon-bar"></span>
 
    </button>
<img src="http://openwetware.org/images/1/15/Ohiomod2013.jpg" height="60%" width="60%" style="margin-left:-40px;">
    <a class="navbar-brand" href="#">Brand</a>
 
  </div>
 
  <div class="navbar-collapse collapse navbar-responsive-collapse">
<div id="navbar" style="margin-left:auto; margin-right:auto;text-align:center;width:650px;height:auto;" >
    <ul class="nav navbar-nav">
 
      <li class="active"><a href="#">Active</a></li>
<ul id="homebutton" class="navigation-bar">
      <li><a href="#">Link</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU">Home</a></li>
      <li class="dropdown">
 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/about">About</a>
        <ul class="dropdown-menu">
 
          <li><a href="#">Action</a></li>
<ul>
          <li><a href="#">Another action</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/abstract">Abstract</a></li>
          <li><a href="#">Something else here</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/goals">Goals</a></li>
          <li class="divider"></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/about">Description</a>
          <li class="dropdown-header">Dropdown header</li>
</ul>
          <li><a href="#">Separated link</a></li>
 
          <li><a href="#">One more separated link</a></li>
</li>
        </ul>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/experiments">Project</a>
      </li>
 
    </ul>
<ul>
    <form class="navbar-form navbar-left">
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/experiments">Life of Project</a></li>
      <input type="text" class="form-control col-lg-8" placeholder="Search">
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/protocol">Protocols</a></li>
    </form>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/labnotes">Lab Notes</a></li>
    <ul class="nav navbar-nav navbar-right">
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/meetingnotes">Meeting Notes</a></li>
      <li><a href="#">Link</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/resources">Resources</a></li>
      <li class="dropdown">
</ul>
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
</li>
        <ul class="dropdown-menu">
 
          <li><a href="#">Action</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/results">Results</a>
          <li><a href="#">Another action</a></li>
 
          <li><a href="#">Something else here</a></li>
<ul>
          <li class="divider"></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/results">Experimental Results</a></li>
          <li><a href="#">Separated link</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/data">Data</a></li>
        </ul>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/futurework">Future Work</a></li>
      </li>
</ul>
    </ul>
 
  </div>
</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>
</html>
</html>

Revision as of 11:43, 13 July 2014

<html> <head>

<!-- Latest compiled css and JavaScript -->

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<!--Nav Bar Theme--> <link href="//maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css" rel="stylesheet">

</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="#">Brand</a>
 </div>
 <div class="navbar-collapse collapse navbar-responsive-collapse">
   <ul class="nav navbar-nav">
     <li class="active"><a href="#">Active</a></li>
     <li><a href="#">Link</a></li>
     <li class="dropdown">
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
       <ul class="dropdown-menu">
         <li><a href="#">Action</a></li>
         <li><a href="#">Another action</a></li>
         <li><a href="#">Something else here</a></li>
         <li class="divider"></li>
         <li class="dropdown-header">Dropdown header</li>
         <li><a href="#">Separated link</a></li>
         <li><a href="#">One more separated link</a></li>
       </ul>
     </li>
   </ul>
   <form class="navbar-form navbar-left">
     <input type="text" class="form-control col-lg-8" placeholder="Search">
   </form>
   <ul class="nav navbar-nav navbar-right">
     <li><a href="#">Link</a></li>
     <li class="dropdown">
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
       <ul class="dropdown-menu">
         <li><a href="#">Action</a></li>
         <li><a href="#">Another action</a></li>
         <li><a href="#">Something else here</a></li>
         <li class="divider"></li>
         <li><a href="#">Separated link</a></li>
       </ul>
     </li>
   </ul>
 </div>

</div> </html>

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