css.wcss 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666
  1. {
  2. "toolbarNode": {
  3. "overflow" : "hidden",
  4. "background-color" : "#f7f7f7",
  5. "height" : "50px",
  6. "padding-left" : "10px",
  7. "line-height" : "50px",
  8. "color" : "#333"
  9. },
  10. "iconElementNode": {
  11. "float": "left",
  12. "width": "80px",
  13. "height": "80px",
  14. "background-position": "center center",
  15. "background-repeat": "no-repeat",
  16. "cursor": "pointer"
  17. },
  18. "createElementNode": {
  19. "float" : "right",
  20. "width" : "24px",
  21. "margin-right" : "18px",
  22. "margin-top" : "14px",
  23. "cursor" : "pointer",
  24. "height" : "24px",
  25. "line-height" : "24px",
  26. "background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/add.png) no-repeat center center"
  27. },
  28. "createElementNode_over" : {
  29. "background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/add_blue.png) no-repeat center center"
  30. },
  31. "titleElementNode": {
  32. "font-size" : "16px",
  33. "float" : "left",
  34. "height" : "50px",
  35. "margin-left" : "10px",
  36. "line-height" : "50px"
  37. },
  38. "searchElementNode": {
  39. "margin-left": "362px",
  40. "overflow": "hidden"
  41. },
  42. "searchElementButtonNode": {
  43. "float": "right",
  44. "width": "80px",
  45. "height": "80px",
  46. "margin-right": "40px",
  47. "background": "url("+"../x_component_cms_ColumnManager/$Explorer/default/icon/search.png) no-repeat center center",
  48. "cursor": "pointer"
  49. },
  50. "searchElementInputAreaNode": {
  51. "margin-right": "120px",
  52. "text-align": "right"
  53. },
  54. "searchElementInputBoxNode": {
  55. "margin-top": "25px",
  56. "width": "80%",
  57. "max-width": "500px",
  58. "height": "30px",
  59. "border-radius": "5px",
  60. "background-color": "#EEE",
  61. "float": "right",
  62. "text-align": "center"
  63. },
  64. "searchElementInputNode": {
  65. "width": "96%",
  66. "height": "28px",
  67. "border": "0px",
  68. "font-family": "Microsoft YaHei",
  69. "font-size": "14px",
  70. "color": "#999",
  71. "background": "transparent",
  72. "-webkit-user-select": "auto",
  73. "-moz-user-select": "auto"
  74. },
  75. "elementContentNode": {
  76. "overflow": "hidden",
  77. "position": "static"
  78. },
  79. "elementContentListNode": {
  80. "overflow": "hidden"//,
  81. //"padding-bottom": "20px"
  82. //"margin-right": "10px"
  83. },
  84. "noElementNode": {
  85. "text-align": "center",
  86. "padding": "20px",
  87. "height": "30px",
  88. "line-height": "30px",
  89. "margin-top": "10px",
  90. "margin-left": "0px",
  91. "color": "#888",
  92. "cursor": "pointer",
  93. "font-size": "16px"
  94. },
  95. "deleteItemsAction": {
  96. "width": "140px",
  97. "height": "30px",
  98. "cursor": "pointer",
  99. "position": "absolute",
  100. "background-color": "#c04444",
  101. "border": "1px solid #FFF",
  102. "line-height": "30px",
  103. "font-size": "14px",
  104. "font-family": "Microsoft YaHei",
  105. "color": "#FFF",
  106. "text-align": "center",
  107. "border-radius": "0px",
  108. "opacity": 0,
  109. "box-shadow": "0px 2px 5px #666"
  110. },
  111. "noItemNoticeNode": {
  112. "text-align": "left",
  113. "padding": "20px",
  114. "height": "60px",
  115. "line-height": "60px",
  116. "margin-top": "10px",
  117. "margin-left": "0px",
  118. "color": "#888",
  119. "cursor": "pointer",
  120. "font-size": "16px"
  121. },
  122. "itemNode": {
  123. "height": "50px",
  124. "margin-left": "0px",
  125. "background-color": "#FFF",
  126. "cursor": "default",
  127. "position" : "relative"
  128. },
  129. "itemNode_selected": {
  130. "background-color": "#b7d0e6"
  131. },
  132. "itemNode_even" : {
  133. "height": "50px",
  134. "margin-left": "0px",
  135. "background-color": "#f7f7f7",
  136. "cursor": "default",
  137. "position" : "relative"
  138. },
  139. "itemNode_over" : {
  140. "height": "50px",
  141. "margin-left": "0px",
  142. "background-color": "#f0f0f0",
  143. "cursor": "default",
  144. "position" : "relative"
  145. },
  146. "itemTypeNode" : {
  147. "overflow" : "hidden",
  148. "float": "left",
  149. "width": "50px",
  150. "height": "50px"
  151. },
  152. "itemStatusNode" : {
  153. "overflow" : "hidden",
  154. "float": "left",
  155. "width": "5px",
  156. "height": "50px"
  157. },
  158. "itemStatusTopNode" : {
  159. "width": "5px",
  160. "height": "25px"
  161. },
  162. "itemStatusBottomNode" : {
  163. "width": "5px",
  164. "height": "25px"
  165. },
  166. "itemIconNode": {
  167. "padding": "0px",
  168. "float": "left",
  169. "margin-left": "10px",
  170. "width": "50px",
  171. "height": "50px"
  172. },
  173. "deleteActionNode": {
  174. "padding": "0px",
  175. "float": "right",
  176. "width": "16px",
  177. "height": "16px",
  178. "cursor": "pointer",
  179. "background": "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/trash.png) no-repeat center center"
  180. },
  181. "itemInforNode": {
  182. "margin-left": "60px",
  183. "margin-right": "26px",
  184. "height": "50px",
  185. "overflow": "hidden"
  186. },
  187. "itemInforBaseNode": {
  188. "height": "50px",
  189. "line-height": "50px",
  190. "font-size": "12px"
  191. },
  192. "itemTextTitleNode": {
  193. "height": "50px",
  194. "font-size": "14px",
  195. "overflow": "hidden",
  196. "cursor": "pointer",
  197. "color": "#888",
  198. "width": "200px",
  199. "float": "left"
  200. },
  201. "itemTextAliasNode": {
  202. "padding-left" : "10px",
  203. "height": "50px",
  204. "overflow": "hidden",
  205. "cursor": "pointer",
  206. "color": "#777",
  207. "float": "left",
  208. "width": "190px"
  209. },
  210. "itemTextDateNode": {
  211. "height": "50px",
  212. "overflow": "hidden",
  213. "cursor": "pointer",
  214. "color": "#999",
  215. "float": "left",
  216. "text-align": "right",
  217. "width": "120px"
  218. },
  219. "itemTextDescriptionNode": {
  220. "padding-left" : "10px",
  221. "font-size": "12px",
  222. "line-height": "50px",
  223. "height": "50px",
  224. "color": "#888",
  225. "overflow": "hidden",
  226. "white-space": "normal"
  227. },
  228. "itemErrorNode": {
  229. "width": "16px",
  230. "height": "16px",
  231. "float": "right",
  232. "background": "url("+"../x_component_cms_ColumnManager/$Explorer/default/icon/error.png) no-repeat center center",
  233. "position": "relative",
  234. "top": "-16px",
  235. "left": "0px"
  236. },
  237. "itemNewNode": {
  238. "width": "30px",
  239. "height": "30px",
  240. "position": "relative",
  241. "top": "-45px",
  242. "left": "-5px",
  243. "background": "url("+"../x_component_cms_ColumnManager/$Explorer/default/icon/new.png) no-repeat right"
  244. },
  245. "createTemplateScrollNode": {
  246. "margin-right": "0px",
  247. "height": "100%",
  248. "overflow": "hidden"
  249. },
  250. "createTemplateContentNode": {
  251. "overflow": "hidden",
  252. "padding": "10px 40px 40px 10px"
  253. },
  254. "templateNode": {
  255. "margin-top": "30px",
  256. "margin-left": "30px",
  257. "float": "left",
  258. "width": "120px",
  259. "height": "140px",
  260. "cursor": "pointer",
  261. "border": "2px solid #FFF",
  262. "border-radius": "10px",
  263. "box-shadow": "0px 0px 0px #999",
  264. "background-color": "#FFF"
  265. },
  266. "templateNode_over": {
  267. "border": "2px solid #999",
  268. "box-shadow": "0px 0px 5px #999"
  269. },
  270. "templateNode_down": {
  271. "border-top": "2px solid #999",
  272. "border-left": "2px solid #999",
  273. "border-bottom": "2px solid #FFF",
  274. "border-right": "2px solid #FFF",
  275. "box-shadow": "0px 0px 0px #999"
  276. },
  277. "templateIconNode": {
  278. "height": "110px"
  279. },
  280. "templateTitleNode": {
  281. "height": "30px",
  282. "line-height": "30px",
  283. "text-align": "center",
  284. "font-size": "14px"
  285. },
  286. "templateIconImgNode": {
  287. "width": "100%",
  288. "height": "100%",
  289. "border-radius": "10px"
  290. },
  291. "selectFormMaskNode": {
  292. "width": "100%",
  293. "height": "100%",
  294. "background-color": "#666",
  295. "position": "absolute",
  296. "top": "0px",
  297. "left": "0px",
  298. "opacity": 0.4,
  299. "z-index":100
  300. },
  301. "selectFormAreaNode": {
  302. "width": "900px",
  303. "height": "226",
  304. "border": "3px solid #999",
  305. "border-radius": "12px",
  306. "box-shadow": "0px 0px 10px #999",
  307. "position": "absolute",
  308. "top": "20%",
  309. "left": "10%",
  310. "z-index": "30000",
  311. "background-color": "#FFF",
  312. "opacity": 0
  313. },
  314. "selectFormTemplateAreaNode": {
  315. "width": "900px",
  316. "height": "226",
  317. "border": "3px solid #999",
  318. "border-radius": "12px",
  319. "box-shadow": "0px 0px 10px #999",
  320. "position": "absolute",
  321. "top": "20%",
  322. "left": "10%",
  323. "z-index": "30000",
  324. "background-color": "#FFF",
  325. "opacity": 0
  326. },
  327. "selectFormTitleNode": {
  328. "border-top-left-radius": "12px",
  329. "border-top-right-radius": "12px",
  330. "padding": "0px 10px",
  331. "height": "30px",
  332. "color": "rgb(102, 102, 102)",
  333. "line-height": "30px",
  334. "font-size": "14px",
  335. "font-weight": "bold",
  336. "background-color": "#EEE"
  337. },
  338. "selectFormScrollNode": {
  339. "margin-right": "0px",
  340. "height": "100%",
  341. "overflow": "hidden"
  342. },
  343. "selectFormContentNode": {
  344. "overflow": "hidden",
  345. "padding": "10px 40px 40px 10px"
  346. },
  347. "formNode": {
  348. "width": "240px",
  349. "padding": "10px",
  350. "height": "60px",
  351. "margin-top": "20px",
  352. "margin-left": "20px",
  353. "border": "1px solid #CCC",
  354. "float": "left",
  355. "background-color": "#FFF",
  356. "cursor": "pointer"
  357. },
  358. "formNode_over": {
  359. "border": "1px solid #999",
  360. "box-shadow": "0px 0px 5px #999"
  361. },
  362. "formNode_down": {
  363. "border-top": "1px solid #999",
  364. "border-left": "1px solid #999",
  365. "border-bottom": "1px solid #FFF",
  366. "border-right": "1px solid #FFF",
  367. "box-shadow": "0px 0px 0px #999"
  368. },
  369. "formIconNode": {
  370. "padding": "0px",
  371. "float": "left",
  372. "width": "40px",
  373. "height": "60px"
  374. },
  375. "formTitleNode": {
  376. "margin-left": "50px",
  377. "margin-right": "20px",
  378. "height": "20px",
  379. "line-height": "20px",
  380. "font-size": "14px",
  381. "font-weight": "bold",
  382. "overflow": "hidden",
  383. "cursor": "pointer",
  384. "color": "#333"
  385. },
  386. "formDescriptionNode": {
  387. "margin-left": "50px",
  388. "margin-right": "20px",
  389. "font-size": "12px",
  390. "line-height": "20px",
  391. "height": "20px",
  392. "color": "#777",
  393. "overflow": "hidden",
  394. "white-space": "normal"
  395. },
  396. "actionsArea" : {
  397. "position": "absolute",
  398. "padding": "1px",
  399. "padding-right": "0px",
  400. //"opacity": 1,
  401. "top" : "15px",
  402. "right" : "5px",
  403. "z-index": 100
  404. },
  405. "setCategoryViewAction": {
  406. "width": "16px",
  407. "height": "16px",
  408. "background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/checkmark.png) no-repeat left",
  409. "margin-left": "2px",
  410. "margin-right": "2px",
  411. "float": "left",
  412. "cursor": "pointer"
  413. },
  414. "setCategoryViewAction_selected": {
  415. "width": "16px",
  416. "height": "16px",
  417. "background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/checkmark_selected2.png) no-repeat left",
  418. "margin-left": "2px",
  419. "margin-right": "2px",
  420. "float": "left",
  421. "cursor": "pointer"
  422. },
  423. "cancelCategoryViewAction": {
  424. "width": "16px",
  425. "height": "16px",
  426. "background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/checkmark_selected2.png) no-repeat left",
  427. "margin-left": "2px",
  428. "margin-right": "2px",
  429. "float": "left",
  430. "cursor": "pointer"
  431. },
  432. "setDefaultCategoryViewAction": {
  433. "width": "16px",
  434. "height": "16px",
  435. "background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/home.png) no-repeat left",
  436. "margin-left": "2px",
  437. "margin-right": "2px",
  438. "float": "left",
  439. "cursor": "pointer"
  440. },
  441. "setDefaultCategoryViewAction_selected": {
  442. "width": "16px",
  443. "height": "16px",
  444. "background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/home_selected.png) no-repeat left",
  445. "margin-left": "2px",
  446. "margin-right": "2px",
  447. "float": "left",
  448. "cursor": "pointer"
  449. },
  450. "deleteAction" : {
  451. "width": "16px",
  452. "height": "16px",
  453. "background" : "url(../x_component_cms_ColumnManager/$Explorer/default/icon/delete.png) no-repeat left",
  454. "margin-left": "2px",
  455. "margin-right": "5px",
  456. "float": "left",
  457. "cursor": "pointer"
  458. },
  459. "deleteAction_over" : {
  460. "width": "16px",
  461. "height": "16px",
  462. "background" : "url(../x_component_cms_ColumnManager/$Explorer/default/icon/delete_over.png) no-repeat left",
  463. "margin-left": "2px",
  464. "margin-right": "5px",
  465. "float": "left",
  466. "cursor": "pointer"
  467. },
  468. "saveasActionNode" : {
  469. "width": "16px",
  470. "height": "16px",
  471. "background" : "url(../x_component_cms_ColumnManager/$Explorer/default/icon/copy.png) no-repeat left",
  472. "margin-left": "2px",
  473. "margin-right": "5px",
  474. "float": "left",
  475. "cursor": "pointer"
  476. },
  477. "saveasActionNode_over" : {
  478. "width": "16px",
  479. "height": "16px",
  480. "background" : "url(../x_component_cms_ColumnManager/$Explorer/default/icon/copy_over.png) no-repeat left",
  481. "margin-left": "2px",
  482. "margin-right": "5px",
  483. "float": "left",
  484. "cursor": "pointer"
  485. },
  486. "createTemplateMaskNode": {
  487. "width": "100%",
  488. "height": "100%",
  489. "background-color": "#666",
  490. "position": "absolute",
  491. "top": "0px",
  492. "left": "0px",
  493. "opacity": 0.4,
  494. "z-index":100
  495. },
  496. "createTemplateAreaNode": {
  497. "width": "688px",
  498. "height": "486px",
  499. "border": "3px solid #999",
  500. "border-radius": "12px",
  501. "box-shadow": "0px 0px 10px #999",
  502. "position": "absolute",
  503. "top": "20%",
  504. "left": "10%",
  505. "z-index": "30000",
  506. "background-color": "#FFF",
  507. "opacity": 1
  508. },
  509. "fileDesignerTitleNode": {
  510. "height": "40px",
  511. "line-height": "40px"
  512. },
  513. "fileDesignerTitleIconNode": {
  514. "width": "40px",
  515. "height": "40px",
  516. "float": "left",
  517. "background-repeat": "no-repeat",
  518. "background-position": "left top"
  519. },
  520. "fileDesignerTitleTextNode": {
  521. "margin": "0px 40px",
  522. "height": "40px",
  523. "text-align": "center",
  524. "font-size": "18px",
  525. "color": "#666666",
  526. "font-weight": "bold"
  527. },
  528. "fileDesignerContentNode": {
  529. "overflow": "auto"
  530. },
  531. "fileDesignerButtonNode": {
  532. "height": "50px"
  533. },
  534. "fileDesignerContentAreaNode": {
  535. "overflow": "hidden",
  536. "padding": "20px"
  537. },
  538. "fileDesignerContentLineNode": {
  539. "height": "30px",
  540. "line-height": "30px",
  541. "width": "80%",
  542. "margin": "auto",
  543. "margin-top": "10px"
  544. },
  545. "fileDesignerContentLineTitleNode": {
  546. "height": "30px",
  547. "width": "80px",
  548. "float": "left",
  549. "font-size": "16px",
  550. "color": "#666666",
  551. "text-align": "left",
  552. "font-weight": "bold"
  553. },
  554. "fileDesignerContentLineContentNode": {
  555. "height": "30px",
  556. "margin-left": "80px",
  557. "-webkit-user-select": "text",
  558. "-moz-user-select": "text"
  559. },
  560. "fileDesignerContentLineInputNode": {
  561. "border": "1px solid #999999",
  562. "height": "22px",
  563. "line-height": "22px",
  564. "width": "99%",
  565. "color": "#666666"
  566. },
  567. "fileDesignerContentFileLineNode": {
  568. "height": "80px",
  569. "line-height": "80px",
  570. "width": "80%",
  571. "margin": "auto",
  572. "margin-top": "10px"
  573. },
  574. "fileDesignerContentFileLineTitleNode": {
  575. "height": "80px",
  576. "width": "80px",
  577. "float": "left",
  578. "font-size": "16px",
  579. "color": "#666666",
  580. "text-align": "left",
  581. "font-weight": "bold"
  582. },
  583. "fileDesignerContentFileLineContentNode": {
  584. "height": "80px",
  585. "margin": "0px 80px"
  586. },
  587. "fileDesignerContentFileLineRightNode":{
  588. "height": "80px",
  589. "width": "80px",
  590. "float": "right",
  591. },
  592. "fileDesignerUploadButtonNode": {
  593. "height": "24px",
  594. "width": "70px",
  595. "line-height": "24px",
  596. "border": "1px solid #999999",
  597. "border-radius": "5px",
  598. "text-align": "center",
  599. "color": "#666666",
  600. "float": "right",
  601. "margin-top": "28px",
  602. "background-color": "#F3F3F3",
  603. "cursor": "pointer"
  604. },
  605. "fileDesignerCancelButtonNode": {
  606. "height": "26px",
  607. "width": "80px",
  608. "line-height": "26px",
  609. "border": "1px solid #999999",
  610. "border-radius": "5px",
  611. "text-align": "center",
  612. "color": "#666666",
  613. "float": "right",
  614. "margin-right": "60px",
  615. "background-color": "#F3F3F3",
  616. "cursor": "pointer"
  617. },
  618. "fileDesignerOkButtonNode": {
  619. "height": "26px",
  620. "width": "100px",
  621. "line-height": "26px",
  622. "border": "1px solid #999999",
  623. "border-radius": "5px",
  624. "text-align": "center",
  625. "color": "#FFFFFF",
  626. "float": "right",
  627. "margin-right": "20px",
  628. "background-color": "#4c6b87",
  629. "cursor": "pointer"
  630. },
  631. "fileDesignerContentFileLineFileIconNode": {
  632. "height": "80px",
  633. "width": "80px",
  634. "float": "left",
  635. "background-repeat": "no-repeat",
  636. "background-position": "center"
  637. },
  638. "fileDesignerContentFileLineFileNameNode": {
  639. "margin-left": "85px",
  640. "height": "40px",
  641. "line-height": "20px",
  642. "font-size": "14px",
  643. "word-break": "break-all",
  644. "color": "#666666"
  645. },
  646. "fileDesignerContentFileLineFileSizeNode": {
  647. "margin-left": "85px",
  648. "height": "40px",
  649. "line-height": "20px",
  650. "font-size": "14px",
  651. "color": "#999999"
  652. }
  653. }