"

From 2014.igem.org

---

Revision as of 23:02, 11 September 2014

<style type="text/css">

.mainNavigation ul {display:inline;}

.mainNavigation ul ul { display: none; }

.mainNavigation ul li:hover > ul { display: block; }

.mainNavigation ul { list-style: none; display: inline-table; border-bottom:1px solid #e9e9e9; position:relative; }

.mainNavigation ul:after { content: ""; clear: both; display: block; } .mainNavigation ul li .imgNav { padding:15px; } .mainNavigation ul li { float: left; } .mainNavigation ul li:hover a{ background: #4b545f; color: #fff; } .mainNavigation ul li a { display: block; padding: 20px 25px; color: #757575; text-decoration: none; } .mainNavigation ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; } .mainNavigation ul ul li a:hover { background: #4b545f; } .mainNavigation ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } .mainNavigation ul ul li a { padding: 15px 30px; color: #fff; } .mainNavigation ul ul ul { position: absolute; left: 100%; top:0; }

</style>