less/roojs-bootstrap/mask.less

[roojs1] / less / roojs-bootstrap / mask.less

diff --git a/less/roojs-bootstrap/mask.less b/less/roojs-bootstrap/mask.less
index 1827b29..99e432b 100644 (file)
--- a/less/roojs-bootstrap/mask.less
+++ b/less/roojs-bootstrap/mask.less
@@ -7,7 +7,7 @@
     -moz-opacity: 0.5;
     opacity:.50;
     filter: alpha(opacity=50);
-    background-color:@gray-lighter-80;
+    background-color:@gray-light;
     width:100%;
     height:100%;
     zoom:1;
@@ -17,23 +17,33 @@
    position: absolute;
     z-index:20000;
     /*border: 4px double #557; */
-    background-color: @white;
-    padding: 0px 30px;
-    background-image: url('../images/ux/lightbox/loading.gif');
+    background-color: @body-bg;
+    padding: 0px;
+    /*background-image: url('@{bootstrap-image-path}/ux/lightbox/loading.gif');*/
     background-repeat: no-repeat;
     border: 10px solid white;
-    border-radius: 20px
-    
+    border-radius: 20px;
+    display: table;
+    min-width: 250px;
+}
+
+.roo-el-mask-msg i {
+    font-size: 36px;
+    vertical-align: middle;
+    float: left;
 }
 
 .roo-el-mask-msg div
 {
-   font-family: 'Source Sans Pro', sans-serif;
+    font-family: 'Source Sans Pro', sans-serif;
     font-size: 24px;
     font-weight: 500;
     z-index:20001;
-    padding:4px 15px;
+    padding:0px 15px;
     color: @gray; //#557;
+    display: table-cell;
+    vertical-align: middle;
+    float: left;
     
 }
 .x-body-masked
@@ -54,6 +64,6 @@
     -moz-opacity: 0.5;
     opacity:.50;
     filter: alpha(opacity=50);
-    background-color:#CCC;
+    background-color: @gray-light;
 }
  
\ No newline at end of file