Template:OhioMOD2014: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(84 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>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<!-- Latest compiled css and JavaScript -->
<!-- Latest compiled and minified CSS -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!--j--query-->
 
<!--Nav Bar Theme-->
<!-- Optional theme -->
<link href="http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<style>
 
#content{margin-left:0;}
 
.navbar{
<style type='text/css'>
top:8.5px;
 
position:fixed;
width:96.8%;
}
/*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;
}
#content#bodyContent, {
/*display:none;*/
background-color:#FFFFFF;
background-color:#FFFFFF;
}
}
 
#OSUfooter{
#column-content, .container, #globalWrapper, body{
clear:both;
background-color:#FFFFFF;
}
}
#footer{display: none;}
/*Done clearing*/






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


#OSUfooter{
clear:both;
}




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


</head>


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




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


<!-- navbar -->
<li class="dropdown">
 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Materials and Methods <b class="caret"></b></a>
<nav>
        <ul class="dropdown-menu">
  <ul>
          <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/protocols">Protocols</a></li>
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_home.svg" alt="Home"><a href="#">Home</a></li>
          <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/equipment">Equipment</a></li>
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_about.svg" alt="About"><a href="#">About</a></li>
          <li class="divider"></li>
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_work.svg" alt="Work"><a href="#">Work</a></li>
          <li class="dropdown-header">Lab Notebook</li>
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_contact.svg" alt="Contact"><a href="#">Contact</a></li>
          <li><a href="http://openwetware.org/wiki/Biomod/2014/OhioMOD/LabNotebook">Experiment Schedule</a></li>
  </ul></nav>
          <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-->


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