login screen now black.

app/views/devise/sessions/new.html.haml

@@ -7,5 +7,5 @@
       /= f.label :remember_me
 
     = hidden_field_tag "user_email", "#{User.first.email}", :name => "user[email]"
-    = f.submit "Sign in"
+    /= f.submit "Sign in"
 /= render :partial => "devise/shared/links"

public/stylesheets/sass/sessions.sass

@@ -1,24 +1,39 @@
+html
+  :height 100%
+  :background
+    :image url('/images/black_dandy.jpeg')
+    :repeat no-repeat
+    :color #000
+    :position bottom
+
 body
+  :background transparent
   :padding 2em
 
 #huge_text
-  :margin
-    :top 10%
   :display inline block
   :font
-    :size 40px
+    :size 30px
-    :weight bold
+    :weight normal
   :line-height 120px
   :letter
-    :spacing -2px
+    :spacing -1px
-  :color #eaeaea
+  :color #444
-  :text-shadow 0 1px 1px #999
+
+  :color #57493c
+  :color #555
+  :text-shadow 0 1px 3px #555
+  :margin
+    :bottom -20px
 
   span
+    :font
+      :weight bold
     :display inline
-    :color #666
+    :color #fff
+    :text-shadow 0 1px 3px #999
 
-input
+input[type='password']
   :font
     :size 30px
   :text
@@ -27,6 +42,11 @@ input
   :margin
     :bottom 0
     :top 0
+  :background
+    :color #000
+  :color #eaeaea
+  :-webkit-box-shadow 0 0 500px #fff
+  :border 1px solid #666
 
 .container
   :top 30%

public/stylesheets/sessions.css

@@ -1,25 +1,41 @@
+html {
+  height: 100%;
+  background-image: url("/images/black_dandy.jpeg");
+  background-repeat: no-repeat;
+  background-color: black;
+  background-position: bottom; }
+
 body {
+  background: transparent;
   padding: 2em; }
 
 #huge_text {
-  margin-top: 10%;
   display: inline block;
-  font-size: 40px;
+  font-size: 30px;
-  font-weight: bold;
+  font-weight: normal;
   line-height: 120px;
-  letter-spacing: -2px;
+  letter-spacing: -1px;
-  color: #eaeaea;
+  color: #444444;
-  text-shadow: 0 1px 1px #999999; }
+  color: #57493c;
+  color: #555555;
+  text-shadow: 0 1px 3px #555555;
+  margin-bottom: -20px; }
   #huge_text span {
+    font-weight: bold;
     display: inline;
-    color: #666666; }
+    color: white;
+    text-shadow: 0 1px 3px #999999; }
 
-input {
+input[type='password'] {
   font-size: 30px;
   text-align: center;
   width: 300px;
   margin-bottom: 0;
-  margin-top: 0; }
+  margin-top: 0;
+  background-color: black;
+  color: #eaeaea;
+  -webkit-box-shadow: 0 0 500px white;
+  border: 1px solid #666666; }
 
 .container {
   top: 30%;