vanten-s.com/themes/vanten/assets/css/main.css

74 lines
1.2 KiB
CSS
Raw Normal View History

2024-07-22 23:27:23 +02:00
:root {
--bg: #181825;
--navbar: #1e1e2e;
--text: #cdd6f4;
--link: #94e2d5;
--link-highligt: #fff;
--border: #222;
}
@media (prefers-color-scheme: light) {
:root {
--bg: #e6e9ef;
--navbar: #eff1f5;
--text: #4c4f69;
--link: #179299;
--link-highligt: #000;
--border: #eff1f5;
}
}
2024-07-21 19:41:39 +02:00
body {
2024-07-22 23:27:23 +02:00
color: var(--text);
background-color: var(--bg);
2024-07-21 19:41:39 +02:00
font-family: monospace;
font-size: 1.2em;
line-height: 1.5;
margin: 1rem;
2024-07-22 14:49:25 +02:00
max-width: 43em;
2024-07-21 19:41:39 +02:00
margin-right: 8em;
}
header {
2024-07-22 23:27:23 +02:00
border-bottom: 1px solid var(--border);
2024-07-21 19:41:39 +02:00
margin-bottom: 1rem;
}
footer {
2024-07-22 23:27:23 +02:00
border-top: 1px solid var(--border);
2024-07-21 19:41:39 +02:00
margin-top: 1rem;
}
a {
2024-07-22 23:27:23 +02:00
color: var(--link);
2024-07-21 19:41:39 +02:00
text-decoration: none;
}
.navbar {
position: fixed;
right: 0;
top: 0;
2024-07-22 23:27:23 +02:00
background-color: var(--navbar);
2024-07-21 19:41:39 +02:00
bottom: 0;
2024-07-22 14:47:21 +02:00
width: 5.5em;
2024-07-21 19:41:39 +02:00
}
.navbar > ul {
list-style-type: none;
2024-07-22 14:47:21 +02:00
padding-left: 0.5em;
2024-07-21 19:41:39 +02:00
}
.navbar > ul > li > a {
transition: color 200ms;
2024-07-22 14:47:21 +02:00
font-size: 100%;
2024-07-21 19:41:39 +02:00
}
.navbar > ul > li > a:hover {
2024-07-22 23:27:23 +02:00
color: var(--link-highligt);
2024-07-21 19:41:39 +02:00
}
.separator {
2024-07-22 23:27:23 +02:00
border-top: 1px solid var(--border);
2024-07-21 19:41:39 +02:00
margin-top: 1rem;
}