Template:Team:Waterloo/TopBar

From 2014.igem.org

(Difference between revisions)
Line 12: Line 12:
   height:60px;
   height:60px;
}
}
-
#topbar .sections_panel {
+
.sections_panel {
   position:absolute;
   position:absolute;
-
   height:280px;
+
   height: 320px;
   width: 300px;
   width: 300px;
   background:#000;
   background:#000;
Line 22: Line 22:
   overflow:hidden;
   overflow:hidden;
   z-index:10000;
   z-index:10000;
-
  transition: height 0.3s linear 0s;
 
   display: none;
   display: none;
}
}
-
#topbar .sections_panel > div {
+
.sections_panel > div {
   background:#333;
   background:#333;
   padding:20px;
   padding:20px;
Line 32: 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 55: Line 54:
   cursor: pointer;
   cursor: pointer;
}
}
-
#headings > li:hover > .sections_panel {
+
.headings > li:hover > .sections_panel {
   display: block;
   display: block;
}
}
Line 72: 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>

Revision as of 02:22, 16 October 2014

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