Exercise: Increase blurriness of text in reading comprehension questions (better resolutions make it possible to read)

Author: ywarnier

main/template/default/exercise/reading_comprehension.tpl

@@ -41,16 +41,16 @@
     }
     .question-reading-comprehension-text .text-highlight {
         color: transparent;
-        -webkit-text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-        -khtml-text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-        -moz-text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-        -ms-text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-        text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-        -webkit-transition: color .8s linear, text-shadow .8s linear;
-        -khtml-transition: color .8s linear, text-shadow .8s linear;
-        -moz-transition: color .8s linear, text-shadow .8s linear;
-        -ms-transition: color .8s linear, text-shadow .8s linear;
-        transition: color .8s linear, text-shadow .8s linear;
+        -webkit-text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+        -khtml-text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+        -moz-text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+        -ms-text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+        text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+        -webkit-transition: color .12s linear, text-shadow .12s linear;
+        -khtml-transition: color .12s linear, text-shadow .12s linear;
+        -moz-transition: color .12s linear, text-shadow .12s linear;
+        -ms-transition: color .12s linear, text-shadow .12s linear;
+        transition: color .12s linear, text-shadow .12s linear;
     }
     .question-reading-comprehension-text .text-highlight.active {
         color: #000;
@@ -59,11 +59,11 @@
         -moz-text-shadow: none;
         -ms-text-shadow: none;
         text-shadow: none;
-        -webkit-transition: color .8s linear, text-shadow .8s linear;
-        -khtml-transition: color .8s linear, text-shadow .8s linear;
-        -moz-transition: color .8s linear, text-shadow .8s linear;
-        -ms-transition: color .8s linear, text-shadow .8s linear;
-        transition: color .8s linear, text-shadow .8s linear;
+        -webkit-transition: color .12s linear, text-shadow .12s linear;
+        -khtml-transition: color .12s linear, text-shadow .12s linear;
+        -moz-transition: color .12s linear, text-shadow .12s linear;
+        -ms-transition: color .12s linear, text-shadow .12s linear;
+        transition: color .12s linear, text-shadow .12s linear;
     }
     .question-reading-comprehension-text .text-highlight.border {
         color: #bbb;
@@ -72,11 +72,11 @@
         -moz-text-shadow: none;
         -ms-text-shadow: none;
         text-shadow: none;
-        -webkit-transition: color .8s linear, text-shadow .8s linear;
-        -khtml-transition: color .8s linear, text-shadow .8s linear;
-        -moz-transition: color .8s linear, text-shadow .8s linear;
-        -ms-transition: color .8s linear, text-shadow .8s linear;
-        transition: color .8s linear, text-shadow .8s linear;
+        -webkit-transition: color .12s linear, text-shadow .12s linear;
+        -khtml-transition: color .12s linear, text-shadow .12s linear;
+        -moz-transition: color .12s linear, text-shadow .12s linear;
+        -ms-transition: color .12s linear, text-shadow .12s linear;
+        transition: color .12s linear, text-shadow .12s linear;
     }
     .question-reading-comprehension-text br {
         margin-bottom: 1em;