transition when message is shown/hidden

[syj.git] / public / css / generic.css

diff --git a/public/css/generic.css b/public/css/generic.css
index 97d6a1e6de2a67622e6d99d38db931efdda9b6f7..43c3da8ab77fbda3c14c24bfcad7c34e794ff07f 100644 (file)
--- a/public/css/generic.css
+++ b/public/css/generic.css
@@ -10,9 +10,18 @@ body, html {
 /*
  * generic rules
  */
-.message {
+#message {
     text-align: center;
     background-color: white;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    border-width: 2px;
+    border-style: solid;
+    transition:opacity 0.5s;
+    -webkit-transition:opacity 0.5s;
+    -moz-transition:opacity 0.5s;
+    -o-transition: opacity 0.5s;
 }
 
 .disabled {