From 542775a080d63c69a3db5de5534c7cf943455dd5 Mon Sep 17 00:00:00 2001
From: Jeff MacKinnon <jeff@jeffmackinnon.com>
Date: Fri, 22 Apr 2022 17:21:35 -0300
Subject: [PATCH] minor changes

---
 static/css/main.css               |  2 +-
 static/css/not-style-specific.css | 63 ++++++++++++++++++++++++++++++-
 2 files changed, 63 insertions(+), 2 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 903c67d..f7a9571 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,6 +1,6 @@
 @import url(fontawesome-all.min.css);
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
-/*@import url(not-style-specific.css);*/
+@import url(not-style-specific.css);
 /*
 	Editorial by HTML5 UP
 	html5up.net | @ajlkn
diff --git a/static/css/not-style-specific.css b/static/css/not-style-specific.css
index 57ea984..ce9db92 100644
--- a/static/css/not-style-specific.css
+++ b/static/css/not-style-specific.css
@@ -1,8 +1,69 @@
 
 
+/* books */
+
+.book {
+  display: flex;
+  justify-content: center;
+  margin: .25em;
+  position: relative;
+  text-transform: initial;
+  transition: transform .05s;
+  width: 100px;
+  z-index: 1;
+}
+
+.book .book__back {
+  background-color: black;
+  bottom: 0;
+  color: white;
+  font-size: 8px;
+  display: none;
+  flex-direction: column;
+  justify-content: flex-end;
+  padding: 0 .5em;
+  position: absolute;
+  text-transform: none;
+}
+
+.book:focus .book__back {
+  display: flex;
+}
+
+.book:hover, book:focus {
+  transform: scale(1.4);
+  z-index: 1000;
+}
+
+/* progress bar */
+
+.progress {
+  background-color: white;
+  border: 2px solid var(--base-dark);
+  border-radius: 3px;
+  height: 14px;
+  margin: .5em auto;
+  position: absolute;
+  top: 38%;
+  width: 106%;
+  z-index: 1;
+}
+
+.progress__bar50 {
+  background-color: var(--base-green);
+  border-right: 2px solid var(--base-dark);
+  height: 10px;
+  width: 50%;
+}
+
+.progress__bar.progress__bar--dnf {
+  background-color: var(--base-yellow);
+} 
 
 
-
+.postlist-link {
+  text-decoration: none;
+}