minor css tweaks

1 files changed, 22 insertions, 10 deletions

diff --git a/app/assets/stylesheets/leap.scss b/app/assets/stylesheets/leap.scss
index b51d22b..cf8088e 100644
--- a/app/assets/stylesheets/leap.scss
+++ b/app/assets/stylesheets/leap.scss
@@ -4,7 +4,7 @@ $background_color: #fff;
 
 $masthead_border_color: black; // rgba(0,0,0,0.5);
 $masthead_border: 1px solid $masthead_border_color;
-$masthead_bg_color: #333; // rgba(96,96,96,0.2);
+$masthead_bg_color: #555; // rgba(96,96,96,0.2);
 $masthead_color: #fff;
 $masthead_height: 128px;
 
@@ -18,6 +18,7 @@ $side_column_bg_color: #d0d0d0; // rgba(0,0,0,0.05); // #e3e3e3
 $side_column_border_color: #aaa; // rgba(0,0,0,0.2);
 $side_column_active_bg_color: #000;
 $side_column_active_color: $masthead_color;
+$side_column_text_color: #000;
 
 $well_color: #fff;
 $well_bg_color: #fff;
@@ -61,14 +62,32 @@ body {
 
 .nav-tabs.nav-stacked li {
   background: $side_column_bg_color;
+  &.active {
+    a {
+      border: 0;
+      border-right: 4px solid $side_column_active_bg_color;
+      background: $side_column_active_bg_color;
+      color: $side_column_active_color;
+      &:hover {
+        //color: $side_column_text_color;
+        background: lighten($side_column_active_bg_color, 40%);
+        border-color: lighten($side_column_active_bg_color, 20%);
+      }
+    }
+  }
+  //&.semi-active a {
+  //  background: darken($side_column_bg_color,10%);
+  //  color: black;
+  //}
   a {
+    cursor: pointer;
     border-radius: 0 !important;
     border: 0;
     border-right: 4px solid $side_column_active_bg_color;
-    color: black;
+    color: $side_column_text_color;
     line-height: 1.2em;
     &:hover {
-      background: lighten($side_column_bg_color,20%);
+      background: lighten($side_column_bg_color, 10%);
       border-color: lighten($side_column_active_bg_color, 50%);
       text-decoration: underline;
     }
@@ -76,13 +95,6 @@ body {
       padding-left: 2em;
     }
   }
-  &.active a {
-    border: 0;
-    border-right: 4px solid $side_column_active_bg_color;
-    background: $side_column_active_bg_color;
-    color: $side_column_active_color;
-    cursor: pointer;
-  }
 }
 
 .side_column ul {