- Improved the error/status reporting in Chameleon: made the messages

  stand out a bit better by using green-ish and red-ish colors, resp.
  for 'success' and 'failure'.

- Small change to the way context-sensitive help texts are emitted -
  the pages wouldn't validate in the presence of help texts with
  block-level elements.

2 files changed, 17 insertions, 2 deletions

diff --git a/themes/chameleon/chameleon.theme b/themes/chameleon/chameleon.theme
index f3dcf1b6e..3f24f7406 100644
--- a/themes/chameleon/chameleon.theme
+++ b/themes/chameleon/chameleon.theme
@@ -74,12 +74,12 @@ function chameleon_page($content, $title = NULL, $breadcrumb = NULL) {
   }
 
   if ($help = menu_get_active_help()) {
-    $output .= "<small>$help</small><hr />";
+    $output .= "<div id=\"help\">$help</div><hr />";
   }
 
   foreach (drupal_get_messages() as $message) {
     list($message, $type) = $message;
-    $output .= "<strong>". t("Status") ."</strong>: $message<hr />";
+    $output .= "<div class=\"message $type\">". ucfirst($message) ."</div>";
   }
 
   $output .= "\n<!-- begin content -->\n";
diff --git a/themes/chameleon/common.css b/themes/chameleon/common.css
index 483cfad71..ece5c3ab3 100644
--- a/themes/chameleon/common.css
+++ b/themes/chameleon/common.css
@@ -64,6 +64,9 @@ br {
 #header {
   margin-bottom: 2em;
 }
+#help {
+  font-size: 0.8em;
+}
 #sidebar-left, #sidebar-right {
   vertical-align: top;
   padding: 10px;
@@ -96,6 +99,18 @@ br {
 .block {
   width: 180px;
 }
+.message {
+  padding: 0.3em;
+  margin: 1em 0em 1em 0em;
+}
+.status {
+  border: 1px solid #696;
+  color: #696;
+}
+.error, form-item input.error {
+  border: 1px solid #930;
+  color: #930;
+}
 
 /*
 ** Module specific styles