Improves the message box style

pixelegg/css/mobile.css

@@ -3232,24 +3232,17 @@ div.admin-config form > table td b {
 .success_message,
 .warning_message,
 .error_message {
-  color: red;
   font-weight: normal;
-  font-style: italic;
   text-align: left;
   margin-left: 5px;
   padding-left: 20px;
-  background-image: url(../images/check.png);
-  background-position: left;
-  background-repeat: no-repeat;
-  background-size: 16px;
   white-space: pre-wrap;
 }
 .warning_message {
-  background-image: url(../images/dialog_warning.png);
+  border-top: 6px solid rgba(255, 204, 0, 0.9) !important;
 }
 .error_message {
-  font-weight: bold;
+  border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
-  background-image: url(../images/dialog_error.png);
 }
 .info_message .discard {
   float: right;
@@ -3260,33 +3253,16 @@ div.admin-config form > table td b {
  */
 body > div#egw_message {
   background-color: #E6E6E6;
-  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  border: 3px solid #ffc200;
-  -webkit-border-top-right-radius: 0px;
-  -webkit-border-bottom-right-radius: 15px;
-  -webkit-border-bottom-left-radius: 15px;
-  -webkit-border-top-left-radius: 0px;
-  -moz-border-radius-topright: 0px;
-  -moz-border-radius-bottomright: 15px;
-  -moz-border-radius-bottomleft: 15px;
-  -moz-border-radius-topleft: 0px;
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 15px;
-  border-bottom-left-radius: 15px;
-  border-top-left-radius: 0px;
-  /*.background-clip(padding-box);*/
   right: 33%;
   top: 0px;
-  padding: 10px;
+  padding: 13px;
-  padding-left: 25px;
+  padding-left: 20px;
-  background-position-x: 5px;
+  min-width: 1300px;
-  min-width: 100px;
   z-index: 100000;
   margin: 0px auto;
   max-width: 90%;
   white-space: pre-wrap;
+  border-top: 6px solid #33CC66;
 }
 /**
  * Less-file for egroupware

pixelegg/css/monochrome.css

@@ -3221,24 +3221,17 @@ div.admin-config form > table td b {
 .success_message,
 .warning_message,
 .error_message {
-  color: red;
   font-weight: normal;
-  font-style: italic;
   text-align: left;
   margin-left: 5px;
   padding-left: 20px;
-  background-image: url(../images/check.png);
-  background-position: left;
-  background-repeat: no-repeat;
-  background-size: 16px;
   white-space: pre-wrap;
 }
 .warning_message {
-  background-image: url(../images/dialog_warning.png);
+  border-top: 6px solid rgba(255, 204, 0, 0.9) !important;
 }
 .error_message {
-  font-weight: bold;
+  border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
-  background-image: url(../images/dialog_error.png);
 }
 .info_message .discard {
   float: right;
@@ -3249,33 +3242,16 @@ div.admin-config form > table td b {
  */
 body > div#egw_message {
   background-color: #E6E6E6;
-  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  border: 3px solid #ffc200;
-  -webkit-border-top-right-radius: 0px;
-  -webkit-border-bottom-right-radius: 15px;
-  -webkit-border-bottom-left-radius: 15px;
-  -webkit-border-top-left-radius: 0px;
-  -moz-border-radius-topright: 0px;
-  -moz-border-radius-bottomright: 15px;
-  -moz-border-radius-bottomleft: 15px;
-  -moz-border-radius-topleft: 0px;
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 15px;
-  border-bottom-left-radius: 15px;
-  border-top-left-radius: 0px;
-  /*.background-clip(padding-box);*/
   right: 33%;
   top: 0px;
-  padding: 10px;
+  padding: 13px;
-  padding-left: 25px;
+  padding-left: 20px;
-  background-position-x: 5px;
+  min-width: 1300px;
-  min-width: 100px;
   z-index: 100000;
   margin: 0px auto;
   max-width: 90%;
   white-space: pre-wrap;
+  border-top: 6px solid #33CC66;
 }
 /**
  * Less-file for egroupware

pixelegg/css/pixelegg.css

@@ -3232,24 +3232,17 @@ div.admin-config form > table td b {
 .success_message,
 .warning_message,
 .error_message {
-  color: red;
   font-weight: normal;
-  font-style: italic;
   text-align: left;
   margin-left: 5px;
   padding-left: 20px;
-  background-image: url(../images/check.png);
-  background-position: left;
-  background-repeat: no-repeat;
-  background-size: 16px;
   white-space: pre-wrap;
 }
 .warning_message {
-  background-image: url(../images/dialog_warning.png);
+  border-top: 6px solid rgba(255, 204, 0, 0.9) !important;
 }
 .error_message {
-  font-weight: bold;
+  border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
-  background-image: url(../images/dialog_error.png);
 }
 .info_message .discard {
   float: right;
@@ -3260,33 +3253,16 @@ div.admin-config form > table td b {
  */
 body > div#egw_message {
   background-color: #E6E6E6;
-  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  border: 3px solid #ffc200;
-  -webkit-border-top-right-radius: 0px;
-  -webkit-border-bottom-right-radius: 15px;
-  -webkit-border-bottom-left-radius: 15px;
-  -webkit-border-top-left-radius: 0px;
-  -moz-border-radius-topright: 0px;
-  -moz-border-radius-bottomright: 15px;
-  -moz-border-radius-bottomleft: 15px;
-  -moz-border-radius-topleft: 0px;
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 15px;
-  border-bottom-left-radius: 15px;
-  border-top-left-radius: 0px;
-  /*.background-clip(padding-box);*/
   right: 33%;
   top: 0px;
-  padding: 10px;
+  padding: 13px;
-  padding-left: 25px;
+  padding-left: 20px;
-  background-position-x: 5px;
+  min-width: 1300px;
-  min-width: 100px;
   z-index: 100000;
   margin: 0px auto;
   max-width: 90%;
   white-space: pre-wrap;
+  border-top: 6px solid #33CC66;
 }
 /**
  * Less-file for egroupware

pixelegg/less/def_colors.less

@@ -15,7 +15,13 @@
 @import "definitions.less";
 
  // Basic colour
-// CI EGW
+
+ // Message color codes
+ @egw_color_msg_error: fade(#CC0033, 80%);
+ @egw_color_msg_warning: fade(#FFCC00, 90%);
+ @egw_color_msg_info: #33CC66;
+
+ // CI EGW
 
 @egw_color_select: #6699CC;
 @egw_color_hover: #99CCFF;

pixelegg/less/layout_dialog.less

@@ -423,24 +423,17 @@ div.admin-config form > table {
  * Styles for different egw_message-types
  */
 .success_message, .warning_message, .error_message {
-	color: red;
 	font-weight: normal;
-	font-style: italic;
 	text-align: left;
 	margin-left: 5px;
 	padding-left: 20px;
-	background-image: url(../images/check.png);
-	background-position: left;
-	background-repeat: no-repeat;
-	background-size: 16px;
 	white-space: pre-wrap;
 }
 .warning_message {
-	background-image: url(../images/dialog_warning.png);
+	border-top: 6px solid @egw_color_msg_warning !important;
 }
 .error_message {
-	font-weight: bold;
+	border-top: 6px solid @egw_color_msg_error !important;
-	background-image: url(../images/dialog_error.png);
 }
 .info_message .discard  {
 	float:right;
@@ -451,17 +444,14 @@ div.admin-config form > table {
  */
 body > div#egw_message {
 	background-color: @gray_10;
-	.box_shadow_message;
-	border: 3px solid @egw_color_1_a;
-	.border_radius (0px, 15px, 15px, 0px);
 	right: 33%;
 	top: 0px;
-	padding: 10px;
+	padding: 13px;
-	padding-left: 25px;
+	padding-left: 20px;
-	background-position-x: 5px;
+	min-width: 1300px;
-	min-width: 100px;
 	z-index: 100000;
 	margin:  0px auto;
 	max-width: 90%;
 	white-space: pre-wrap;
+	border-top: 6px solid @egw_color_msg_info;
 }

pixelegg/mobile/fw_mobile.css

@@ -3243,24 +3243,17 @@ div.admin-config form > table td b {
 .success_message,
 .warning_message,
 .error_message {
-  color: red;
   font-weight: normal;
-  font-style: italic;
   text-align: left;
   margin-left: 5px;
   padding-left: 20px;
-  background-image: url(../images/check.png);
-  background-position: left;
-  background-repeat: no-repeat;
-  background-size: 16px;
   white-space: pre-wrap;
 }
 .warning_message {
-  background-image: url(../images/dialog_warning.png);
+  border-top: 6px solid rgba(255, 204, 0, 0.9) !important;
 }
 .error_message {
-  font-weight: bold;
+  border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
-  background-image: url(../images/dialog_error.png);
 }
 .info_message .discard {
   float: right;
@@ -3271,33 +3264,16 @@ div.admin-config form > table td b {
  */
 body > div#egw_message {
   background-color: #E6E6E6;
-  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  border: 3px solid #ffc200;
-  -webkit-border-top-right-radius: 0px;
-  -webkit-border-bottom-right-radius: 15px;
-  -webkit-border-bottom-left-radius: 15px;
-  -webkit-border-top-left-radius: 0px;
-  -moz-border-radius-topright: 0px;
-  -moz-border-radius-bottomright: 15px;
-  -moz-border-radius-bottomleft: 15px;
-  -moz-border-radius-topleft: 0px;
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 15px;
-  border-bottom-left-radius: 15px;
-  border-top-left-radius: 0px;
-  /*.background-clip(padding-box);*/
   right: 33%;
   top: 0px;
-  padding: 10px;
+  padding: 13px;
-  padding-left: 25px;
+  padding-left: 20px;
-  background-position-x: 5px;
+  min-width: 1300px;
-  min-width: 100px;
   z-index: 100000;
   margin: 0px auto;
   max-width: 90%;
   white-space: pre-wrap;
+  border-top: 6px solid #33CC66;
 }
 /**
  * Less-file for egroupware