Update render

Author: syg

docs/ecmarkup.css

@@ -51,7 +51,7 @@ span.e-user-code::before {
   line-height: 1;
   vertical-align: text-top;
   text-transform: uppercase;
-  font-family: "Comic Code", sans-serif;
+  font-family: 'Comic Code', sans-serif;
   font-weight: 900;
   font-size: x-small;
 }
@@ -1212,3 +1212,44 @@ li.menu-search-result-term:before {
 .clause-attributes-tag a {
   color: #884400;
 }
+
+/* Shortcuts help dialog */
+
+#shortcuts-help {
+  position: fixed;
+  left: 5%;
+  margin: 0 auto;
+  right: 5%;
+  z-index: 10;
+  top: 10%;
+  top: calc(5vw + 5vh);
+  padding: 30px 90px;
+  max-width: 500px;
+  outline: solid 10000px rgba(255, 255, 255, 0.6);
+  border-radius: 5px;
+  border-width: 1px 1px 0 1px;
+  background-color: #ddd;
+  display: none;
+}
+
+#shortcuts-help.active {
+  display: block;
+}
+
+#shortcuts-help ul {
+  padding: 0;
+}
+
+#shortcuts-help li {
+  display: flex;
+  justify-content: space-between;
+}
+
+#shortcuts-help code {
+  padding: 3px 10px;
+  border-radius: 3px;
+  border-width: 1px 1px 0 1px;
+  border-color: #bbb;
+  background-color: #eee;
+  box-shadow: inset 0 -1px 0 #ccc;
+}