Add sytle for kbd.

Author: ramsayleung

assets/css/extended/custom.css

@@ -41,15 +41,34 @@
 }
 
 .qr-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  margin: 20px 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin: 20px 0;
 }
 
 .qr-container > image {
-  width: 150px;
-  height: 150px;
-  display: block;
+    width: 150px;
+    height: 150px;
+    display: block;
+}
+
+kbd {
+    background-color: #f7f7f7;
+    border: 1px solid #ccc;
+    border-radius: 3px;
+    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
+    color: #333;
+    display: inline-block;
+    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+    font-size: 0.85em;
+    line-height: 1.4;
+    margin: 0 0.1em;
+    padding: 0.1em 0.6em;
+    text-shadow: 0 1px 0 #fff;
+}
+
+kbd + kbd {
+    margin-left: 0.3em;
 }