Add layout based on list entries

1 files changed, 58 insertions, 4 deletions

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