Permalink
Browse files

progress indicator improvements

  • Loading branch information...
1 parent 906669e commit df9a39582d0fd4373310753968c669a42af7c104 @frechg committed Jul 20, 2011
Showing with 11 additions and 41 deletions.
  1. +4 −14 _site/stylesheets/application.css
  2. +4 −14 stylesheets/application.css
  3. +3 −13 stylesheets/sass/_home.scss
View
18 _site/stylesheets/application.css
@@ -363,18 +363,7 @@ header.main {
font-size: 12px; }
.stats-bar div.stats-bar-left {
border-right: 1px solid #8c8c8c;
- padding: 0 30px 0 10px;
- /*
- div.progress-indicator {
- background: $progress;
- @include background-image(linear-gradient(hsla(0, 100%, 100%, 1) 0%, hsla(0, 100%, 100%, 1) 35%, transparent 35%));
- @include border-radius(2px);
- @include box-shadow(inset 0px 1px 1px 0 rgba(0,0,0,0.4), 0px 1px 0 0 rgba(255,255,255,0.3));
- height: 50px;
- margin: 0 20px 2px 20px;
- width: 20px;
- }
- */ }
+ padding: 0 30px 0 10px; }
.stats-bar div.stats-bar-left div.progress-indicator {
background: white;
-webkit-border-radius: 2px;
@@ -410,7 +399,7 @@ header.main {
background-image: -ms-linear-gradient(top, #61bddf 10%, #3aadd8 100%);
background-image: -o-linear-gradient(top, #61bddf 10%, #3aadd8 100%);
background-image: top, #61bddf 10%, #3aadd8 100%;
- height: 50%;
+ height: 75%;
overflow: hidden;
position: absolute;
width: 18px; }
@@ -465,7 +454,8 @@ header.main {
font-size: 40px;
text-shadow: 0px 1px 0 white; }
.stats-bar div.stats h2.goal {
- color: #666666; }
+ color: #666666;
+ text-shadow: none; }
.stats-bar div.stats h2.dash {
border-bottom: 2px dashed;
font-size: 35px; }
View
18 stylesheets/application.css
@@ -363,18 +363,7 @@ header.main {
font-size: 12px; }
.stats-bar div.stats-bar-left {
border-right: 1px solid #8c8c8c;
- padding: 0 30px 0 10px;
- /*
- div.progress-indicator {
- background: $progress;
- @include background-image(linear-gradient(hsla(0, 100%, 100%, 1) 0%, hsla(0, 100%, 100%, 1) 35%, transparent 35%));
- @include border-radius(2px);
- @include box-shadow(inset 0px 1px 1px 0 rgba(0,0,0,0.4), 0px 1px 0 0 rgba(255,255,255,0.3));
- height: 50px;
- margin: 0 20px 2px 20px;
- width: 20px;
- }
- */ }
+ padding: 0 30px 0 10px; }
.stats-bar div.stats-bar-left div.progress-indicator {
background: white;
-webkit-border-radius: 2px;
@@ -410,7 +399,7 @@ header.main {
background-image: -ms-linear-gradient(top, #61bddf 10%, #3aadd8 100%);
background-image: -o-linear-gradient(top, #61bddf 10%, #3aadd8 100%);
background-image: top, #61bddf 10%, #3aadd8 100%;
- height: 50%;
+ height: 75%;
overflow: hidden;
position: absolute;
width: 18px; }
@@ -465,7 +454,8 @@ header.main {
font-size: 40px;
text-shadow: 0px 1px 0 white; }
.stats-bar div.stats h2.goal {
- color: #666666; }
+ color: #666666;
+ text-shadow: none; }
.stats-bar div.stats h2.dash {
border-bottom: 2px dashed;
font-size: 35px; }
View
16 stylesheets/sass/_home.scss
@@ -90,18 +90,7 @@ header.main {
div.stats-bar-left {
border-right: 1px solid rgb(140,140,140);
padding: 0 30px 0 10px;
-
- /*
- div.progress-indicator {
- background: $progress;
- @include background-image(linear-gradient(hsla(0, 100%, 100%, 1) 0%, hsla(0, 100%, 100%, 1) 35%, transparent 35%));
- @include border-radius(2px);
- @include box-shadow(inset 0px 1px 1px 0 rgba(0,0,0,0.4), 0px 1px 0 0 rgba(255,255,255,0.3));
- height: 50px;
- margin: 0 20px 2px 20px;
- width: 20px;
- }
- */
+
div.progress-indicator {
background: hsla(0, 100%, 100%, 1);
@include border-radius(2px);
@@ -122,7 +111,7 @@ header.main {
}
bottom: 0;
@include linear-gradient(tint($progress, 20%) 10%, $progress 100%);
- height: 50%;
+ height: 75%;
overflow: hidden;
position: absolute;
width: 18px;
@@ -191,6 +180,7 @@ header.main {
h2.goal {
color: $goal;
+ text-shadow: none;
}
h2.dash {

0 comments on commit df9a395

Please sign in to comment.