Team:Imperial College/Templates/Navigation
From 2013.igem.org
(Difference between revisions)
Line 47: | Line 47: | ||
border-right: 1px solid #2b87b4; | border-right: 1px solid #2b87b4; | ||
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5) inset; | box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5) inset; | ||
- | -webkit-transition: all | + | -webkit-transition: all 300ms ease; |
- | -moz-transition: all | + | -moz-transition: all 300ms ease; |
- | -ms-transition: all | + | -ms-transition: all 300ms ease; |
- | -o-transition: all | + | -o-transition: all 300ms ease; |
- | transition: all | + | transition: all 300ms ease; |
} | } | ||
ul.navigation-menu > li > ul { | ul.navigation-menu > li > ul { | ||
- | -webkit-transition: all | + | -webkit-transition: all 300ms ease; |
- | -moz-transition: all | + | -moz-transition: all 300ms ease; |
- | -ms-transition: all | + | -ms-transition: all 300ms ease; |
- | -o-transition: all | + | -o-transition: all 300ms ease; |
- | transition: all | + | transition: all 300ms ease; |
list-style-type: none; | list-style-type: none; | ||
list-style-image: none; | list-style-image: none; | ||
Line 72: | Line 72: | ||
margin: 0; | margin: 0; | ||
height: 0; | height: 0; | ||
- | -webkit-transition: all | + | -webkit-transition: all 300ms ease; |
- | -moz-transition: all | + | -moz-transition: all 300ms ease; |
- | -ms-transition: all | + | -ms-transition: all 300ms ease; |
- | -o-transition: all | + | -o-transition: all 300ms ease; |
- | transition: all | + | transition: all 300ms ease; |
} | } | ||
ul.navigation-menu > li:hover { | ul.navigation-menu > li:hover { | ||
Line 82: | Line 82: | ||
} | } | ||
ul.navigation-menu > li:hover > ul { | ul.navigation-menu > li:hover > ul { | ||
- | -webkit-transition: all | + | -webkit-transition: all 300ms ease; |
- | -moz-transition: all | + | -moz-transition: all 300ms ease; |
- | -ms-transition: all | + | -ms-transition: all 300ms ease; |
- | -o-transition: all | + | -o-transition: all 300ms ease; |
- | transition: all | + | transition: all 300ms ease; |
position: relative; | position: relative; | ||
z-index: 9999; | z-index: 9999; | ||
Line 132: | Line 132: | ||
} | } | ||
ul.navigation-menu > li:hover > ul > li > ul { | ul.navigation-menu > li:hover > ul > li > ul { | ||
- | -webkit-transition: all | + | -webkit-transition: all 300ms ease; |
- | -moz-transition: all | + | -moz-transition: all 300ms ease; |
- | -ms-transition: all | + | -ms-transition: all 300ms ease; |
- | -o-transition: all | + | -o-transition: all 300ms ease; |
- | transition: all | + | transition: all 300ms ease; |
list-style-type: none; | list-style-type: none; | ||
list-style-image: none; | list-style-image: none; | ||
Line 157: | Line 157: | ||
} | } | ||
ul.navigation-menu > li:hover > ul > li > ul > li { | ul.navigation-menu > li:hover > ul > li > ul > li { | ||
- | -webkit-transition: all | + | -webkit-transition: all 300ms ease; |
- | -moz-transition: all | + | -moz-transition: all 300ms ease; |
- | -ms-transition: all | + | -ms-transition: all 300ms ease; |
- | -o-transition: all | + | -o-transition: all 300ms ease; |
- | transition: all | + | transition: all 300ms ease; |
width: 0; | width: 0; | ||
width: 0; | width: 0; | ||
Line 205: | Line 205: | ||
background-color: #93b4d9; | background-color: #93b4d9; | ||
} | } | ||
- | |||
</style> | </style> | ||
<ul class="navigation-menu"> | <ul class="navigation-menu"> |
Revision as of 16:28, 24 August 2013