summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--page.css43
1 files changed, 23 insertions, 20 deletions
diff --git a/page.css b/page.css
index 37c2582..92e3a48 100644
--- a/page.css
+++ b/page.css
@@ -1,11 +1,11 @@
body {
- background: #19191b;
- color: #ccc;
+ background: #282828;
+ color: #ebdbd2;
font-family: sans-serif;
}
body > * {
- max-width: 42em;
+ max-width: 44em;
margin: 0 auto;
}
@@ -14,7 +14,7 @@ header {
}
section {
- border: 1px solid #242529;
+ border: 1px solid #3c3836;
padding: 0.6em;
}
@@ -24,82 +24,85 @@ section > :first-child {
footer {
text-align: center;
- color: #777;
+ color: #928374;
font-size: 80%;
padding: 1em;
}
h1 {
- color: #5a5252;
+ color: #928374;
}
h2 {
- background: #242529;
+ background: #3c3836;
padding: 0.2em 0.5em;
}
a:not(.recent-item):link,
a.recent-item:link .name {
- color: #a96e3d;
+ color: #458588;
}
a:not(.recent-item):hover,
a.recent-item:hover .name {
- color: #e69958;
+ color: #83a598;
}
a:not(.recent-item):visited,
a.recent-item:visited .name {
- color: #bd402d;
+ color: #b16286;
}
a:not(.recent-item):visited:hover,
a.recent-item:visited:hover .name {
- color: #e44e37;
+ color: #d3869b;
}
a:not(.recent-item):active,
-a:not(.recent-item):visited:active,
-a.recent-item:active .name,
-a.recent-item:visited:active .name {
- color: #e675e6;
+a:not(.recent-item):visited:active {
+ color: #fb4934;
}
.recent-item .name {
text-decoration: underline;
+ min-width: 52%;
}
.recent-item .id {
font-family: monospace;
+ min-width: 52%;
}
.recent-item {
color: inherit;
text-decoration: none;
display: block;
- padding: 0.3em;
- border-bottom: 1px solid #242529;
+ padding: 0.3em 0.2em;
+ border-bottom: 1px dashed #3c3836;
}
.recent-item:hover {
- background: #1e1f23;
+ background: #3c3836;
cursor: pointer;
}
.recent-item:active {
- background: #2f262f;
+ background: #584945;
}
.recent-item > .details {
- color: #555;
+ color: #928374;
font-size: 80%;
}
.left-right {
display: flex;
justify-content: space-between;
+ flex-wrap: wrap;
}
.left-right > * {
display: block;
+ min-width: fit-content;
+ line-height: 1.4em;
}