| 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 | } |
|---|
