Untitled

dabblet.css

.btn_large, .btn_large_grey { height: 35px; font: bold 15px/33px "\5FAE\8F6F\96C5\9ED1";}
.btn_middle, .btn_middle_grey { height: 30px; font: bold 14px/28px "\5FAE\8F6F\96C5\9ED1";}
.btn_small, .btn_small_grey { height: 24px; font: 12px/22px "\5FAE\8F6F\96C5\9ED1";}
a.btn_large, a.btn_large_grey, a.btn_middle, a.btn_middle_grey, a.btn_small, a.btn_small_grey { display: inline-block; text-align: center;}
a.btn_large, a.btn_large_grey { height: 33px;}
a.btn_middle, a.btn_middle_grey { height: 28px;}
a.btn_small, a.btn_small_grey { height: 22px;}
.btn_large, .btn_middle { border: 1px solid #af4600; box-shadow: inset 0 0 0 1px #ffca05; color: #fafafa; text-shadow: 1px 1px 0 rgba(133,53,0,0.43);}
.btn_large, .btn_middle { background: -moz-linear-gradient(top, #  fca32 0%, #ff7104 90%, #ff9103 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca32), color-stop(90%,#ff7104), color-stop(100%,#ff9103)); background: -webkit-linear-gradient(top, #ffca32 0%,#ff7104 90%,#ff9103 100%); background: -o-linear-gradient(top, #ffca32 0%,#ff7104 90%,#ff9103 100%); background: -ms-linear-gradient(top, #ffca32 0%,#ff7104 90%,#ff9103 100%); background: linear-gradient(top, #ffca32 0%,#ff7104 90%,#ff9103 100%);
}
.btn_small { border: 1px solid #c86e00; color: #fff; text-shadow: 1px 1px 0 rgba(133,53,0,0.43);}
.btn_small { background: -moz-linear-gradient(top, #ffc000 0%, #ff8836 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc000), color-stop(100%,#ff8836)); background: -webkit-linear-gradient(top, #ffc000 0%,#ff8836 100%); background: -o-linear-gradient(top, #ffc000 0%,#ff8836 100%); background: -ms-linear-gradient(top, #ffc000 0%,#ff8836 100%); background: linear-gradient(top, #ffc000 0%,#ff8836 100%);}
.btn_large_grey, .btn_middle_grey, .btn_small_grey { border: 1px solid #aaa; color: #666;} 
.btn_large_grey, .btn_middle_grey, .btn_small_grey { background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf)); background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); background: -o-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); background: linear-gradient(top, #ffffff 0%,#dfdfdf 100%);}

dabblet.html

<input type="submit" value="保存" class="btn_large" />
<input type="submit" value="保存" class="btn_large_grey" />
<button class="btn_large">保存</button>
<a href="#" class="btn_large">保存</a>
<input type="submit" value="保存" class="btn_middle" />
<input type="submit" value="保存" class="btn_middle_grey" />
<button class="btn_middle">保存</button>
<a href="#" class="btn_middle">保存</a>
<input type="submit" value="保存" class="btn_small" />
<input type="submit" value="保存" class="btn_small_grey" />
<button class="btn_small">保存</button>
<a href="#" class="btn_small">保存</a>

settings.json

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