User:SvenB/DropTest
From 2014.igem.org
< User:SvenB(Difference between revisions)
(46 intermediate revisions not shown) | |||
Line 6: | Line 6: | ||
<title>CSS3 Dropdown Menu von designyourweb.info</title> | <title>CSS3 Dropdown Menu von designyourweb.info</title> | ||
<style> | <style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
nav { | nav { | ||
width: 960px; | width: 960px; | ||
} | } | ||
nav ul { | nav ul { | ||
- | padding: | + | padding: 0 !important; |
- | margin: | + | margin: 0 !important; |
- | + | ||
+ | text-align: center; | ||
+ | line-height: 1.5em !important; | ||
box-shadow: 2px 2px 2px #dfdfdf; | box-shadow: 2px 2px 2px #dfdfdf; | ||
-moz-box-shadow: 2px 2px 2px #dfdfdf; | -moz-box-shadow: 2px 2px 2px #dfdfdf; | ||
Line 28: | Line 25: | ||
display: block; | display: block; | ||
font-size: 0; | font-size: 0; | ||
- | height: 0; | + | height: 0 !important; |
visibility: hidden; | visibility: hidden; | ||
} | } | ||
Line 36: | Line 33: | ||
} | } | ||
nav ul li { | nav ul li { | ||
- | list-style: none; | + | list-style: none; |
- | + | float: none; | |
+ | display: inline-block; | ||
+ | text-align: left; | ||
+ | margin-top: -2px; | ||
+ | margin-left: -4px; | ||
- | border-right: | + | border-right: 2px solid #dfdfdf; |
} | } | ||
+ | nav ul li.cat1 { | ||
+ | border-left: 2px solid #dfdfdf; | ||
+ | } | ||
+ | |||
nav ul li a { | nav ul li a { | ||
- | text-decoration: none; | + | text-decoration: none !important; |
display: block; | display: block; | ||
- | color: #333; | + | color: #333 !important; |
- | padding: 14px 34px 14px 34px; | + | padding: 14px 34px 14px 34px !important; |
transition: background 0.3s ease-out; /* explorer 10 */ | transition: background 0.3s ease-out; /* explorer 10 */ | ||
Line 68: | Line 73: | ||
background-color: #332B40; | background-color: #332B40; | ||
} | } | ||
- | + | nav ul li.cat6:hover a, nav ul li.cat5:hover > ul li a { | |
+ | background-color: #332B40; | ||
+ | } | ||
+ | nav ul li.cat7:hover a, nav ul li.cat5:hover > ul li a { | ||
+ | background-color: #332B40; | ||
+ | } | ||
nav ul li:hover > a { | nav ul li:hover > a { | ||
- | color: #FAFAFA; | + | color: #FAFAFA !important; |
+ | text-decoration: none !important; | ||
} | } | ||
nav ul li:hover > ul { | nav ul li:hover > ul { | ||
Line 81: | Line 92: | ||
position: absolute; | position: absolute; | ||
padding:0px; | padding:0px; | ||
+ | text-align: inherit; | ||
} | } | ||
nav ul li ul li{ | nav ul li ul li{ | ||
float: none; | float: none; | ||
+ | display: block; | ||
} | } | ||
nav ul li ul li a { | nav ul li ul li a { | ||
- | color: #FAFAFA; | + | color: #FAFAFA !important; |
+ | text-decoration: none !important; | ||
} | } | ||
nav ul li ul li a:hover{ | nav ul li ul li a:hover{ | ||
- | color: #333; | + | color: #333 !important; |
background-color: #FAFAFA !important; | background-color: #FAFAFA !important; | ||
+ | text-decoration: none !important; | ||
} | } | ||
Line 103: | Line 118: | ||
</li> | </li> | ||
<li class = "cat2"> | <li class = "cat2"> | ||
- | <a href="#"> | + | <a href="#">Project</a> |
<ul> | <ul> | ||
- | <li><a href="#"> | + | <li><a href="#">Overview</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Motivation</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Inteins</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Enzymes</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class = "cat3"> | <li class = "cat3"> | ||
- | <a href="#"> | + | <a href="#">Team</a> |
<ul> | <ul> | ||
- | <li><a href="#"> | + | <li><a href="#">About Us</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Attributions</a></li> |
- | + | ||
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class = "cat4"> | <li class = "cat4"> | ||
- | <a href="#"> | + | <a href="#">Notebook</a> |
<ul> | <ul> | ||
- | <li><a href="#"> | + | <li><a href="#">Protocols</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Lab Journal</a></li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class = "cat5"> | <li class = "cat5"> | ||
- | <a href="#"> | + | <a href="#">Activities</a> |
<ul> | <ul> | ||
- | <li><a href="#"> | + | <li><a href="#">SynBio-Day</a></li> |
- | <li><a href="#"> | + | <li><a href="#">School-Project</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Aachen Conference</a></li> |
</ul> | </ul> | ||
+ | </li> | ||
+ | <li class = "cat6"> | ||
+ | <a href="#">Results</a> | ||
+ | <ul> | ||
+ | <li><a href="#">List Item</a></li> | ||
+ | <li><a href="#">List Item</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class = "cat7"> | ||
+ | <a href="#">Contact</a> | ||
+ | |||
</li> | </li> | ||
</ul> | </ul> |
Latest revision as of 20:37, 5 October 2014