Template:Team:Waterloo/TopBar

From 2014.igem.org

(Difference between revisions)
Line 14: Line 14:
#topbar .sections_panel {
#topbar .sections_panel {
   position:absolute;
   position:absolute;
-
   height:280px;
+
   height: 320px;
 +
  width: 300px;
   background:#000;
   background:#000;
   top:60px;
   top:60px;
Line 21: Line 22:
   overflow:hidden;
   overflow:hidden;
   z-index:10000;
   z-index:10000;
-
  transition: height 0.3s linear 0s;
 
   display: none;
   display: none;
}
}
Line 31: Line 31:
   color:#71CCE6;
   color:#71CCE6;
}
}
-
#headings li {
+
.headings li {
   float: left;
   float: left;
   display: block;
   display: block;
}
}
-
#headings li > a {
+
.headings li > a {
   color: #71CCE6;
   color: #71CCE6;
   font-size: 15px;
   font-size: 15px;
Line 54: Line 54:
   cursor: pointer;
   cursor: pointer;
}
}
-
#headings > li:hover > .sections_panel {
+
.headings > li:hover > .sections_panel {
   display: block;
   display: block;
}
}
Line 71: Line 71:
<div id="topbar">
<div id="topbar">
   <!--Headings shown on a large screen-->
   <!--Headings shown on a large screen-->
-
   <ul id="headings">
+
   <ul class="headings">
     <li><img src="https://static.igem.org/mediawiki/2014/4/49/Waterloo_Igem-logo-small.png" height=50px></li>
     <li><img src="https://static.igem.org/mediawiki/2014/4/49/Waterloo_Igem-logo-small.png" height=50px></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="projSubs">
           <li><a>Overview</a></li>
           <li><a>Overview</a></li>

Revision as of 02:12, 16 October 2014

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