dlg.css 31 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051
  1. 
  2. /* 新添加样式 设置dhtmlx_wins_body_inner顶部边框*/
  3. .dhtmlx_wins_body_inner{
  4. /* border-top:2px solid #edf1f5; */
  5. }
  6. /* 修改样式 设置弹窗圆角*/
  7. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_body_outer
  8. , .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_body_outer {
  9. position: absolute;
  10. overflow: hidden;
  11. left: 0px;
  12. top: 0px;
  13. background-color: #fff;
  14. /* border: #bcbdbf 1px solid; */
  15. border-radius: 4px;
  16. }
  17. /* 修改样式 设置弹窗标题位置*/
  18. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_title
  19. , .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_title{
  20. position: absolute;
  21. top: 0px;
  22. height: 37px;
  23. line-height:27px;
  24. vertical-align: middle;
  25. padding-left: 5px;
  26. left: 0px;
  27. cursor: default;
  28. white-space: nowrap;
  29. overflow: hidden;
  30. -moz-user-select: none;
  31. font-size: 16px;
  32. color: #333;
  33. font-family: 'SimHei','Microsoft YaHei', 'Helvetica Neue', Helvetica!important;
  34. text-indent: 6px;
  35. font-weight: normal;
  36. }
  37. /* 修改样式 设置弹窗按钮区域距离顶部的距离*/
  38. /* buttons */
  39. .dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_btns {
  40. position: absolute;
  41. right: 0px;
  42. top: 0px;
  43. display: flex;
  44. align-items: center;
  45. /* height: 60px; */
  46. }
  47. /* active window */
  48. /*20180827 修改样式 活动状态弹窗样式*/
  49. div.dhtmlx_window_active{
  50. box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.25);
  51. border-radius: 4px;
  52. }
  53. /* .dhtmlx_button_editWdHelp_save_default,.dhtmlx_button_editWdHelp_save_over_default{
  54. background: url("image/dialog-wdRecord-save.png") center center no-repeat;
  55. } */
  56. /* 修改样式 设置弹窗按钮大小 */
  57. div.dhtmlx_wins_btns_button {
  58. margin-left: 5px;
  59. float: left;
  60. width: 36px;
  61. height: 36px;
  62. }
  63. /*--------------------------------------------------------上方为需要改动的样式------------------------------------------*/
  64. /*原样式*/
  65. .test--------{
  66. position: absolute;
  67. overflow: hidden;
  68. left: 0px;
  69. top: 0px;
  70. background-color: #fff;
  71. border: #a4bed4 1px solid;
  72. }
  73. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_body_outer div.dhtmlx_wins_body_inner
  74. , .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_body_outer div.dhtmlx_wins_body_inner{
  75. border-top: 1px solid #e2e4ec;
  76. position: absolute;
  77. overflow: hidden;
  78. /*margin-top: 20px;*/
  79. }
  80. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active .dhtmlx_wins_no_header
  81. , .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive .dhtmlx_wins_no_header{ /* will added to div.dhtmlx_wins_body_inner in case of no header */
  82. border-top: #c2d5dc 6px solid !important;
  83. }
  84. .animate{
  85. animation: move .35s ease-in-out;
  86. position:absolute;
  87. }
  88. @keyframes move{
  89. from{
  90. left:-300px;
  91. }
  92. to {
  93. left:0px;
  94. }
  95. }
  96. @-webkit-keyframes move{
  97. from {
  98. left:-300px;
  99. }
  100. to {
  101. left:0px;
  102. }
  103. }
  104. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_title a
  105. , .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_title a{
  106. color: #666;
  107. font-size: 18px;
  108. font-family: "SimHei",Georgia,Serif !important;
  109. text-decoration: none;
  110. }
  111. /* active progress */
  112. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_progress
  113. {
  114. background-image: url("image/active/progress.gif");
  115. }
  116. /* active buttons */
  117. /* close */
  118. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_close_disabled
  119. ,.dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_close_disabled
  120. {
  121. background-position: -96px -48px;
  122. }
  123. /* minmax1 */
  124. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_minmax1_default {
  125. background-position: -64px 0px;
  126. }
  127. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_minmax1_disabled {
  128. background-position: -64px -48px;
  129. }
  130. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_minmax1_over_default {
  131. background-position: -64px -16px;
  132. }
  133. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_minmax1_over_pressed {
  134. background-position: -64px -32px;
  135. }
  136. /* minmax2 */
  137. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_minmax2_default {
  138. background-position: -80px 0px;
  139. }
  140. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_minmax2_disabled {
  141. background-position: -80px -48px;
  142. }
  143. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_minmax2_over_default {
  144. background-position: -80px -16px;
  145. }
  146. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_minmax2_over_pressed {
  147. background-position: -80px -32px;
  148. }
  149. /* park */
  150. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_park_default {
  151. background-position: -48px 0px;
  152. }
  153. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_park_disabled {
  154. background-position: -48px -48px;
  155. }
  156. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_park_over_default {
  157. background-position: -48px -16px;
  158. }
  159. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_park_over_pressed {
  160. background-position: -48px -32px;
  161. }
  162. /* stick */
  163. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_stick_default {
  164. background-position: 0px 0px;
  165. }
  166. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_stick_disabled {
  167. background-position: 0px -48px;
  168. }
  169. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_stick_over_default {
  170. background-position: 0px -16px;
  171. }
  172. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_stick_over_pressed {
  173. background-position: 0px -32px;
  174. }
  175. /* sticked */
  176. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_sticked_default {
  177. background-position: -16px 0px;
  178. }
  179. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_sticked_disabled {
  180. background-position: -16px -48px;
  181. }
  182. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_sticked_over_default {
  183. background-position: -16px -16px;
  184. }
  185. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_sticked_over_pressed {
  186. background-position: -16px -32px;
  187. }
  188. /* help */
  189. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_help_default {
  190. background-position: -32px 0px;
  191. }
  192. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_help_disabled {
  193. background-position: -32px -48px;
  194. }
  195. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_help_over_default {
  196. background-position: -32px -16px;
  197. }
  198. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_help_over_pressed {
  199. background-position: -32px -32px;
  200. }
  201. /* dock */
  202. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_dock_default {
  203. background-position: -112px 0px;
  204. }
  205. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_dock_disabled {
  206. background-position: -112px -48px;
  207. }
  208. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_dock_over_default {
  209. background-position: -112px -16px;
  210. }
  211. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_dock_over_pressed {
  212. background-position: -112px -32px;
  213. }
  214. /* inactive window */
  215. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_body_outer {
  216. position: absolute;
  217. overflow: hidden;
  218. left: 0px;
  219. top: 0px;
  220. background-color: #fff;
  221. border: #a4bed4 1px solid;
  222. }
  223. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_body_outer div.dhtmlx_wins_body_inner {
  224. position: absolute;
  225. overflow: hidden;
  226. border-top: none;
  227. /*申请人弹出窗背景灰色问题*/
  228. /*background-color: #ebebeb;*/
  229. /*border: #ebebeb 2px solid !important;*/
  230. }
  231. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive .dhtmlx_wins_no_header { /* will added to div.dhtmlx_wins_body_inner in case of no header */
  232. border-top: #c2d5dc 6px solid;
  233. }
  234. /* .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_title {
  235. position: absolute;
  236. top: 0px;
  237. height: 29px;
  238. line-height: 29px;
  239. vertical-align: middle;
  240. padding-left: 28px;
  241. left: 0px;
  242. color: #686868;
  243. font-family: Tahoma;
  244. font-size: 11px;
  245. font-weight: bold;
  246. cursor: default;
  247. white-space: nowrap;
  248. overflow: hidden;
  249. -moz-user-select: none;
  250. } */
  251. /*inactive progress*/
  252. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_progress {
  253. background-image: url("image/inactive/progress.gif");
  254. }
  255. /*inactive butons
  256. close*/
  257. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_close_disabled {
  258. background-position: -96px -112px;
  259. }
  260. /* minmax1 */
  261. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_minmax1_default {
  262. background-position: -64px -64px;
  263. }
  264. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_minmax1_disabled {
  265. background-position: 0px 0px;
  266. }
  267. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_minmax1_over_default {
  268. background-position: -64px -80px;
  269. }
  270. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_minmax1_over_pressed {
  271. background-position: -64px -96px;
  272. }
  273. /* minmax2 */
  274. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_minmax2_default {
  275. background-position: -80px -64px;
  276. }
  277. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_minmax2_disabled {
  278. background-position: -80px -112px;
  279. }
  280. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_minmax2_over_default {
  281. background-position: -80px -80px;
  282. }
  283. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_minmax2_over_pressed {
  284. background-position: -80px -96px;
  285. }
  286. /*park*/
  287. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_park_default {
  288. background-position: -48px -64px;
  289. }
  290. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_park_disabled {
  291. background-position: -48px -112px;
  292. }
  293. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_park_over_default {
  294. background-position: -48px -80px;
  295. }
  296. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_park_over_pressed {
  297. background-position: -48px -96px;
  298. }
  299. /*stick*/
  300. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_stick_default {
  301. background-position: 0px -64px;
  302. }
  303. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_stick_disabled {
  304. background-position: 0px -112px;
  305. }
  306. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_stick_over_default {
  307. background-position: 0px -80px;
  308. }
  309. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_stick_over_pressed {
  310. background-position: 0px -96px;
  311. }
  312. /*sticked*/
  313. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_sticked_default {
  314. background-position: -16px -64px;
  315. }
  316. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_sticked_disabled {
  317. background-position: -16px -112px;
  318. }
  319. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_sticked_over_default {
  320. background-position: -16px -80px;
  321. }
  322. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_sticked_over_pressed {
  323. background-position: -16px -96px;
  324. }
  325. /*help*/
  326. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_help_default {
  327. background-position: -32px -64px;
  328. }
  329. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_help_disabled {
  330. background-position: -32px -112px;
  331. }
  332. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_help_over_default {
  333. background-position: -32px -80px;
  334. }
  335. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_help_over_pressed {
  336. background-position: -32px -96px;
  337. }
  338. /*dock*/
  339. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_dock_default {
  340. background-position: -112px -64px;
  341. }
  342. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_dock_disabled {
  343. background-position: -112px -112px;
  344. }
  345. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_dock_over_default {
  346. background-position: -112px -80px;
  347. }
  348. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_dock_over_pressed {
  349. background-position: -112px -96px;
  350. }
  351. /* common */
  352. /* content blocker */
  353. /*
  354. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_main_content_blocker {
  355. position: absolute;
  356. left: 0px;
  357. top: 0px;
  358. width: 101%;
  359. height: 101%;
  360. filter: alpha(opacity=0);
  361. -moz-opacity: 0;
  362. opacity: 0;
  363. background: #FFFFFF;
  364. z-index: 1;
  365. -moz-user-select: none;
  366. }
  367. */
  368. /* window icon */
  369. .dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_icon {
  370. position: absolute;
  371. top: 15px;
  372. left: 5px;
  373. width: 16px;
  374. height: 16px;
  375. border: none;
  376. z-index: 1;
  377. -moz-user-select: none;
  378. background-repeat: no-repeat;
  379. font-size: 1px;
  380. }
  381. /*关闭*/
  382. /*
  383. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_main_content {
  384. position: relative;
  385. left: 0px;
  386. top: 0px;
  387. overflow: hidden;
  388. }
  389. */
  390. /* resizers */
  391. .dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_resizer_t {
  392. display: none;
  393. position: absolute;
  394. left: 0px;
  395. top: 0px;
  396. width: 100%;
  397. height: 0; /* should be generated by script */
  398. font-size: 1px;
  399. background: #FFFFFF;
  400. z-index: 1;
  401. filter: alpha(opacity=0);
  402. -moz-opacity: 0;
  403. opacity: 0;
  404. -moz-user-select: none;
  405. }
  406. .dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_resizer_l {
  407. display: none;
  408. position: absolute;
  409. left: 0px;
  410. top: 0px;
  411. width: 0; /* should be generated by script */
  412. height: 100%;
  413. font-size: 1px;
  414. background: #FFFFFF;
  415. z-index: 1;
  416. filter: alpha(opacity=0);
  417. -moz-opacity: 0;
  418. opacity: 0;
  419. -moz-user-select: none;
  420. }
  421. .dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_resizer_r {
  422. display: none;
  423. position: absolute;
  424. right: 0px;
  425. top: 0px;
  426. width: 0; /* should be generated by script */
  427. height: 100%;
  428. font-size: 1px;
  429. background: #FFFFFF;
  430. z-index: 1;
  431. filter: alpha(opacity=0);
  432. -moz-opacity: 0;
  433. opacity: 0;
  434. -moz-user-select: none;
  435. }
  436. .dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_resizer_b {
  437. display: none;
  438. position: absolute;
  439. left: 0px;
  440. bottom: 0px;
  441. width: 100%;
  442. height: 0; /* should be generated by script */
  443. font-size: 1px;
  444. background: #FFFFFF;
  445. z-index: 1;
  446. filter: alpha(opacity=0);
  447. -moz-opacity: 0;
  448. opacity: 0;
  449. -moz-user-select: none;
  450. }
  451. /* progress */
  452. .dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_progress {
  453. position: absolute;
  454. top: 5px;
  455. left: 5px;
  456. width: 16px;
  457. height: 16px;
  458. background-repeat: no-repeat;
  459. }
  460. /* statusbar */
  461. .dhtmlx_skin_dhx_skyblue div.dhxcont_sb_container {
  462. position: relative;
  463. height: 24px;
  464. }
  465. .dhtmlx_skin_dhx_skyblue div.dhxcont_sb_container div.dhxcont_statusbar {
  466. position: relative;
  467. top: 2px;
  468. height: 22px;
  469. line-height: 22px;
  470. background-image: url("image/statusbar_bg.gif");
  471. background-repeat: repeat-x;
  472. width: auto;
  473. padding: 0px 4px;
  474. overflow: hidden;
  475. white-space: nowrap;
  476. border-top: none;
  477. border-bottom: none;
  478. border-left: #a4bed4 1px solid;
  479. border-right: #a4bed4 1px solid;
  480. font-family: Tahoma;
  481. font-size: 11px;
  482. vertical-align: middle;
  483. color: #000000;
  484. }
  485. /*
  486. .dhtmlx_skin_dhx_skyblue div.dhxcont_statusbar {
  487. position: absolute;
  488. width: 100%;
  489. bottom: 0px;
  490. _bottom: -1px;
  491. border-top: #c2d5dc 1px solid;
  492. background-image: url("image/statusbar_bg.gif");
  493. background-repeat: repeat-x;
  494. width: 100%;
  495. overflow: hidden;
  496. font-family: Tahoma;
  497. font-size: 11px;
  498. vertical-align: middle;
  499. line-height: 17px;
  500. -moz-user-select: none;
  501. cursor: default;
  502. padding-left: 4px;
  503. color: #7393ae;
  504. }
  505. */
  506. .dhtmlx_skin_dhx_skyblue div.white_line {
  507. /*注释原因:ry_input边框会增加白边*/
  508. /*border-left: #FFFFFF 1px solid;
  509. border-right: #FFFFFF 1px solid;
  510. border-top: #FFFFFF 1px solid;*/
  511. height: 100%;
  512. }
  513. .dhtmlx_skin_dhx_skyblue div.white_line2 {
  514. position: absolute;
  515. bottom: 0px;
  516. z-index:-1 !important;
  517. /* height: 10px; */
  518. width: 100%;
  519. /*注释原因:ry_input边框会增加白边*/
  520. /*border-bottom: #FFFFFF 1px solid;*/
  521. /* font-size: 1px; */
  522. /*background:#e8e9eb;*/
  523. }
  524. .dhtmlx_skin_dhx_skyblue .dhtmlxMenu_in_Window {
  525. aborder-bottom: #cedce8 1px solid;
  526. border-bottom: #a4bed4 1px solid;
  527. }
  528. /*wdShare*/
  529. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdShare_disabled
  530. {
  531. background-position: -2px -1px;
  532. background-image: url("image/wdShareBIG.png");
  533. }
  534. /**
  535. * wdHelp_copyhashcode
  536. */
  537. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_copyhashcode_default,
  538. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_copyhashcode_default{
  539. cursor:pointer;
  540. width:36px;
  541. height:36px;
  542. /* background-position: 59px 0px; */
  543. background-repeat:no-repeat;
  544. background-image: url("image/popWindow-ID.png");
  545. }
  546. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_copyhashcode_disabled
  547. ,.dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_copyhashcode_disabled
  548. {
  549. background-position: -371px -22px;
  550. background-image: url("image/wdHelp_copyhashcode.png");
  551. }
  552. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_copyhashcode_over_default,
  553. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_copyhashcode_over_default {
  554. cursor:pointer;
  555. width:36px;
  556. height:36px;
  557. /*background-position: -59px 0px;*/
  558. background-repeat:no-repeat;
  559. background-image: url("image/popWindow-ID-hover.png");
  560. }
  561. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_copyhashcode_over_pressed,
  562. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_copyhashcode_over_pressed {
  563. cursor:pointer;
  564. width:36px;
  565. height:36px;
  566. /*background-position: -59px 0px;*/
  567. background-repeat:no-repeat;
  568. background-image: url("image/popWindow-ID-hover.png");
  569. }
  570. /**
  571. * wdHelp_pin
  572. */
  573. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_pin_default,
  574. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_pin_default{
  575. cursor:pointer;
  576. width:36px;
  577. height:36px;
  578. /*background-position: -59px 0px;*/
  579. background-repeat:no-repeat;
  580. background-image: url("image/popWindow-lock.png");
  581. }
  582. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_pin_disabled
  583. ,.dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_pin_disabled
  584. {
  585. /*background-position: -371px -22px;*/
  586. background-image: url("image/popWindow-lock-hover.png");
  587. }
  588. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_pin_over_default,
  589. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_pin_over_default {
  590. cursor:pointer;
  591. width:36px;
  592. height:36px;
  593. /*background-position: -59px 0px;*/
  594. background-repeat:no-repeat;
  595. background-image: url("image/popWindow-lock-hover.png");
  596. }
  597. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_pin_over_pressed ,
  598. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_pin_over_pressed {
  599. cursor:pointer;
  600. width:36px;
  601. height:36px;
  602. /*background-position: -59px 0px;*/
  603. background-repeat:no-repeat;
  604. background-image: url("image/popWindow-lock-hover.png");
  605. }
  606. /**
  607. * wdHelp_unpin
  608. */
  609. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_unpin_default,
  610. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_unpin_default{
  611. cursor:pointer;
  612. width:36px;
  613. height:36px;
  614. /*background-position: -59px 0px;*/
  615. background-repeat:no-repeat;
  616. background-image: url("image/popWindow-lock-hover.png");
  617. }
  618. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_unpin_disabled
  619. ,.dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_unpin_disabled
  620. {
  621. /*background-position: -371px -22px;*/
  622. background-image: url("image/popWindow-lock-hover.png");
  623. }
  624. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_unpin_over_default,
  625. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_unpin_over_default {
  626. cursor:pointer;
  627. width:36px;
  628. height:36px;
  629. /*background-position: -59px 0px;*/
  630. background-repeat:no-repeat;
  631. background-image: url("image/popWindow-lock-hover.png");
  632. }
  633. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_unpin_over_pressed,
  634. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_wdHelp_unpin_over_pressed {
  635. cursor:pointer;
  636. width:36px;
  637. height:36px;
  638. /*background-position: -59px 0px;*/
  639. background-repeat:no-repeat;
  640. background-image: url("image/popWindow-lock-hover.png");
  641. }
  642. /**
  643. * change_on
  644. */
  645. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_change_on_default,
  646. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_change_on_default{
  647. cursor:pointer;
  648. width:36px;
  649. height:36px;
  650. /* background-position: 59px 0px; */
  651. background-repeat:no-repeat;
  652. background-image: url("image/popWindow-fullscreen.png");
  653. }
  654. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_change_on_disabled
  655. ,.dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_change_on_disabled
  656. {
  657. background-position: -371px -22px;
  658. background-image: url("image/popWindow-fullscreen.png");
  659. }
  660. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_change_on_over_default,
  661. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_change_on_over_default {
  662. cursor:pointer;
  663. width:36px;
  664. height:36px;
  665. /*background-position: -59px 0px;*/
  666. background-repeat:no-repeat;
  667. background-image: url("image/popWindow-fullscreen-hover.png");
  668. }
  669. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_change_on_over_pressed ,
  670. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_change_on_over_pressed {
  671. cursor:pointer;
  672. width:36px;
  673. height:36px;
  674. /*background-position: -59px 0px;*/
  675. background-repeat:no-repeat;
  676. background-image: url("image/popWindow-fullscreen-hover.png");
  677. }
  678. /**
  679. * change_off
  680. */
  681. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_change_off_default,
  682. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_change_off_default{
  683. cursor:pointer;
  684. width:36px;
  685. height:36px;
  686. background-repeat:no-repeat;
  687. background-image: url("image/popWindow-fullscreen.png");
  688. }
  689. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_change_off_disabled
  690. ,.dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_change_off_disabled
  691. {
  692. background-position: -371px -22px;
  693. background-image: url("image/popWindow-fullscreen.png");
  694. }
  695. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_change_off_over_default,
  696. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_change_off_over_default {
  697. cursor:pointer;
  698. width:36px;
  699. height:36px;
  700. /*background-position: -59px 0px;*/
  701. background-repeat:no-repeat;
  702. background-image: url("image/popWindow-fullscreen-hover.png");
  703. }
  704. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_btns .dhtmlx_button_change_off_over_pressed ,
  705. .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_btns .dhtmlx_button_change_off_over_pressed {
  706. cursor:pointer;
  707. width:36px;
  708. height:36px;
  709. /*background-position: -59px 0px;*/
  710. background-repeat:no-repeat;
  711. background-image: url("image/popWindow-fullscreen-active.png");
  712. }
  713. /*编辑选项卡按钮*/
  714. .icon-set{
  715. display: inline-block;
  716. width: 36px;
  717. height: 36px;
  718. background: url(image/svg_icon/xuanxiangka.svg) center center no-repeat;
  719. background-size: 22px;
  720. }
  721. .icon-set:hover{
  722. background: #383d50 url(image/svg_icon/xuanxiangka_hover.svg) center center no-repeat;
  723. background-size: 22px;
  724. border-radius: 4px;
  725. }
  726. .icon-set:active{
  727. background: #000 url(image/svg_icon/xuanxiangka_hover.svg) center center no-repeat;
  728. background-size: 22px;
  729. border-radius: 4px;
  730. }
  731. /* 打钩按钮 */
  732. .icon-ok{
  733. display: inline-block;
  734. width: 22px;
  735. height: 22px;
  736. background: url(image/icon-ok.png) center center no-repeat;
  737. }
  738. .icon-ok:hover{
  739. background: url(image/icon-ok-hover.png) center center no-repeat;
  740. }
  741. .icon-ok:active{
  742. background: url(image/icon-ok-active.png) center center no-repeat;
  743. }
  744. /* 收藏按钮 */
  745. .icon-favorite{
  746. display: inline-block;
  747. width: 22px;
  748. height: 22px;
  749. background: url(image/svg_icon/shoucang.svg) center center no-repeat;
  750. border-radius: 4px;
  751. background-size: 24px;
  752. }
  753. .icon-favorite:hover{
  754. background: #383d50 url(image/svg_icon/shoucang.svg) center center no-repeat;
  755. border-radius: 4px;
  756. background-size: 24px;
  757. }
  758. .icon-favorite:active{
  759. background: #000 url(image/svg_icon/shoucang.svg) center center no-repeat;
  760. border-radius: 4px;
  761. background-size: 24px;
  762. }
  763. /* 帮助按钮 */
  764. .icon-help{
  765. display: inline-block;
  766. width: 22px;
  767. height: 22px;
  768. background: url(image/icon-help.png) center center no-repeat;
  769. }
  770. .icon-help:hover{
  771. background: url(image/icon-help-hover.png) center center no-repeat;
  772. }
  773. .icon-help:active{
  774. background: url(image/icon-help-active.png) center center no-repeat;
  775. }
  776. /* 下载按钮 */
  777. .icon-download{
  778. display: inline-block;
  779. width: 22px;
  780. height: 22px;
  781. background: url(image/icon-download.png) center center no-repeat;
  782. }
  783. .icon-download:hover{
  784. background: url(image/icon-download-hover.png) center center no-repeat;
  785. }
  786. .icon-download:active{
  787. background: url(image/icon-download-active.png) center center no-repeat;
  788. }
  789. /* 锁定按钮 */
  790. .icon-lock{
  791. display: inline-block;
  792. width: 22px;
  793. height: 22px;
  794. background: url(image/svg_icon/lock.svg) center center no-repeat;
  795. background-size: 18px;
  796. }
  797. .icon-lock:hover{
  798. background:#383d50 url(image/svg_icon/lock_hover.svg) center center no-repeat;
  799. background-size: 18px;
  800. border-radius: 4px;
  801. }
  802. .icon-lock:active{
  803. background:#000 url(image/svg_icon/lock_hover.svg) center center no-repeat;
  804. background-size: 18px;
  805. border-radius: 4px;
  806. }
  807. /* 编辑个人选值按钮 */
  808. .icon-setValue{
  809. display: inline-block;
  810. width: 36px;
  811. height: 36px;
  812. background: url(image/svg_icon/gerenxuanzhi.svg) center center no-repeat;
  813. background-size: 22px;
  814. }
  815. .icon-setValue:hover{
  816. background:#383d50 url(image/svg_icon/gerenxuanzhi_hover.svg) center center no-repeat;
  817. background-size: 22px;
  818. border-radius: 4px;
  819. }
  820. .icon-setValue:active{
  821. background:#000 url(image/svg_icon/gerenxuanzhi_hover.svg) center center no-repeat;
  822. background-size: 22px;
  823. border-radius: 4px;
  824. }
  825. /* 编辑帮助按钮 */
  826. .icon-setHelp{
  827. display: inline-block;
  828. width: 22px;
  829. height: 22px;
  830. background: url(image/icon-setHelp.png) center center no-repeat;
  831. }
  832. .icon-setHelp:hover{
  833. background: url(image/icon-setHelp-hover.png) center center no-repeat;
  834. }
  835. .icon-setHelp:active{
  836. background: url(image/icon-setHelp-active.png) center center no-repeat;
  837. }
  838. /* (内容)属性按钮 */
  839. .icon-property{
  840. display: inline-block;
  841. width: 22px;
  842. height: 22px;
  843. background: url(image/icon-property.png) center center no-repeat;
  844. }
  845. .icon-property:hover{
  846. background: url(image/icon-property-hover.png) center center no-repeat;
  847. }
  848. .icon-property:active{
  849. background: url(image/icon-property-active.png) center center no-repeat;
  850. }
  851. /* 变动查看-关按钮 */
  852. .icon-history{
  853. display: inline-block;
  854. width: 22px;
  855. height: 22px;
  856. background: url(image/icon-history.png) center center no-repeat;
  857. }
  858. .icon-history:hover{
  859. background: url(image/icon-history-hover.png) center center no-repeat;
  860. }
  861. .icon-history:active{
  862. background: url(image/icon-history-active.png) center center no-repeat;
  863. }
  864. /* 变动查看-开按钮 */
  865. .icon-historyOn{
  866. display: inline-block;
  867. width: 22px;
  868. height: 22px;
  869. background: url(image/icon-historyOn.png) center center no-repeat;
  870. }
  871. .icon-historyOn:hover{
  872. background: url(image/icon-historyOn-hover.png) center center no-repeat;
  873. }
  874. .icon-historyOn:active{
  875. background: url(image/icon-historyOn-active.png) center center no-repeat;
  876. }
  877. /* 已收藏按钮 */
  878. .icon-favoriteOn{
  879. display: inline-block;
  880. width: 22px;
  881. height: 22px;
  882. background: url(image/icon-favoriteOn.png) center center no-repeat;
  883. }
  884. .icon-favoriteOn:hover{
  885. background: url(image/icon-favoriteOn-hover.png) center center no-repeat;
  886. }
  887. .icon-favoriteOn:active{
  888. background: url(image/icon-favoriteOn-active.png) center center no-repeat;
  889. }
  890. /* 关闭按钮 */
  891. .largeIcon-close{
  892. display: inline-block;
  893. width: 48px !important;
  894. height: 48px !important;
  895. position: relative;
  896. background: url(image/svg_icon/guanbi.svg) center center no-repeat;
  897. background-size: 28px;
  898. }
  899. .largeIcon-close:hover{
  900. background:#383d50 url(image/svg_icon/guanbi_hover.svg) center center no-repeat;
  901. background-size: 28px;
  902. }
  903. .largeIcon-close:active{
  904. background:#000 url(image/svg_icon/guanbi_hover.svg) center center no-repeat;
  905. background-size: 28px;
  906. }
  907. .largeIcon-close::before{
  908. width: 0;
  909. height: 24px;
  910. /* border-left: 1px solid #383d50; */
  911. content: "";
  912. position: absolute;
  913. top: 50%;
  914. left: 0;
  915. transform: translateY(-50%);
  916. }
  917. /* 全屏按钮 */
  918. .icon-fullscreen{
  919. display: inline-block;
  920. width: 22px;
  921. height: 22px;
  922. background: url(image/svg_icon/quanping.svg) center center no-repeat;
  923. background-size: 28px;
  924. }
  925. .icon-fullscreen:hover{
  926. background: #383d50 url(image/svg_icon/quanping.svg) center center no-repeat;
  927. background-size: 28px;
  928. border-radius: 4px;
  929. }
  930. .icon-fullscreen:active{
  931. background: #000 url(image/svg_icon/quanping.svg) center center no-repeat;
  932. background-size: 28px;
  933. border-radius: 4px;
  934. }
  935. /* 退出全屏按钮 */
  936. .icon-restore{
  937. display: inline-block;
  938. width: 22px;
  939. height: 22px;
  940. background: url(image/icon-restore.png) center center no-repeat;
  941. }
  942. .icon-restore:hover{
  943. background: url(image/icon-restore-hover.png) center center no-repeat;
  944. }
  945. .icon-restore:active{
  946. background: url(image/icon-restore-active.png) center center no-repeat;
  947. }
  948. /*quan_pin_button to bofang*/
  949. .dialog-restoreButton{
  950. display: inline-block;
  951. width: 22px;
  952. height: 22px;
  953. background: url(image/icon-fullscreen.png) center center no-repeat;
  954. }
  955. .dialog-restoreButton:hover{
  956. background: url(image/icon-fullscreen-hover.png) center center no-repeat;
  957. }
  958. .dialog-restoreButton:active{
  959. background: url(image/icon-fullscreen-active.png) center center no-repeat;
  960. }