Team:Groningen/Templates/Navigationbar

From 2013.igem.org

(Difference between revisions)
Line 42: Line 42:
.menu-item:hover ul {
.menu-item:hover ul {
   height: 130px;
   height: 130px;
 +
}
 +
 +
#menu-item-1:hover ul {
 +
height: 33px;
 +
}
 +
#menu-item-2:hover ul {
 +
height: 63px;
 +
}
 +
#menu-item-3:hover ul {
 +
height: 93px;
 +
}
 +
#menu-item-4:hover ul {
 +
height: 123px;
 +
}
 +
#menu-item-5:hover ul {
 +
height: 153px;
 +
}
 +
#menu-item-6:hover ul {
 +
height: 183px;
}
}
Line 56: Line 75:
/*ul Styles*/
/*ul Styles*/
-
.menu-item ul4,
 
.menu-item ul {
.menu-item ul {
   background: #fff;
   background: #fff;
Line 73: Line 91:
           transition: height 1s ease;
           transition: height 1s ease;
}
}
-
.menu-item ul4 a,
 
.menu-item ul a {
.menu-item ul a {
   margin-left: 20px;
   margin-left: 20px;
Line 139: Line 156:
     </div>
     </div>
        
        
-
     <div class="menu-item">
+
     <div class="menu-item-2">
       <h4><a href="https://2013.igem.org/Team:Groningen/Navigation/Modeling">Dry Lab</a></h4>
       <h4><a href="https://2013.igem.org/Team:Groningen/Navigation/Modeling">Dry Lab</a></h4>
       <ul>
       <ul>
Line 147: Line 164:
     </div>
     </div>
-
     <div class="menu-item">
+
     <div class="menu-item-4">
       <h4><a href="https://2013.igem.org/Team:Groningen/Navigation/outreach">Outreach</a></h4>
       <h4><a href="https://2013.igem.org/Team:Groningen/Navigation/outreach">Outreach</a></h4>
-
       <ul4>
+
       <ul>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/summerschool">Summerschool</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/summerschool">Summerschool</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Indiansummer">Indian summer</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Indiansummer">Indian summer</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Symposia">Symposia</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Symposia">Symposia</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Press">Press</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Press">Press</a></li>
-
       </ul4>
+
       </ul>
     </div>
     </div>

Revision as of 13:56, 31 July 2013