.

anatomy/static/css/anatomy.css

@@ -22,7 +22,7 @@ a, a:link {
 .answer-list .answer:hover{
   z-index: 99999;
   position: relative;
-  background: rgba(167, 167, 167, 0.7);
+  background: black;
 }
 
 .answer-list .correct {
@@ -34,6 +34,9 @@ a, a:link {
   content: " [Score = 2]";
   font-size: small;
 }
+.answer-list .correct .rapid::after{
+  content: " [Score = 1]";
+}
 
 .answer-list .half-correct {
   color: yellow;
@@ -43,6 +46,9 @@ a, a:link {
   content: " [Score = 1]";
   font-size: small;
 }
+.answer-list .half-correct .rapid::after{
+  content: " [Score = 0.5]";
+}
 
 .answer-list .incorrect {
   color: red;
@@ -52,6 +58,9 @@ a, a:link {
   content: " [Score = 0]";
   font-size: small;
 }
+.answer-list .incorrect .rapid::after{
+  content: " [Score = 0]";
+}
 
 .answer-list .not-marked {
   color: white;

rapids/templates/rapids/mark.html

@@ -22,7 +22,7 @@ Region: {{ question.get_regions }}, Abnormalities: {{ question.get_abnormalities
         Click each answer to toggle through marks awarded (as per colour)
         <div class="marking-list">
             Unmarked:
-            <ul id="new-answer-list" class="answer-list">
+            <ul id="new-answer-list" class="answer-list rapid">
                 {% for answer in user_answers %}
                 <li>
                     <pre><span class="answer not-marked">{{ answer }}</span></pre>
@@ -30,7 +30,7 @@ Region: {{ question.get_regions }}, Abnormalities: {{ question.get_abnormalities
                 {% endfor %}
             </ul>
             Marked:
-            <ul id="marked-answer-list" class="answer-list">
+            <ul id="marked-answer-list" class="answer-list rapid">
                 {% for answer in correct_answers %}
                 <li>
                     <pre><span class="answer correct">{{ answer }}</span></pre>
@@ -47,7 +47,7 @@ Region: {{ question.get_regions }}, Abnormalities: {{ question.get_abnormalities
                 </li>
                 {% endfor %}
             </ul>
-            <div class="answer-list key">Key: <span class="correct">2 Marks</span>, <span class="half-correct">1
+            <div class="answer-list key">Key: <span class="correct">1 Marks</span>, <span class="half-correct">0.5
                     Mark</span>, <span class="incorrect">0 Marks</span></div>
         </div>
             {% endif %}

static/css/anatomy.css

@@ -22,7 +22,7 @@ a, a:link {
 .answer-list .answer:hover{
   z-index: 99999;
   position: relative;
-  background: rgba(167, 167, 167, 0.7);
+  background: black;
 }
 
 .answer-list .correct {
@@ -34,6 +34,9 @@ a, a:link {
   content: " [Score = 2]";
   font-size: small;
 }
+.answer-list .correct .rapid::after{
+  content: " [Score = 1]";
+}
 
 .answer-list .half-correct {
   color: yellow;
@@ -43,6 +46,9 @@ a, a:link {
   content: " [Score = 1]";
   font-size: small;
 }
+.answer-list .half-correct .rapid::after{
+  content: " [Score = 0.5]";
+}
 
 .answer-list .incorrect {
   color: red;
@@ -52,6 +58,9 @@ a, a:link {
   content: " [Score = 0]";
   font-size: small;
 }
+.answer-list .incorrect .rapid::after{
+  content: " [Score = 0]";
+}
 
 .answer-list .not-marked {
   color: white;