add topnav

This commit is contained in:
xfarrow
2024-03-20 16:40:35 +01:00
parent 2633f1f9f3
commit de96018e7e
3 changed files with 96 additions and 6 deletions

View File

@ -38,7 +38,8 @@ h2 {
margin-bottom: 10px;
}
.job h3, .education h3 {
.job h3,
.education h3 {
color: #444;
margin-bottom: 5px;
}
@ -71,5 +72,4 @@ footer {
border-radius: 5px;
font-weight: bold;
cursor: pointer;
}
}

View File

@ -0,0 +1,71 @@
.topnav {
overflow: hidden;
background-color: #e9e9e9;
}
.topnav a {
float: left;
display: block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #2196F3;
color: white;
}
.topnav .search-container {
float: right;
}
.topnav input[type=text] {
padding: 6px;
margin-top: 8px;
font-size: 17px;
border: none;
}
.topnav .search-container button {
float: right;
padding: 6px 10px;
margin-top: 8px;
margin-right: 16px;
background: #ddd;
font-size: 17px;
border: none;
cursor: pointer;
}
.topnav .search-container button:hover {
background: #ccc;
}
@media screen and (max-width: 600px) {
.topnav .search-container {
float: none;
}
.topnav a,
.topnav input[type=text],
.topnav .search-container button {
float: none;
display: block;
text-align: left;
width: 100%;
margin: 0;
padding: 14px;
}
.topnav input[type=text] {
border: 1px solid #ccc;
}
}