Skip to content

Instantly share code, notes, and snippets.

@e10a

e10a/dabblet.css

Created Jul 20, 2015
Embed
What would you like to do?
Untitled
.fbcard {margin-bottom: 6px;font-family:'Helvetica Neue';text-align:center;line-height:2em;width: 200px; text-transform: uppercase; padding: 4px 14px; font-weight: bold; font-size: 14px; margin-right: 10px; border-radius: 4px;}
.fbcard.st-new{color: #FFF; background-color: #5bc0de; -webkit-box-shadow: inset 0 0 3px rgba(36, 141, 174, 0.5); box-shadow: inset 0 0 3px rgba(36, 141, 174, 0.5);}
.fbcard.st-needs-more-info{color: #FFF; background-color: #FFD600; -webkit-box-shadow: inset 0 0 3px rgba(255, 196, 0, .5); box-shadow: inset 0 0 3px rgba(255, 196, 0, .5);}
.fbcard.st-being-processed{color: #FFF; background-color: #f0ad4e; -webkit-box-shadow: inset 0 0 3px rgba(221, 137, 19, 0.5); box-shadow: inset 0 0 3px rgba(221, 137, 19, 0.5);}
.fbcard.st-solved{color: #FFF; background-color: #5CB85C; -webkit-box-shadow: inset 0 0 3px rgba(61, 138, 61, 0.5); box-shadow: inset 0 0 3px rgba(61, 138, 61, 0.5);}
.fbcard.st-future-release{color: #FFF; background-color: #9575CD; -webkit-box-shadow: inset 0 0 3px rgba(126, 87, 194, 0.5); box-shadow: inset 0 0 3px rgba(126, 87, 194, 0.5);}
.fbcard.st-new:before {content:"New"}
.fbcard.st-needs-more-info:before {content:"Needs More Info"}
.fbcard.st-being-processed:before {content:"Being Processed"}
.fbcard.st-solved:before {content:"Solved"}
.fbcard.st-future-release:before {content:"Future Release"}
<div class="fbcard st-new"></div>
<div class="fbcard st-needs-more-info"></div>
<div class="fbcard st-being-processed"></div>
<div class="fbcard st-solved"></div>
<div class="fbcard st-future-release"></div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment