Began adding status bar

style.css

@@ -24,10 +24,15 @@ dd {
   display: block;
 }
 
-/* display idle elements only until testing */
 .testing .while-idle {
   display: none;
 }
+.while-testing {
+  display: none;
+}
+.testing .while-testing {
+  display: block;
+}
 
 
 .topbox {
@@ -43,6 +48,36 @@ dd {
   line-height: 2em;
 }
 
+.statusbar-area {
+  position: absolute;
+
+  bottom: 0px;
+  left:   0px;
+  right:  0px;
+
+  height:  1.5em;
+  padding: 0.15em;
+}
+.statusbar {
+  display:  none;
+  position: absolute;
+
+  background-color: #2e3436;
+
+  bottom: 0px;
+  left:   0px;
+  right:  0px;
+
+  padding: 0.15em;
+
+  line-height: 1.5em;
+
+  font-size: 0.9em;
+}
+.statusbar-area:hover .statusbar {
+  display: block;
+}
+
 .notice {
   display: none;
 

test.html

@@ -22,6 +22,13 @@
        
     </div>
 
+    <!-- status (while testing) -->
+    <div class="statusbar-area while-testing">
+      <div class="statusbar">
+        TODO
+      </div>
+    </div>
+
     <div class="hasjs config">
       <h2 class="title">Test Setup</h2>