revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-02 03:32:42 +01:00
Code Issues Releases Wiki Activity

Standard colors for progress bars

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/__celerity_resource_map__.php
View file

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

26
webroot/rsrc/css/aphront/aphront-bars.css
View file

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