Difference between revisions of "Template:William and Mary"
| Line 514: | Line 514: | ||
*/ | */ | ||
} | } | ||
| + | } | ||
| + | |||
| + | ul { | ||
| + | li a, .dropbtn { | ||
| + | display: inline-block; | ||
| + | color: white; | ||
| + | text-align: center; | ||
| + | padding: 14px 16px; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | li a:hover, .dropdown:hover .dropbtn { | ||
| + | background-color: red; | ||
| + | } | ||
| + | |||
| + | li.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: #f1f1f1} | ||
| + | |||
| + | .dropdown:hover .dropdown-content { | ||
| + | display: block; | ||
} | } | ||
| Line 542: | Line 582: | ||
<li class="home"><a href="#">Home</a></li> | <li class="home"><a href="#">Home</a></li> | ||
<li class="project"><a href="#">Project</a></li> | <li class="project"><a href="#">Project</a></li> | ||
| + | <li class="dropdown"> | ||
| + | <a href="javascript:void(0)" class="dropbtn">Dropdown</a> | ||
| + | <di class="dropdown-content"> | ||
| + | <a href="#">Link 1</a> | ||
| + | <a href="#">Link 2</a> | ||
| + | <a href="#">Link 3</a> | ||
<li class="modeling"><a href="#">Modeling</a></li> | <li class="modeling"><a href="#">Modeling</a></li> | ||
<li class="parts"><a href="#">Parts</a></li> | <li class="parts"><a href="#">Parts</a></li> | ||
Revision as of 19:45, 14 June 2017
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
William_and_Mary
