diff options
author | (quasar) nebula <towerofnix@gmail.com> | 2021-04-02 14:07:12 -0300 |
---|---|---|
committer | (quasar) nebula <towerofnix@gmail.com> | 2021-04-02 14:07:12 -0300 |
commit | d8f9e7f7d71fcb786908213fe0513bf200e6b4a9 (patch) | |
tree | f5a31c4617325df0d082dd43999bda28b0882c3b /static/site.css | |
parent | 797f4f536e2888e6003806ac6ee8278da79f34d6 (diff) |
basic info card layout & hover behavior
Diffstat (limited to 'static/site.css')
-rw-r--r-- | static/site.css | 58 |
1 files changed, 26 insertions, 32 deletions
diff --git a/static/site.css b/static/site.css index 10ba090f..c62b4f68 100644 --- a/static/site.css +++ b/static/site.css @@ -335,7 +335,7 @@ footer > :last-child { .sidebar article h2, .news-index h2 { - border-bottom: 1px dotted white; + border-bottom: 1px dotted; } .sidebar article h2 time, @@ -701,46 +701,40 @@ li > ul { margin-top: 5px; } -.new { - animation: new 1s infinite; +#info-card-container { + position: absolute; + display: none; + + margin-right: 10px; } -@keyframes new { - 0% { - color: #bbdd00; - } +#info-card-container.shown { + display: block; +} - 50% { - color: #eeff22; - } +.info-card { + background-color: rgba(0, 0, 0, 0.8); + border: 1px dotted var(--primary-color); + border-radius: 3px; + box-shadow: 0 5px 5px black; - 100% { - color: #bbdd00; - } + padding: 5px; + font-size: 0.9em; } -/* fake :P */ -.loading::after { - content: '.'; - animation: loading 6s infinite; +.info-card-name { + font-size: 1em; + border-bottom: 1px dotted; + margin: 0; } -@keyframes loading { - 0 { - content: '.'; - } - - 33% { - content: '..'; - } - - 66% { - content: '...'; - } +.info-card p { + margin-top: 0.25em; + margin-bottom: 0.25em; +} - 100% { - content: '.'; - } +.info-card p:last-child { + margin-bottom: 0; } @media (max-width: 900px) { |