+
+
+//----------------------------------------
+// Life cycle box
+//----------------------------------------
+
+div.life-cycle {
+ position: -webkit-sticky; /* Safari */
+ position: sticky;
+ top: 0;
+ z-index: 100;
+ font-size: 1.2em;
+ text-align: center;
+ margin-bottom: -1px;
+ border-radius: 0;
+}
+
+.pre-alpha {
+ color: #a94442;
+ background: #f2dede;
+}
+
+.alpha {
+ color: #8a6d3b;
+ background: #fcf8e3;
+}
+
+.beta {
+ color: #31708f;
+ background: #d9edf7;
+}
+
+
+//----------------------------------------
+// keyboard key style, from StackExchange.
+//----------------------------------------
+
+kbd {
+ display: inline-block;
+ margin: 0 .1em;
+ padding: .1em .6em;
+ font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
+ font-size: 11px;
+ line-height: 1.4;
+ color: #242729;
+ text-shadow: 0 1px 0 #FFF;
+ background-color: #e1e3e5;
+ border: 1px solid #adb3b9;
+ border-radius: 3px;
+ box-shadow: 0 1px 0 rgba(12,13,14,0.2), 0 0 0 2px #FFF inset;
+ white-space: nowrap;
+ font-style: normal;
+}