diff options
| author | julian laplace <julescarbon@gmail.com> | 2022-10-26 14:34:49 +0200 |
|---|---|---|
| committer | julian laplace <julescarbon@gmail.com> | 2022-10-26 14:34:49 +0200 |
| commit | 3dc50a84e6ae99d991caf0dae9c3a222ec4a37f1 (patch) | |
| tree | 8dfcb8c550dad71d0b63cdd47c3f0a6647cc053c | |
| parent | 4b56f9e30865ae41aa340aeea783724c3736f65d (diff) | |
hover states
| -rw-r--r-- | views/partials/hootstream.ejs | 25 |
1 files changed, 19 insertions, 6 deletions
diff --git a/views/partials/hootstream.ejs b/views/partials/hootstream.ejs index 8d6e16f..755f83c 100644 --- a/views/partials/hootstream.ejs +++ b/views/partials/hootstream.ejs @@ -212,6 +212,7 @@ padding: 0.5rem; white-space: nowrap; position: relative; + transition: opacity 0.1s; } #hootevents .fileRow div::after { content: ''; @@ -229,6 +230,10 @@ #hootevents .fileRow:nth-child(even) div::after { background-color: #88b; } + #hootevents .fileRow:nth-child(even):hover div::after, + #hootevents .fileRow:nth-child(odd):hover div::after { + background-color: #bbf; + } /** Misc */ #hootevents code, #hootevents pre { @@ -288,12 +293,20 @@ #hootevents .fileRow div { color: rgba(192,192,192,1.0); } - #hootevents .fileRow:nth-child(odd) div::after { - background-color: #88b; - } - #hootevents .fileRow:nth-child(even) div::after { - background-color: #448; - } + #hootevents .fileRow:nth-child(odd) div::after { + background-color: #88b; + } + #hootevents .fileRow:nth-child(even) div::after { + background-color: #448; + } + #hootevents .fileRow:nth-child(even):hover div::after, + #hootevents .fileRow:nth-child(odd):hover div::after { + background-color: #bbf; + } + #hootevents .hoot .threadLink:hover, + .desktop a:hover { + color: #2bf; + } } /** MEDIA QUERY: PHONE */ |