phorge-phorge/webroot/rsrc/css/aphront/aphront-bars.css

/**
 * @provides aphront-bars
 */

/**
 * Progress bars
 */

div.aphront-bar.progress {
  border: 0px;
}

div.aphront-bar.progress div {
  width: 100px;
  border: 1px solid;
  border-top-color: #A4A4A4;
  border-right-color: #BBB;
  border-bottom-color: #D5D5D5;
  border-left-color: #BBB;
  background: white;
  float: left;
  margin-right: 1em;
}

div.aphront-bar.progress div div {
  height: 10px;
}

div.aphront-bar.progress span {
  color: {$darkgreytext};
}


/**
 * Glyph bars
 */

div.aphront-bar.glyph {
  clear: both;
}

div.aphront-bar.glyph div.glyphs {
  padding: 0;
  margin: 0;

  float: left;
  position: relative;
  color: #aaa;
  font-family: monospace;
  height: 1.3em;
}

div.aphront-bar.glyph div.glyphs.starstar {
  /* http://daringfireball.net/2005/08/star_star */
  font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Zapf Dingbats";
}

div.aphront-bar.glyph div.glyphs div.fg {
  padding: 0;
  margin: 0;
  float: left;
  position: absolute;
  overflow: hidden;
}

div.aphront-bar.glyph div.caption {
  padding: 0;
  margin: 0;
  float: left;
  margin-left: 1.5em;
  color: {$greytext};
}


/**
 * Common color classes
 */
div.aphront-bar.progress.color-default div div {
  background: #6D84B4;
}

div.aphront-bar.glyph.color-default div.glyphs div.fg {
  color: #6D84B4;
}

div.aphront-bar.progress.color-warning div div {
  background: #FFCC5F;
}

div.aphront-bar.glyph.color-warning div.glyphs div.fg {
  color: #FFCC5F;
}

div.aphront-bar.progress.color-danger div div {
  background: #FF6E6E;
}

div.aphront-bar.glyph.color-danger div.glyphs div.fg {
  color: #FF6E6E;
}