Team:ITESM-Guadalajara/Company
From 2014.igem.org
(Difference between revisions)
Line 232: | Line 232: | ||
} | } | ||
ul.nav a{ | ul.nav a{ | ||
- | + | color: gray; | |
- | background-color: transparent; | + | background-color: transparent; |
+ | height: 100%; | ||
+ | position: relative; | ||
} | } | ||
- | ul.nav a:hover { | + | ul.nav a:hover { |
background-color: transparent;} | background-color: transparent;} | ||
Line 244: | Line 246: | ||
h4 { | h4 { | ||
font-weight: bold; | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .menu-item{ | ||
+ | height: 100px; | ||
+ | } | ||
+ | |||
+ | .green-effect{ | ||
+ | display: none; | ||
+ | background-color: #4AAF51; | ||
+ | opacity: 1; | ||
+ | color: #FFF; | ||
+ | transition-property: all; | ||
+ | transition-duration: 0.3s; | ||
+ | transition-timing-function: ease-out; | ||
+ | transition-delay: 0s; | ||
+ | border-color: #288D30; | ||
+ | position: absolute; | ||
+ | bottom: 0px; | ||
+ | width: 100%; | ||
+ | height: 2px; | ||
+ | right: 0px; | ||
+ | } | ||
+ | |||
+ | a:hover .green-effect{ | ||
+ | display: inherit; | ||
} | } | ||
Line 263: | Line 290: | ||
<div class="col-md-1"></div> | <div class="col-md-1"></div> | ||
- | + | <div class="col-md-6" > | |
<ul class="nav navbar-nav" style="margin-top:30px"> | <ul class="nav navbar-nav" style="margin-top:30px"> | ||
- | <li><a href=" | + | <li class="menu-item"> |
- | <li><a href=" | + | <a href="https://2014.igem.org/Team:ITESM-Guadalajara"> |
- | <li><a href=" | + | <span>Home</span> |
- | <li><a href=" | + | <span class="green-effect"></span> |
- | <li><a href=" | + | </a> |
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Company"> | ||
+ | <span>The Company</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Team"> | ||
+ | <span>Team</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Contact"> | ||
+ | <span>Contact</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Main_Page"> | ||
+ | <span>iGEM 2014</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li> | ||
</ul> | </ul> | ||
</div> | </div> |
Revision as of 22:11, 14 October 2014