Difference between revisions of "Team:SIAT-SCIE/Home"
| Line 83: | Line 83: | ||
} | } | ||
| − | li a:hover, . | + | li a:hover, .dropdownlist:hover .dropbtn { |
background-color: red; | background-color: red; | ||
} | } | ||
| − | li. | + | li.dropdownlist { |
display: inline-block; | display: inline-block; | ||
} | } | ||
| − | . | + | .dropdown_content { |
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
| Line 100: | Line 100: | ||
} | } | ||
| − | . | + | .dropdown_content a { |
color: black; | color: black; | ||
padding: 12px 16px; | padding: 12px 16px; | ||
| Line 108: | Line 108: | ||
} | } | ||
| − | . | + | .dropdown_content a:hover { |
background-color: #f1f1f1 | background-color: #f1f1f1 | ||
} | } | ||
| − | . | + | .dropdownlist:hover .dropdown_content { |
display: block; | display: block; | ||
} | } | ||
| Line 119: | Line 119: | ||
<div id="nav"> | <div id="nav"> | ||
<ul> | <ul> | ||
| − | <li class=" | + | <li class="dropdownlist"> |
<a href="javascript:void(0)" class="dropbtn">Project</a> | <a href="javascript:void(0)" class="dropbtn">Project</a> | ||
| − | <div class=" | + | <div class="dropdown_content"> |
<a href="#" alt="Project discription">Project discription</a> | <a href="#" alt="Project discription">Project discription</a> | ||
<a href="#" alt="Results">Results</a> | <a href="#" alt="Results">Results</a> | ||
| Line 130: | Line 130: | ||
</li> | </li> | ||
| − | <li class=" | + | <li class="dropdownlist"> |
<a href="javascript:void(0)" class="dropbtn">Notebook</a> | <a href="javascript:void(0)" class="dropbtn">Notebook</a> | ||
| − | <div class=" | + | <div class="dropdown_content" > |
<a href="#" alt="IGEM Diary">IGEM Diary</a> | <a href="#" alt="IGEM Diary">IGEM Diary</a> | ||
<a href="#" alt="Lab Book">Lab Book</a> | <a href="#" alt="Lab Book">Lab Book</a> | ||
Revision as of 09:17, 21 June 2017
