Template:Team:Waterloo/TopBar

From 2014.igem.org

(Difference between revisions)
 
(18 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;
+
-
}
+
-
.sections_panel {
+
-
  position:absolute;
+
-
  height:320px;
+
-
  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;
+
-
  width: 300px;
+
-
}
+
-
.sections_panel > div {
+
-
  background:#333;
+
-
  padding:20px;
+
-
  height:258px;
+
-
  margin:10px;
+
-
  color:#71CCE6;
+
-
}
+
-
#headings > li {
+
-
  float: left;
+
-
  display: block;
+
-
  height: 60px;
+
-
}
+
-
#headings > li > a {
+
-
  color: #71CCE6;
+
-
  font-size: 15px;
+
-
  font-family: Georgia;
+
-
  font-weight: bold;
+
-
  cursor: pointer;
+
-
  vertical-align: -20px;
+
-
}
+
-
.dropdown li {
+
-
  list-style: none;
+
-
  line-height: 30px;
+
-
  text-align: left;
+
-
}
+
-
.dropdown 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>Project &#9662;</a>
       <a>Project &#9662;</a>
-
       <div class="sections_panel" id="subs1">
+
       <div class="sections_panel">
         <div><ul class="dropdown">
         <div><ul class="dropdown">
           <li><a href="https://2014.igem.org/Team:Waterloo/Overview">Overview</a></li>
           <li><a href="https://2014.igem.org/Team:Waterloo/Overview">Overview</a></li>
Line 89: Line 19:
     <li>
     <li>
       <a>Notebook &#9662;</a>
       <a>Notebook &#9662;</a>
-
       <div class="sections_panel" id="subs2">
+
       <div class="sections_panel">
         <div><ul class="dropdown">
         <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/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/Protocols">Protocols</a></li>
           <li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Math Book</a></li>
           <li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Math Book</a></li>
-
          <li><a href="https://2014.igem.org/Team:Waterloo/Bibliography">Bibliography</a></li>
 
         </ul></div>
         </ul></div>
       </div>
       </div>
     </li>
     </li>
-
     <li><a>Outreach</a></li>
+
     <li><a href="https://2014.igem.org/Team:Waterloo/Outreach">Outreach</a></li>
     <li><a>Accomplishments  &#9662;</a>
     <li><a>Accomplishments  &#9662;</a>
-
       <div class="sections_panel" id="subs3">
+
       <div class="sections_panel">
         <div><ul class="dropdown">
         <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/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/Collaborations">Collaborations</a></li>
-
           <li><a href="https://2014.igem.org/Team:Waterloo/Checklist">Checklist & Medal Criteria</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>
         </ul></div>
       </div>
       </div>
     </li>
     </li>
     <li><a>Team  &#9662;</a>
     <li><a>Team  &#9662;</a>
-
       <div class="sections_panel" id="subs4">
+
       <div class="sections_panel">
         <div><ul class="dropdown">
         <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/Our_Team">Our Team</a></li>
Line 118: Line 48:
     </li>
     </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"