css.wcss 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
  1. {
  2. "maskNode": {
  3. "background-color": "#666",
  4. "opacity": 0.6,
  5. "z-index":1000
  6. },
  7. "containerNode": {
  8. "height": "100%",
  9. "width": "100%",
  10. "background-color": "#FFF",
  11. "overflow": "hidden",
  12. "position": "absolute",
  13. "z-index":1001
  14. },
  15. "containerNodeSingle": {
  16. "height": "100%",
  17. "width": "100%",
  18. "background-color": "#FFF",
  19. "overflow": "hidden",
  20. "border": "3px solid #666",
  21. "border-radius": "10px",
  22. "box-shadow": "0px 0px 15px #666",
  23. "position": "absolute",
  24. "z-index":1001
  25. },
  26. "titleNode": {
  27. "height": "30px",
  28. "background-color": "#EEE",
  29. "border-bottom": "1px solid #CCC"
  30. },
  31. "titleTextNode": {
  32. "margin-right": "30px",
  33. "height": "30px",
  34. "padding": "0px 10px",
  35. "color": "#666",
  36. "font-weight": "bold",
  37. "font-size": "14px",
  38. "line-height": "30px"
  39. },
  40. "titleActionNode": {
  41. "width": "30px",
  42. "height": "30px",
  43. "float": "right",
  44. "background": "url("+"/x_component_Selector/$Selector/default/icon/close.png) no-repeat center center",
  45. "cursor": "pointer"
  46. },
  47. "contentNode": {
  48. "overflow": "hidden"
  49. },
  50. "selectNode": {
  51. "width": "40%",
  52. "height": "80%",
  53. "float": "left",
  54. "margin": "10px 5px 10px 10px",
  55. "border": "2px solid #999",
  56. "border-radius": "6px"
  57. },
  58. "selectNodeSingle": {
  59. "width": "331px",
  60. "height": "410px",
  61. "float": "left",
  62. "margin": "10px",
  63. "border": "2px solid #999",
  64. "border-radius": "6px"
  65. },
  66. "selectedScrollNode": {
  67. "width": "40%",
  68. "height": "80%",
  69. "float": "right",
  70. "margin": "10px 10px 10px 5px",
  71. "border": "2px solid #999",
  72. "border-radius": "6px"
  73. },
  74. "selectedNode": {
  75. "overflow": "hidden"
  76. },
  77. "actionNode": {
  78. "height": "40px",
  79. "width": "300px",
  80. "margin": "auto"
  81. },
  82. "okActionNode": {
  83. "width": "100px",
  84. "height": "30px",
  85. "background": "url("+"/x_component_Selector/$Selector/default/icon/editOk_bg.png) no-repeat center center",
  86. "border": "0px",
  87. "color": "#FFF",
  88. "font-size": "18px",
  89. "padding-left": "35px",
  90. "border-radius": "4px",
  91. "cursor": "pointer"
  92. },
  93. "cancelActionNode": {
  94. "width": "72px",
  95. "height": "30px",
  96. "background": "url("+"/x_component_Selector/$Selector/default/icon/editCancel_bg.png) no-repeat center center",
  97. "border": "0px",
  98. "color": "#FFF",
  99. "font-size": "18px",
  100. "padding-left": "20px",
  101. "border-radius": "4px",
  102. "margin-left": "15px",
  103. "cursor": "pointer"
  104. },
  105. "searchInputDiv": {
  106. "height": "30px",
  107. "border-bottom": "1px solid #999"
  108. },
  109. "searchInput": {
  110. "width": "325px",
  111. "height": "24px",
  112. "border": "0px",
  113. "margin": "3px",
  114. "outline": "none"
  115. },
  116. "searchInputSingle": {
  117. "width": "325px",
  118. "height": "24px",
  119. "border": "0px",
  120. "margin": "3px",
  121. },
  122. "letterAreaNode": {
  123. "width": "312px",
  124. "padding": "0px 9px",
  125. "height": "40px",
  126. "border-bottom": "1px solid #999",
  127. "background-color": "#EEE",
  128. },
  129. "letterNode": {
  130. "height": "20px",
  131. "width": "24px",
  132. "text-align": "center",
  133. "font-weight": "bold",
  134. "float": "left",
  135. "cursor": "pointer",
  136. "font-size": "12px",
  137. "background": "transparent"
  138. },
  139. "letterNode_over": {
  140. "height": "20px",
  141. "width": "24px",
  142. "text-align": "center",
  143. "font-weight": "bold",
  144. "float": "left",
  145. "cursor": "pointer",
  146. "font-size": "16px",
  147. "background": "#FFF"
  148. },
  149. "itemAreaScrollNode": {
  150. "overflow": "hidden",
  151. "height": "338px"
  152. },
  153. "itemAreaNode": {
  154. "overflow": "hidden"
  155. },
  156. "letterShowNode": {
  157. "text-align": "center",
  158. "font-size": "48px",
  159. "font-weight": "bold",
  160. "position": "absolute",
  161. "color": "#333",
  162. "opacity": 0.6
  163. },
  164. "selectorItem": {
  165. "height": "28px",
  166. "line-height": "28px",
  167. "padding": "0px 10px",
  168. "overflow": "hidden",
  169. "cursor": "pointer",
  170. "border-bottom": "1px solid #FFF",
  171. "background": "transparent"
  172. },
  173. "selectorItemCategory": {
  174. "height": "28px",
  175. "line-height": "28px",
  176. "padding": "0px 10px",
  177. "overflow": "hidden",
  178. "cursor": "pointer",
  179. "border-bottom": "1px solid #FFF",
  180. "background": "#DDD"
  181. },
  182. "selectorItemCategory_department": {
  183. "height": "28px",
  184. "line-height": "28px",
  185. "padding": "0px 10px",
  186. "overflow": "hidden",
  187. "cursor": "pointer",
  188. "border-bottom": "1px solid #FFF",
  189. "background": "#E9E9E9"
  190. },
  191. "selectorItem_over": {
  192. "height": "28px",
  193. "line-height": "28px",
  194. "padding": "0px 10px",
  195. "overflow": "hidden",
  196. "cursor": "pointer",
  197. "border-bottom": "1px solid #FFF",
  198. "background-color": "#cbdcee"
  199. },
  200. "selectorItem_selected": {
  201. "height": "28px",
  202. "line-height": "28px",
  203. "padding": "0px 10px",
  204. "overflow": "hidden",
  205. "cursor": "pointer",
  206. "border-bottom": "1px solid #FFF",
  207. "background-color": "#87acd6",
  208. },
  209. "selectorItemLevelNode": {
  210. "width": "0px",
  211. "height": "28px",
  212. "float": "left"
  213. },
  214. "selectorItemIconNode": {
  215. "width": "28px",
  216. "height": "28px",
  217. "float": "left",
  218. "background-repeat": "no-repeat",
  219. "background-position": "center center"
  220. },
  221. "selectorItemActionNode": {
  222. "width": "28px",
  223. "height": "28px",
  224. "float": "right",
  225. "background": "transparent"
  226. },
  227. "selectorItemActionNode_selected_over": {
  228. "width": "28px",
  229. "height": "28px",
  230. "float": "right",
  231. "background": "url("+"/x_component_Selector/$Selector/default/icon/remove.png) no-repeat center center"
  232. },
  233. "selectorItemActionNode_over": {
  234. "width": "28px",
  235. "height": "28px",
  236. "float": "right",
  237. "background": "url("+"/x_component_Selector/$Selector/default/icon/right.png) no-repeat center center"
  238. },
  239. "selectorItemActionNode_selected": {
  240. "width": "28px",
  241. "height": "28px",
  242. "float": "right",
  243. "background": "url("+"/x_component_Selector/$Selector/default/icon/check.png) no-repeat center center"
  244. },
  245. "selectorItemCategoryActionNode_expand": {
  246. "width": "28px",
  247. "height": "28px",
  248. "float": "right",
  249. "background": "url("+"/x_component_Selector/$Selector/default/icon/minus.png) no-repeat center center"
  250. },
  251. "selectorItemCategoryActionNode_collapse": {
  252. "width": "28px",
  253. "height": "28px",
  254. "float": "right",
  255. "background": "url("+"/x_component_Selector/$Selector/default/icon/add.png) no-repeat center center"
  256. },
  257. "selectorItemCategoryActionNode_selectAll": {
  258. "width": "28px",
  259. "height": "28px",
  260. "float": "right",
  261. "background": "url("+"/x_component_Selector/$Selector/default/icon/selectall.png) no-repeat center center"
  262. },
  263. "selectorItemTextNode": {
  264. "height": "28px",
  265. "margin": "0px 28px",
  266. "color": "#000"
  267. },
  268. "selectorItemCategoryTextNode": {
  269. "height": "28px",
  270. "margin": "0px 28px",
  271. "color": "#000",
  272. "font-weight": "bold"
  273. },
  274. "selectorItemTextNode_selected": {
  275. "height": "28px",
  276. "margin-left": "28px",
  277. "color": "#FFF"
  278. },
  279. "selectorItemCategoryChildrenNode": {
  280. "overflow": "hidden",
  281. "margin-left": "0px"
  282. }
  283. }