messageBox.css 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
  1. .boxHideOffset
  2. {
  3. position: absolute;
  4. visibility: hidden;
  5. top: -10000px;
  6. left: -10000px;
  7. }
  8. .bxoUnselectable
  9. {
  10. -moz-user-select: none;
  11. -khtml-user-select: none;
  12. }
  13. .boxUnselectable *
  14. {
  15. -moz-user-select: none;
  16. -khtml-user-select: none;
  17. }
  18. .boxButton
  19. {
  20. font: 11px tahoma,verdana,helvetica;
  21. white-space: nowrap;
  22. cursor: pointer;
  23. width: 75;
  24. }
  25. .boxButton BUTTON
  26. {
  27. border-bottom: 0px;
  28. border-left: 0px;
  29. margin: 0px;
  30. outline-style: none;
  31. outline-color: invert;
  32. padding-left: 3px;
  33. outline-width: 0px;
  34. width: auto;
  35. padding-right: 3px;
  36. font: 11px tahoma,verdana,helvetica;
  37. background: none transparent scroll repeat 0% 0%;
  38. overflow: visible;
  39. border-top: 0px;
  40. cursor: pointer;
  41. border-right: 0px;
  42. -moz-outline: 0 none;
  43. }
  44. .boxButton EM
  45. {
  46. font-style: normal;
  47. font-weight: normal;
  48. }
  49. .boxButtonLeft
  50. {
  51. line-height: 1px;
  52. font-size: 1px;
  53. width: 3px;
  54. background: url(images/btn-sprite.gif) no-repeat 0px 0px;
  55. height: 21px;
  56. }
  57. .boxButtonRight
  58. {
  59. line-height: 1px;
  60. font-size: 1px;
  61. width: 3px;
  62. background: url(images/btn-sprite.gif) no-repeat 0px -21px;
  63. height: 21px;
  64. }
  65. .boxButton I
  66. {
  67. line-height: 1px;
  68. width: 3px;
  69. display: block;
  70. font-size: 1px;
  71. overflow: hidden;
  72. }
  73. .boxButtonCenter
  74. {
  75. text-align: center;
  76. padding-bottom: 0px;
  77. padding-left: 5px;
  78. padding-right: 5px;
  79. white-space: nowrap;
  80. background: url(images/btn-sprite.gif) repeat-x 0px -42px;
  81. vertical-align: middle;
  82. cursor: pointer;
  83. padding-top: 0px;
  84. }
  85. .boxClose
  86. {
  87. width: 15px;
  88. background: url(images/tool-sprites.gif) no-repeat;
  89. float: right;
  90. height: 15px;
  91. margin-left: 2px;
  92. overflow: hidden;
  93. cursor: pointer;
  94. background-position: 0px 0px;
  95. display: block;
  96. }
  97. .buttonPanel
  98. {
  99. padding-bottom: 5px;
  100. padding-left: 5px;
  101. padding-right: 5px;
  102. padding-top: 5px;
  103. }
  104. .buttonPanel .boxButton
  105. {
  106. float: right;
  107. clear: none;
  108. width: 75px;
  109. }
  110. .buttonPanel .buttonPanelCenter
  111. {
  112. text-align: center;
  113. }
  114. .buttonPanel .buttonPanelCenter TABLE
  115. {
  116. margin: 0px auto;
  117. }
  118. .buttonPanel TABLE TD.buttonTd
  119. {
  120. padding-bottom: 3px;
  121. padding-left: 3px;
  122. padding-right: 3px;
  123. padding-top: 3px;
  124. }
  125. .boxTopLeft .boxHeader
  126. {
  127. padding-bottom: 4px;
  128. padding-left: 0px;
  129. padding-right: 0px;
  130. font: bold 11px tahoma,arial,verdana,sans-serif;
  131. color: #15428b;
  132. padding-top: 5px;
  133. }
  134. .boxTopLeft
  135. {
  136. z-index: 1;
  137. position: relative;
  138. padding-left: 6px;
  139. zoom: 1;
  140. background: url(images/left-corners.png) no-repeat 0px 0px;
  141. }
  142. .boxTopRight
  143. {
  144. padding-right: 6px;
  145. background: url(images/right-corners.png) no-repeat right 0px;
  146. }
  147. .boxBottomCenter
  148. {
  149. height:21px;
  150. zoom: 1;
  151. background: url(images/top-bottom.png) repeat-x 0px bottom;
  152. }
  153. .boxBottomCenter .boxFooter
  154. {
  155. height:21px;
  156. padding-bottom: 6px;
  157. line-height: 0;
  158. zoom: 1;
  159. font-size: 0px;
  160. }
  161. .boxBottomLeft
  162. {
  163. height:21px;
  164. padding-left: 6px;
  165. zoom: 1;
  166. background: url(images/left-corners.png) no-repeat 0px bottom;
  167. }
  168. .boxBottomRight
  169. {
  170. height:21px;
  171. padding-right: 6px;
  172. zoom: 1;
  173. background: url(images/right-corners.png) no-repeat right bottom;
  174. }
  175. .middleCenter
  176. {
  177. margin: 0px;
  178. padding-left: 0px;
  179. padding-right: 0px;
  180. font: 11px tahoma,arial,helvetica,sans-serif;
  181. background: #d5f3cb;
  182. }
  183. .boxMiddleLeft
  184. {
  185. padding-left: 6px;
  186. zoom: 1;
  187. background: url(images/left-right.png) repeat-y 0px 0px;
  188. }
  189. .boxMiddleRight
  190. {
  191. padding-right: 6px;
  192. zoom: 1;
  193. background: url(images/left-right.png) repeat-y right 0px;
  194. }
  195. .boxBody
  196. {
  197. background: none transparent scroll repeat 0% 0%;
  198. border-bottom: 0px;
  199. border-left: 0px;
  200. padding-bottom: 5px;
  201. padding-left: 10px;
  202. padding-right: 10px;
  203. overflow: auto !important;
  204. border-top: 0px;
  205. border-right: 0px;
  206. padding-top: 5px;
  207. width: 94% !has some problem with different explorer;
  208. height: auto;
  209. }
  210. .boxDrag
  211. {
  212. cursor: move;
  213. }
  214. .boxDrag .boxTitle
  215. {
  216. cursor: move;
  217. font-size: 12px;
  218. }
  219. .boxContent
  220. {
  221. font-size: 12px;
  222. }
  223. .boxIcon
  224. {
  225. width: 44px;
  226. float: left;
  227. height: 32px;
  228. background: no-repeat left top;
  229. }
  230. .messageShadow
  231. {
  232. position: absolute;
  233. zoom: 1;
  234. display: none;
  235. background: #777;
  236. overflow: hidden;
  237. top: 0px;
  238. left: 0px;
  239. Z-INDEX: 100001;
  240. FILTER: progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius=4);
  241. WIDTH: 350px;
  242. DISPLAY: block;
  243. HEIGHT: 100px;
  244. Left: 100px;
  245. top: 100px;
  246. }
  247. .messageBoxMaskIframe{
  248. position: absolute;
  249. left: 0px;
  250. top: 0px;
  251. z-index: -1;
  252. }
  253. .messageBox
  254. {
  255. Z-INDEX: 100002;
  256. POSITION: absolute;
  257. WIDTH: 349px;
  258. DISPLAY: block;
  259. VISIBILITY: visible;
  260. left: 105px;
  261. top: 105px;
  262. }
  263. .boxTopCenter
  264. {
  265. zoom: 1;
  266. background: url(images/top-bottom.png) repeat-x 0px 0px;
  267. overflow: hidden;
  268. }
  269. .messageMask
  270. {
  271. width: 100%;
  272. height: 100%;
  273. position: absolute;
  274. left: 0;
  275. top: 0;
  276. z-index: 100000;
  277. margin: 0;
  278. padding: 0;
  279. opacity: 0.5;
  280. background: white;
  281. }
  282. .messageBoxMaskBody select{
  283. display: none;
  284. }