Line 16: | Line 16: | ||
line-height: 2em; | line-height: 2em; | ||
cursor:pointer; | cursor:pointer; | ||
+ | } | ||
+ | ul.navbar li > ul { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | ul.navbar li:hover > ul{ | ||
+ | visibility: visible; | ||
} | } | ||
</style> | </style> | ||
Line 24: | Line 30: | ||
<div class="main" style="background-color:#0f4AAE;width:100%;"> | <div class="main" style="background-color:#0f4AAE;width:100%;"> | ||
<div class="nav" style="text-align: center;"> | <div class="nav" style="text-align: center;"> | ||
− | <ul class="navbar" style="display:inline-block;"><li>HOME</li><li>PROJECT</li><li>RESULTS</li><li>MODELING</li><li>HUMAN PRACTICE</li><li>ABOUT US</li><li>PARTS</li><li>NOTEBOOK</li> | + | <ul class="navbar" style="display:inline-block;margin:0 0;"> |
+ | <li><a href="#">HOME</a></li> | ||
+ | <li><a href="#">PROJECT</a> | ||
+ | <ul> | ||
+ | <li><a>Background & introduction</a></li> | ||
+ | <li><a>Basic logic circuits</a></li> | ||
+ | <li><a>Indigo synthesis pathway</a></li> | ||
+ | <li><a>Complex logic circuits/ application</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a>RESULTS</a> | ||
+ | <ul> | ||
+ | <li><a>Basic logic circuits</a></li> | ||
+ | <li><a>Indigo synthesis pathway</a></li> | ||
+ | <li><a>Complex logic circuits/ application</a></li> | ||
+ | <li><a>Knock in</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a>MODELING</a></li> | ||
+ | <li><a>HUMAN PRACTICE</a> | ||
+ | <ul> | ||
+ | <li><a>Integrated HP</a></li> | ||
+ | <li><a>Safety</a></li> | ||
+ | <li><a>Education</a></li> | ||
+ | <li><a>Collaboration</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a>ABOUT US</a> | ||
+ | <ul> | ||
+ | <li><a>Team members</a></li> | ||
+ | <li><a>Acknowledgement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li>PARTS</li> | ||
+ | <li>NOTEBOOK</li> | ||
</ul></div> | </ul></div> | ||
<div class="content"></div> | <div class="content"></div> |
Revision as of 09:42, 8 October 2018