[gen] Graphical improvements.

gen/ui/appy.css

@@ -62,7 +62,7 @@ img { border: 0; vertical-align: middle}
 .fakeButton { border: 1px solid #D7DEE4; background-color: #fde8e0;
               padding: 0px 8px 2px; font: italic 92% Helvetica,Arial,sans-serif}
 .message { position: absolute; top: -40px; left: 150px; font-size: 90%;
-           width: 600px; border: 1px #F0C36D solid; padding: 6px 16px;
+           width: 600px; border: 1px #F0C36D solid; padding: 6px;
            background-color: #F9EDBE; text-align: center;
            border-radius: 2px 2px 2px 2px; box-shadow: 0 2px 4px #A9A9A9;}
 .focus { font-size: 90%; margin: 7px; padding: 7px; background-color: #d7dee4;
@@ -109,15 +109,15 @@ img { border: 0; vertical-align: middle}
 .section3 { font-size: 100%; font-style: italic; font-weight: bold;
             margin: 0.45em 0em 0.1em 0; background-color: #95a1b3;
             text-align: center; color: white; }
-.odd { background-color: white; }
-.even { background-color: #F4F5F6; }
+.odd { background-color: #f9f9f9; }
+.even { background-color: #f4f4f4; }
 .summary {margin-bottom: 5px;}
 .objectTitle { font-size: 11pt; border-bottom: 3px solid grey;
                font-weight: bold;}
 .by { padding-top: 5px;}
 .workflow { text-align: center; border-top: 1px solid grey;
-            background-color: #f8f8f8;}
-.underTitle { background-color: #F4F5F6;}
+            background-color: #ececec }
+.underTitle { background-color: #e9e9e9 }
 .objectNavigate { margin-top: 3px;}
 .underline { border-bottom: 1px dotted grey;}
 .state { font-weight: bold; border-bottom: 1px dashed grey;}

gen/ui/page.pt

@@ -322,5 +322,9 @@
   This macro displays the global message on the page.
 </tal:comment>
 <metal:message define-macro="message" tal:define="messages tool/consumeMessages" tal:condition="messages">
-  <div class="message" tal:content="structure messages"></div>
+  <div class="message">
+   <span tal:replace="structure messages"></span>
+   <img tal:attributes="src python: '%s/ui/close.png' % appUrl"
+        align="right" style="cursor:pointer" onClick="this.parentNode.style.display='none'"/>
+  </div>
 </metal:message>