|
|
Line 2: |
Line 2: |
| <html> | | <html> |
| <style> | | <style> |
− | /* Style the top navigation bar */
| + | |
− | .topnav {
| + | |
− | overflow: hidden;
| + | |
− | background-color: #333;
| + | |
− | font-family: Bahnschrift;
| + | |
− | font-size: 15px;
| + | |
− | width: 100%;
| + | |
− | margin-top: -10px;
| + | |
− | }
| + | |
− | /* Style the topnav links */
| + | |
− | .topnav a {
| + | |
− | float: right;
| + | |
− | display: block;
| + | |
− | color: #f2f2f2;
| + | |
− | text-align: center;
| + | |
− | padding: 14px 16px;
| + | |
− | text-decoration: none;
| + | |
− | /*for transitions when hovering*/
| + | |
− | -o-transition: color .2s ease-out, background 1s ease-in;
| + | |
− | -ms-transition: color .2s ease-out, background 1s ease-in;
| + | |
− | -moz-transition: color .2s ease-out, background 1s ease-in;
| + | |
− | -webkit-transition: color .2s ease-out, background 1s ease-in;
| + | |
− | }
| + | |
− | .topnav a img {
| + | |
− | height: 10%;
| + | |
− | width: 10%;
| + | |
− | }
| + | |
− | .topnav a.logo {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | /* Change color on hover */
| + | |
− | .topnav a:hover, .dropdown:hover .dropdown-button {
| + | |
− | background-color: #ddd;
| + | |
− | color: black;
| + | |
− |
| + | |
− | }
| + | |
| .dropdown { | | .dropdown { |
| float: right; | | float: right; |