Team:Groningen/Templates/Navigationbar

From 2013.igem.org

(Difference between revisions)
Line 38: Line 38:
background: linear-gradient(to right, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* W3C */
background: linear-gradient(to right, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#577aa8',GradientType=1 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#577aa8',GradientType=1 ); /* IE6-9 */
 +
}
 +
 +
.menu-item:hover ul {
 +
  height: 130px;
}
}
Line 49: Line 53:
background: linear-gradient(to right, rgba(0,71,171,1) 100%,rgba(125,185,232,1) 100%); /* W3C */
background: linear-gradient(to right, rgba(0,71,171,1) 100%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
-
}
 
-
 
-
.menu-item:hover ul {
 
-
  height: 130px;
 
-
}
 
-
.menu-item:hover ul1 {
 
-
  height: 130px;
 
}
}
Line 77: Line 74:
   
   
.menu-item ul a {
.menu-item ul a {
-
  margin-left: 20px;
 
-
  text-decoration: none;
 
-
  color: black;
 
-
  display: block;
 
-
  width: 160px;
 
-
}
 
-
 
-
 
-
/*ul Styles*/
 
-
.menu-item ul1 {
 
-
  background: #fff;
 
-
  font-size: 13px;
 
-
  line-height: 30px;
 
-
  height: 0px;
 
-
  list-style-type: none;
 
-
  overflow: hidden;
 
-
  padding: 0px;
 
-
 
 
-
  /*Animation*/
 
-
  -webkit-transition: height 1s ease;
 
-
    -moz-transition: height 1s ease;
 
-
      -o-transition: height 1s ease;
 
-
      -ms-transition: height 1s ease;
 
-
          transition: height 1s ease;
 
-
}
 
-
 
-
.menu-item ul1 a {
 
   margin-left: 20px;
   margin-left: 20px;
   text-decoration: none;
   text-decoration: none;
Line 178: Line 148:
     <div class="menu-item">
     <div class="menu-item">
       <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>
-
       <ul1>
+
       <ul>
-
         <li1><a href="https://2013.igem.org/Team:Groningen/Navigation/summerschool">Summerschool</a></li1>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/summerschool">Summerschool</a></li>
-
         <li1><a href="https://2013.igem.org/Team:Groningen/Navigation/Indiansummer">Indian summer</a></li1>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Indiansummer">Indian summer</a></li>
-
         <li1><a href="https://2013.igem.org/Team:Groningen/Navigation/Symposia">Symposia</a></li1>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Symposia">Symposia</a></li>
-
         <li1><a href="https://2013.igem.org/Team:Groningen/Navigation/Press">Press</a></li1>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Press">Press</a></li>
-
       </ul1>
+
       </ul>
     </div>
     </div>

Revision as of 13:33, 31 July 2013

Retrieved from "http://2013.igem.org/Team:Groningen/Templates/Navigationbar"