html {
  padding: 1em;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #ffffff)) no-repeat;
  background: -webkit-linear-gradient(#dddddd, #ffffff) no-repeat;
  background: -moz-linear-gradient(#dddddd, #ffffff) no-repeat;
  background: -o-linear-gradient(#dddddd, #ffffff) no-repeat;
  background: -ms-linear-gradient(#dddddd, #ffffff) no-repeat;
  background: linear-gradient(#dddddd, #ffffff) no-repeat;
}

h1 {
  font-size: 2em;
  margin-bottom: 1em;
}

h2 {
  font-size: 1.4em;
  margin-bottom: .6em;
}

.doc {
  background: #fff;
  border: #ddd;
  padding: 1em;
  color: #aaa;
  margin: 1em;
  font-style: italic;
}
.doc a {
  color: #999;
}

/**
 * Keyboard key touch
 * A simple stylesheet for rendering beautiful keyboard-style elements.

 * @author Michael Hüneburg http://michaelhue.com/keyscss
 * @link https://github.com/michaelhue/keyscss (commit 76bb603e921d0145362e0f60eabb79d4f69cbda0)
 *
 * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
*/
kbd {
  padding: .2em .3em;
  min-width: 1em;
  font: normal 0.85em "Lucida Grande", Lucida, Arial, sans-serif;
  text-align: center;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
  -khtml-border-radius: 0.25em;
  border-radius: 0.25em;
  border: none;
  display: inline;
  display: inline-block;
  text-decoration: none;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background: #fafafa;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2d2d2), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #d2d2d2, #ffffff);
  background: -moz-linear-gradient(top, #d2d2d2, #ffffff);
  background: -o-linear-gradient(top, #d2d2d2, #ffffff);
  background: -ms-linear-gradient(top, #d2d2d2, #ffffff);
  background: linear-gradient(top, #d2d2d2, #ffffff);
  color: #444;
  text-shadow: 0 0 2px white;
  /*@include box-shadow(
      inset 0 0 1px #fff,
      inset 0 0 .4em rgb(200, 200, 200),
      0 .1em 0 rgb(130, 130, 130),
      0 .11em 0 rgba(#000, .4),
      0 .1em .11em rgba(#000, .9)
          );
  */
  -moz-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333333;
  -webkit-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333333;
  -o-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333333;
  box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333333;
  text-shadow: 0px 1px 0px #f5f5f5;
}
kbd[title] {
  cursor: help;
}
.ui-keyboard-dark kbd {
  padding: .2em .3em;
  min-width: 1em;
  font: normal 0.85em "Lucida Grande", Lucida, Arial, sans-serif;
  text-align: center;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
  -khtml-border-radius: 0.25em;
  border-radius: 0.25em;
  border: none;
  display: inline;
  display: inline-block;
  text-decoration: none;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background: #505050;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3c3c3c), color-stop(100%, #505050));
  background: -webkit-linear-gradient(#3c3c3c, #505050);
  background: -moz-linear-gradient(#3c3c3c, #505050);
  background: -o-linear-gradient(#3c3c3c, #505050);
  background: -ms-linear-gradient(#3c3c3c, #505050);
  background: linear-gradient(#3c3c3c, #505050);
  color: #fafafa;
  text-shadow: -1px -1px 0 #464646;
  -moz-box-shadow: inset 0 0 1px #969696, inset 0 -0.05em 0.4em #505050, 0 0.1em 0 #1e1e1e, 0 0.1em 0.1em rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 1px #969696, inset 0 -0.05em 0.4em #505050, 0 0.1em 0 #1e1e1e, 0 0.1em 0.1em rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 1px #969696, inset 0 -0.05em 0.4em #505050, 0 0.1em 0 #1e1e1e, 0 0.1em 0.1em rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 1px #969696, inset 0 -0.05em 0.4em #505050, 0 0.1em 0 #1e1e1e, 0 0.1em 0.1em rgba(0, 0, 0, 0.3);
}
.ui-keyboard-dark kbd[title] {
  cursor: help;
}
