From 6bd2a47134c707ba96b70c5f50d31c88f873d380 Mon Sep 17 00:00:00 2001 From: Matchu Date: Sat, 15 May 2010 19:39:35 -0400 Subject: [PATCH] style error messages --- app/stylesheets/partials/_blue.sass | 20 ++++++++++++------ app/stylesheets/screen.scss | 4 ++++ public/stylesheets/compiled/screen.css | 28 +++++++++++++++++++------- 3 files changed, 39 insertions(+), 13 deletions(-) diff --git a/app/stylesheets/partials/_blue.sass b/app/stylesheets/partials/_blue.sass index 45e6892f..e845a40c 100644 --- a/app/stylesheets/partials/_blue.sass +++ b/app/stylesheets/partials/_blue.sass @@ -1,13 +1,21 @@ // Used internally: + $background_color: #0b61a4 $module_border_color: #033e6b $module_background_color: #66a3d2 // Used by Blueprint: + $font_color: #fff -$header_color: #fff -$link_color: #fff -$link_hover_color: #fff -$link_focus_color: #fff -$link_active_color: #fff -$link_visited_color: #fff + +$header_color: $font_color + +$link_color: $font_color +$link_hover_color: $font_color +$link_focus_color: $font_color +$link_active_color: $font_color +$link_visited_color: $font_color + +$error_color: $font_color +$error_bg_color: #e14f1c +$error_border_color: #cd0a0a diff --git a/app/stylesheets/screen.scss b/app/stylesheets/screen.scss index 8e5b7dbd..aee40bc7 100644 --- a/app/stylesheets/screen.scss +++ b/app/stylesheets/screen.scss @@ -24,6 +24,10 @@ body { form.bp { @include blueprint-form; } +.alert { + @include error; +} + h1 a { text-decoration: none; &:hover { diff --git a/public/stylesheets/compiled/screen.css b/public/stylesheets/compiled/screen.css index cd1dc495..b9635082 100644 --- a/public/stylesheets/compiled/screen.css +++ b/public/stylesheets/compiled/screen.css @@ -342,13 +342,13 @@ body .error { padding: 0.8em; margin-bottom: 1em; border: 2px solid #dddddd; - background: #fbe3e4; - color: #8a1f11; - border-color: #fbc2c4; + background: #e14f1c; + color: white; + border-color: #cd0a0a; } /* line 29, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body .error a { - color: #8a1f11; + color: white; } /* line 6, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body .notice { @@ -466,15 +466,29 @@ form.bp textarea { } /* line 27, ../../../app/stylesheets/screen.scss */ +.alert { + padding: 0.8em; + margin-bottom: 1em; + border: 2px solid #dddddd; + background: #e14f1c; + color: white; + border-color: #cd0a0a; +} +/* line 29, ../../../../../.rvm/gems/ruby-1.9.1-p378/gems/compass-0.10.1/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +.alert a { + color: white; +} + +/* line 31, ../../../app/stylesheets/screen.scss */ h1 a { text-decoration: none; } -/* line 29, ../../../app/stylesheets/screen.scss */ +/* line 33, ../../../app/stylesheets/screen.scss */ h1 a:hover { text-decoration: underline; } -/* line 34, ../../../app/stylesheets/screen.scss */ +/* line 38, ../../../app/stylesheets/screen.scss */ .item { display: -moz-inline-box; -moz-box-orient: vertical; @@ -487,7 +501,7 @@ h1 a:hover { vertical-align: top; width: 100px; } -/* line 40, ../../../app/stylesheets/screen.scss */ +/* line 44, ../../../app/stylesheets/screen.scss */ .item img { display: block; height: 80px;