simplify css and refactor

1 files changed, 11 insertions, 61 deletions

diff --git a/static/style.css b/static/style.css
index 6159f5c..580388e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,76 +1,26 @@
-html {
-	background: #000;
-	color: #fff;
-}
-
-body {
-	margin: 0;
-}
-
-body, pre {
-	font-family: "Roboto", sans-serif;
-}
+html { background: #000; color: #fff }
+body { margin: 0; font-family: sans-serif }
+a { color: lightblue }
 
-#index {
-	max-width: 800px;
-	margin: auto;
-}
+#index { max-width: 800px; margin: auto }
 
 #player {
 	display: block;
 	width: 100vw;
 	height: 90vh;
 	max-height: 80vw;
-	margin: 1rem auto;
 	box-sizing: border-box;
 }
 
-#title {
+#title-bar {
+	display: flex;
+	align-items: center;
+	gap: .25rem;
 	margin: .5rem;
-}
-
-button {
-	margin: .5rem;
-	background: #222;
-	color: #fff;
-	cursor: pointer;
-	border: 0;
-	border-radius: .25rem;
-	padding: .5rem;
-}
 
-#details, #comments {
-	padding: 0 1rem;
+	#title { flex-grow: 1 }
 }
 
-#comments {
-	max-width: 1000px;
-}
-
-.replies {
-	margin-left: 2rem;
-}
-
-a {
-	color: lightblue;
-}
+#details, #comments { padding: 0 1rem; max-width: 1000px }
 
-.comment {
-	background: #191919;
-	border-radius: .25rem;
-	margin: .5rem 0;
-	padding: .5rem;
-}
-.comment .author {
-	text-decoration: none;
-}
-.comment .date {
-	color: #aaa;
-	font-size-adjust: .4;
-}
-.comment .body {
-	margin-left: .5rem;
-}
-.replies .comment {
-	background: #ffffff0a
-}
+.comment .replies { margin-left: 2rem }