use solid colours on book entries
[books.alexwlchan.net] / static / style.css
index 5dea87f..1ea8ce5 100644 (file)
@@ -137,13 +137,8 @@ footer a:hover {
   background: rgba(128, 128, 128, 0.3);
 }
 
   background: rgba(128, 128, 128, 0.3);
 }
 
-.reading {
-  min-height: 161px;
-}
-
 .review_preview, .reading {
 .review_preview, .reading {
-  border: 2px solid #00a892;
-  background: rgba(0, 255, 221, 0.05);
+  border: 2px solid;
   border-radius: 6px;
   margin-bottom: 1em;
 }
   border-radius: 6px;
   margin-bottom: 1em;
 }
@@ -160,6 +155,7 @@ footer a:hover {
   width: 100%;
   color: black;
   text-decoration: none;
   width: 100%;
   color: black;
   text-decoration: none;
+  min-height: 157px;
 }
 
 .review_preview a:hover {
 }
 
 .review_preview a:hover {
@@ -169,19 +165,15 @@ footer a:hover {
 .review_preview img, .reading_inner img {
   max-width: 110px;
   max-height: 130px;
 .review_preview img, .reading_inner img {
   max-width: 110px;
   max-height: 130px;
-  margin-top: 12px;
-  margin-bottom: 7px;
-  box-shadow: 0px 2.5px 2.5px rgba(0,0,0,0.25);
+/*  margin-top: 12px;
+  margin-bottom: 7px;*/
+  vertical-align: middle;
 }
 
 }
 
-@media screen and (max-width: 500px) {
-  .review_preview img, .reading_inner img {
-    max-width: 70px;
-  }
-
-  .review_preview a, .reading_inner {
-    grid-template-columns: 95px auto;
-  }
+.thumbnail_helper {
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle;
 }
 
 .book_thumbnail {
 }
 
 .book_thumbnail {
@@ -215,10 +207,6 @@ footer a:hover {
   margin: 0;
 }
 
   margin: 0;
 }
 
-.nav {
-/*  margin-top: 0;*/
-}
-
 .nav .selected {
   font-weight: bold;
 }
 .nav .selected {
   font-weight: bold;
 }
@@ -251,6 +239,30 @@ footer a:hover {
 }
 
 .star_rating {
 }
 
 .star_rating {
-  font-size: 140%;
+  font-size: 100%;
   letter-spacing: 4px;
 }
   letter-spacing: 4px;
 }
+
+@media screen and (max-width: 500px) {
+  .review_preview img, .reading_inner img {
+    max-width: 250px;
+    max-height: 150px;
+    margin-bottom: 0;
+  }
+
+  .review_preview a, .reading_inner {
+    grid-template-columns: auto;
+  }
+
+  .book_thumbnail {
+    grid-column: 1/1;
+    grid-row: 1/2;
+  }
+
+  .book_metadata {
+    grid-column: 1/1;
+    grid-row: 2/2;
+    padding: 15px;
+    padding-top: 0;
+  }
+}