diff options
-rw-r--r-- | page.css | 43 |
1 files changed, 23 insertions, 20 deletions
@@ -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; } |