Skip to content

Instantly share code, notes, and snippets.

@luckyyang

luckyyang/many_buttons.html

Created January 20, 2013 15:17
Show Gist options
  • Save luckyyang/4579299 to your computer and use it in GitHub Desktop.
Save luckyyang/4579299 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
many_buttons.html
<button type="submit" class="btn btn-large btn-success" >
<i class="icon-user"></i> Sign in
</button>
btn-success
<br />
<button type="submit" class="btn btn-large btn btn-success" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #80A337; ">
<i class="icon-user"></i> Sign in
</button>
#80A337;
<br />
<button type="submit" class="btn btn-large btn " style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #8C906E; color:white;">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #7C8C6A; color:white;text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #6C8966; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #65876A; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #668874; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #67897E; ">
<i class="icon-user"></i> Sign in
</button>
#8C906E; #7C8C6A; #6C8966; #65876A; #668874; #67897E; HSL:125 40 60
<br />
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #949B65; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #7D9761; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #66935D; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #5C9163; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #5D9272; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #5E9482; text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
#949B65; #7D9761; #66935D; #5C9163; #5D9272; #5E9482; HSL:125 50 60
<br />
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #949B65; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #7D9761; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #66935D; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #5C9163; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #5D9272; ">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);color:white;background: #5E9482; text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
#949B65; #7D9761; #66935D; #5C9163; #5D9272; #5E9482; HSL:125 50 60
<br />
<button type="submit" class="btn btn-large" style="color:white;background: #9CA659; text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="color:white;background: #7DA255; text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="color:white;background: #5D9E51; text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="color:white;background: #509D5A; text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="color:white;background: #519E70; text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="color:white;background: #529F86; text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
#9CA659; #7DA255; #5D9E51; #509D5A; #519E70; #529F86; HSL:125 60 60
<br />
<button type="submit" class="btn btn-large" style="background: #D1DC78; color:white;text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="background: #ABD975; color:white;text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="background: #84D571; color:white;text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="background: #70D47D; color:white;text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="background: #71D597; color:white;text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
<button type="submit" class="btn btn-large" style="background: #72D6B4; color:white;text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);">
<i class="icon-user"></i> Sign in
</button>
#D1DC78; #ABD975; #84D571; #70D47D; #71D597; #72D6B4; HSL:125 70 60
<br />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment