Add better poster style; Add material icons

Signed-off-by: metamuffin <metamuffin@disroot.org>

1 files changed, 19 insertions, 6 deletions

diff --git a/web/style/layout.css b/web/style/layout.css
index 20896b0..1369cf5 100644
--- a/web/style/layout.css
+++ b/web/style/layout.css
@@ -9,6 +9,14 @@
     src: url(/assets/cantarell.woff2) format("woff2");
 }
 
+@font-face {
+    font-family: "Material Icons";
+    font-style: normal;
+    font-weight: 400;
+    font-display: block;
+    src: url("/assets/fonts/material-icons.woff2") format("woff2");
+}
+
 :root {
     --card-size: 17em;
     --bar-height: 5em;
@@ -74,21 +82,17 @@ nav a {
     border-radius: 5px;
     padding: 0.5em;
     text-decoration: none;
-}
-nav a:hover {
-    background-color: var(--c-nav-hover);
-}
-nav a {
     color: var(--font);
-    text-decoration: none;
     background-image: linear-gradient(transparent, transparent),
         linear-gradient(var(--accent-light), var(--accent-light));
     background-size: 100% 2px, 0 2px;
     background-position: 100% 100%, 0 100%;
     background-repeat: no-repeat;
     transition: background-size 0.15s linear;
+    cursor: pointer;
 }
 nav a:hover {
+    background-color: var(--c-nav-hover);
     background-size: 0 2px, 100% 2px;
 }
 
@@ -138,3 +142,12 @@ footer p {
     color: var(--font-dark);
     font-size: 0.8em;
 }
+
+.material-icons, .cardhover.item .play, .page.node .title .play::before {
+    content: "face";
+    font-family: "Material Icons";
+    line-height: 1;
+    display: inline-block;
+    text-rendering: optimizeLegibility;
+    font-feature-settings: "liga";
+}
\ No newline at end of file