|
|
| 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; |
