stackoverflow/hof/javascripttest/styles.css

67 lines
1.0 KiB
CSS
Raw Normal View History

2024-01-26 19:12:05 +11:00
body {
margin: 0;
font-family: Arial, sans-serif;
}
.navbar {
background-color: #333;
overflow: hidden;
padding: 15px;
}
.navbar-toggle {
cursor: pointer;
}
.navbar-toggle span {
background-color: #fff;
display: block;
height: 3px;
margin: 6px 0;
transition: 0.4s;
}
.navbar-links {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.navbar-links li {
float: left;
margin-right: 20px;
}
.navbar-links a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.content {
padding: 20px;
}
@media screen and (max-width: 768px) {
.navbar-links {
display: none;
width: 100%;
text-align: center;
position: absolute;
top: 60px;
left: 0;
background-color: #333;
}
.navbar-links li {
float: none;
display: block;
}
.navbar-toggle {
display: block;
}
}