"
Team:Groningen/Templates/Navigationbar
From 2013.igem.org
(Difference between revisions)
| Line 38: | Line 38: | ||
background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */ | background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */ | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ | ||
| + | } | ||
| + | |||
| + | .menu-item:hover ul { | ||
| + | height: 93px; | ||
} | } | ||
| Line 49: | Line 53: | ||
background: linear-gradient(top, #cc002c 0%,#6d0019 100%); /* W3C */ | background: linear-gradient(top, #cc002c 0%,#6d0019 100%); /* W3C */ | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ | ||
| + | } | ||
| + | |||
| + | /*ul Styles*/ | ||
| + | .menu-item ul { | ||
| + | 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 ul a { | ||
| + | margin-left: 20px; | ||
| + | text-decoration: none; | ||
| + | color: #aaa; | ||
| + | display: block; | ||
| + | width: 200px; | ||
| + | } | ||
| + | |||
| + | /*li Styles*/ | ||
| + | .menu-item li { | ||
| + | border-bottom: 1px solid #eee; | ||
| + | } | ||
| + | |||
| + | .menu-item li:hover { | ||
| + | background: #eee; | ||
| + | } | ||
| + | |||
| + | /*First Item Styles*/ | ||
| + | .alpha p { | ||
| + | font-size: 13px; | ||
| + | padding: 8px 12px; | ||
| + | color: #aaa; | ||
} | } | ||
Revision as of 12:48, 16 July 2013
