css.wcss 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
  1. {
  2. "toolbarNode": {
  3. "overflow": "hidden",
  4. "height": "80px",
  5. "border-bottom-left-radius": "0px",
  6. "border-bottom-right-radius": "0px",
  7. "border-bottom": "1px solid #314e69",
  8. "border-right": "1px solid #314e69",
  9. "border-left": "1px solid #314e69",
  10. "margin-right": "0px",
  11. "margin-left": "0px",
  12. "background-color": "#4c6b87",
  13. "position": "static"
  14. },
  15. "iconElementNode": {
  16. "float": "left",
  17. "width": "80px",
  18. "height": "80px",
  19. "background-position": "center center",
  20. "background-repeat": "no-repeat",
  21. "cursor": "pointer"
  22. },
  23. "createElementNode": {
  24. "float": "left",
  25. "width": "80px",
  26. "height": "80px",
  27. "background": "url("+"/x_component_process_ProcessManager/$Explorer/default/icon/createProcess.png) no-repeat center center",
  28. "cursor": "pointer",
  29. "border-right": "1px solid #EEE",
  30. "border-left": "0px solid #EEE"
  31. },
  32. "titleElementNode": {
  33. "float": "left",
  34. "width": "180px",
  35. "height": "80px",
  36. "line-height": "80px",
  37. "color": "#FFF",
  38. "font-weight": "bold",
  39. "font-family": "Microsoft YaHei",
  40. "font-size": "18px",
  41. "margin-left": "5px"
  42. },
  43. "categoryElementNode": {
  44. "overflow": "hidden",
  45. "background-color": "#ffffff",
  46. "position": "static",
  47. "font-size": "14px"
  48. },
  49. "categoryElementItemAllNode": {
  50. "float": "left",
  51. "cursor": "pointer",
  52. "background": "url('/x_component_process_ProcessManager/$Explorer/default/icon/icon_quanbu.png') 0 center no-repeat",
  53. "height": "38px",
  54. "margin-left": "30px",
  55. "padding-left": "22px",
  56. "line-height":"38px",
  57. "color": "#333333",
  58. "border-bottom": "2px solid #ffffff"
  59. },
  60. "categoryElementItemAllNode_current": {
  61. "background": "url('/x_component_process_ProcessManager/$Explorer/default/icon/icon_quanbu_click.png') 0 center no-repeat",
  62. "color": "#4a90e2",
  63. "border-bottom": "2px solid #4a90e2"
  64. },
  65. "categoryElementItemNode": {
  66. "float": "left",
  67. "cursor": "pointer",
  68. "background": "url('/x_component_process_ProcessManager/$Explorer/default/icon/icon__leading_in_grey.png') 0 center no-repeat",
  69. "height": "38px",
  70. "margin-left": "30px",
  71. "padding-left": "22px",
  72. "line-height":"38px",
  73. "color": "#333333",
  74. "border-bottom": "2px solid #ffffff"
  75. },
  76. "categoryElementItemNode_current": {
  77. "background": "url('/x_component_process_ProcessManager/$Explorer/default/icon/icon__leading_in_click.png') 0 center no-repeat",
  78. "color": "#4a90e2",
  79. "border-bottom": "2px solid #4a90e2"
  80. },
  81. "searchElementNode": {
  82. "margin-left": "362px",
  83. "overflow": "hidden"
  84. },
  85. "searchElementButtonNode": {
  86. "float": "right",
  87. "width": "80px",
  88. "height": "80px",
  89. "margin-right": "40px",
  90. "background": "url("+"/x_component_process_ProcessManager/$Explorer/default/categoryIcon/searchCategory.png) no-repeat center center",
  91. "cursor": "pointer"
  92. },
  93. "searchElementInputAreaNode": {
  94. "margin-right": "120px",
  95. "text-align": "right"
  96. },
  97. "searchElementInputBoxNode": {
  98. "margin-top": "25px",
  99. "width": "80%",
  100. "max-width": "500px",
  101. "height": "30px",
  102. "border-radius": "5px",
  103. "background-color": "#EEE",
  104. "float": "right",
  105. "text-align": "center"
  106. },
  107. "searchElementInputNode": {
  108. "width": "96%",
  109. "height": "28px",
  110. "border": "0px",
  111. "font-family": "Microsoft YaHei",
  112. "font-size": "14px",
  113. "color": "#999",
  114. "background": "transparent",
  115. "-webkit-user-select": "auto",
  116. "-moz-user-select": "auto"
  117. },
  118. "elementContentNode": {
  119. "overflow": "hidden",
  120. "position": "static"
  121. },
  122. "elementContentListNode": {
  123. "overflow": "hidden",
  124. "padding-bottom": "20px"
  125. },
  126. "noElementNode": {
  127. "text-align": "center",
  128. "padding": "20px",
  129. "height": "60px",
  130. "line-height": "60px",
  131. "margin-top": "10px",
  132. "margin-left": "0px",
  133. "color": "#888",
  134. "cursor": "pointer",
  135. "font-size": "16px"
  136. },
  137. "deleteItemsAction": {
  138. "width": "140px",
  139. "height": "30px",
  140. "cursor": "pointer",
  141. "position": "absolute",
  142. "background-color": "#c04444",
  143. "border": "1px solid #FFF",
  144. "line-height": "30px",
  145. "font-size": "14px",
  146. "font-family": "Microsoft YaHei",
  147. "color": "#FFF",
  148. "text-align": "center",
  149. "border-radius": "0px",
  150. "opacity": 0,
  151. "box-shadow": "0px 2px 5px #666"
  152. },
  153. "noItemNoticeNode": {
  154. "text-align": "left",
  155. "padding": "20px",
  156. "height": "60px",
  157. "line-height": "60px",
  158. "margin-top": "10px",
  159. "margin-left": "0px",
  160. "color": "#888",
  161. "cursor": "pointer",
  162. "font-size": "16px"
  163. },
  164. "itemNode": {
  165. "width": "240px",
  166. "padding": "10px",
  167. "height": "60px",
  168. "margin-top": "20px",
  169. "margin-left": "20px",
  170. "border": "1px solid #CCC",
  171. "float": "left",
  172. "background-color": "#FFF",
  173. "cursor": "default"
  174. },
  175. "itemIconNode": {
  176. "padding": "0px",
  177. "float": "left",
  178. "width": "40px",
  179. "height": "60px"
  180. },
  181. "itemTextTitleNode": {
  182. "margin-left": "50px",
  183. "margin-right": "20px",
  184. "height": "20px",
  185. "line-height": "20px",
  186. "font-size": "14px",
  187. "font-weight": "bold",
  188. "overflow": "hidden",
  189. "cursor": "pointer",
  190. "color": "#333"
  191. },
  192. "deleteActionNode": {
  193. "padding": "0px",
  194. "float": "right",
  195. "width": "16px",
  196. "height": "16px",
  197. "opacity": 0,
  198. "cursor": "pointer",
  199. "background": "url("+"/x_component_process_ProcessManager/$Explorer/default/processIcon/deleteProcess.png) no-repeat center center"
  200. },
  201. "itemTextDescriptionNode": {
  202. "margin-left": "50px",
  203. "margin-right": "20px",
  204. "font-size": "12px",
  205. "line-height": "20px",
  206. "height": "20px",
  207. "color": "#777",
  208. "overflow": "hidden",
  209. "white-space": "normal"
  210. },
  211. "itemTextDateNode": {
  212. "margin-left": "50px",
  213. "font-size": "12px",
  214. "line-height": "20px",
  215. "height": "20px",
  216. "color": "#777",
  217. "text-align": "right"
  218. },
  219. "itemNewNode": {
  220. "width": "47px",
  221. "height": "47px",
  222. "position": "relative",
  223. "top": "-70px",
  224. "left": "-10px",
  225. "background": "url("+"/x_component_process_ProcessManager/$Explorer/default/icon/new.png) no-repeat right"
  226. },
  227. "createTemplateMaskNode": {
  228. "width": "100%",
  229. "height": "100%",
  230. "background-color": "#666",
  231. "position": "absolute",
  232. "top": "0px",
  233. "left": "0px",
  234. "opacity": 0.4,
  235. "z-index":100
  236. },
  237. "createTemplateAreaNode": {
  238. "width": "688px",
  239. "height": "226",
  240. "border": "3px solid #999",
  241. "border-radius": "12px",
  242. "box-shadow": "0px 0px 10px #999",
  243. "position": "absolute",
  244. "top": "20%",
  245. "left": "10%",
  246. "z-index": "30000",
  247. "background-color": "#FFF",
  248. "opacity": 0
  249. },
  250. "createFormTemplateAreaNode": {
  251. "width": "90%",
  252. "height": "90%",
  253. "border": "3px solid #999",
  254. "border-radius": "12px",
  255. "box-shadow": "0px 0px 10px #999",
  256. "position": "absolute",
  257. "top": "0px",
  258. "left": "0px",
  259. "z-index": "200",
  260. "background-color": "#F7F7F7",
  261. "opacity": 0
  262. },
  263. "createTemplateFormTitleNode": {
  264. "height": "50px",
  265. "line-height": "50px",
  266. "padding": "0px 30px",
  267. "color": "#666666",
  268. "font-size": "28px",
  269. "margin-top": "10px",
  270. "font-weight": "bold"
  271. },
  272. "createTemplateFormCategoryNode": {
  273. "margin-top": "10px",
  274. "padding": "0px 30px",
  275. "overflow": "hidden",
  276. },
  277. "createTemplateFormCategoryTitleNode": {
  278. "float": "left",
  279. "height": "24px",
  280. "line-height": "24px",
  281. "font-size": "16px",
  282. "color": "#666",
  283. "font-weight": "bold",
  284. "margin-right": "10px"
  285. },
  286. "createTemplateFormCategoryItemNode":{
  287. "float": "left",
  288. "height": "24px",
  289. "line-height": "24px",
  290. "font-size": "16px",
  291. "color": "#666",
  292. "font-weight": "bold",
  293. "margin-right": "10px",
  294. "cursor": "pointer"
  295. },
  296. "createTemplateFormCategoryItemNode_current": {
  297. "color": "#0000FF",
  298. },
  299. "createTemplateFormContentNode": {
  300. "overflow": "auto"
  301. },
  302. "formTemplateNode": {
  303. "margin-top": "30px",
  304. "margin-left": "30px",
  305. "float": "left",
  306. "width": "160px",
  307. "height": "180px",
  308. "cursor": "pointer",
  309. "border": "2px solid #F7F7F7",
  310. //"border-radius": "10px",
  311. "box-shadow": "0px 0px 0px #999",
  312. "background-color": "#F7F7F7"
  313. },
  314. "formTemplateNode_over": {
  315. "border": "2px solid #bbb",
  316. "box-shadow": "0px 0px 5px #999",
  317. "background-color": "#bbb"
  318. },
  319. "formTemplateNode_down": {
  320. "border-top": "2px solid #bbb",
  321. "border-left": "2px solid #bbb",
  322. "border-bottom": "2px solid #F7F7F7",
  323. "border-right": "2px solid #F7F7F7",
  324. "box-shadow": "0px 0px 0px #999"
  325. },
  326. "formTemplateIconNode": {
  327. "height": "135px",
  328. "width": "150px",
  329. "margin": "5px auto 0px auto"
  330. },
  331. "formTemplatePreviewNode": {
  332. "height": "135px",
  333. "width": "150px",
  334. "margin": "5px auto 0px auto",
  335. "position": "relative",
  336. "overflow": "hidden"
  337. },
  338. "formTemplateActionNode":{
  339. "width": "16px",
  340. "height": "16px",
  341. "position": "absolute",
  342. "top": "0px",
  343. "right": "0px",
  344. "background": "url("+"/x_component_process_ProcessManager/$Explorer/default/formIcon/delete.png) no-repeat center center",
  345. "display": "none"
  346. },
  347. "formTemplateTitleNode": {
  348. "height": "30px",
  349. "line-height": "30px",
  350. "text-align": "center",
  351. "font-size": "14px"
  352. },
  353. "formTemplateIconImgNode": {
  354. "width": "100%",
  355. "height": "100%",
  356. //"border-radius": "10px"
  357. },
  358. "createTemplateScrollNode": {
  359. "margin-right": "0px",
  360. "height": "100%",
  361. "overflow": "hidden"
  362. },
  363. "createTemplateContentNode": {
  364. "overflow": "hidden",
  365. "padding": "10px 40px 40px 10px"
  366. },
  367. "templateNode": {
  368. "margin-top": "30px",
  369. "margin-left": "30px",
  370. "float": "left",
  371. "width": "120px",
  372. "height": "140px",
  373. "cursor": "pointer",
  374. "border": "2px solid #FFF",
  375. "border-radius": "10px",
  376. "box-shadow": "0px 0px 0px #999",
  377. "background-color": "#FFF"
  378. },
  379. "templateNode_over": {
  380. "border": "2px solid #999",
  381. "box-shadow": "0px 0px 5px #999"
  382. },
  383. "templateNode_down": {
  384. "border-top": "2px solid #999",
  385. "border-left": "2px solid #999",
  386. "border-bottom": "2px solid #FFF",
  387. "border-right": "2px solid #FFF",
  388. "box-shadow": "0px 0px 0px #999"
  389. },
  390. "templateIconNode": {
  391. "height": "110px"
  392. },
  393. "templateTitleNode": {
  394. "height": "30px",
  395. "line-height": "30px",
  396. "text-align": "center",
  397. "font-size": "14px"
  398. },
  399. "templateIconImgNode": {
  400. "width": "100%",
  401. "height": "100%",
  402. "border-radius": "10px"
  403. }
  404. }