Buttons Test: input, a, button

dabblet.css

/**
 * Buttons Test: input, a, button
 */

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
.button {
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 5px 18px 6px 18px;
  margin: 0 0 8px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: solid 1px #bbb;
  color: #4EA7D0;
  line-height: 16px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, Freesans, sans-serif;
  white-space: nowrap;
  word-wrap: normal;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease 0s;
  -ms-transition: background-color 0.1s ease 0s;
  -webkit-transition: background-color 0.1s ease 0s;
  transition: background-color 0.1s ease 0s;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-font-smoothing: antialiased;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
}

dabblet.html

<a href="" class="button">Test link</a> <button class="button">Test button</button> <input type="submit" value="Test input" class="button"/>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}