ModalDialog.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  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. * Modal Dialog
  16. */
  17. .modalBg {
  18. position: absolute;
  19. top: 0px;
  20. left: 0px;
  21. filter: Alpha(Opacity=50);
  22. -moz-opacity: 0.5;
  23. background-color: #ddd;
  24. visibility: hidden;
  25. width: expression(document.body.clientWidth);
  26. height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight);
  27. z-index: 100;
  28. }
  29. .modalDialog {
  30. position: absolute;
  31. top: 0px;
  32. left: 0px;
  33. visibility: hidden;
  34. z-index: 101;
  35. background-color: white;
  36. top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
  37. left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);
  38. border: 1px solid #777;
  39. border-top: 0;
  40. padding: 20px;
  41. border-radius: 5px;
  42. -moz-border-radius: 5px;
  43. -webkit-border-radius: 5px;
  44. }
  45. .modalDialog .modalDialogHeader {
  46. margin:0;
  47. padding: 0px;
  48. color: #333;
  49. font-weight: bold;
  50. background-color: #ccc;
  51. border: 1px solid #989898;
  52. position: absolute;
  53. top: 0px;
  54. left: -1px;
  55. height: 7px;
  56. border-radius: 5px;
  57. -moz-border-radius: 5px;
  58. -webkit-border-radius: 5px;
  59. -moz-border-radius-bottomleft: 0;
  60. -moz-border-radius-bottomright: 0;
  61. -webkit-border-bottom-left-radius: 0;
  62. -webkit-border-bottom-right-radius: 0;
  63. }
  64. .modalShadow {
  65. position: absolute;
  66. background-color: black;
  67. top: 0px;
  68. left: 0px;
  69. z-index: 99;
  70. top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
  71. left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);
  72. border-radius: 5px;
  73. -moz-border-radius: 5px;
  74. -webkit-border-radius: 5px;
  75. opacity: 0.5;
  76. }
  77. /**
  78. * This is not part of the core Modal Dialog styles, instead it's just so that the dialog looks
  79. * respectable.
  80. */
  81. h4 {
  82. font-family: Verdana, Arial;
  83. padding-top: 10px;
  84. }