webcit/static/styles/modal.css

   1 .md-overlay-decorator {
   2         background: #222;
   3         height: 100%;
   4         width: 100%;
   5         position: absolute;
   6         top:0;
   7         left:0;
   8         opacity:0.8;
   9         z-index:2000;
  10         *display:none;
  11 }
  12
  13 .md-overlay-wrap {
  14         height:100%;
  15         width:100%;
  16         display:block;
  17         position:absolute;
  18         top:0;
  19         left:0;
  20         z-index:2001;
  21         overflow:auto;
  22         *overflow-x:hidden;
  23         *zoom:1;
  24         /* (0.8 * 255).toString(16) = cc */
  25         *filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc222222,endColorstr=#cc222222);
  26         *background:transparent url(../pixel.gif);
  27 }
  28
  29 .md-overlay {
  30         z-index:2001;
  31         position:relative;
  32         margin:0 auto;
  33         display:table;
  34         height:100%;
  35         vertical-align:middle;
  36         width:80%;
  37         z-index:9999;
  38         *width:100%;
  39         *text-align:center;
  40         *position:static;
  41         *display:block;
  42 }
  43
  44 .md-dialog-wrap {
  45         display:table-cell;
  46         vertical-align:middle;
  47         *width:80%;
  48         *text-align:left;
  49         *zoom:1;
  50         *display:inline;
  51 }
  52
  53 .md-dialog-decorator {
  54         display:none;
  55         *vertical-align:middle;
  56         *zoom:1;
  57         *display:inline;
  58         *height:100%;
  59         *width:0;
  60         *background:#022750;
  61 }
  62
  63 #modal {
  64         display:none;
  65 }
  66
  67 .modal #modal {
  68         display:block;
  69 }
  70
  71 .md-dialog {
  72         background: white;
  73         border: 2px solid #022750;
  74         padding: 10px;
  75 }