Difference between revisions of "Team:CU-Boulder/Templates/Menu"
(Created page with "<html> <style>} ul{ width: 100%; margin-right: 0px; margin-left: 0px; background-color: black; position: fixed; } li{ display: inline;...") |
|||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | <style>} | + | <head> |
| + | <style> | ||
| + | body {margin:0;} | ||
| + | ul { | ||
| + | list-style-type: none; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | overflow: hidden; | ||
| + | background-color: #333; | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | width: 100%; | ||
| + | } | ||
| + | li { | ||
| + | float: left; | ||
| + | } | ||
| − | + | li a { | |
| − | + | display: block; | |
| − | + | color: white; | |
| − | + | text-align: center; | |
| − | + | padding: 14px 16px; | |
| − | + | text-decoration: none; | |
| + | } | ||
| + | li a:hover:not(.active) { | ||
| + | background-color: #111; | ||
} | } | ||
| − | + | .active { | |
| − | + | background-color: #4CAF50; | |
| − | + | } | |
| − | + | ||
</style> | </style> | ||
| − | + | </head> | |
| − | <head> | + | <body> |
<ul> | <ul> | ||
| Line 28: | Line 45: | ||
</ul> | </ul> | ||
| − | |||
| − | |||
</body> | </body> | ||
| − | |||
</html> | </html> | ||
Latest revision as of 17:56, 15 August 2017
