From 432bba3dee1d9be25b9626ac45115929a6422961 Mon Sep 17 00:00:00 2001
From: Jonathan Tschanter <jmtw@tutanota.de>
Date: Fri, 21 Jan 2022 15:13:35 +0100
Subject: Add layout based on list entries

---
 public/css/style.css | 62 ++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 58 insertions(+), 4 deletions(-)

(limited to 'public/css')

diff --git a/public/css/style.css b/public/css/style.css
index 8cb9dca..bdb53f8 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,7 +1,6 @@
 :root {
-  --bg: #fff;
-  --accent-bg: #f5f7ff;
-  --bg-header: #212121;
+  --bg: #f5f7ff;
+  --accent-bg: #fff;
   --text-header: #dcdcdc;
   --text: #212121;
   --text-light: #585858;
@@ -26,11 +25,66 @@ main h3 {
 }
 
 main h4 {
-  margin-top: 2.5rem;
+  margin-top: 1rem;
   margin-bottom: 0rem
 }
 
 main p {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
+}
+
+.vote {
+  background: none;
+  color: var(--accent);
+}
+
+input:disabled {
+  cursor: default;
+}
+
+.content {
+  background: var(--accent-bg);
+  border: 1px solid var(--border);
+  border-radius: 5px;
+  align-content: center;
+  text-align: center;
+  margin: 15px 0 15px 0;
+  padding: 15px;
+}
+
+.content-header {
+  margin-top: 50px;
+}
+
+.row:after {
+  content: "";
+  display: table;
+  clear: both
+}
+
+.column {
+  float: left;
+}
+
+.column-5 {
+  width: 5%;
+}
+
+.column-90 {
+  width: 90%;
+}
+
+.column-95 {
+  width: 95%;
+}
+
+.image {
+  max-width: 100%;
+  max-height:300px;
+}
+
+.image-preview {
+  max-width: 100%;
+  max-height:300px;
 }
\ No newline at end of file
-- 
cgit v1.2.3