Difference between revisions of "Team:DTU-Denmark"
| Line 9: | Line 9: | ||
<!-- This tells the browser that your page is responsive --> | <!-- This tells the browser that your page is responsive --> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| + | |||
| + | <style> | ||
| + | /*Strip the ul of padding and list styling*/ | ||
| + | ul { | ||
| + | list-style-type:none; | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | position: absolute; | ||
| + | } | ||
| + | /*Create a horizontal list with spacing*/ | ||
| + | li { | ||
| + | display:inline-block; | ||
| + | float: left; | ||
| + | margin-right: 1px; | ||
| + | } | ||
| + | |||
| + | /*Style for menu links*/ | ||
| + | li a { | ||
| + | display:block; | ||
| + | min-width:140px; | ||
| + | height: 50px; | ||
| + | text-align: center; | ||
| + | line-height: 50px; | ||
| + | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
| + | color: #fff; | ||
| + | background: #2f3036; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | /*Hover state for top level links*/ | ||
| + | li:hover a { | ||
| + | background: #19c589; | ||
| + | } | ||
| + | /*Style for dropdown links*/ | ||
| + | li:hover ul a { | ||
| + | background: #f3f3f3; | ||
| + | color: #2f3036; | ||
| + | height: 40px; | ||
| + | line-height: 40px; | ||
| + | } | ||
| + | /*Hover state for dropdown links*/ | ||
| + | li:hover ul a:hover { | ||
| + | background: #19c589; | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
| + | /*Hide dropdown links until they are needed*/ | ||
| + | li ul { | ||
| + | display: none; | ||
| + | } | ||
| + | /*Make dropdown links vertical*/ | ||
| + | li ul li { | ||
| + | display: block; | ||
| + | float: none; | ||
| + | } | ||
| + | /*Prevent text wrapping*/ | ||
| + | li ul li a { | ||
| + | width: auto; | ||
| + | min-width: 100px; | ||
| + | padding: 0 20px; | ||
| + | } | ||
| + | /*Display the dropdown on hover*/ | ||
| + | ul li a:hover + .hidden, .hidden:hover { | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </style> | ||
</head> | </head> | ||
Revision as of 21:58, 1 November 2017
Snakebite Detectives
iGEM 2017
The most neglected tropical disease
