Dialog.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. .dojoxDialog {
  2. position: absolute;
  3. z-index: 999;
  4. outline:0;
  5. }
  6. .dojoxDialog .closeText {
  7. display:none;
  8. /* for the onhover border in high contrast on IE: */
  9. position:absolute;
  10. }
  11. .dojoxDialogFixed div.dojoxDialogTitleBar {
  12. cursor:default;
  13. }
  14. .dojoxDialogWrapper {
  15. left: 0;
  16. top: 0;
  17. }
  18. .dojoxDialog {
  19. background: #fff;
  20. -webkit-box-shadow: 0px 5px 10px #adadad;
  21. -moz-border-radius:9pt;
  22. -webkit-border-radius:8pt;
  23. border:1px solid #b7b7b7;
  24. padding:1.5em 3px 3px 3px;
  25. }
  26. .dojoxDialogFocused {
  27. border:1px solid #ccc;
  28. }
  29. .dojoxDialog .dojoxDialogPaneContent {
  30. border:none;
  31. padding:0;
  32. }
  33. .dojoxDialogTitleBar {
  34. /* outer container for the titlebar of the dialog */
  35. cursor:move;
  36. top:0;
  37. left:0;
  38. right:0;
  39. background:#ededed;
  40. height:1.5em;
  41. outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
  42. -moz-border-radius-topleft:8pt;
  43. -moz-border-radius-topright:8pt;
  44. -webkik-border-radius-topleft:7pt;
  45. -webkit-border-radius-topright:7pt;
  46. }
  47. .dj_webkit .dojoxDialogTitleBar {
  48. border:1px solid #ccc;
  49. }
  50. .dojoxDialogNoTitle .dojoxDialogTitleBar {
  51. display:none;
  52. }
  53. .dojoxDialogContent {
  54. /* the body of the dialog */
  55. padding: 3px;
  56. margin-top:1.2em;
  57. }
  58. /* pseudo-tundra-like */
  59. .dojoxDialogTitle {
  60. font-weight: bold;
  61. padding: 8px 12px 8px 12px;
  62. outline:0;
  63. border-bottom:#b7b7b7;
  64. }
  65. div.dojoxDialogNoTitle {
  66. padding-top:9px;
  67. }
  68. .dojoxDialogCloseIcon, .dojoxDialogCloseIconHover {
  69. background : url("images/dialogCloseButton.png") no-repeat top right;
  70. position: absolute;
  71. vertical-align: middle;
  72. left: -19px;
  73. top: -19px;
  74. height: 29px;
  75. width: 29px;
  76. cursor: pointer;
  77. z-index: 999;
  78. }
  79. .dj_ie6 .dojoxDialogCloseIcon {
  80. background-image: url("images/dialogCloseButton.gif");
  81. }
  82. .dojoxDialog div.dijitDialogCloseIconHover,
  83. .dojoxDialog div.dijitDialogCloseIconActive {
  84. background-position:0 0;
  85. }
  86. .dojoxDialog .dijitDialogCloseIconHover {
  87. background-image: url("images/dialogCloseButton.png");
  88. }
  89. .dj_ie6 .dojoxDialog .dijitDialogCloseIconHover {
  90. background-image: url("images/dialogCloseButton.gif");
  91. }
  92. .dojoxDialogNoTitle .dojoxDialogCloseIcon {
  93. top: -15px;
  94. left: -15px;
  95. }