66 lines
1.1 KiB
CSS
66 lines
1.1 KiB
CSS
:root {
|
|
--nav-lh: 2em;
|
|
--nav-pad: 1em;
|
|
--nav-height: calc(2 * var(--nav-pad) + var(--nav-lh));
|
|
}
|
|
|
|
body {
|
|
margin-top: var(--nav-height);
|
|
}
|
|
|
|
nav {
|
|
background: var(--theme);
|
|
color: var(--text-theme);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: var(--nav-height);
|
|
line-height: var(--nav-lh);
|
|
padding: var(--nav-pad);
|
|
}
|
|
nav > a,
|
|
nav > form {
|
|
display: inline-block;
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
height: var(--nav-lh);
|
|
margin: 0 var(--nav-pad);
|
|
}
|
|
nav > a.cur {
|
|
font-weight: 750;
|
|
}
|
|
nav > a.logout {
|
|
float: right;
|
|
}
|
|
nav > a img {
|
|
height: var(--nav-lh);
|
|
vertical-align: top;
|
|
margin-right: .5rem;
|
|
}
|
|
nav > a h1 {
|
|
display: inline;
|
|
font: inherit;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
nav > form input {
|
|
font: inherit;
|
|
height: inherit;
|
|
border: none;
|
|
background: #ffffff35;
|
|
padding: 0 var(--gap);
|
|
}
|
|
nav > form input[type="text"] {
|
|
border-radius: var(--radius) 0 0 var(--radius);
|
|
}
|
|
nav > form input[type="submit"] {
|
|
border-radius: 0 var(--radius) var(--radius) 0;
|
|
}
|
|
nav > form input[type="submit"] {
|
|
cursor: pointer;
|
|
color: var(--green-text);
|
|
}
|
|
nav > form input[type="submit"]:hover {
|
|
text-decoration: underline;
|
|
}
|