User:SvenB/DropTest
From 2014.igem.org
(Difference between revisions)
Line 5: | Line 5: | ||
<link rel="stylesheet" href="style.css"> | <link rel="stylesheet" href="style.css"> | ||
<style> | <style> | ||
- | |||
- | |||
- | |||
nav ul { | nav ul { | ||
padding: 0px; | padding: 0px; | ||
margin: 0px; | margin: 0px; | ||
+ | |||
+ | box-shadow: 2px 2px 2px #dfdfdf; | ||
+ | -moz-box-shadow: 2px 2px 2px #dfdfdf; | ||
+ | -webkit-box-shadow: 2px 2px 2px #dfdfdf; | ||
} | } | ||
- | + | nav ul li { | |
- | + | list-style: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
float:left; | float:left; | ||
+ | border-right: 1px solid #dfdfdf; | ||
} | } | ||
nav ul li a { | nav ul li a { | ||
Line 32: | Line 23: | ||
color: #333; | color: #333; | ||
padding: 14px 34px 14px 34px; | padding: 14px 34px 14px 34px; | ||
+ | |||
+ | -webkit-transition: background 0.3s ease-out 0s; | ||
+ | -moz-transition: background 0.3s ease-out 0s; | ||
+ | -o-transition: background 0.3s ease-out 0s; | ||
+ | transition: background 0.3s ease-out 0s; | ||
+ | } | ||
+ | nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a { | ||
+ | background-color: #E6DD00; | ||
+ | } | ||
+ | nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a { | ||
+ | background-color: #8CB302; | ||
+ | } | ||
+ | nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a { | ||
+ | background-color: #008C74; | ||
+ | } | ||
+ | nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a { | ||
+ | background-color: #004C66; | ||
} | } | ||
- | nav ul li:hover > ul { | + | nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a { |
- | + | background-color: #332B40; | |
} | } | ||
- | nav ul li | + | nav ul li:hover > a { |
- | + | color: #FAFAFA; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | nav ul li ul li{ | + | nav ul li ul li a { |
- | + | color: #FAFAFA; | |
} | } | ||
nav ul li ul li a:hover{ | nav ul li ul li a:hover{ | ||
color: #333; | color: #333; | ||
+ | background-color: #FAFAFA !important; | ||
} | } | ||
</style> | </style> |
Revision as of 15:44, 5 October 2014