You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

156 lines
2.3 KiB
CSS

.topnav {
overflow: hidden;
}
.topnav a {
float: right;
color: black;
display: block;
text-decoration: none;
text-align: center;
font-size: 20px;
border: 1px solid black;
padding: 2px;
margin: 2px;
}
.topnav a:hover {
background-color: grey;
color: black;
}
.topnav ul{
padding: 2;
margin: 2;
list-style: none;
position: relative;
}
.topnav ul li{
display: inlne-block;
background-color: grey;
}
body {
font:20px/1.1em arial, sans-serif;
background:white;
}
h1 {
font-size: 30px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
h2 {
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
.search-container {
font-size: 20px;
}
ul {
list-style-type: none;
margin: 0;
padding: 2px;
width: 100%;
display: inline-block;
font-size: 20px;
background-color: white;
top: 0;
}
li {
display: inline-block;
padding: 2px;
}
li a {
color: black;
display: inline-block;
text-decoration: none;
border: 1px solid black;
padding: 2px;
}
li:hover {
background-color: grey;
}
form button {
border: 1px solid black;
padding: 2px;
font: 20px;
}
/* navbar container */
.navbar {
overflow: hidden;
background-color: white;
font-family: Arial;
}
/* links inside the navbar */
.navbar a{
float: left;
font-size: 20px;
color: black;
text-align: center;
padding: 2px;
text-decoration: none;
}
/* dropdown container */
.dropdown {
float: left;
overflow: hidden;
}
/* dropdown button */
.dropdown .dropbtn {
font-size: 20px;
border: 1px solid black;
color: black;
padding: 2px;
background-color: inherit;
font-family: inherit;
}
/* add a grey background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn{
background-color: grey;
}
/* dropdown content ("hidden by default"--why?) */
.dropdown-content a {
float: none;
position: absolute;
background-color: white;
min-width: 160px;
z-index: 1;
}
/* links inside the dropdown */
.dropdown-content a {
float: none;
color: black;
padding: 2px;
text-decoration: none;
display: block;
text-align: left;
}
/* add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
background-color: grey;
}
/* show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}