Skip to content

Instantly share code, notes, and snippets.

View chrismitchell's full-sized avatar

Chris Mitchell chrismitchell

  • Sherwood Park, AB
  • 14:46 (UTC -06:00)
View GitHub Profile
@chrismitchell
chrismitchell / Bootstrap - Labels and Badges.css
Created March 1, 2013 05:15
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; }