2 files changed, 27 insertions, 3 deletions
diff --git a/www/css/anim.css b/www/css/anim.css
index ee2889d..e89959d 100644
--- a/www/css/anim.css
+++ b/www/css/anim.css
@@ -22,3 +22,19 @@
   0% { opacity: 1; }
   100% { opacity: 0; }
 }
+
+@-webkit-keyframes blink {
+  0% { opacity: 0; }
+  50% { opacity: 1; }
+  100% { opacity: 0; }
+}
+@-moz-keyframes blink {
+  0% { opacity: 0; }
+  50% { opacity: 1; }
+  100% { opacity: 0; }
+}
+@keyframes blink {
+  0% { opacity: 0; }
+  50% { opacity: 1; }
+  100% { opacity: 0; }
+}
diff --git a/www/css/index.css b/www/css/index.css
index 533559c..e5a5c19 100644
--- a/www/css/index.css
+++ b/www/css/index.css
@@ -27,6 +27,8 @@ body {
 #container, #bg, #vid {
   cursor: url("../dump/ui/mousecursor.png"), default;
   position: absolute;
+}
+#container.scale, #bg.scale, #vid.scale {
   top: 50%;
   left: 50%;
 }
@@ -96,7 +98,6 @@ html.no-js #warn-container {
 h2 {
   font: 20px/28px Playtime;
   font-weight: bold;
-  opacity: 0.4;
 }
 html.no-js #warn li:not(#js) { display: none; }
            #warn li#ie { display: none; }
@@ -109,8 +110,7 @@ html #warn li#html-svg-filter { display: none; }
 label {
   display: block;
 }
-.button-enabled {
-/* cursor: pointer; */
+.button, h2, label {
   opacity: 0.4;
 }
 .button-disabled {
@@ -141,3 +141,11 @@ input[type="checkbox"] + span:before {
 input[type="checkbox"]:checked + span:before {
   background: url("../dump/ui/bt-cf-checked.png") no-repeat left bottom;
 }
+#ctc {
+  position: absolute;
+  bottom: 20px;
+  right: 10px;
+  -webkit-animation: blink 2s infinite;
+  -moz-animation: blink 2s infinite;
+  animation: blink 2s infinite;
+}