git.roojs.org Git - roojs1/blob - less/roojs-bootstrap/mask.less

   1 .roo-el-mask
   2 {
   3     z-index:20000;
   4     position:absolute;
   5     top:0;
   6     left:0;
   7     -moz-opacity: 0.5;
   8     opacity:.50;
   9     filter: alpha(opacity=50);
  10     background-color:@gray-light;
  11     width:100%;
  12     height:100%;
  13     zoom:1;
  14 }
  15 .roo-el-mask-msg
  16 {
  17    position: absolute;
  18     z-index:20000;
  19     /*border: 4px double #557; */
  20     background-color: @body-bg;
  21     padding: 0px 30px;
  22     /*background-image: url('@{bootstrap-image-path}/ux/lightbox/loading.gif');*/
  23     background-repeat: no-repeat;
  24     border: 10px solid white;
  25     border-radius: 20px;
  26 }
  27
  28 .roo-el-mask-msg i {
  29     font-size: 48px;
  30     vertical-align: middle;
  31     float: left;
  32 }
  33
  34 .roo-el-mask-msg div
  35 {
  36     font-family: 'Source Sans Pro', sans-serif;
  37     font-size: 24px;
  38     font-weight: 500;
  39     z-index:20001;
  40     padding:4px 15px;
  41     color: @gray; //#557;
  42     vertical-align: middle;
  43     float: left;
  44
  45 }
  46 .x-body-masked
  47 {
  48         overflow:hidden !important;
  49 }
  50 .x-body-masked select,.ext-masked object,.ext-masked embed
  51 {
  52     visibility:hidden;
  53 }
  54 .x-dlg-mask
  55 {
  56     z-index:10000;
  57     display:none;
  58     position:absolute;
  59     top:0;
  60     left:0;
  61     -moz-opacity: 0.5;
  62     opacity:.50;
  63     filter: alpha(opacity=50);
  64     background-color: @gray-light;
  65 }
  66