Difference between revisions of "Team:ASIJ Tokyo/CSS"
| Line 197: | Line 197: | ||
font-size: 16px; | font-size: 16px; | ||
} | } | ||
| + | |||
| + | .navbar { | ||
| + | overflow: hidden; | ||
| + | background-color: #333; | ||
| + | font-family: Arial, Helvetica, sans-serif; | ||
| + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
| + | position: fixed; | ||
| + | width:100%; | ||
| + | } | ||
| + | |||
| + | .navbar a { | ||
| + | float: left; | ||
| + | font-size: 16px; | ||
| + | color: white; | ||
| + | text-align: left; | ||
| + | padding: 0px; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .dropdown { | ||
| + | float: left; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | |||
| + | .dropdown .dropbtn { | ||
| + | font-size: 16px; | ||
| + | border: none; | ||
| + | outline: none; | ||
| + | color: white; | ||
| + | padding: 10px 50px; | ||
| + | background-color: inherit; | ||
| + | font-family: inherit; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | .navbar a:hover, .dropdown:hover .dropbtn { | ||
| + | background-color: red; | ||
| + | } | ||
| + | |||
| + | .dropdown-content { | ||
| + | display: none; | ||
| + | position: fixed; | ||
| + | background-color: #f9f9f9; | ||
| + | min-width: 130px; | ||
| + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
| + | z-index: 1; | ||
| + | |||
| + | } | ||
| + | |||
| + | .dropdown-content a { | ||
| + | float: none; | ||
| + | color: black; | ||
| + | padding: 12px 16px; | ||
| + | text-decoration: none; | ||
| + | display: block; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | .dropdown-content a:hover { | ||
| + | background-color: #ddd; | ||
| + | } | ||
| + | |||
| + | .dropdown:hover .dropdown-content { | ||
| + | display: block; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
<body> | <body> | ||
Revision as of 06:57, 7 September 2018
