Created
June 15, 2012 03:46
-
-
Save macisi/2934577 to your computer and use it in GitHub Desktop.
Untitled
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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, #ffca32 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%);} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"css"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment