use solid colours on book entries
[books.alexwlchan.net] / templates / _review_style.css
1 {% set r = (tint_colors[review_entry.book.cover_image][0] * 255) | int %}
2 {% set g = (tint_colors[review_entry.book.cover_image][1] * 255) | int %}
3 {% set b = (tint_colors[review_entry.book.cover_image][2] * 255) | int %}
4
5 /* See https://stackoverflow.com/a/11615135/1558022 */
6 #review_preview_{{ r }}_{{ g }}_{{ b }} {
7   border-color: rgb({{ r }}, {{ g }}, {{ b }});
8
9   {% if review_entry.review.rating == 5 %}
10     background: rgb(
11       {{ (r * 0.24 + 0.76 * 255) | int }},
12       {{ (g * 0.24 + 0.76 * 255) | int }},
13       {{ (b * 0.24 + 0.76 * 255) | int }}
14     );
15     border-width: 3px;
16     margin-left:  -1px;
17     margin-right: -1px;
18   {% else %}
19     background: rgb(
20       {{ (r * 0.08 + 0.92 * 255) | int }},
21       {{ (g * 0.08 + 0.92 * 255) | int }},
22       {{ (b * 0.08 + 0.92 * 255) | int }}
23     );
24   {% endif %}
25 }
26
27 #review_preview_{{ r }}_{{ g }}_{{ b }} a:hover {
28   background: rgb(
29     {{ (r * 0.3 + 0.7 * 255) | int }},
30     {{ (g * 0.3 + 0.7 * 255) | int }},
31     {{ (b * 0.3 + 0.7 * 255) | int }}
32   );
33 }