Drupal Green Messages


/ Published in: CSS
Save to your folder(s)

Drupal Messages with a nice green color


Copy this code and paste it in your HTML
  1. /*-------------------------------------------------------------------*/
  2. /* Messages */
  3. /*-------------------------------------------------------------------*/
  4. div.messages { font-weight: bold; margin-bottom: 1.5em; padding: 10px 10px 10px 52px; }
  5. #help { font-size: 0.9em; margin-bottom: 1em; }
  6. .status { color: #264409; background: #E6EFC2 url("images/large-info.png") no-repeat 12px center; border: 1px solid #C6D880; padding: 5px 10px; }
  7. div.error { background: #FBE3E4 url("images/large-stop.png") no-repeat 12px center; }
  8. div.notice { color: #514721; background: #FFF6BF url("images/large-info.png") no-repeat 12px center; border-color: #FFD324; }
  9. div.warning, tr.warning { border: 1px solid #F0C020; background: #FFFFDD url("images/large-alert.png") no-repeat 12px center; margin: 0 0 1em; padding: 1em 0 1em 5em; }
  10. .error a { color: #8a1f11; text-decoration: underline; }
  11. .notice a { color: #514721; text-decoration: underline; }
  12. .success a { color: #264409; text-decoration: underline; }
  13. span.admin-disabled { color: #DC1000; }
  14. div.messages.success { color: #55872E; background: #F1F8EB; border: 1px solid #7AC142; }
  15. div.messages ul { margin-bottom: 0; }
  16. div.node .unpublished, div.comment .unpublished { font: bold 2em Arial, Helvetica, sans-serif; text-align: left; color: #FFCCCC; background: #FFF4F4 url("images/large-alert.png") no-repeat 12px center; padding: 5px 0 5px 52px; margin: 5px 0; border: none; }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.