css.wcss 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620
  1. {
  2. "node" : {
  3. "margin": "20px",
  4. "height": "100%",
  5. "overflow": "hidden"
  6. },
  7. "contentContainerNode" : {
  8. "margin-left": "200px",
  9. "overflow": "hidden",
  10. "background-color" : "#eee",
  11. "opacity": 1
  12. },
  13. "topContainerNode" : {
  14. "overflow" : "hidden",
  15. "margin" : "0px auto"
  16. },
  17. "topNode": {
  18. "color" : "#333",
  19. "min-height": "50px",
  20. "overflow": "hidden",
  21. "background-color": "#fff",
  22. "line-height": "50px",
  23. "font-size": "14px",
  24. "font-weight": "bold",
  25. "text-align": "left"
  26. },
  27. "topIconNode" : {
  28. "margin-left": "10px",
  29. "width": "24px",
  30. "height": "24px",
  31. "float": "left",
  32. "background": "url(../x_component_ProcessTool/$Main/default/icon/topIcon.png) no-repeat 0px center",
  33. "background-size": "24px 24px"
  34. },
  35. "topTextNode" : {
  36. "color" : "#333",
  37. "font-size": "16px",
  38. "font-weight": "bold",
  39. "float": "left",
  40. "overflow" : "hidden",
  41. "text-overflow" : "ellipsis",
  42. "white-space":"nowrap"
  43. },
  44. "topOperateNode" : {
  45. "margin" : "5px"
  46. },
  47. "topContentNode" : {
  48. "padding-right" : "10px"
  49. },
  50. "searchDiv" : {
  51. "overflow" : "hidden",
  52. "float" : "left",
  53. "margin-left" : "420px",
  54. "margin-top" : "18px"
  55. },
  56. "fileterNode": {
  57. "overflow": "hidden",
  58. "padding-right" :"15px",
  59. "padding-top": "10px",
  60. "line-height": "28px"
  61. },
  62. "filterTable" : {
  63. "color" : "#666",
  64. "font-size" : "14px",
  65. "font-weight" : "normal"
  66. },
  67. "filterTableTitle" : {
  68. "text-align" : "right",
  69. "padding-left": "15px"
  70. },
  71. "filterTableValue" : {
  72. "text-align" : "left",
  73. "padding-left": "5px"
  74. },
  75. "filterButton" :{
  76. "margin-left": "15px",
  77. "color": "#fff",
  78. "cursor" : "pointer",
  79. "height" : "26px",
  80. "line-height" : "26px",
  81. "padding": "0px 10px",
  82. "min-width": "40px",
  83. "background-color" : "#4A90E2",
  84. "border": "1px solid #528BCC",
  85. "border-radius": "15px"
  86. },
  87. "filterButtonGrey" :{
  88. "margin-left": "5px",
  89. "color": "#4A90E2",
  90. "cursor" : "pointer",
  91. "height" : "26px",
  92. "line-height" : "26px",
  93. "padding": "0px 10px",
  94. "min-width": "40px",
  95. "background-color" : "#fff",
  96. "border": "1px solid #4A90E2",
  97. "border-radius": "15px"
  98. },
  99. "middleNode" : {
  100. "overflow" : "hidden",
  101. "margin" : "0px auto"
  102. },
  103. "viewContainerNode" : {
  104. "overflow" : "hidden",
  105. "padding" : "10px 10px 0px 10px",
  106. "margin-top": "10px",
  107. "background": "#fff"
  108. },
  109. "noItemTextNode": {
  110. "text-align": "center",
  111. "padding": "20px",
  112. "height": "60px",
  113. "line-height": "60px",
  114. "margin-top": "10px",
  115. "margin-left": "0px",
  116. "color": "#888",
  117. "cursor": "pointer",
  118. "font-size": "16px"
  119. },
  120. "listHeadNode": {
  121. "width":"100%",
  122. "height": "40px",
  123. "background-color": "#F7F7F7",
  124. "color": "#666666",
  125. "font-weight": "normal",
  126. "line-height": "40px",
  127. "font-family": "Microsoft YaHei",
  128. "font-size": "15px"
  129. },
  130. "normalThNode" : {
  131. "background-color" : "#F7F7F7",
  132. "text-align":"center",
  133. "line-height": "24px",
  134. "font-size": "15px",
  135. "padding": "8px 0px",
  136. "font-weight": "normal",
  137. "border-top": "1px solid #FFF",
  138. "border-bottom": "1px solid #E6E6E6"
  139. },
  140. "normalTdNode" : {
  141. "height": "39px",
  142. "text-align":"center",
  143. "overflow" : "hidden",
  144. "border-bottom": "1px solid #E6E6E6",
  145. "cursor": "pointer"
  146. },
  147. "sortIconNode" : {
  148. "height": "16px",
  149. "width": "16px",
  150. "line-height": "20px",
  151. "margin-top": "5px",
  152. "display":"inline-block",
  153. "margin-right": "5px",
  154. "background-position" : "center center",
  155. "background-repeat" : "no-repeat",
  156. "background-image" : "url(../x_component_Attendance/$Explorer/default/icon/dblsort.gif)"
  157. },
  158. "sortIconNode_asc" : {
  159. "height": "16px",
  160. "width": "16px",
  161. "line-height": "20px",
  162. "margin-top": "5px",
  163. "display":"inline-block",
  164. "margin-right": "5px",
  165. "background-position" : "center center",
  166. "background-repeat" : "no-repeat",
  167. "background-image" : "url(../x_component_Attendance/$Explorer/default/icon/dblasc.gif)"
  168. },
  169. "sortIconNode_desc" : {
  170. "height": "16px",
  171. "width": "16px",
  172. "line-height": "20px",
  173. "margin-top": "5px",
  174. "display":"inline-block",
  175. "margin-right": "5px",
  176. "background-position" : "center center",
  177. "background-repeat" : "no-repeat",
  178. "background-image" : "url(../x_component_Attendance/$Explorer/default/icon/dbldesc.gif)"
  179. },
  180. "documentNode": {
  181. "overflow": "hidden",
  182. "background-color": "#fff",
  183. "min-height": "29px",
  184. "color": "#666666",
  185. "font-family": "Microsoft YaHei",
  186. "font-size": "14px",
  187. "cursor": "pointer"
  188. },
  189. "documentNode_noread": {
  190. "background-color": "#fcfcfc"
  191. },
  192. "documentNode_over": {
  193. "background-color": "#F7F7F7"
  194. },
  195. "documentNode_down": {
  196. "background-color": "#F7F7F7"
  197. },
  198. "documentNode_remove": {
  199. "background-color": "#ffcccc"
  200. },
  201. "documentActionNode": {
  202. "height": "20px",
  203. "border-radius": "3px",
  204. "width": "20px",
  205. "line-height": "20px",
  206. "color": "#888",
  207. "cursor": "pointer",
  208. "display": "inline-block",
  209. "margin-right": "5px",
  210. "background-repeat": "no-repeat",
  211. "background-position": "center center"
  212. },
  213. "documentActionNode_over":{
  214. },
  215. "actionDenyNode_down":{
  216. },
  217. "openAction": {
  218. "height": "20px",
  219. "border-radius": "3px",
  220. "width": "20px",
  221. "line-height": "20px",
  222. "cursor": "pointer",
  223. "display": "inline-block",
  224. "margin-right": "5px",
  225. "background-repeat": "no-repeat",
  226. "background-position": "center center",
  227. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/open.png)"
  228. },
  229. "openAction_over": {
  230. "background-repeat": "no-repeat",
  231. "background-position": "center center",
  232. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/open_blue.png)"
  233. },
  234. "removeAction": {
  235. "height": "20px",
  236. "border-radius": "3px",
  237. "width": "20px",
  238. "line-height": "20px",
  239. "cursor": "pointer",
  240. "display": "inline-block",
  241. "margin-right": "5px",
  242. "background-repeat": "no-repeat",
  243. "background-position": "center center",
  244. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/delete.png)"
  245. },
  246. "removeAction_over": {
  247. "background-repeat": "no-repeat",
  248. "background-position": "center center",
  249. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/delete_blue.png)"
  250. },
  251. "rollbackAction": {
  252. "height": "20px",
  253. "border-radius": "3px",
  254. "width": "20px",
  255. "line-height": "20px",
  256. "cursor": "pointer",
  257. "display": "inline-block",
  258. "margin-right": "5px",
  259. "background-repeat": "no-repeat",
  260. "background-position": "center center",
  261. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/rollback.png)"
  262. },
  263. "rollbackAction_over": {
  264. "background-repeat": "no-repeat",
  265. "background-position": "center center",
  266. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/rollback_blue.png)"
  267. },
  268. "rerouteAction": {
  269. "height": "20px",
  270. "border-radius": "3px",
  271. "width": "20px",
  272. "line-height": "20px",
  273. "cursor": "pointer",
  274. "display": "inline-block",
  275. "margin-right": "5px",
  276. "background-repeat": "no-repeat",
  277. "background-position": "center center",
  278. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/reroute.png)"
  279. },
  280. "rerouteAction_over": {
  281. "background-repeat": "no-repeat",
  282. "background-position": "center center",
  283. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/reroute_blue.png)"
  284. },
  285. "resetAction": {
  286. "height": "20px",
  287. "border-radius": "3px",
  288. "width": "20px",
  289. "line-height": "20px",
  290. "cursor": "pointer",
  291. "display": "inline-block",
  292. "margin-right": "5px",
  293. "background-repeat": "no-repeat",
  294. "background-size" : "100% 100%",
  295. "background-position": "center center",
  296. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/reset.png)"
  297. },
  298. "resetAction_over": {
  299. "background-repeat": "no-repeat",
  300. "background-position": "center center",
  301. "background-size" : "100% 100%",
  302. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/reset_blue.png)"
  303. },
  304. "opinionAction": {
  305. "height": "20px",
  306. "border-radius": "3px",
  307. "width": "20px",
  308. "line-height": "20px",
  309. "cursor": "pointer",
  310. "display": "inline-block",
  311. "margin-right": "5px",
  312. "background-repeat": "no-repeat",
  313. "background-size" : "100% 100%",
  314. "background-position": "center center",
  315. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/edit.png)"
  316. },
  317. "opinionAction_over": {
  318. "background-repeat": "no-repeat",
  319. "background-position": "center center",
  320. "background-size" : "100% 100%",
  321. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/edit_blue.png)"
  322. },
  323. "restoreAction": {
  324. "height": "20px",
  325. "border-radius": "3px",
  326. "width": "20px",
  327. "line-height": "20px",
  328. "cursor": "pointer",
  329. "display": "inline-block",
  330. "margin-right": "5px",
  331. "background-repeat": "no-repeat",
  332. "background-size" : "100% 100%",
  333. "background-position": "center center",
  334. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/restore.png)"
  335. },
  336. "restoreAction_over": {
  337. "background-repeat": "no-repeat",
  338. "background-position": "center center",
  339. "background-size" : "100% 100%",
  340. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/restore_blue.png)"
  341. },
  342. "downloadAction": {
  343. "height": "20px",
  344. "border-radius": "3px",
  345. "width": "20px",
  346. "line-height": "20px",
  347. "cursor": "pointer",
  348. "display": "inline-block",
  349. "margin-right": "5px",
  350. "background-repeat": "no-repeat",
  351. "background-size" : "100% 100%",
  352. "background-position": "center center",
  353. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/download.png)"
  354. },
  355. "downloadAction_over": {
  356. "background-repeat": "no-repeat",
  357. "background-position": "center center",
  358. "background-size" : "100% 100%",
  359. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/download_blue.png)"
  360. },
  361. "flowAction": {
  362. "height": "20px",
  363. "border-radius": "3px",
  364. "width": "20px",
  365. "line-height": "20px",
  366. "cursor": "pointer",
  367. "display": "inline-block",
  368. "margin-right": "5px",
  369. "background-repeat": "no-repeat",
  370. "background-size" : "100% 100%",
  371. "background-position": "center center",
  372. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/flow.png)"
  373. },
  374. "flowAction_over": {
  375. "background-repeat": "no-repeat",
  376. "background-position": "center center",
  377. "background-size" : "100% 100%",
  378. "background-image": "url(../x_component_ProcessTool/$Main/default/icon/flow_blue.png)"
  379. },
  380. "naviScrollNode" : {
  381. "overflow": "auto"
  382. },
  383. "naviAreaNode" : {
  384. },
  385. "naviNode": {
  386. "width": "190px",
  387. "height": "100%",
  388. "overflow": "hidden",
  389. "float": "left",
  390. "position": "static",
  391. "background-color" : "#fff"
  392. },
  393. "naviTopNode" : {
  394. "line-height": "50px",
  395. "margin-left": "10px",
  396. "padding-left": "32px",
  397. "height": "50px",
  398. "color" : "#333",
  399. "font-size": "16px",
  400. "font-weight": "bold",
  401. "overflow" : "hidden",
  402. "text-overflow" : "ellipsis",
  403. "white-space":"nowrap",
  404. "background": "url(../x_component_ProcessTool/$Main/appicon.png) no-repeat 0px center",
  405. "background-size": "24px 24px"
  406. },
  407. "naviAllNode": {
  408. "display" : "block",
  409. "height": "40px",
  410. "margin": "0px",
  411. "line-height" :"40px",
  412. "font-family": "Microsoft YaHei",
  413. "font-size": "14px",
  414. "color" : "#333",
  415. "padding-left" : "38px",
  416. "cursor": "pointer",
  417. "background": "url(../x_component_ProcessTool/$Main/default/icon/all.png) no-repeat 13px center"
  418. },
  419. "naviAllNode_current" : {
  420. "background-color" : "#F2F5F7",
  421. "color" : "#4A90E2"
  422. },
  423. "naviAllNode_over" : {
  424. "background-color" : "#F2F5F7",
  425. "color" : "#666666"
  426. },
  427. "naviAllNode_normal" : {
  428. "background-color" : "#fff",
  429. "color" : "#333"
  430. },
  431. "naviMenuNode": {
  432. "display" : "block",
  433. "height": "40px",
  434. "margin": "0px",
  435. "line-height" :"40px",
  436. "font-family": "Microsoft YaHei",
  437. "font-size": "14px",
  438. "color" : "#333",
  439. "padding-left" : "8px",
  440. // "background": "url(../x_component_ProcessTool/$Main/default/icon/triangle_down.png) no-repeat 15px center",
  441. "cursor": "pointer"
  442. },
  443. // "naviMenuNode_collapse": {
  444. // "background": "url(../x_component_ProcessTool/$Main/default/icon/triangle_right.png) no-repeat 15px center"
  445. // },
  446. "naviMenuNode_normal": {
  447. "background-color" : "#fff",
  448. "color" : "#666666"
  449. },
  450. "naviMenuNode_over": {
  451. "background-color" : "#F2F5F7",
  452. "color" : "#666666"
  453. },
  454. "naviMenuNode_current": {
  455. "background-color" : "#F2F5F7",
  456. "color" : "#4A90E2"
  457. },
  458. "naviMenuIconNode_collapse": {
  459. "width": "30px",
  460. "height": "40px",
  461. "float": "left",
  462. "backgroud-size":"100% 100%",
  463. "background": "url(../x_component_ProcessTool/$Main/default/icon/all.png) no-repeat 5px center"
  464. },
  465. "naviMenuIconNode_expand": {
  466. "width": "30px",
  467. "height": "40px",
  468. "float": "left",
  469. "background": "url(../x_component_ProcessTool/$Main/default/icon/triangle_down.png) no-repeat 5px center"
  470. },
  471. "naviMenuTextNode": {
  472. "margin-left": "25px",
  473. "height": "40px",
  474. "line-height" :"40px"
  475. },
  476. "naviItemNode" : {
  477. "background-color" : "#fff",
  478. "cursor" : "pointer",
  479. "color" : "#666666",
  480. "padding-left" : "40px",
  481. "height" : "40px",
  482. "line-height" : "40px",
  483. "font-family": "Microsoft YaHei",
  484. "font-size": "14px"
  485. },
  486. "naviItemNode_current" : {
  487. "background-color" : "#F2F5F7",
  488. "cursor" : "pointer",
  489. "color" : "#4A90E2",
  490. "padding-left" : "40px",
  491. "height" : "40px",
  492. "line-height" : "40px",
  493. "font-family": "Microsoft YaHei",
  494. "font-size": "14px"
  495. },
  496. "naviItemNode_over" : {
  497. "background-color" : "#F2F5F7",
  498. "color" : "#666666"
  499. },
  500. "rollbackItemIconNode": {
  501. "height": "46px",
  502. "width": "30px",
  503. "float": "right",
  504. "overflow": "hidden",
  505. "background": "url("+"../x_component_process_Xform/$Form/default/icon/rollback_uncheck.png) no-repeat center center"
  506. },
  507. "rollbackItemIconNode_current": {
  508. "background": "url("+"../x_component_process_Xform/$Form/default/icon/rollback_check.png) no-repeat center center"
  509. },
  510. "rollbackItemContentNode": {
  511. "margin-right": "30px",
  512. "min-height": "46px"
  513. },
  514. "rollbackAreaNode": {
  515. "padding": "0 30px",
  516. "font-size": "14px",
  517. "overflow": "hidden"
  518. },
  519. "rollbackItemNode": {
  520. "min-height": "46px",
  521. "margin-bottom": "10px",
  522. "padding": "10px",
  523. "cursor": "pointer",
  524. "background-color": "#ffffff"
  525. },
  526. "rollbackItemNode_over": {
  527. "background-color": "#eaf1f9"
  528. },
  529. "rollbackItemNode_current": {
  530. "background-color": "#6196d1"
  531. },
  532. "rollbackItemIconNode": {
  533. "min-height": "46px",
  534. "width": "30px",
  535. "float": "right",
  536. "overflow": "hidden",
  537. "background": "url("+"../x_component_process_Xform/$Form/default/icon/rollback_uncheck.png) no-repeat center center"
  538. },
  539. "rollbackItemIconNode_current": {
  540. "background": "url("+"../x_component_process_Xform/$Form/default/icon/rollback_check.png) no-repeat center center"
  541. },
  542. "rollbackItemContentNode": {
  543. "margin-right": "30px",
  544. "min-height": "46px"
  545. },
  546. "rollbackItemActivityNode": {
  547. "height": "26px",
  548. "line-height": "26px",
  549. "font-weight": "bold",
  550. "float": "left",
  551. "color": "#000000",
  552. "margin-right": "10px"
  553. },
  554. "rollbackItemActivityNode_current": {
  555. "color": "#ffffff",
  556. },
  557. "rollbackItemTimeNode": {
  558. "height": "26px",
  559. "line-height": "26px",
  560. "color": "#666666",
  561. "float": "left"
  562. },
  563. "rollbackItemTimeNode_current": {
  564. "color": "#eeeeee"
  565. },
  566. "rollbackItemTaskTitleNode": {
  567. "float": "left",
  568. "height": "20px",
  569. "line-height": "20px",
  570. "font-size": "12px",
  571. "color": "#0000ff",
  572. "font-weight": "bold"
  573. },
  574. "rollbackItemTaskTitleNode_current":{
  575. "color": "#ffffff"
  576. },
  577. "rollbackItemTaskBodyNode": {
  578. "float": "left",
  579. "overflow": "hidden",
  580. "color": "#666666"
  581. },
  582. "rollbackItemTaskBodyNode_current": {
  583. "color": "#eeeeee"
  584. },
  585. "rollbackItemTaskNode": {
  586. "float": "left",
  587. "margin-left": "5px",
  588. "min-height": "20px",
  589. "line-height": "20px",
  590. "font-size": "12px"
  591. },
  592. "rollbackItemTaskCheckNode": {
  593. "float": "left"
  594. },
  595. "rollbackItemTaskNode_current": {
  596. "color": "#eeeeee"
  597. },
  598. }