Fixes #2318: Adjusted system message markup + styles to work with ajax actions

git-svn-id: http://code.elgg.org/elgg/trunk@7185 36083f99-b078-4883-b0ff-0f9b5a30f544

1 files changed, 11 insertions, 8 deletions

diff --git a/views/default/css.php b/views/default/css.php
index b4d88e7d9..076bfdb62 100644
--- a/views/default/css.php
+++ b/views/default/css.php
@@ -621,27 +621,30 @@ li.navigation_more ul li {
 /* ***************************************
 	SYSTEM MESSAGES
 *************************************** */
-#elgg_system_message {
+#elgg_system_messages {
+	position:fixed;
+	right:20px;
+	max-width: 500px;
+	z-index: 9600;
+}
+
+.elgg_system_message {
 	background-color:black;
 	color:white;
 	font-weight: bold;
 	display:block;
 	padding:3px 10px;
-	z-index: 9600;
-	position:fixed;
-	right:20px;
 	margin-top:10px;
-	width:auto;
-	max-width: 500px;
 	cursor: pointer;
 	opacity:0.9;
 	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
 	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
+	z-index: 9600;
 }
-#elgg_system_message.error {
+.elgg_system_message.error {
 	background-color:red;
 }
-#elgg_system_message p {
+.elgg_system_message p {
 	margin:0;
 }