Template:OhioMOD2014: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(88 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<!--TODO: Make separate templates for css and navbar -->
<html>
<html>
 
<head>
<nav>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <ul>
<!-- Latest compiled css and JavaScript -->
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_home.svg" alt="Home"><a href="#">Home</a></li>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_about.svg" alt="About"><a href="#">About</a></li>
<!--j--query-->
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_work.svg" alt="Work"><a href="#">Work</a></li>
<!--Nav Bar Theme-->
    <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_contact.svg" alt="Contact"><a href="#">Contact</a></li>
<link href="http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css" rel="stylesheet">
  </ul></nav>
 
<section> 
  <h1>OhioMOD</h1>
  <h2>Page Under Construction</h2>
</section>
 
<style>
<style>
 
#content{margin-left:0;}
 
.navbar{
/* Typography
top:8.5px;
------------------------------------- */
position:fixed;
@charset "UTF-8";
width:96.8%;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
}
 
/*clearing the side openwetware panels*/
body {
.firstHeading, #column-one, #p-bookmarks, #p-history , .portlet{
  font-family: 'Open Sans', sans-serif;
display:none;
  font-weight: 300;
  line-height: 1.8em;
  color:#4D4D4D;
}
}
 
#bodyContent/*clearing the side openwetware panels
/* Navigation */
.firstHeading, #column-one,  #p-bookmarks, #p-history , .portlet{
 
display:none;
a {
  text-transform: uppercase;
  text-decoration: none;
  color: #151515;
 
  transition-delay: 0s;
  transition-duration: 0.36s;
  transition-property: all;
  transition-timing-function: line;
}
}
 
#content#bodyContent, {
nav a:hover { font-weight: 400; }
/*display:none;*/
 
background-color:#FFFFFF;
nav,
nav:hover { padding: 1em; }
 
nav a { text-indent: -200px; }
 
nav:hover a {
  text-indent:0px;
  color: #EEFFE5;
}
}
 
#OSUfooter{
svg,
clear:both;
a { vertical-align: top; }
 
/* End Navigation */
 
 
/* Sections */
 
h1 {
  font-family: 'Open Sans', sans-serif;
  font-size:3em;
  font-weight: 300;
  color:#000;
  line-height:1.8em;
}
}
#footer{display: none;}
/*Done clearing*/


h2 { font-weight: 300; }


h2 a { font-weight: 700; }


/* End Sections */




/* Structure
------------------------------------- */
body { background: #f1f1f1; }


/* Navigation */


nav {
</style>
  position: fixed;
  left: 0;
  top: 0;
  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 {
</head>
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  height: auto;
  width: 140px;
  background-color: #9ED29E;
}


nav a {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity:0;
  margin-left: 1em;
}


nav:hover a {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity:1;
}


li {
  display: block;
  padding:0.2em;
  height:32px;
}


svg,
a { display: inline-block; }


/* End Navigation */


/* Sections */


section { padding: 2em 0 0 14em; }
<!--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>


/* End sections */
<li class="dropdown">
</style>
        <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>
</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>

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