Template:Team:Waterloo/TopBar

From 2014.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{Team:Waterloo/CSS/TopBar}}
-
<head>
+
-
<style>
+
-
#topbar {
+
-
  width: 100%;
+
-
  position:fixed;
+
-
  left:0px;
+
-
  right:0px;
+
-
  z-index:999;
+
-
  top:16px;
+
-
  background: #333;
+
-
  height:60px;
+
-
}
+
-
#topbar .sections_panel {
+
-
  position:absolute;
+
-
  height:280px;
+
-
  background:#000;
+
-
  top:60px;
+
-
  left:10%;
+
-
  border-radius:0px 0px 8px 8px;
+
-
  overflow:hidden;
+
-
  z-index:10000;
+
-
  transition: height 0.3s linear 0s;
+
-
  display: none;
+
-
}
+
-
#topbar .sections_panel > div {
+
-
  background:#333;
+
-
  padding:20px;
+
-
  height:258px;
+
-
  margin:10px;
+
-
  color:#71CCE6;
+
-
}
+
-
#headings li {
+
-
  float: left;
+
-
  display: block;
+
-
}
+
-
#headings li > a {
+
-
  color: #71CCE6;
+
-
  font-size: 15px;
+
-
  font-family: Georgia;
+
-
  font-weight: bold;
+
-
  cursor: pointer;
+
-
  vertical-align: -20px;
+
-
}
+
-
.projSubs li {
+
-
  list-style: none;
+
-
  line-height: 30px;
+
-
  display: inline;
+
-
}
+
-
.projSubs li > a {
+
-
  color: #FFFFFF;
+
-
  font-size: 14px;
+
-
  font-family: Georgia;
+
-
  cursor: pointer;
+
-
}
+
-
#headings > li:hover > .sections_panel {
+
-
  display: block;
+
-
}
+
-
div.subheading {
+
-
  font-family: Georgia;
+
-
  font-size: 30px;
+
-
  color: #000000;
+
-
  text-align: center;
+
-
}
+
-
.spacer {
+
-
  height: 80px;
+
-
}
+
-
</style>
+
-
</head>
+
 +
<html>
<div id="topbar">
<div id="topbar">
-
  <!--Headings shown on a large screen-->
 
   <ul id="headings">
   <ul id="headings">
-
     <li><img src="https://static.igem.org/mediawiki/2014/4/49/Waterloo_Igem-logo-small.png" height=50px></li>
+
     <li><a href="https://2014.igem.org/Team:Waterloo"><img src="https://static.igem.org/mediawiki/2014/4/49/Waterloo_Igem-logo-small.png" height=55px></a></li>
     <li>
     <li>
-
       <a onclick="toggleNavPanel('subs1')">Project <span class="navarrow">&#9662;</span></a>
+
       <a>Project &#9662;</a>
-
       <div class="sections_panel" id="subs1" style="width: 300px;">
+
      <div class="sections_panel">
-
         <div><ul class="projSubs">
+
        <div><ul class="dropdown">
-
           <li><a>Overview</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Overview">Overview</a></li>
-
           <li><a>YFP Integration</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Deliver">Deliver</a></li>
-
           <li><a>CRISPRi</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Silence">Silence</a></li>
-
           <li><a>sRNA</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Translate">Translate</a></li>
-
           <li><a>Conjugation</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Safety">Safety</a></li>
-
           <li><a>Antibiotic Silencing</a></li>
+
        </ul></div>
-
           <li><a>Appendix</a></li>
+
      </div>
 +
    </li>
 +
    <li>
 +
      <a>Notebook &#9662;</a>
 +
       <div class="sections_panel">
 +
        <div><ul class="dropdown">
 +
          <li><a href="https://2014.igem.org/Team:Waterloo/Lab_Book">Lab Book</a></li>
 +
          <li><a href="https://2014.igem.org/Team:Waterloo/Protocols">Protocols</a></li>
 +
          <li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Math Book</a></li>
 +
        </ul></div>
 +
      </div>
 +
    </li>
 +
    <li><a href="https://2014.igem.org/Team:Waterloo/Outreach">Outreach</a></li>
 +
    <li><a>Accomplishments  &#9662;</a>
 +
      <div class="sections_panel">
 +
         <div><ul class="dropdown">
 +
           <li><a href="https://2014.igem.org/Team:Waterloo/Biobricks">Biobricks</a></li>
 +
           <li><a href="https://2014.igem.org/Team:Waterloo/Collaborations">Collaborations</a></li>
 +
           <li><a href="https://2014.igem.org/Team:Waterloo/Checklist">Checklist</a></li>
 +
           <li><a href="https://2014.igem.org/Team:Waterloo/Acknowledgements">Acknowledgements</a></li>
 +
        </ul></div>
 +
      </div>
 +
    </li>
 +
    <li><a>Team  &#9662;</a>
 +
      <div class="sections_panel">
 +
        <div><ul class="dropdown">
 +
           <li><a href="https://2014.igem.org/Team:Waterloo/Our_Team">Our Team</a></li>
 +
           <li><a href="https://2014.igem.org/Team:Waterloo/Sponsors">Sponsors</a></li>
 +
           <li><a href="https://2014.igem.org/Team:Waterloo/Gallery">Gallery</a></li>
         </ul></div>
         </ul></div>
       </div>
       </div>
     </li>
     </li>
-
    <li><a>Lab Book</a></li>
 
-
    <li><a>Outreach</a></li>
 
-
    <li><a>Accomplishments</a></li>
 
-
    <li><a>Team</a></li>
 
-
    <li><a>Sponsors</a></li>
 
     <li><a href="https://2014.igem.org" target="_blank">
     <li><a href="https://2014.igem.org" target="_blank">
-
         <img src="https://static.igem.org/mediawiki/2014/d/d9/Waterloo_Igemlogo_whiteletters_grey.png" style="height: 50px;"></a></li>
+
         <img src="https://static.igem.org/mediawiki/2014/d/d9/Waterloo_Igemlogo_whiteletters_grey.png" style="height: 55px;"></a></li>
   </ul>
   </ul>
</div>
</div>
<div style="height: 80px"></div>
<div style="height: 80px"></div>
 +
 +
<!--Back to top button-->
 +
<a href="#TOP"><img id="toTop" src="https://static.igem.org/mediawiki/2014/a/ad/Waterloo_to-top-button.png"></a>
</html>
</html>

Latest revision as of 03:01, 18 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Waterloo/TopBar"