Add a couple of books about Chinese
[books.alexwlchan.net] / static / style.css
index 8ad798c..51c2c65 100644 (file)
@@ -77,8 +77,8 @@ table.book_metadata {
 
 td {
   padding-right: 10px;
-  padding-top:    2px;
-  padding-bottom: 2px;
+  padding-top:    3px;
+  padding-bottom: 3px;
 }
 
 th {
@@ -102,6 +102,14 @@ footer a:hover {
   background: rgba(128, 128, 128, 0.3);
 }
 
+.review_preview {
+  height: 138px;
+}
+
+.reading {
+  min-height: 138px;
+}
+
 .review_preview, .reading {
   border: 2px solid #00a892;
   background: rgba(0, 255, 221, 0.05);
@@ -109,20 +117,26 @@ footer a:hover {
   margin-bottom: 1em;
 }
 
+.review_fave {
+  background: rgba(0, 255, 221, 0.2);
+}
+
 .review_preview a, .reading_inner {
-  grid-template-columns: 110px auto;
+  grid-template-columns: 135px auto;
   display: grid;
-  grid-gap: 15px;
+  grid-gap: 8px;
+  height: 100%;
   width: 100%;
   color: black;
   text-decoration: none;
 }
 
 .review_preview a:hover {
-  background: rgba(0, 255, 221, 0.2);
+  background: rgba(0, 255, 221, 0.3);
 }
 
 .review_preview img, .reading_inner img {
+  max-width: 120px;
   max-height: 110px;
   margin-top: 12px;
   margin-bottom: 7px;
@@ -145,7 +159,8 @@ footer a:hover {
 .book_metadata p.title {
   font-style: italic;
   font-size: 1.15em;
-  margin-bottom: 0.65em;
+  margin-bottom: 0.5em;
+  line-height: 1.2em;
 }
 
 .book_metadata p {
@@ -172,3 +187,15 @@ footer a:hover {
 .note p:last-child {
   margin-bottom: 0.75em;
 }
+
+.divider {
+  color: #bbb;
+  text-align: center;
+  font-size: 2em;
+  margin-top:    1em;
+  margin-bottom: 1em;
+}
+
+#jump_to {
+  margin-bottom: -0.5em;
+}