Difference between revisions of "Team:DTU-Denmark"
| Line 230: | Line 230: | ||
height: 40px; | height: 40px; | ||
display: inline-block; | display: inline-block; | ||
| − | color: | + | color: green; |
text-align: center; | text-align: center; | ||
padding: 10px 16px; | padding: 10px 16px; | ||
| Line 238: | Line 238: | ||
font-family: sans-serif, "Times New Roman", Times, serif; | font-family: sans-serif, "Times New Roman", Times, serif; | ||
} | } | ||
| + | |||
| + | /*hides dropdown choices, sets background and shadows. makes sure that the width is not less than the width of the nav bar choice buttons*/ | ||
.dropdown-content { | .dropdown-content { | ||
| Line 248: | Line 250: | ||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
z-index: 1; | z-index: 1; | ||
| + | } | ||
| + | |||
| + | |||
| + | /*displays dropdown content when nav bar choice is hovered*/ | ||
| + | |||
| + | .dropdown:hover .dropdown-content, .dropdown:focus .dropdown-content { | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | |||
| + | /*defines nav bar dropdown link layout*/ | ||
| + | |||
| + | .dropdown-content a { | ||
| + | color: black; | ||
| + | background-color: white; | ||
| + | padding: 12px 16px; | ||
| + | text-decoration: none; | ||
| + | display: block; | ||
| + | text-align: left; | ||
} | } | ||
Revision as of 17:24, 16 July 2017
