Prettied up card views

media/mtg.css

@@ -49,6 +49,8 @@ header {
     border: 1px solid gray;
     background-color: #999;
     padding: 3px;
+    font-size: 0.75em;
+    width: 25em;
 }
 .mana.R, .card.R { background-color: red; }
 .mana.G, .card.G { background-color: green; }
@@ -66,6 +68,7 @@ header {
 .card .info .type {
     font-weight: bold;
     float: left;
+    text-shadow: 2px 2px 2px #999;
 }
 .card .title .cost,
 .card .info .rarity {
@@ -77,13 +80,24 @@ header {
 .card .rarity.R { color: darkgoldenrod; }
 .card .rarity.M { color: red; }
 .card .picture {
-    height: 5em;
+    height: 12em;
+    width: 24em;
     background-color: #ccc;
     margin: 5px;
 }
 .card .text {
+    min-height: 12em;
     margin-top: 5px;
     border: 1px solid gray;
     background-color: white;
     padding: 3px;
 }
+.card .numbers {
+    text-align: right;
+    margin-top: 5px;
+    background-color: white;
+    border: 1px solid gray;
+    height: 1em;
+    padding: 3px;
+    text-shadow: 2px 2px 2px #999;
+}

templates/analyzer/card_list.html

@@ -3,7 +3,7 @@
     <h2>Cards</h2>
     <ul>
         {% for card in object_list %}
-            <li>{{ card.name }}</li>
+            <li><a href="{% url mtgweb.cards.views.display card.name %}">{{ card.name }}</a></li>
         {% endfor %}
     </ul>
 {% endblock %}

templates/cards/view.html

@@ -32,5 +32,11 @@
                 {% endfor %}
             </ul>
         </div>
+        {% if card.toughness > '0' %}
+            <div class="numbers">
+                <span class="power">{{ card.power }}</span> /
+                <span class="toughness">{{ card.toughness }}</span>
+            </div>
+        {% endif %}
     </div>
 {% endblock %}