Attempts for a simpler plugin API: both coexist, tests with hazelnut plugin

[myslice.git] / plugins / messages / messages.css

diff --git a/plugins/messages/messages.css b/plugins/messages/messages.css
index c886ce0..c8de0c6 100644 (file)
--- a/plugins/messages/messages.css
+++ b/plugins/messages/messages.css
@@ -1,22 +1,34 @@
-/* http://www.w3schools.com/html/html_colornames.asp */
-/* someone please feel free to pick a better set of colors */
+/* the buttons area */
+div.messages-buttons { padding: 0px 20px 8px 50px; }
+div.messages-buttons>input { margin: 3px 10px 3px 20px ; }
+div.messages-buttons>span { font-weight: bold; }
+
+/* layout of messages per se */
 ul.messages {
-    background-color: #d0f0d0;
     list-style-type: none;
-}
-li.fatal { background-color: CornflowerBlue;}
-li.error { background-color: Coral; }
-li.warning { background-color: Gold; }
-li.info { background-color: LightGreen; }
-li.debug { background-color: Azure; } 
+    /* a trick so that long lines wrap nicely */
+    padding-left: 280px;
+    text-indent: -280px;
 
+}
 span.messages-date { 
     font-size: 75%;
-    padding: 0px 1em 0px 2em;
+    width: 200px ;
+    float: center;
+    padding: 0px 10px 0px 10px;
 }
 
 span.messages-level {
+    font-size: 90%;
     float: left;
     width: 40px;
-    font-size: 90%;
 }
+
+/* someone please feel free to pick a better set of colors */
+li.fatal { background-color: CornflowerBlue;}
+li.error { background-color: Coral; }
+li.warning { background-color: Gold; }
+li.info { background-color: LightGreen; }
+li.debug { background-color: Azure; } 
+
+