diff options
| author | Joe Sak <joe@joesak.com> | 2010-11-20 15:40:22 -0600 |
|---|---|---|
| committer | Joe Sak <joe@joesak.com> | 2010-11-20 15:40:22 -0600 |
| commit | cd28dbf187ec5722bc937eadab95e107a1c49036 (patch) | |
| tree | 99fc8b971057d2a5f0b11986cb863a6f0d8ab966 | |
| parent | da581331c706f46dfd119d1e532152c93fdd8c58 (diff) | |
| download | refinerycms-blog-cd28dbf187ec5722bc937eadab95e107a1c49036.tar.gz refinerycms-blog-cd28dbf187ec5722bc937eadab95e107a1c49036.tar.bz2 refinerycms-blog-cd28dbf187ec5722bc937eadab95e107a1c49036.zip | |
flash messages & styles for comments
| -rw-r--r-- | app/views/blog/posts/_post.html.erb | 5 | ||||
| -rw-r--r-- | public/stylesheets/refinerycms-blog.css | 44 |
2 files changed, 48 insertions, 1 deletions
diff --git a/app/views/blog/posts/_post.html.erb b/app/views/blog/posts/_post.html.erb index c5e90bb..3af89a8 100644 --- a/app/views/blog/posts/_post.html.erb +++ b/app/views/blog/posts/_post.html.erb @@ -1,3 +1,8 @@ +<% flash.each do |key, value| %> + <div id='flash' class="flash flash_<%= key %>"> + <%= value %> + </div> +<% end %> <article id="blog_post"> <header> <h1><%= @blog_post.title %></h1> diff --git a/public/stylesheets/refinerycms-blog.css b/public/stylesheets/refinerycms-blog.css index 5bf6cc6..73a4e42 100644 --- a/public/stylesheets/refinerycms-blog.css +++ b/public/stylesheets/refinerycms-blog.css @@ -47,4 +47,46 @@ #next_prev_article a.next{ text-align:right; right:0; -}
\ No newline at end of file +} + +#message, .flash { + padding: 8px 8px 8px 30px; + margin-bottom: 15px; + position: relative; +} +.flash_notice, .flash_message { + border: 1px solid #00A017; + color: #00A017; + background: 7px 7px no-repeat url('/images/refinery/icons/accept.png') #E0F5E0; +} +.flash_notice, .flash_notice * { + color: #00A017; +} +.flash_error { + border: 1px solid #A00027; + color: #A00027; + background: 7px 7px no-repeat url('/images/refinery/icons/cancel.png') #FFB1B1; +} +.flash.flash_notice #flash_close, .flash.flash_error #flash_close { + text-transform: lowercase; +} +.flash.flash_message { + background: #E0F5E0; + padding: 9px; + position: relative; + margin-bottom: 32px; +} +.flash.flash_message h2 { + margin-top: 12px; +} +.flash_message, .flash_message * { + color: #262719; + font-size: 14px; +} +.flash a, .flash a:hover { + color: #e20003; + border-bottom-color: #e20003; +} +.flash.flash_error a, .flash.flash_error a:hover { + display: none; +} /* FLASH MESSAGES */ |