Added a pleasant gradient.

diff --git a/static/css/screen.css b/static/css/screen.css
index a1fc8a5..1877405 100644 (file)
--- a/static/css/screen.css
+++ b/static/css/screen.css
@@ -74,6 +74,11 @@ html > body {
 
 body {
   background: #e0e5ef;
 
 body {
   background: #e0e5ef;

+  background: -webkit-gradient(linear, 50% 0%, 50% 250, color-stop(0%, #b4bdcf), color-stop(100%, #e0e5ef));
+  background: -webkit-linear-gradient(top, #b4bdcf 0%, #e0e5ef 250px);
+  background: -moz-linear-gradient(top, #b4bdcf 0%, #e0e5ef 250px);
+  background: -o-linear-gradient(top, #b4bdcf 0%, #e0e5ef 250px);
+  background: linear-gradient(top, #b4bdcf 0%, #e0e5ef 250px);

   color: #333333;
   text-shadow: 0 1px 0 #FFF;
   font-family: Helvetica, Arial, serif; }
   color: #333333;
   text-shadow: 0 1px 0 #FFF;
   font-family: Helvetica, Arial, serif; }

diff --git a/static/scss/screen.scss b/static/scss/screen.scss
index ff293f2..d6a043c 100644 (file)
--- a/static/scss/screen.scss
+++ b/static/scss/screen.scss
@@ -18,6 +18,9 @@
 
 body{
        background:$page-background;
 
 body{
        background:$page-background;

+       @include background(
+               linear-gradient(top, desaturate(darken($page-background, 15%), 10%) 0, $page-background 250px)
+       );

        @include body-text;
 }
 
        @include body-text;
 }