more flexible notifications

applications/welcome/static/css/web2py.css

@@ -95,16 +95,23 @@ div.flash {
     top:48px;
     right:50px;
     min-width:280px;
-    opacity:0.85;
+    opacity:0.95;
     margin:0px 0px 10px 10px;
-    color:#fff;
     vertical-align:middle;
     cursor:pointer;
-    background:#000;
+    color:#fff;
+    background-color:#000;
     border:2px solid #fff;
-    border-radius:5px;
-    -moz-border-radius:5px;
-    -webkit-border-radius:5px;
+    border-radius:8px;
+    -o-border-radius: 8px;
+    -moz-border-radius:8px;
+    -webkit-border-radius:8px;
+    background-image: -webkit-linear-gradient(top,#222,#000);
+    background-image: -o-linear-gradient(top,#222,#000);
+    background-image: linear-gradient(top,#222,#000);
+    background-repeat: repeat-x;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
     z-index:2000;
 }
 div.flash:hover { opacity:0.25; }

applications/welcome/static/css/web2py_bootstrap.css

@@ -1,8 +1,27 @@
-body {
-  padding-top: 60px;
+#navbar .auth_navbar, #navbar .auth_navbar a {color:inherit;}
+
+div.flash.fcenter {
+   left: 25%;
+   right: 25%;
 }
 
-#navbar .auth_navbar, #navbar .auth_navbar a {color:inherit;}
+div.flash.ftop, div.flash.ftop:hover {
+   position: relative;
+   margin:0;
+   padding:1em;
+   top:0;
+   left:0;
+   width:100%;
+   text-align:center;
+   color:#3A87AD;
+   background:#D9EDF7;
+   border:1px solid #BCE8F1;
+   border-top:0px;
+   border-left:0px;
+   border-right:0px;
+   border-radius:0;
+   opacity:1;
+}
 
 /* bootstrap dropdown */
 
@@ -18,6 +37,10 @@ body {
     visibility: visible;
 }
 
+#header {
+  margin-top: 60px;
+}
+
 .mastheader h1 {
   margin-bottom: 9px;
   font-size: 81px;