basic-dialog.css 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
  1. /*
  2. * Ext JS Library 2.0.2
  3. * Copyright(c) 2006-2008, Ext JS, LLC.
  4. * licensing@extjs.com
  5. *
  6. * http://extjs.com/license
  7. */
  8. .x-dlg-proxy {
  9. background-image: url(../images/default/gradient-bg.gif);
  10. background-color:#c3daf9;
  11. border:1px solid #6593cf;
  12. z-index:10001;
  13. overflow:hidden;
  14. position:absolute;
  15. left:0;top:0;
  16. }
  17. .x-dlg-shadow{
  18. background:#aaaaaa;
  19. position:absolute;
  20. left:0;top:0;
  21. }
  22. .x-dlg-focus{
  23. -moz-outline:0 none;
  24. outline:0 none;
  25. width:0;
  26. height:0;
  27. overflow:hidden;
  28. position:absolute;
  29. top:0;
  30. left:0;
  31. }
  32. .x-dlg-mask{
  33. z-index:10000;
  34. display:none;
  35. position:absolute;
  36. top:0;
  37. left:0;
  38. -moz-opacity: 0.5;
  39. opacity:.50;
  40. filter: alpha(opacity=50);
  41. background-color:#CCC;
  42. }
  43. body.x-body-masked select {
  44. visibility:hidden;
  45. }
  46. body.x-body-masked .x-dlg select {
  47. visibility:visible;
  48. }
  49. .x-dlg{
  50. z-index:10001;
  51. overflow:hidden;
  52. position:absolute;
  53. left:300;top:0;
  54. }
  55. .x-dlg .x-dlg-hd {
  56. background: url(../images/default/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;
  57. background-color:navy;
  58. color:#FFF;
  59. font:bold 12px "sans serif", tahoma, verdana, helvetica;
  60. overflow:hidden;
  61. padding:5px;
  62. white-space: nowrap;
  63. }
  64. .x-dlg .x-dlg-hd-left {
  65. background: url(../images/default/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;
  66. padding-left:3px;
  67. margin:0;
  68. }
  69. .x-dlg .x-dlg-hd-right {
  70. background: url(../images/default/basic-dialog/hd-sprite.gif) no-repeat right 0;
  71. padding-right:3px;
  72. }
  73. .x-dlg .x-dlg-dlg-body{
  74. background:url(../images/default/layout/gradient-bg.gif);
  75. border:1px solid #6593cf;
  76. border-top:0 none;
  77. padding:10px;
  78. position:absolute;
  79. top:24px;left:0;
  80. z-index:1;
  81. overflow:hidden;
  82. }
  83. .x-dlg-collapsed .x-resizable-handle{
  84. display:none;
  85. }
  86. .x-dlg .x-dlg-bd{
  87. overflow:hidden;
  88. }
  89. .x-dlg .x-dlg-ft{
  90. overflow:hidden;
  91. padding:5px;
  92. padding-bottom:0;
  93. }
  94. .x-dlg .x-tabs-body{
  95. background:white;
  96. overflow:auto;
  97. }
  98. .x-dlg .x-tabs-top .x-tabs-body{
  99. border:1px solid #6593cf;
  100. border-top:0 none;
  101. }
  102. .x-dlg .x-tabs-bottom .x-tabs-body{
  103. border:1px solid #6593cf;
  104. border-bottom:0 none;
  105. }
  106. .x-dlg .x-layout-container .x-tabs-body{
  107. border:0 none;
  108. }
  109. .x-dlg .inner-tab{
  110. margin:5px;
  111. }
  112. .x-dlg .x-dlg-ft .x-btn{
  113. margin-right:5px;
  114. float:right;
  115. clear:none;
  116. }
  117. .x-dlg .x-dlg-ft .x-dlg-btns td {
  118. border:0;
  119. padding:0;
  120. }
  121. .x-dlg .x-dlg-ft .x-dlg-btns-right table{
  122. float:right;
  123. clear:none;
  124. }
  125. .x-dlg .x-dlg-ft .x-dlg-btns-left table{
  126. float:left;
  127. clear:none;
  128. }
  129. .x-dlg .x-dlg-ft .x-dlg-btns-center{
  130. text-align:center; /*ie*/
  131. }
  132. .x-dlg .x-dlg-ft .x-dlg-btns-center table{
  133. margin:0 auto; /*everyone else*/
  134. }
  135. .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-left{
  136. background-position:0 -147px;
  137. }
  138. .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-right{
  139. background-position:0 -168px;
  140. }
  141. .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-center{
  142. background-position:0 -189px;
  143. }
  144. .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-center{
  145. background-position:0 -126px;
  146. }
  147. .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-right{
  148. background-position:0 -84px;
  149. }
  150. .x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-left{
  151. background-position:0 -63px;
  152. }
  153. .x-dlg-draggable .x-dlg-hd{
  154. cursor:move;
  155. }
  156. .x-dlg-closable .x-dlg-hd{
  157. padding-right:22px;
  158. }
  159. .x-dlg-toolbox {
  160. position:absolute;
  161. top:4px;
  162. right:4px;
  163. z-index:6;
  164. width:40px;
  165. cursor:default;
  166. height:15px;
  167. background:transparent;
  168. }
  169. .x-dlg .x-dlg-close, .x-dlg .x-dlg-collapse {
  170. float:right;
  171. height:15px;
  172. width:15px;
  173. margin:0;
  174. margin-left:2px;
  175. padding:0;
  176. line-height:1px;
  177. font-size:1px;
  178. background-repeat:no-repeat;
  179. cursor:pointer;
  180. visibility:inherit;
  181. }
  182. .x-dlg .x-dlg-close {
  183. background-image:url(../images/default/basic-dialog/close.gif);
  184. }
  185. .x-dlg .x-dlg-collapse {
  186. background-image:url(../images/default/basic-dialog/collapse.gif);
  187. }
  188. .x-dlg-collapsed .x-dlg-collapse {
  189. background-image:url(../images/default/basic-dialog/expand.gif);
  190. }
  191. .x-dlg .x-dlg-close-over, .x-dlg .x-dlg-collapse-over {
  192. }
  193. .x-dlg div.x-resizable-handle-east{
  194. background-image:url(../images/default/basic-dialog/e-handle.gif);
  195. border:0;
  196. background-position:right;
  197. margin-right:0;
  198. }
  199. .x-dlg div.x-resizable-handle-south{
  200. background-image:url(../images/default/sizer/s-handle-dark.gif);
  201. border:0;
  202. height:6px;
  203. }
  204. .x-dlg div.x-resizable-handle-west{
  205. background-image:url(../images/default/basic-dialog/e-handle.gif);
  206. border:0;
  207. background-position:1px;
  208. }
  209. .x-dlg div.x-resizable-handle-north{
  210. background-image:url(../images/default/s.gif);
  211. border:0;
  212. }
  213. .x-dlg div.x-resizable-handle-northeast, .xtheme-gray .x-dlg div.x-resizable-handle-northeast{
  214. background-image:url(../images/default/s.gif);
  215. border:0;
  216. }
  217. .x-dlg div.x-resizable-handle-northwest, .xtheme-gray .x-dlg div.x-resizable-handle-northwest{
  218. background-image:url(../images/default/s.gif);
  219. border:0;
  220. }
  221. .x-dlg div.x-resizable-handle-southeast{
  222. background-image:url(../images/default/basic-dialog/se-handle.gif);
  223. background-position: bottom right;
  224. width:8px;
  225. height:8px;
  226. border:0;
  227. }
  228. .x-dlg div.x-resizable-handle-southwest{
  229. background-image:url(../images/default/sizer/sw-handle-dark.gif);
  230. background-position: top right;
  231. margin-left:1px;
  232. margin-bottom:1px;
  233. border:0;
  234. }
  235. #x-msg-box .x-dlg-ft .x-btn{
  236. float:none;
  237. clear:none;
  238. margin:0 3px;
  239. }
  240. #x-msg-box .x-dlg-bd {
  241. padding:5px;
  242. overflow:hidden !important;
  243. font:normal 13px verdana,tahoma,sans-serif;
  244. }
  245. #x-msg-box .ext-mb-input {
  246. margin-top:4px;
  247. width:95%;
  248. }
  249. #x-msg-box .ext-mb-textarea {
  250. margin-top:4px;
  251. font:normal 13px verdana,tahoma,sans-serif;
  252. }
  253. #x-msg-box .ext-mb-progress-wrap {
  254. margin-top:4px;
  255. border:1px solid #6593cf;
  256. }
  257. #x-msg-box .ext-mb-progress {
  258. height:18px;
  259. background: #e0e8f3 url(../images/default/qtip/bg.gif) repeat-x;
  260. }
  261. #x-msg-box .ext-mb-progress-bar {
  262. height:18px;
  263. overflow:hidden;
  264. width:0;
  265. background:#8BB8F3;
  266. border-top:1px solid #B2D0F7;
  267. border-bottom:1px solid #65A1EF;
  268. border-right:1px solid #65A1EF;
  269. }
  270. #x-msg-box .x-msg-box-wait {
  271. background: transparent url(../images/default/grid/loading.gif) no-repeat left;
  272. display:block;
  273. width:300px;
  274. padding-left:18px;
  275. line-height:18px;
  276. }