Team:Kent/navbar css
From 2014.igem.org
(Difference between revisions)
Line 25: | Line 25: | ||
position: relative; | position: relative; | ||
padding: 15px 20px; | padding: 15px 20px; | ||
- | background: # | + | background: #FFFFFF; |
cursor: pointer; | cursor: pointer; | ||
-webkit-transition: all 0.2s; | -webkit-transition: all 0.2s; | ||
Line 56: | Line 56: | ||
} | } | ||
ul li ul li { | ul li ul li { | ||
- | background: # | + | background: #FFFFFF; |
display: block; | display: block; | ||
color: #fff; | color: #fff; | ||
text-shadow: 0 -1px 0 #000; | text-shadow: 0 -1px 0 #000; | ||
} | } | ||
- | ul li ul li:hover { background: # | + | ul li ul li:hover { background: #FFFFFF; } |
ul li:hover ul { | ul li:hover ul { | ||
display: block; | display: block; |
Revision as of 09:33, 4 September 2014
@charset "utf-8"; .Dropdown { } body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; text-align: center; margin-top: 212px }
ul {
text-align: left; display: inline; margin: 0; padding: 15px 4px 17px 0; list-style: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
} ul li {
font: bold 12px/18px sans-serif; display: inline-block; margin-right: -4px; position: relative; padding: 15px 20px; background: #FFFFFF; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;
} ul li:hover {
background: #555; color: #fff;
} ul li ul {
padding: 0; position: absolute; top: 48px; left: 0; width: 150px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s;
} ul li ul li {
background: #FFFFFF; display: block; color: #fff; text-shadow: 0 -1px 0 #000;
} ul li ul li:hover { background: #FFFFFF; } ul li:hover ul {
display: block; opacity: 1; visibility: visible;
}