some more flash style changes

VERSION

@@ -1 +1 @@
-Version 2.0.8 (2012-09-13 08:35:42) stable
+Version 2.0.8 (2012-09-13 09:08:09) stable

applications/welcome/static/css/web2py.css

@@ -108,25 +108,29 @@ div.flash {
     -webkit-border-radius:8px;
     background-image: -webkit-linear-gradient(top,#222,#000);
     background-image: -o-linear-gradient(top,#222,#000);
+    background-image: -moz-linear-gradient(90deg, #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; }
 
 div.error_wrapper {display:block}
 div.error {
-    width: 300px;
+    width: 298px;
-    background-color:red;
+    background:red;
+    border: 2px solid #d00;
     color:white;
     padding:5px;
     display:inline-block;
-    background-image: -webkit-linear-gradient(top,#f00,#d00);
+    background-image: -webkit-linear-gradient(left,#f00,#fdd);
-    background-image: -o-linear-gradient(top,#f00,#d00);
+    background-image: -o-linear-gradient(left,#f00,#fdd);
-    background-image: linear-gradient(top,#f00,#d00);
+    background-image: -moz-linear-gradient(0deg, #f00, #fdd);
-    background-repeat: repeat-x;
+    background-image: linear-gradient(left,#f00,#fdd);
+    background-repeat: repeat-y;
 }
 
 .topbar {

applications/welcome/static/css/web2py_bootstrap.css

@@ -6,7 +6,8 @@ div.flash.flash-center {
 }
 
 div.flash.flash-top, div.flash.flash-top:hover {
-  position: absolute;
+  position: relative;
+  display: block;
   margin:0;
   padding:1em;
   top:0;
@@ -121,17 +122,18 @@ li {margin-bottom: 0;} /*bootswatch*/
 [class^="icon-"],[class*=" icon-"]{background-image:url("../images/glyphicons-halflings.png")} /* right folder for bootstrap black images/icons */
 .icon-white{background-image:url("../images/glyphicons-halflings-white.png");} /* right folder for bootstrap white images/icons */
 
+.navbar-inner{
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  position:relative;
+}
+
 @media only screen and (max-width: 979px) {
   body {
   padding-top: 0px;
   }
   
-  .navbar-inner{
-     -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-     border-radius: 0;
-     position:relative;
-  }
   #navbar{bottom:-10px;left:4px;}
   
   div.flash {

applications/welcome/views/layout.html

@@ -65,10 +65,9 @@
 </head>
 
 <body>
-  <div class="flash">{{=response.flash or ''}}</div>
-
   <!-- Navbar ================================================== -->
   <div class="navbar navbar-fixed-top">
+    <div class="flash">{{=response.flash or ''}}</div>
     <div class="navbar-inner">
       <div class="container">
         <!-- the next tag is necessary for bootstrap menus, do not remove -->