body {
color: black;
- background-color: white;
+ background-color: #d6d6d6;
+ font-family: Calibri, sans-serif;
}
a { color: black; }
}
.quote {
- background-color: #ffbd33;
- border: 3px solid #ff5733;
+ background-color: #fccb51;
+ border: 7px solid darkorange;
+ border-radius: 15px;
padding: 1.5em 2em;
margin: 2em 30em;
}
.quote .author {
- padding-left: 5em;
+ text-align: right;
}
.quote .author .name {
/* displayed through Javascript */
display: none;
}
+
+.tag_link {
+ font-weight: bold;
+ text-decoration: none;
+}
<p class="tags">
Tags:
{% for tag in quote.tags.all %}
- <a href="{% url 'quotes:tags' tag.id %}" class="tag_link">
- {{ tag.tag }}
- </a>
- {% endfor %}
+ <a href="{% url 'quotes:tags' tag.id %}" class="tag_link"
+ >{{ tag.tag }}</a
+ >{% if not forloop.last %}, {% endif %}
+ {% endfor %}
</p>
{% endif %}