RGraph/css/ModalDialog.css

   1     /**
   2     * o------------------------------------------------------------------------------o
   3     * | This file is part of the RGraph package - you can learn more at:             |
   4     * |                                                                              |
   5     * |                          http://www.rgraph.net                               |
   6     * |                                                                              |
   7     * | This package is licensed under the RGraph license. For all kinds of business |
   8     * | purposes there is a small one-time licensing fee to pay and for non          |
   9     * | commercial  purposes it is free to use. You can read the full license here:  |
  10     * |                                                                              |
  11     * |                      http://www.rgraph.net/LICENSE.txt                       |
  12     * o------------------------------------------------------------------------------o
  13     */
  14
  15
  16     /**
  17     * Modal Dialog
  18     */
  19     .modalBg {
  20         position: absolute;
  21         top: 0px;
  22         left: 0px;
  23         filter: Alpha(Opacity=50);
  24         -moz-opacity: 0.5;
  25         background-color: #ddd;
  26         visibility: hidden;
  27         width: expression(document.body.clientWidth);
  28         height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight);
  29         z-index: 100;
  30     }
  31
  32     .modalDialog {
  33         position: absolute;
  34         top: 0px;
  35         left: 0px;
  36         visibility: hidden;
  37         z-index: 101;
  38         background-color: white;
  39         top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
  40         left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);
  41         border: 1px solid #777;
  42         border-top: 0;
  43         padding: 20px;
  44         border-radius: 5px;
  45         -moz-border-radius: 5px;
  46         -webkit-border-radius: 5px;
  47     }
  48
  49     .modalDialog .modalDialogHeader {
  50         margin:0;
  51         padding: 0px;
  52         color: #333;
  53         font-weight: bold;
  54         background-color: #ccc;
  55         border: 1px solid #989898;
  56         position: absolute;
  57         top: 0px;
  58         left: -1px;
  59         height: 7px;
  60         border-radius: 5px;
  61         -moz-border-radius: 5px;
  62         -webkit-border-radius: 5px;
  63         -moz-border-radius-bottomleft: 0;
  64         -moz-border-radius-bottomright: 0;
  65         -webkit-border-bottom-left-radius: 0;
  66         -webkit-border-bottom-right-radius: 0;
  67     }
  68
  69     .modalShadow {
  70         position: absolute;
  71         background-color: black;
  72         top: 0px;
  73         left: 0px;
  74         z-index: 99;
  75         top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
  76         left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);
  77         border-radius: 5px;
  78         -moz-border-radius: 5px;
  79         -webkit-border-radius: 5px;
  80         opacity: 0.5;
  81     }
  82
  83     /**
  84     * This is not part of the core Modal Dialog styles, instead it's just so that the dialog looks
  85     * respectable.
  86     */
  87     h4 {
  88         font-family: Verdana, Arial;
  89         padding-top: 10px;
  90     }