modify notify/warn/error boxes css

1 files changed, 18 insertions, 20 deletions

diff --git a/utility.css b/utility.css
index 2ad4337d5..3a69e1bca 100644
--- a/utility.css
+++ b/utility.css
@@ -7,6 +7,11 @@ body {
 	max-width : 800px;
 }
 
+form {
+	margin : 0px;
+	padding : 0px;
+}
+
 div.content {
 	background : white;
 	border : 1px solid #ccc;
@@ -44,36 +49,29 @@ a:hover {
 	color : black;
 }
 
+div.notice, div.warning, div.error {
+	padding : 4px 10px 4px 4px;
+	display : inline-block;
+	margin : 2px 0px 2px 0px;
+	font-size : 12px;
+	box-shadow : 0px 0px 2px #ccc;
+}
+
 div.notice {
-	background : #ffffff;
-	border : 1px solid #88b0f0;
-	width : 50%;
-	padding : 5px;
-	margin : 0px 0px 5px 0px;
-	font-size : 9pt;
+	background : #ecf4ff;
 }
 
 div.warning {
 	background : #fff7d5;
-	border : 1px solid #d7c47a;
-	font-size : 9pt;
-	width : 50%;
-	padding : 5px;
-	margin : 0px 0px 5px 0px;
 }
 
+div.error {
+	background : #ffcccc;
+}
 
 div.warning img, div.notice img, div.error img {
+	margin-right : 4px;
 	vertical-align : middle;
-	padding : 5px;
-}
-
-div.error {
-	border : 1px solid #ff0000;
-	background : #ffcccc;
-	padding : 5px;
-	margin : 0px 0px 5px 0px;
-	font-size : 9pt;
 }
 
 h1 {