Anikasingh (Talk | contribs) (Replaced content with " <html> </html>") |
Anikasingh (Talk | contribs) |
||
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <style> | ||
+ | .ul1 { | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | background-color: #333; | ||
+ | |||
+ | } | ||
+ | |||
+ | #top_menu_under{ | ||
+ | height: 0px; | ||
+ | border-bottom: 0 none; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: white; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | font-size: 110%; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header { | ||
+ | width:100%; | ||
+ | margin: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .li2 { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .li2 a, .dropbtn { | ||
+ | display: inline-block; | ||
+ | color: #EFEFF7; | ||
+ | text-align: center; | ||
+ | padding: 20px 20px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .li2 a:hover, .dropdown:hover .dropbtn { | ||
+ | background-color: #7D5E7F; | ||
+ | } | ||
+ | |||
+ | .li2.dropdown { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover {background-color: #D5EDE1} | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <ul class="ul1"> | ||
+ | <li class="dropdown li2"> | ||
+ | <a href="javascript:void(0)" class="dropbtn">Team</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">Members</a> | ||
+ | <a href="#">Attribution</a> | ||
+ | <a href="#">Collaboration</a> | ||
+ | <a href="#">Human Practices</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class = "li2"><a href="#news">Parts</a></li> | ||
+ | <li class="dropdown li2"> | ||
+ | <a href="javascript:void(0)" class="dropbtn">Experiment</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">Notebook</a> | ||
+ | <a href="#">Safety</a> | ||
+ | <a href="#">Model</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown li2"> | ||
+ | <a href="javascript:void(0)" class="dropbtn">Project</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">Description</a><span onclick="google.com'"> | ||
+ | <a href="#">Design</a> | ||
+ | <a href="#">Experimentation</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
</html> | </html> |
Latest revision as of 02:08, 27 September 2017