diff options
| -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 */ |