CSS Label styles / designs for the Blogger article-footer

blogger-footer-label-tags-design.css

/*lsauer.com, 2013 - lo sauer*/
div.article-footer a.label {
  display: inline-block;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  border-radius: 3px;
  text-transform: uppercase;
  font-family: arial;
  letter-spacing: .3px;
}
/*do not show the comma separator*/
.article .article-footer .label:not(:last-child):after {
  content: inherit;
}

.article .article-footer .publish-info,
.article .article-footer .geolocation-info,
.article .article-footer .labels {
  display: inline-block;
  padding: 2px 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: rgba(128, 128, 128, 1);
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 #ddd;
  clear: none;
  font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}