Handling PNaCl KeyboardInputEvent(s) in the key tester app.

remoting/tools/javascript_key_tester/main.css

 /* Copyright (c) 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 body {
   height: calc(100% - 12px);
   overflow: auto;
 }
 
 html {
   height: 100%;
 }
 
+#pnacl-plugin {
+  background-color: gray;
+  border: 1px solid
+}
+
+#pnacl-plugin:focus {
+  background-color: yellow;
+}
+
+.summary-log-container {
+  width: 50%;
+  height: 50vh;
+  overflow-y: auto;
+  float: left;
+}
+
+.text-log-container {
+  width: 100%;
+  max-height: 25vh;
+  overflow-y: auto;
+  float: left;
+}
+
+.char-event,
 .key-down,
 .key-up {
   border-radius: 4px;
   border: 1px solid rgba(0, 0, 0, 0.3);
   padding: 2px;
   margin-right: 2px;
 }
 
+.char-event {
+  background-color: yellow;
+}
+
+.char-event::before {
+  content: "char:";
+}
+
 .key-up {
   background-color: #DFD;
 }
 
 .key-up::before {
   content: "-";
 }
 
 .key-down {
   background-color: #FDD;
@@ skipping 21 matching lines @@
 
 .chord-div.all-keys-released::after {
   content: " \2714";  /* tick */
   color: green;
 }
 
 .chord-div.some-keys-still-pressed::after {
   content: " \2716";  /* cross */
   color: red;
 }