diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/style/nodepage.css | 30 |
1 files changed, 26 insertions, 4 deletions
diff --git a/web/style/nodepage.css b/web/style/nodepage.css index 576e398..c1d6796 100644 --- a/web/style/nodepage.css +++ b/web/style/nodepage.css @@ -47,13 +47,29 @@ margin-right: 1em; } .page.node .title .play { - display: inline; + display: inline-block; font-stretch: 200%; } .page.node .title .play::before { content: "play_arrow"; vertical-align: middle; } +.page.node .title .mark_watched, +.page.node .title .mark_unwatched { + display: inline-block; +} +.page.node .title .mark_watched input, +.page.node .title .mark_unwatched input { + background-color: #80808040; +} + +/* TODO find a non-horrible way to put the icon there */ +/*.page.node .title .mark_watched input::before { + content: "done_all"; +} +.page.node .title .mark_unwatched input::before { + content: "undo"; +}*/ .props p { margin: 0.4em; @@ -65,20 +81,26 @@ border-radius: 4px; } .props p.federation { - background: rgba(68, 129, 49, 0.522); + background: rgba(22, 101, 133, 0.603); } .props p.federation::before { content: "link"; } .props p.watched { - background: rgba(106, 224, 70, 0.522); + background: rgba(75, 175, 44, 0.644); } .props p.watched::before { content: "check"; } .props p.progress { - background: rgba(225, 255, 58, 0.522); + background: rgba(156, 89, 35, 0.63); } .props p.progress::before { content: "pending"; } +.props p.rating { + background: rgba(138, 156, 35, 0.63); +} +.props p.rating::before { + content: "stars"; +} |