Template:Team:Waterloo/TopBar

From 2014.igem.org

(Difference between revisions)
 
(49 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:0px;
+
-
background:#000;
+
-
top:60px;
+
-
left:10%;
+
-
border-radius:0px 0px 8px 8px;
+
-
overflow:hidden;
+
-
z-index:10000;
+
-
transition: height 0.3s linear 0s;
+
-
}
+
-
#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;
+
-
}
+
-
ul.projSubs li {
+
-
list-style: none;
+
-
line-height: 30px;
+
-
}
+
-
a.subheading {
+
-
color: #FFFFFF;
+
-
font-size: 14px;
+
-
font-family: Georgia;
+
-
cursor: pointer;
+
-
}
+
-
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><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><img src="https://static.igem.org/mediawiki/2014/4/49/Waterloo_Igem-logo-small.png" height=50px></li>
+
    <li>
-
<li>
+
      <a>Project &#9662;</a>
-
<a onclick="toggleNavPanel('subs1')">Project <span class="navarrow">&#9662;</span></a>
+
      <div class="sections_panel">
-
<div class="sections_panel" id="subs1" style="width: 300px;">
+
        <div><ul class="dropdown">
-
<ul class="projSubs">
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Overview">Overview</a></li>
-
<li><a class="subheading">Overview</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Deliver">Deliver</a></li>
-
<li><a class="subheading">YFP Integration</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Silence">Silence</a></li>
-
<li><a class="subheading">CRISPRi</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Translate">Translate</a></li>
-
<li><a class="subheading">sRNA</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Safety">Safety</a></li>
-
<li><a class="subheading">Conjugation</a></li>
+
        </ul></div>
-
<li><a class="subheading">Antibiotic Silencing</a></li>
+
      </div>
-
<li><a class="subheading">Appendix</a></li>
+
    </li>
-
</ul>
+
    <li>
-
</div>
+
      <a>Notebook &#9662;</a>
-
</li>
+
      <div class="sections_panel">
-
<li><a>Lab Book</a></li>
+
        <div><ul class="dropdown">
-
<li><a>Outreach</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Lab_Book">Lab Book</a></li>
-
<li><a>Accomplishments</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Protocols">Protocols</a></li>
-
<li><a>Team</a></li>
+
          <li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Math Book</a></li>
-
<li><a>Sponsors</a></li>
+
        </ul></div>
-
<li><a href="https://2014.igem.org" target="_blank">
+
      </div>
-
<img src="https://static.igem.org/mediawiki/2014/d/d9/Waterloo_Igemlogo_whiteletters_grey.png" style="height: 50px;"></a></li>
+
    </li>
-
</ul>
+
    <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>
 +
      </div>
 +
    </li>
 +
    <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: 55px;"></a></li>
 +
  </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"