css.wcss 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410
  1. {
  2. "areaNode" : {
  3. "border": "1px solid #fff"
  4. },
  5. "areaNode_selected": {
  6. "border": "1px solid red"
  7. },
  8. "areaNode_over": {
  9. "border": "1px dotted blue"
  10. },
  11. "actionbarNode" : {
  12. "overflow": "hidden"
  13. },
  14. "pagingNode" : {
  15. "overflow": "hidden"
  16. },
  17. "viewAreaNode": {
  18. "overflow": "hidden"
  19. },
  20. "viewTitleNode": {
  21. "height": "40px",
  22. "background-color": "#EEE",
  23. "border-bottom": "1px solid #999",
  24. "cursor": "pointer"
  25. },
  26. "viewContentScrollNode": {
  27. "overflow": "hidden",
  28. "border-bottom": "0px solid #999",
  29. "cursor": "default"
  30. },
  31. "viewContentNode": {
  32. "overflow": "hidden"
  33. },
  34. "contentLeftNode": {
  35. "width": "30px",
  36. "background-color": "#EEE",
  37. "border-right": "1px solid #999",
  38. "float": "left"
  39. },
  40. "contentRightNode": {
  41. "width": "30px",
  42. "background-color": "#EEE",
  43. "border-left": "1px solid #999",
  44. "float": "right"
  45. },
  46. "viewContentBodyNode": {
  47. "overflow": "hidden",
  48. "background-color": "#FFF"
  49. },
  50. "viewContentTableNode": {
  51. "width": "100%"
  52. },
  53. "viewContentTrNode": {
  54. },
  55. "viewContentTdNode": {
  56. "padding": "3px 5px",
  57. "border-bottom": "1px solid #CCC"
  58. },
  59. "viewContentGroupTdNode": {
  60. "padding": "3px 5px",
  61. "border-bottom": "1px solid #CCC",
  62. "background-color": "#F9F9F9"
  63. },
  64. "viewContentTdGroupNode": {
  65. "overflow": "hidden",
  66. "cursor": "pointer"
  67. },
  68. "viewContentTdGroupIconNode": {
  69. "float": "left",
  70. "width": "20px",
  71. "height": "20px",
  72. "background": "url(../x_component_query_ViewDesigner/$View/default/icon/right.png) center center no-repeat",
  73. },
  74. "viewContentTdGroupTextNode": {
  75. "height": "20px",
  76. "font-weight": "bold",
  77. "line-height": "20px",
  78. "margin-left": "20px"
  79. },
  80. "noDataTextNode" : {
  81. "height" : "50px",
  82. "font-size" : "16px",
  83. "margin" : "20px auto",
  84. "text-align" : "center"
  85. },
  86. "refreshNode": {
  87. "width": "29px",
  88. "height": "40px",
  89. "background": "url(../x_component_query_ViewDesigner/$View/default/icon/refresh.png) center center no-repeat",
  90. "float": "left"
  91. },
  92. "addColumnNode": {
  93. "width": "29px",
  94. "height": "40px",
  95. "background": "url(../x_component_query_ViewDesigner/$View/default/icon/addColumn.png) center center no-repeat",
  96. "float": "right"
  97. },
  98. "autoAddColumnsNode":{
  99. "width": "34px",
  100. "height": "40px",
  101. "padding-left": "24px",
  102. "position": "absolute",
  103. "left": "0",
  104. "top": "0",
  105. "background": "url(../x_component_query_ViewDesigner/$View/default/icon/autoAddColumns.png) 10px center no-repeat"
  106. },
  107. "viewTitleContentNode": {
  108. "margin": "0px 31px",
  109. "height": "40px",
  110. "position": "relative"
  111. },
  112. "viewTitleTableNode": {
  113. "width": "100%",
  114. "height": "30px",
  115. "border-left": "1px solid #BBB",
  116. "border-right": "1px solid #BBB"
  117. },
  118. "viewTitleTrNode": {
  119. "height": "40px",
  120. "line-height": "40px"
  121. },
  122. "viewTitleColumnAreaNode": {
  123. "padding": "0px",
  124. "background-color": "#EEE",
  125. "border-right": "1px solid #BBB",
  126. "border-left": "1px solid #FFF",
  127. "white-space": "nowrap"
  128. },
  129. "viewTitleColumnNode": {
  130. "background-color": "#EEE",
  131. "height": "38px",
  132. "overflow": "hidden",
  133. "border": "1px solid #EEE"
  134. },
  135. "viewTitleColumnTextNode":{
  136. "padding": "0px", //"padding": "0px 10px",
  137. "height": "38px",
  138. "white-space": "nowrap"
  139. },
  140. "viewTitleColumnNode_selected": {
  141. "background-color": "#FFF",
  142. "height": "38px",
  143. "border": "1px solid red",
  144. "white-space": "nowrap"
  145. },
  146. "viewTitleColumnNode_over": {
  147. "background-color": "#F9F9F9",
  148. "height": "38px",
  149. "border": "1px dotted blue",
  150. "white-space": "nowrap"
  151. },
  152. "propertyTabNode": {
  153. "font-size": "12px",
  154. "margin-top": "5px"
  155. },
  156. "cloumnListNode": {
  157. "height": "26px",
  158. "padding": "0px 5px",
  159. "line-height": "26px",
  160. "font-size": "12px",
  161. "cursor": "pointer",
  162. "border-bottom": "1px dotted #999",
  163. "background-color": "#FFF",
  164. "color": "#333"
  165. },
  166. "cloumnListNode_selected": {
  167. "background-color": "#cce2ff"
  168. },
  169. "cloumnListNode_over": {
  170. "background-color": "#eaf1fa"
  171. },
  172. "cloumnListIconNode": {
  173. "height": "26px",
  174. "width": "26px",
  175. "float": "left",
  176. "background": "url(../x_component_query_ViewDesigner/$View/default/icon/column.png) center center no-repeat"
  177. },
  178. "cloumnListTextNode": {
  179. "margin-left": "26px"
  180. },
  181. "editTable": {
  182. },
  183. "editTableTitle": {
  184. "width": "60px",
  185. "font-weight": "bold",
  186. "font-size": "12px",
  187. "height": "24px",
  188. "line-height": "24px",
  189. "border-bottom": "1px dashed #CCC"
  190. },
  191. "editTableTitleNoWidth": {
  192. "font-weight": "bold",
  193. "font-size": "12px",
  194. "height": "24px",
  195. "line-height": "24px",
  196. "border-bottom": "1px dashed #CCC"
  197. },
  198. "editTableValue": {
  199. "height": "24px",
  200. "line-height": "24px",
  201. "border-bottom": "1px dashed #CCC"
  202. },
  203. "editTableInput": {
  204. "width": "98%",
  205. "border-top": "1px solid #DDD",
  206. "border-left": "1px solid #DDD",
  207. "border-bottom": "1px solid #EEE",
  208. "border-right": "1px solid #EEE"
  209. },
  210. "editTableInputDate": {
  211. "width": "98%",
  212. "border-top": "1px solid #DDD",
  213. "border-left": "1px solid #DDD",
  214. "border-bottom": "1px solid #EEE",
  215. "border-right": "1px solid #EEE"
  216. },
  217. "editTableInputNoWidth": {
  218. "border-top": "1px solid #DDD",
  219. "border-left": "1px solid #DDD",
  220. "border-bottom": "1px solid #EEE",
  221. "border-right": "1px solid #EEE"
  222. },
  223. "editTableTextarea": {
  224. "width": "98%",
  225. "height": "100px",
  226. "border-top": "1px solid #DDD",
  227. "border-left": "1px solid #DDD",
  228. "border-bottom": "1px solid #EEE",
  229. "border-right": "1px solid #EEE"
  230. },
  231. "columnFilterInputArea": {
  232. "padding": "5px",
  233. "overflow": "hidden"
  234. },
  235. "columnFilterAddNode": {
  236. "border": "1px solid #999",
  237. "background-color": "#EEE",
  238. "width": "35px",
  239. "-webkit-user-select": "none",
  240. "-moz-user-select": "none",
  241. "padding": "0px 8px",
  242. "margin-top": "56px",
  243. "height": "20px",
  244. "line-height": "20px",
  245. "float": "left",
  246. "text-align": "right",
  247. "cursor": "pointer",
  248. "font-size": "12px",
  249. "background": "url(../x_component_query_ViewDesigner/$View/default/icon/add.png) 3px center no-repeat"
  250. },
  251. "columnFilterValueNode": {
  252. "width": "95%",
  253. "height": "50px",
  254. "border": "1px solid #999",
  255. "margin-top": "5px",
  256. "overflow": "auto"
  257. },
  258. "filterTableTitle": {
  259. "height": "24px",
  260. "background-color": "#EEE",
  261. "line-height": "24px",
  262. "color": "#000",
  263. "font-size": "12px"
  264. },
  265. "filterTableTd": {
  266. "background-color": "#FFF",
  267. "color": "#333",
  268. "font-size": "12px"
  269. },
  270. "filterAddActionNode":{
  271. "background": "url(../x_component_query_ViewDesigner/$View/default/icon/add.png) 3px center no-repeat",
  272. "height": "24px",
  273. "cursor": "pointer"
  274. },
  275. "filterDelActionNode":{
  276. "background": "url(../x_component_query_ViewDesigner/$View/default/icon/del.png) 3px center no-repeat",
  277. "height": "24px",
  278. "cursor": "pointer"
  279. },
  280. "actionNodeStyles": {
  281. "width": "16px",
  282. "height": "16px",
  283. "margin-left": "2px",
  284. "margin-right": "2px",
  285. "float": "left",
  286. "border": "1px solid #F1F1F1",
  287. "cursor": "pointer"
  288. },
  289. "actionAreaNode": {
  290. "display": "none",
  291. // "width": 18*this.options.actions.length,
  292. "position": "absolute",
  293. "background-color": "#F1F1F1",
  294. "padding": "1px",
  295. "padding-right": "0px",
  296. "border": "1px solid #AAA",
  297. "box-shadow": "0px 2px 5px #999",
  298. "opacity": 1,
  299. "z-index": 100
  300. },
  301. "moveFlagNode": {
  302. "height": "40px",
  303. //"border": "0px dashed #333",
  304. "border-right": "1px solid #BBB",
  305. "border-left": "1px solid #FFF",
  306. "overflow": "hidden",
  307. "display": "block",
  308. "background": "#ffa200"
  309. },
  310. "applicationSelectTitle": {
  311. "height": "24px",
  312. "line-height": "24px",
  313. "background-color": "#EEE",
  314. "border-top": "2px solid #999",
  315. "text-align": "center"
  316. },
  317. "applicationSelectContent": {
  318. "min-height": "20px",
  319. "border-top": "1px solid #999",
  320. "padding": "5px 5px 0px 0px",
  321. "overflow": "hidden"
  322. },
  323. "applicationSelectItem": {
  324. "border": "1px solid #666",
  325. "color": "#FFF",
  326. "padding": "0px 5px",
  327. "margin-left": "5px",
  328. "margin-bottom": "5px",
  329. "background-color": "#666",
  330. "float": "left"
  331. },
  332. "applicationSelectAction": {
  333. "height": "20px",
  334. "margin": "10px auto",
  335. "text-align": "center",
  336. "width": "70px",
  337. "border": "1px solid #999",
  338. "background-color": "#F6F6F6",
  339. "cursor": "pointer"
  340. },
  341. "columnHideFlagNode": {
  342. "height": "40px",
  343. "background": "url(../x_component_query_ViewDesigner/$View/default/icon/hidden.png) right center no-repeat",
  344. "position": "relative",
  345. "margin-right": "8px",
  346. "top": "-38px"
  347. },
  348. "toolbarWarpNode": {
  349. "border": "1px dashed #999",
  350. "height": "auto",
  351. "overflow": "hidden",
  352. "margin": "auto",
  353. "display": "block",
  354. "-webkit-user-select": "none",
  355. "-moz-user-select": "none",
  356. "position": "static",
  357. "opacity": 1,
  358. "width": "auto",
  359. "margin": "3px 3px",
  360. "background-color": "#999",
  361. "cursor": "pointer"
  362. },
  363. "toolbarWarpNode_selected": {
  364. "background-color": "#FFF",
  365. "border": "1px solid red",
  366. "white-space": "nowrap"
  367. },
  368. "toolbarWarpNode_over": {
  369. "background-color": "#F9F9F9",
  370. "border": "1px dotted blue",
  371. "white-space": "nowrap"
  372. },
  373. "pagingWarpNode": {
  374. "border": "1px dashed #999",
  375. "height": "auto",
  376. "overflow": "hidden",
  377. "display": "block",
  378. "-webkit-user-select": "none",
  379. "-moz-user-select": "none",
  380. "position": "static",
  381. "opacity": 1,
  382. "width": "auto",
  383. "margin": "3px 3px",
  384. "background-color": "#FFF",
  385. "cursor": "pointer"
  386. },
  387. "pagingWarpNode_selected": {
  388. "background-color": "#FFF",
  389. "border": "1px solid red",
  390. "white-space": "nowrap"
  391. },
  392. "pagingWarpNode_over": {
  393. "background-color": "#F9F9F9",
  394. "border": "1px dotted blue",
  395. "white-space": "nowrap"
  396. }
  397. }