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

   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;
  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     display: table;
  27     min-width: 250px;
  28 }
  29 /* this is the 'spinner' */
  30
  31 .roo-el-mask-msg i {
  32     font-size: 36px;
  33     vertical-align: middle;
  34     float: left;
  35 }
  36
  37 .roo-el-mask-msg.no-spinner i {
  38     display: none;
  39 }
  40
  41 .roo-el-mask-msg div
  42 {
  43     font-family: 'Source Sans Pro', sans-serif;
  44     font-size: 24px;
  45     font-weight: 500;
  46     z-index:20001;
  47     padding:0px 15px;
  48     color: $gray; //#557;
  49     display: table-cell;
  50     vertical-align: middle;
  51     float: left;
  52
  53 }
  54 .x-body-masked
  55 {
  56         overflow:hidden !important;
  57 }
  58 .x-body-masked select,.ext-masked object,.ext-masked embed
  59 {
  60     visibility:hidden;
  61 }
  62 .x-dlg-mask
  63 {
  64     z-index:10000;
  65     display:none;
  66     position:absolute;
  67     top:0;
  68     left:0;
  69     -moz-opacity: 0.5;
  70     opacity:.50;
  71     filter: alpha(opacity=50);
  72     background-color: $gray-light;
  73 }
  74