Merge pull request #204 from andrew/visual-improvements

Visual improvements
24pullrequests · Dec 13, 2012 · b162525 · b162525
2 parents 791007b + 4cd7001
commit b162525
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/app/assets/stylesheets/bootstrap_and_overrides.css.less b/app/assets/stylesheets/bootstrap_and_overrides.css.less
@@ -20,7 +20,7 @@
 // Gives us our custom designed buttons
 @buttonRadius:  20px;
 @btnBorder:     #c3c3c3;
-@btnBackground: #e4e4e4;
+@btnBackground: #eaeaea;
 
 // Gives us our flat buttons
 .buttonBackgroundOverrides(@color, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
@@ -33,8 +33,9 @@
 
 .btn {
   .border-radius(@buttonRadius);
-  .box-shadow(~"inset 0 3px 2px rgba(255,255,255,.5), 0 1px 2px rgba(0,0,0,.2)");
+  .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.9), 0 1px 0 rgba(0, 0, 0, .3)");
   .buttonBackgroundOverrides(@btnBackground, @grayDark, 0 1px 1px rgba(255,255,255,.75));
+  text-shadow: 0 1px 0 #fff;
   padding: 7px 12px;
 
   &:hover {

diff --git a/app/assets/stylesheets/site.css.scss b/app/assets/stylesheets/site.css.scss
@@ -1,7 +1,7 @@
 @import 'variables.css.scss';
 
 body{
-  background-color: #e3e3e3;
+  background-color: #a63636;
   margin:0;
   padding:0;
 }
@@ -181,7 +181,7 @@ footer {
   width: 100%;
 
   .dark{
-    color: #e3e3e3;
+    color: rgba(255,255,255,.2);
     padding: 10px 0;
     background:#434343;
 
@@ -211,8 +211,12 @@ footer {
     a {
       font-weight: 800;
       font-size: 110%;
-      color:#fff;
-      text-decoration:underline;
+      color:#a63636;
+      text-decoration:none;
+
+      &:hover {
+        border-bottom: 1px dashed #a63636;
+      }
     }
 
     .dark-inner {
@@ -221,14 +225,13 @@ footer {
   }
 
   .ftw {
-    color: #000;
-    text-shadow: rgba(255,255,255,0.7) 2px 1px 0px;
+    color: #444;
     width: 100%;
     height: 40px;
-    margin-top:20px;
+    padding: 20px 0 0 0;
     font-size:12px;
     text-align: center;
-    background-color: #e3e3e3;
+    background-color: #eee;
   }
 }