Add an entry for "Cosmogramma"
[books.alexwlchan.net] / templates / _review_style.css
index 3724cde..198f36e 100644 (file)
@@ -1,31 +1,33 @@
-{% set r = (tint_colors[review_entry.book.cover_image][0] * 255) | int %}
-{% set g = (tint_colors[review_entry.book.cover_image][1] * 255) | int %}
-{% set b = (tint_colors[review_entry.book.cover_image][2] * 255) | int %}
+{% set (r, g, b) = review_entry.book.cover.tint_color | from_hex %}
 
 /* See https://stackoverflow.com/a/11615135/1558022 */
-#review_preview_{{ r }}_{{ g }}_{{ b }} {
-  border-color: rgb({{ r }}, {{ g }}, {{ b }});
+#review_preview_{{ review_entry.book.slug }} {
+  border-color: {{ review_entry.book.cover.tint_color }};
 
   {% if review_entry.review.rating == 5 %}
     background: rgb(
-      {{ (r * 0.3 + 0.7 * 255) | int }},
-      {{ (g * 0.3 + 0.7 * 255) | int }},
-      {{ (b * 0.3 + 0.7 * 255) | int }}
+      {{ (r * 0.3 + 0.8 * 255) | int | cap_rgb }},
+      {{ (g * 0.3 + 0.8 * 255) | int | cap_rgb }},
+      {{ (b * 0.3 + 0.8 * 255) | int | cap_rgb }}
     );
     border-width: 3px;
     margin-left:  -1px;
     margin-right: -1px;
-    box-shadow: 0px 0px 5px rgba({{r}}, {{g}}, {{ b }}, 0.3);
+    box-shadow: 0px 0px 5px {{ review_entry.book.cover.tint_color | as_rgba(0.3) }};
   {% else %}
     background: rgb(
-      {{ (r * 0.08 + 0.92 * 255) | int }},
-      {{ (g * 0.08 + 0.92 * 255) | int }},
-      {{ (b * 0.08 + 0.92 * 255) | int }}
+      {{ (r * 0.08 + 0.92 * 255) | int | cap_rgb }},
+      {{ (g * 0.08 + 0.92 * 255) | int | cap_rgb }},
+      {{ (b * 0.08 + 0.92 * 255) | int | cap_rgb }}
     );
   {% endif %}
 }
 
-#review_preview_{{ r }}_{{ g }}_{{ b }}:hover {
+#review_preview_{{ review_entry.book.slug }} img {
+  border: 0.1px solid {{ review_entry.book.cover.tint_color }};
+}
+
+#review_preview_{{ review_entry.book.slug }}:hover {
   {% if review_entry.review.rating == 5 %}
     background: rgb(
       {{ (r * 0.42 + 0.58 * 255) | int }},
@@ -41,6 +43,6 @@
   {% endif %}
 }
 
-#review_preview_{{ r }}_{{ g }}_{{ b }} a:hover {
+#review_preview_{{ review_entry.book.slug }} a:hover {
   background: none;
 }