"
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 */ | ||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| Line 53: | Line 49: | ||
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; | ||
} | } | ||
| Line 74: | 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 148: | Line 175: | ||
<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> |
<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> | ||
Revision as of 13:22, 31 July 2013
