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