1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-30 17:30:59 +01:00
phorge-phorge/webroot/rsrc/css/aphront/aphront-bars.css
Chad Little 921bc32928 Move #666 to $greytext in UIColor
Summary: Split some of these up for safe regexes.

Test Plan: reload celerity

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, aran

Differential Revision: https://secure.phabricator.com/D6858
2013-09-02 08:08:54 -07:00

100 lines
1.6 KiB
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: #555;
}
/**
* 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;
}