[Summary view] [Print] [Text view]

   1  .blocker {
   2      position: fixed;
   3      top: 0;
   4      right: 0;
   5      bottom: 0;
   6      left: 0;
   7      width: 100%;
   8      height: 100%;
   9      overflow: auto;
  10      z-index: 9999;
  11      padding: 20px;
  12      box-sizing: border-box;
  13      background-color: rgb(0,0,0);
  14      background-color: rgba(0,0,0,0.75);
  15      text-align: center;
  16  }
  17  
  18  .blocker:before{
  19      content: "";
  20      display: inline-block;
  21      height: 100%;
  22      vertical-align: middle;
  23      margin-right: -0.05em;
  24  }
  25  
  26  .blocker.behind {
  27      background-color: transparent;
  28  }
  29  
  30  .modal {
  31      width: 400px;
  32      text-align: left;
  33      background: #fff;
  34      display: inline-block;
  35      vertical-align: middle;
  36      position: relative;
  37      z-index: 2;
  38      -webkit-box-sizing: border-box;
  39      -moz-box-sizing: border-box;
  40      box-sizing: border-box;
  41      -webkit-border-radius: 8px;
  42      -moz-border-radius: 8px;
  43      -o-border-radius: 8px;
  44      -ms-border-radius: 8px;
  45      border-radius: 8px;
  46      -webkit-box-shadow: 0 0 10px #000;
  47      -moz-box-shadow: 0 0 10px #000;
  48      -o-box-shadow: 0 0 10px #000;
  49      -ms-box-shadow: 0 0 10px #000;
  50      box-shadow: 0 0 10px #000;
  51  }
  52  
  53  .modal a.close-modal {
  54      position: absolute;
  55      top: -12.5px;
  56      right: -12.5px;
  57      display: block;
  58      width: 30px;
  59      height: 30px;
  60      text-indent: -9999px;
  61      background: url(images/close.png) no-repeat 0 0;
  62  }
  63  
  64  .modal-spinner {
  65      display: none;
  66      width: 64px;
  67      height: 64px;
  68      position: fixed;
  69      top: 50%;
  70      left: 50%;
  71      margin-right: -32px;
  72      margin-top: -32px;
  73      background: url(images/spinner_big.gif) no-repeat center center;
  74      -webkit-border-radius: 8px;
  75      -moz-border-radius: 8px;
  76      -o-border-radius: 8px;
  77      -ms-border-radius: 8px;
  78      border-radius: 8px;
  79  }