Skip to content

Instantly share code, notes, and snippets.

@chrismitchell
Created March 1, 2013 05:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chrismitchell/5062615 to your computer and use it in GitHub Desktop.
Save chrismitchell/5062615 to your computer and use it in GitHub Desktop.
Bootstrap - Labels and Badg
/*===== Labels, badges =====*/
.badge, .label { color: #ffffff; display: inline-block; font-weight: bold; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5f5f5f; box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size: 11px; font-weight: bold; padding: 5px 7px 4px 7px; line-height: 13px; }
label.valid { display: inline-block; }
label.error { margin-top: 4px; font-size: 11px; display: inline-block; white-space: nowrap; color: #b94a48; }
a.label:hover, a.badge:hover { color: #ffffff; text-decoration: none; cursor: pointer; }
.label-important, .badge-important { background-color: #c95454; }
.label-important[href], .badge-important[href] { background-color: #953b39; }
.label-warning, .badge-warning { background-color: #d17d10; }
.label-warning[href], .badge-warning[href] { background-color: #c67605; }
.label-success, .badge-success { background-color: #7aa745; }
.label-success[href], .badge-success[href] { background-color: #356635;}
.label-info, .badge-info { background-color: #589fc4; }
.label-info[href], .badge-info[href] { background-color: #2d6987; }
.label-inverse, .badge-inverse { background-color: #333333; }
.label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; }
.btn .label, .btn .badge { position: relative; top: -1px;}
.btn-mini .label, .btn-mini .badge { top: 0; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment