interstellar_ai/app/styles/header.css

38 lines
862 B
CSS

header {
background-color: var(--header-background-color); /* Use the new header background color */
color: var(--header-text-color); /* Use the new header text color */
width: 100%;
text-decoration: none;
position: fixed;
top: 0;
left: 0;
padding: 10px 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
z-index: 1000;
font-family: var(--font-family);
}
header li {
display: inline-block;
margin: 0 15px;
}
header img {
height: 2em;
vertical-align: middle;
}
header a,
header li button {
color: var(--header-text-color); /* Use the new header text color */
text-decoration: none;
transition: color 0.3s;
border: none;
background-color: transparent;
font-size: 1em;
}
header a:hover,
header li button:hover {
color: var(--input-button-color); /* Keep the hover color */
}