1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-28 16:30:59 +01:00

Standard colors for progress bars

Summary: Consilidate some of the bar colors, used in Releeph?

Test Plan: UIExamples

Reviewers: epriestley

Reviewed By: epriestley

CC: Korvin, aran

Differential Revision: https://secure.phabricator.com/D6974
This commit is contained in:
Chad Little 2013-09-13 08:29:16 -07:00
parent eca3f44301
commit 4a6efd36b4
2 changed files with 14 additions and 14 deletions

View file

@ -800,7 +800,7 @@ celerity_register_resource_map(array(
),
'aphront-bars' =>
array(
'uri' => '/res/4c79c429/rsrc/css/aphront/aphront-bars.css',
'uri' => '/res/dc8fd846/rsrc/css/aphront/aphront-bars.css',
'type' => 'css',
'requires' =>
array(

View file

@ -13,13 +13,13 @@ div.aphront-bar.progress {
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;
border-top-color: {$lightgreyborder};
border-right-color: {$lightgreyborder};
border-bottom-color: {$lightgreyborder};
border-left-color: {$greyborder};
background: white;
float: left;
margin-right: 1em;
margin-right: 12px;
}
div.aphront-bar.progress div div {
@ -47,7 +47,7 @@ div.aphront-bar.glyph div.glyphs {
position: relative;
color: #aaa;
font-family: monospace;
height: 1.3em;
height: 16px;
}
div.aphront-bar.glyph div.glyphs.starstar {
@ -67,7 +67,7 @@ div.aphront-bar.glyph div.caption {
padding: 0;
margin: 0;
float: left;
margin-left: 1.5em;
margin-left: 12px;
color: {$greytext};
}
@ -76,25 +76,25 @@ div.aphront-bar.glyph div.caption {
* Common color classes
*/
div.aphront-bar.progress.color-default div div {
background: #6D84B4;
background: {$blue};
}
div.aphront-bar.glyph.color-default div.glyphs div.fg {
color: #6D84B4;
color: {$blue};
}
div.aphront-bar.progress.color-warning div div {
background: #FFCC5F;
background: {$yellow};
}
div.aphront-bar.glyph.color-warning div.glyphs div.fg {
color: #FFCC5F;
color: {$yellow};
}
div.aphront-bar.progress.color-danger div div {
background: #FF6E6E;
background: {$red};
}
div.aphront-bar.glyph.color-danger div.glyphs div.fg {
color: #FF6E6E;
color: {$red};
}