mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-27 09:12:41 +01:00
63d2b11cab
Summary: More grey tweaks, breaking these up so I can test and tweak each as needed. Test Plan: Review pages. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6866
100 lines
1.6 KiB
CSS
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: {$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;
|
|
}
|