dialog.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. /* jQuery UI Dialog */
  2. .ui-dialog {
  3. z-index: 1100;
  4. padding: 0;
  5. }
  6. .ui-dialog .ui-dialog-titlebar {
  7. position: relative;
  8. padding: 10px;
  9. border-bottom: 1px solid transparent;
  10. }
  11. .ui-dialog .ui-dialog-title {
  12. overflow: hidden;
  13. text-overflow: ellipsis;
  14. }
  15. .ui-dialog .ui-dialog-titlebar-close {
  16. line-height: 20px;
  17. position: absolute;
  18. top: 50%;
  19. right: 10px;
  20. width: 20px;
  21. height: 20px;
  22. margin: -10px 0 0 0;
  23. border: #ccc solid 1px;
  24. background: #fff;
  25. }
  26. .ui-dialog .ui-dialog-titlebar-close:before {
  27. line-height: 18px;
  28. position: absolute;
  29. top: 0;
  30. left: 0;
  31. width: 18px;
  32. height: 18px;
  33. opacity: .60;
  34. -moz-opacity: .60;
  35. filter: alpha(opacity: 60);
  36. }
  37. .ui-dialog .ui-dialog-titlebar-close:hover:before {
  38. opacity: .90;
  39. -moz-opacity: .90;
  40. filter: alpha(opacity: 90);
  41. }
  42. .ui-dialog .ui-dialog-titlebar-close .ui-button-text {
  43. display: none;
  44. }
  45. .ui-dialog .ui-dialog-content {
  46. position: relative;
  47. overflow: auto;
  48. padding: 0;
  49. border: 0;
  50. background: none;
  51. }
  52. .ui-dialog-buttonset button {
  53. padding: 8px 15px;
  54. border-width: 1px;
  55. border-style: solid;
  56. }
  57. .ui-dialog .ui-dialog-buttonpane {
  58. border-width: 1px 0 0 0 !important;
  59. }
  60. .ui-dialog .ui-dialog-buttonpane .ui-button {
  61. line-height: 28px;
  62. float: right;
  63. height: 28px;
  64. padding: 0 15px;
  65. }
  66. .ui-draggable .ui-dialog-titlebar {
  67. cursor: move;
  68. }
  69. .ui-dialog .ui-tabs,
  70. .ui-dialog .infobox {
  71. margin-bottom: 0;
  72. }
  73. .ui-dialog .ui-tabs .ui-tabs-panel {
  74. padding: 10px;
  75. }
  76. /* Overlays */
  77. .ui-widget-overlay {
  78. position: fixed;
  79. z-index: 1049;
  80. top: 0;
  81. left: 0;
  82. width: 100%;
  83. height: 100%;
  84. }
  85. .ui-widget-overlay img {
  86. position: absolute;
  87. top: 50%;
  88. left: 50%;
  89. margin: -27px 0 0 -27px;
  90. }
  91. /* Resizable Core */
  92. .ui-resizable {
  93. position: relative;
  94. }
  95. .ui-resizable-handle {
  96. font-size: .1px;
  97. position: absolute;
  98. display: block;
  99. }
  100. .ui-resizable-disabled .ui-resizable-handle,
  101. .ui-resizable-autohide .ui-resizable-handle {
  102. display: none;
  103. }
  104. .ui-resizable-n {
  105. top: -5px;
  106. left: 0;
  107. width: 100%;
  108. height: 7px;
  109. cursor: n-resize;
  110. }
  111. .ui-resizable-s {
  112. bottom: -5px;
  113. left: 0;
  114. width: 100%;
  115. height: 7px;
  116. cursor: s-resize;
  117. }
  118. .ui-resizable-e {
  119. top: 0;
  120. right: -5px;
  121. width: 7px;
  122. height: 100%;
  123. cursor: e-resize;
  124. }
  125. .ui-resizable-w {
  126. top: 0;
  127. left: -5px;
  128. width: 7px;
  129. height: 100%;
  130. cursor: w-resize;
  131. }
  132. .ui-resizable-se {
  133. right: 1px;
  134. bottom: 1px;
  135. width: 12px;
  136. height: 12px;
  137. cursor: se-resize;
  138. }
  139. .ui-resizable-sw {
  140. bottom: -5px;
  141. left: -5px;
  142. width: 9px;
  143. height: 9px;
  144. cursor: sw-resize;
  145. }
  146. .ui-resizable-nw {
  147. top: -5px;
  148. left: -5px;
  149. width: 9px;
  150. height: 9px;
  151. cursor: nw-resize;
  152. }
  153. .ui-resizable-ne {
  154. top: -5px;
  155. right: -5px;
  156. width: 9px;
  157. height: 9px;
  158. cursor: ne-resize;
  159. }