Tweak how the solid colours look
authorAlex Chan <alex@alexwlchan.net>
Wed, 16 Dec 2020 20:36:10 +0000 (20:36 +0000)
committerAlex Chan <alex@alexwlchan.net>
Wed, 16 Dec 2020 20:36:10 +0000 (20:36 +0000)
static/style.css
templates/_inline_book_list.html
templates/_review_style.css

index 1ea8ce5..d9e8747 100644 (file)
@@ -158,15 +158,9 @@ footer a:hover {
   min-height: 157px;
 }
 
-.review_preview a:hover {
-  background: rgba(0, 255, 221, 0.3);
-}
-
 .review_preview img, .reading_inner img {
   max-width: 110px;
   max-height: 130px;
-/*  margin-top: 12px;
-  margin-bottom: 7px;*/
   vertical-align: middle;
 }
 
index f1c1a13..ae1fc39 100644 (file)
@@ -19,9 +19,9 @@
 
   #reading_{{ r }}_{{ g }}_{{ b }} a:hover {
     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.35 + 0.65 * 255) | int }},
+      {{ (g * 0.35 + 0.65 * 255) | int }},
+      {{ (b * 0.35 + 0.65 * 255) | int }}
     );
   }
 </style>
index 7cea1ed..9414bf4 100644 (file)
@@ -8,13 +8,14 @@
 
   {% if review_entry.review.rating == 5 %}
     background: rgb(
-      {{ (r * 0.24 + 0.76 * 255) | int }},
-      {{ (g * 0.24 + 0.76 * 255) | int }},
-      {{ (b * 0.24 + 0.76 * 255) | int }}
+      {{ (r * 0.3 + 0.7 * 255) | int }},
+      {{ (g * 0.3 + 0.7 * 255) | int }},
+      {{ (b * 0.3 + 0.7 * 255) | int }}
     );
     border-width: 3px;
     margin-left:  -1px;
     margin-right: -1px;
+    box-shadow: 0px 0px 5px rgba({{r}}, {{g}}, {{ b }}, 0.3);
   {% else %}
     background: rgb(
       {{ (r * 0.08 + 0.92 * 255) | int }},
   {% endif %}
 }
 
+#review_preview_{{ r }}_{{ g }}_{{ b }}:hover {
+  {% if review_entry.review.rating == 5 %}
+    background: rgb(
+      {{ (r * 0.42 + 0.58 * 255) | int }},
+      {{ (g * 0.42 + 0.58 * 255) | int }},
+      {{ (b * 0.42 + 0.58 * 255) | int }}
+    );
+  {% else %}
+    background: rgb(
+      {{ (r * 0.48 + 0.52 * 255) | int }},
+      {{ (g * 0.48 + 0.52 * 255) | int }},
+      {{ (b * 0.48 + 0.52 * 255) | int }}
+    );
+  {% endif %}
+}
+
 #review_preview_{{ r }}_{{ g }}_{{ b }} a:hover {
-  background: rgb(
-    {{ (r * 0.3 + 0.7 * 255) | int }},
-    {{ (g * 0.3 + 0.7 * 255) | int }},
-    {{ (b * 0.3 + 0.7 * 255) | int }}
-  );
+  background: none;
 }