mirror of
https://github.com/xfarrow/blink
synced 2025-06-27 09:03:02 +02:00
add topnav
This commit is contained in:
@ -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;
|
||||
}
|
||||
|
||||
}
|
71
frontend/vanilla/css/topnav.css
Normal file
71
frontend/vanilla/css/topnav.css
Normal 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;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user