diff --git a/app/views/devise/sessions/new.html.haml b/app/views/devise/sessions/new.html.haml index c291361cd..edd67221a 100644 --- a/app/views/devise/sessions/new.html.haml +++ b/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" diff --git a/public/images/black_dandy.jpeg b/public/images/black_dandy.jpeg new file mode 100644 index 000000000..3cd841378 Binary files /dev/null and b/public/images/black_dandy.jpeg differ diff --git a/public/stylesheets/sass/sessions.sass b/public/stylesheets/sass/sessions.sass index e21adfa80..fd303877a 100644 --- a/public/stylesheets/sass/sessions.sass +++ b/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 - :weight bold + :size 30px + :weight normal :line-height 120px :letter - :spacing -2px - :color #eaeaea - :text-shadow 0 1px 1px #999 + :spacing -1px + :color #444 + + :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% diff --git a/public/stylesheets/sessions.css b/public/stylesheets/sessions.css index b3a2ba8f8..811a8b776 100644 --- a/public/stylesheets/sessions.css +++ b/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-weight: bold; + font-size: 30px; + font-weight: normal; line-height: 120px; - letter-spacing: -2px; - color: #eaeaea; - text-shadow: 0 1px 1px #999999; } + letter-spacing: -1px; + color: #444444; + 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%;