css.wcss 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355
  1. {
  2. "titleNode" : {
  3. "background-color" : "#365775", //"#f1f3fc",
  4. "margin-left" : "2px",
  5. "height": "60px",
  6. "overflow": "hidden"
  7. },
  8. "titleInforNode" : {
  9. "float" : "right",
  10. "height": "60px",
  11. "line-height": "60px",
  12. "color" : "#fff",
  13. "font-size" : "16px",
  14. "margin-right" : "20px"
  15. },
  16. "titleLeftArrowNode" : {
  17. "background": "url('../x_component_Attendance/$MyIndex/default/icon/left.png') no-repeat center",
  18. "margin": "15px 0px 15px 40px",
  19. "width" : "40px",
  20. "height" : "30px",
  21. "float" : "left",
  22. "cursor" : "pointer"
  23. },
  24. "titleLeftArrowNode_over": {
  25. "background": "url(../x_component_Attendance/$MyIndex/default/icon/left_over.png) no-repeat center center"
  26. },
  27. "titleLeftArrowNode_down": {
  28. "background": "url(../x_component_Attendance/$MyIndex/default/icon/left_down.png) no-repeat center center"
  29. },
  30. "titleRightArrowNode": {
  31. "height": "30px",
  32. "width": "40px",
  33. "margin": "15px 0px",
  34. "background": "url(../x_component_Attendance/$MyIndex/default/icon/right.png) no-repeat center center",
  35. "cursor": "pointer",
  36. "float": "left"
  37. },
  38. "titleRightArrowNode_over": {
  39. "background": "url(../x_component_Attendance/$MyIndex/default/icon/right_over.png) no-repeat center center"
  40. },
  41. "titleRightArrowNode_down": {
  42. "background": "url(../x_component_Attendance/$MyIndex/default/icon/right_down.png) no-repeat center center"
  43. },
  44. "titleTextNode": {
  45. "line-height": "60px",
  46. "color": "#eee",
  47. "margin": "0px 10px",
  48. "font-size": "36px",
  49. "float": "left",
  50. "cursor": "pointer"
  51. },
  52. "titleTextNode_over": {
  53. "color": "#fff"
  54. },
  55. "titleTextNode_down": {
  56. "color": "#fff"
  57. },
  58. "titleCycleTextNode": {
  59. "line-height": "30px",
  60. "color": "#eee",
  61. "margin-top": "20px",
  62. "margin-left": "20px",
  63. "font-size": "18px",
  64. "float": "left"
  65. },
  66. "titleScheduleIconNode" : {
  67. "float": "right",
  68. "height": "60px",
  69. "width": "32px",
  70. "line-height": "60px",
  71. "background": "url(../x_component_Attendance/$MyIndex/default/icon/past.png) no-repeat center center",
  72. "margin": "0px 20px 14px 0px",
  73. "cursor" : "pointer"
  74. },
  75. "titleScheduleIconNode_over" : {
  76. "background": "url(../x_component_Attendance/$MyIndex/default/icon/past_down.png) no-repeat center center"
  77. },
  78. "titleScheduleIconNode_down" : {
  79. "background": "url(../x_component_Attendance/$MyIndex/default/icon/past_down.png) no-repeat center center"
  80. },
  81. "scheduleNode": {
  82. "width": "200px",
  83. "height": "240px",
  84. "background-color": "#FFF",
  85. "position": "absolute",
  86. "text-align": "center",
  87. "border": "2px solid #666",
  88. "z-index" : "101",
  89. "font-size" : "14px",
  90. "color" : "#666"
  91. },
  92. "scheduleTdHead" : {
  93. "padding-top" : "20px",
  94. "padding-bottom" : "10px",
  95. "font-size" : "16px",
  96. "font-weight" :"bold"
  97. },
  98. "scheduleTdTitle" : {
  99. "text-align" : "left",
  100. "padding-right" : "5px",
  101. "padding-left" : "25px",
  102. "width" : "80px"
  103. },
  104. "scheduleTdValue" : {
  105. "text-align" : "left",
  106. "width" : "40px"
  107. },
  108. "elementContentNode": {
  109. "overflow": "hidden",
  110. "position": "static",
  111. "margin-right" : "10px",
  112. "margin-bottom" : "20px"
  113. },
  114. "elementContentListNode": {
  115. //"overflow": "hidden"
  116. },
  117. "topContentArea" : {
  118. "overflow" : "hidden",
  119. "display" : "block"
  120. },
  121. "calendarArea" : {
  122. "width" : "48%",
  123. "margin":"20px 10px 10px 25px",
  124. "float" : "left"
  125. },
  126. "calendarTitle" : {
  127. "color" : "#666",
  128. "height" : "30px",
  129. "line-height" : "30px",
  130. "padding-left" : "10px",
  131. "font-size" : "14px",
  132. "background-color" : "#f1f3fc" //"#476783" //"#e6f3ff"
  133. },
  134. "canlendarToolbar" : {
  135. //"overflow" : "hidden"
  136. },
  137. "canlendarToolbarText" : {
  138. "color" : "#333",
  139. "height" : "30px",
  140. "line-height" : "30px",
  141. "padding-left" : "10px",
  142. "font-size" : "18px",
  143. "float" : "left"
  144. },
  145. "calendarCurrentMonthNode" : {
  146. "font-size" : "16px",
  147. "width" : "40px",
  148. "line-height" : "30px",
  149. "height" : "30px",
  150. "float" : "right",
  151. "cursor" : "default"
  152. },
  153. "calendarLeftArrowNode" : {
  154. "background": "url('../x_component_Attendance/$MyIndex/default/icon/left.png') no-repeat center",
  155. "width" : "40px",
  156. "line-height" : "30px",
  157. "height" : "30px",
  158. "float" : "right",
  159. "cursor" : "pointer"
  160. },
  161. "calendarLeftArrowNode_over": {
  162. "background": "url(../x_component_Attendance/$MyIndex/default/icon/left_over.png) no-repeat center center"
  163. },
  164. "calendarLeftArrowNode_down": {
  165. "background": "url(../x_component_Attendance/$MyIndex/default/icon/left_down.png) no-repeat center center"
  166. },
  167. "calendarLeftArrowNode_disable": {
  168. "cursor" : "default",
  169. "background": "none"
  170. },
  171. "calendarRightArrowNode": {
  172. "height": "30px",
  173. "line-height" : "30px",
  174. "width": "40px",
  175. "background": "url(../x_component_Attendance/$MyIndex/default/icon/right.png) no-repeat center center",
  176. "cursor": "pointer",
  177. "float": "right"
  178. },
  179. "calendarRightArrowNode_over": {
  180. "background": "url(../x_component_Attendance/$MyIndex/default/icon/right_over.png) no-repeat center center"
  181. },
  182. "calendarRightArrowNode_down": {
  183. "background": "url(../x_component_Attendance/$MyIndex/default/icon/right_down.png) no-repeat center center"
  184. },
  185. "calendarRightArrowNode_disable": {
  186. "cursor" : "default",
  187. "background": "none"
  188. },
  189. "calendarNode": {
  190. //"max-width": "436px",
  191. //"margin-top": "20px",
  192. "float" : "left"
  193. },
  194. "holidayAreaNode" : {
  195. "float" : "right",
  196. "margin-right" : "10px",
  197. "position" : "relative"
  198. },
  199. "holidayActionNode" : {
  200. "overflow" : "hidden",
  201. "border" : "1px solid #ccc",
  202. "height" : "28px",
  203. "line-height" : "28px",
  204. "width" : "100px",
  205. "cursor" : "pointer"
  206. },
  207. "holidayActionTextNode" : {
  208. "padding-left" : "11px",
  209. "padding-right" : "11px",
  210. "float" : "left",
  211. "color" : "#666"
  212. },
  213. "holidayActionIconNode" : {
  214. "float" : "left",
  215. "width" : "28px",
  216. "border-left" : "1px solid #ccc",
  217. "height" : "28px",
  218. "line-height" : "28px",
  219. "background": "url(../x_component_Attendance/$MyIndex/default/icon/down.png) no-repeat center center"
  220. },
  221. "holidayActionIconNode_over" : {
  222. "background": "url(../x_component_Attendance/$MyIndex/default/icon/down_over.png) no-repeat center center"
  223. },
  224. "holidayListNode" : {
  225. "position" : "absolute",
  226. "top" : "100%",
  227. "left" : "0",
  228. "overflow" : "hidden",
  229. "z-index" : "100",
  230. "border" : "1px solid #ddd",
  231. "min-width" : "100px",
  232. "margin" : "0px"
  233. },
  234. "holidayNode" : {
  235. "height" : "28px",
  236. "line-height" :"28px",
  237. "background-color" : "#fff",
  238. "cursor":"pointer",
  239. "text-align":"left",
  240. "padding-left" : "7px"
  241. },
  242. "holidayNode_over" : {
  243. "background-color" : "#eee"
  244. },
  245. "statusColorArea" : {
  246. "width" : "10%",
  247. "margin" : "30px 0 0 20px",
  248. "float":"left"
  249. },
  250. "statusColorTable" : {
  251. "width" : "98%",
  252. "min-width" : "80px"
  253. },
  254. "statusColorTd" : {
  255. "height" : "10px"
  256. },
  257. "statusTextTd" : {
  258. "padding-top" : "0px",
  259. "padding-bottom" : "10px"
  260. },
  261. "pieChartArea" : {
  262. "width" : "35%",
  263. "margin-top":"20px",
  264. "float" : "left"
  265. },
  266. "pieChartTitle" : {
  267. "color" : "#666",
  268. "height" : "30px",
  269. "line-height" : "30px",
  270. "padding-left" : "10px",
  271. "font-size" : "14px",
  272. "background-color" : "#f1f3fc" //"#476783" //"#e6f3ff"
  273. },
  274. "pieChartNode" : {
  275. //"margin-top": "20px",
  276. "margin-left": "40px",
  277. "height" : "400px"
  278. },
  279. "middleContentArea" : {
  280. //"overflow" : "hidden",
  281. "display" : "block"
  282. },
  283. "lineChartArea" : {
  284. "margin":"10px 10px 0px 10px"
  285. },
  286. "lineChartTitle" : {
  287. "color" : "#666",
  288. "height" : "30px",
  289. "line-height" : "30px",
  290. "padding-left" : "10px",
  291. "font-size" : "14px",
  292. "background-color" : "#f1f3fc" //"#476783" //"#e6f3ff"
  293. },
  294. "lineChartNode" : {
  295. "margin-top": "20px",
  296. "margin-left": "10px",
  297. "height" : "400px"
  298. },
  299. "calendarMonthSelectNode": {
  300. "width": "260px",
  301. "height": "300px",
  302. "background-color": "#FFF",
  303. "position": "absolute",
  304. "text-align": "center",
  305. "border": "2px solid #666",
  306. "z-index" : "101"
  307. },
  308. "calendarMonthSelectTitleNode": {
  309. "height": "30px",
  310. "overflow": "hidden"
  311. },
  312. "calendarMonthSelectTitlePrevYearNode": {
  313. "height": "40px",
  314. "width": "40px",
  315. "float": "left",
  316. "background": "url(../x_component_Attendance/$MyIndex/default/icon/left_year.png) no-repeat center center",
  317. "cursor": "pointer"
  318. },
  319. "calendarMonthSelectTitleNextYearNode": {
  320. "height": "40px",
  321. "width": "40px",
  322. "float": "right",
  323. "background": "url(../x_component_Attendance/$MyIndex/default/icon/right_year.png) no-repeat center center",
  324. "cursor": "pointer"
  325. },
  326. "calendarMonthSelectTitleTextNode": {
  327. "text-align": "center",
  328. "margin": "0px 40px",
  329. "height": "40px",
  330. "font-size": "18px",
  331. "line-height": "40px"
  332. },
  333. "calendarMonthSelectTdNode": {
  334. "cursor": "pointer",
  335. "color": "#333",
  336. "font-size": "14px"
  337. },
  338. "calendarMonthSelectTdNode_over": {
  339. "color": "#3347df"
  340. },
  341. "calendarMonthSelectTdNode_down": {
  342. "color": "#8894e9"
  343. },
  344. "calendarMonthSelectBottomNode": {
  345. "height": "40px",
  346. "font-size": "18px",
  347. "line-height": "40px",
  348. "cursor": "pointer"
  349. }
  350. }