You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1318 lines
21 KiB

4 weeks ago
  1. /* common */
  2. .ke-inline-block {
  3. display: -moz-inline-stack;
  4. display: inline-block;
  5. vertical-align: middle;
  6. zoom: 1;
  7. *display: inline;
  8. }
  9. .ke-clearfix {
  10. zoom: 1;
  11. }
  12. .ke-clearfix:after {
  13. content: ".";
  14. display: block;
  15. clear: both;
  16. font-size: 0;
  17. height: 0;
  18. line-height: 0;
  19. visibility: hidden;
  20. }
  21. .ke-shadow {
  22. box-shadow: 1px 1px 3px #A0A0A0;
  23. -moz-box-shadow: 1px 1px 3px #A0A0A0;
  24. -webkit-box-shadow: 1px 1px 3px #A0A0A0;
  25. filter: progid:DXImageTransform.Microsoft.Shadow(color='#A0A0A0',
  26. Direction=135, Strength=3);
  27. background-color: #F0F0EE;
  28. }
  29. .ke-menu a, .ke-menu a:hover, .ke-dialog a, .ke-dialog a:hover {
  30. color: #337FE5;
  31. text-decoration: none;
  32. }
  33. /* icons */
  34. .ke-icon-source {
  35. background-position: 0px 0px;
  36. width: 16px;
  37. height: 16px;
  38. }
  39. .ke-icon-preview {
  40. background-position: 0px -16px;
  41. width: 16px;
  42. height: 16px;
  43. }
  44. .ke-icon-print {
  45. background-position: 0px -32px;
  46. width: 16px;
  47. height: 16px;
  48. }
  49. .ke-icon-undo {
  50. background-position: 0px -48px;
  51. width: 16px;
  52. height: 16px;
  53. }
  54. .ke-icon-redo {
  55. background-position: 0px -64px;
  56. width: 16px;
  57. height: 16px;
  58. }
  59. .ke-icon-cut {
  60. background-position: 0px -80px;
  61. width: 16px;
  62. height: 16px;
  63. }
  64. .ke-icon-copy {
  65. background-position: 0px -96px;
  66. width: 16px;
  67. height: 16px;
  68. }
  69. .ke-icon-paste {
  70. background-position: 0px -112px;
  71. width: 16px;
  72. height: 16px;
  73. }
  74. .ke-icon-selectall {
  75. background-position: 0px -128px;
  76. width: 16px;
  77. height: 16px;
  78. }
  79. .ke-icon-justifyleft {
  80. background-position: 0px -144px;
  81. width: 16px;
  82. height: 16px;
  83. }
  84. .ke-icon-justifycenter {
  85. background-position: 0px -160px;
  86. width: 16px;
  87. height: 16px;
  88. }
  89. .ke-icon-justifyright {
  90. background-position: 0px -176px;
  91. width: 16px;
  92. height: 16px;
  93. }
  94. .ke-icon-justifyfull {
  95. background-position: 0px -192px;
  96. width: 16px;
  97. height: 16px;
  98. }
  99. .ke-icon-insertorderedlist {
  100. background-position: 0px -208px;
  101. width: 16px;
  102. height: 16px;
  103. }
  104. .ke-icon-insertunorderedlist {
  105. background-position: 0px -224px;
  106. width: 16px;
  107. height: 16px;
  108. }
  109. .ke-icon-indent {
  110. background-position: 0px -240px;
  111. width: 16px;
  112. height: 16px;
  113. }
  114. .ke-icon-outdent {
  115. background-position: 0px -256px;
  116. width: 16px;
  117. height: 16px;
  118. }
  119. .ke-icon-subscript {
  120. background-position: 0px -272px;
  121. width: 16px;
  122. height: 16px;
  123. }
  124. .ke-icon-superscript {
  125. background-position: 0px -288px;
  126. width: 16px;
  127. height: 16px;
  128. }
  129. .ke-icon-date {
  130. background-position: 0px -304px;
  131. width: 25px;
  132. height: 16px;
  133. }
  134. .ke-icon-time {
  135. background-position: 0px -320px;
  136. width: 25px;
  137. height: 16px;
  138. }
  139. .ke-icon-formatblock {
  140. background-position: 0px -336px;
  141. width: 25px;
  142. height: 16px;
  143. }
  144. .ke-icon-fontname {
  145. background-position: 0px -352px;
  146. width: 21px;
  147. height: 16px;
  148. }
  149. .ke-icon-fontsize {
  150. background-position: 0px -368px;
  151. width: 23px;
  152. height: 16px;
  153. }
  154. .ke-icon-forecolor {
  155. background-position: 0px -384px;
  156. width: 20px;
  157. height: 16px;
  158. }
  159. .ke-icon-hilitecolor {
  160. background-position: 0px -400px;
  161. width: 23px;
  162. height: 16px;
  163. }
  164. .ke-icon-bold {
  165. background-position: 0px -416px;
  166. width: 16px;
  167. height: 16px;
  168. }
  169. .ke-icon-italic {
  170. background-position: 0px -432px;
  171. width: 16px;
  172. height: 16px;
  173. }
  174. .ke-icon-underline {
  175. background-position: 0px -448px;
  176. width: 16px;
  177. height: 16px;
  178. }
  179. .ke-icon-strikethrough {
  180. background-position: 0px -464px;
  181. width: 16px;
  182. height: 16px;
  183. }
  184. .ke-icon-removeformat {
  185. background-position: 0px -480px;
  186. width: 16px;
  187. height: 16px;
  188. }
  189. .ke-icon-image {
  190. background-position: 0px -496px;
  191. width: 16px;
  192. height: 16px;
  193. }
  194. .ke-icon-flash {
  195. background-position: 0px -512px;
  196. width: 16px;
  197. height: 16px;
  198. }
  199. .ke-icon-media {
  200. background-position: 0px -528px;
  201. width: 16px;
  202. height: 16px;
  203. }
  204. .ke-icon-div {
  205. background-position: 0px -544px;
  206. width: 16px;
  207. height: 16px;
  208. }
  209. .ke-icon-formula {
  210. background-position: 0px -576px;
  211. width: 16px;
  212. height: 16px;
  213. }
  214. .ke-icon-hr {
  215. background-position: 0px -592px;
  216. width: 16px;
  217. height: 16px;
  218. }
  219. .ke-icon-emoticons {
  220. background-position: 0px -608px;
  221. width: 16px;
  222. height: 16px;
  223. }
  224. .ke-icon-link {
  225. background-position: 0px -624px;
  226. width: 16px;
  227. height: 16px;
  228. }
  229. .ke-icon-unlink {
  230. background-position: 0px -640px;
  231. width: 16px;
  232. height: 16px;
  233. }
  234. .ke-icon-fullscreen {
  235. background-position: 0px -656px;
  236. width: 16px;
  237. height: 16px;
  238. }
  239. .ke-icon-about {
  240. background-position: 0px -672px;
  241. width: 16px;
  242. height: 16px;
  243. }
  244. .ke-icon-plainpaste {
  245. background-position: 0px -704px;
  246. width: 16px;
  247. height: 16px;
  248. }
  249. .ke-icon-wordpaste {
  250. background-position: 0px -720px;
  251. width: 16px;
  252. height: 16px;
  253. }
  254. .ke-icon-table {
  255. background-position: 0px -784px;
  256. width: 16px;
  257. height: 16px;
  258. }
  259. .ke-icon-tablemenu {
  260. background-position: 0px -768px;
  261. width: 16px;
  262. height: 16px;
  263. }
  264. .ke-icon-tableinsert {
  265. background-position: 0px -784px;
  266. width: 16px;
  267. height: 16px;
  268. }
  269. .ke-icon-tabledelete {
  270. background-position: 0px -800px;
  271. width: 16px;
  272. height: 16px;
  273. }
  274. .ke-icon-tablecolinsertleft {
  275. background-position: 0px -816px;
  276. width: 16px;
  277. height: 16px;
  278. }
  279. .ke-icon-tablecolinsertright {
  280. background-position: 0px -832px;
  281. width: 16px;
  282. height: 16px;
  283. }
  284. .ke-icon-tablerowinsertabove {
  285. background-position: 0px -848px;
  286. width: 16px;
  287. height: 16px;
  288. }
  289. .ke-icon-tablerowinsertbelow {
  290. background-position: 0px -864px;
  291. width: 16px;
  292. height: 16px;
  293. }
  294. .ke-icon-tablecoldelete {
  295. background-position: 0px -880px;
  296. width: 16px;
  297. height: 16px;
  298. }
  299. .ke-icon-tablerowdelete {
  300. background-position: 0px -896px;
  301. width: 16px;
  302. height: 16px;
  303. }
  304. .ke-icon-tablecellprop {
  305. background-position: 0px -912px;
  306. width: 16px;
  307. height: 16px;
  308. }
  309. .ke-icon-tableprop {
  310. background-position: 0px -928px;
  311. width: 16px;
  312. height: 16px;
  313. }
  314. .ke-icon-checked {
  315. background-position: 0px -944px;
  316. width: 16px;
  317. height: 16px;
  318. }
  319. .ke-icon-code {
  320. background-position: 0px -960px;
  321. width: 16px;
  322. height: 16px;
  323. }
  324. .ke-icon-map {
  325. background-position: 0px -976px;
  326. width: 16px;
  327. height: 16px;
  328. }
  329. .ke-icon-baidumap {
  330. background-position: 0px -976px;
  331. width: 16px;
  332. height: 16px;
  333. }
  334. .ke-icon-lineheight {
  335. background-position: 0px -992px;
  336. width: 16px;
  337. height: 16px;
  338. }
  339. .ke-icon-clearhtml {
  340. background-position: 0px -1008px;
  341. width: 16px;
  342. height: 16px;
  343. }
  344. .ke-icon-pagebreak {
  345. background-position: 0px -1024px;
  346. width: 16px;
  347. height: 16px;
  348. }
  349. .ke-icon-insertfile {
  350. background-position: 0px -1040px;
  351. width: 16px;
  352. height: 16px;
  353. }
  354. .ke-icon-quickformat {
  355. background-position: 0px -1056px;
  356. width: 16px;
  357. height: 16px;
  358. }
  359. .ke-icon-template {
  360. background-position: 0px -1072px;
  361. width: 16px;
  362. height: 16px;
  363. }
  364. .ke-icon-tablecellsplit {
  365. background-position: 0px -1088px;
  366. width: 16px;
  367. height: 16px;
  368. }
  369. .ke-icon-tablerowmerge {
  370. background-position: 0px -1104px;
  371. width: 16px;
  372. height: 16px;
  373. }
  374. .ke-icon-tablerowsplit {
  375. background-position: 0px -1120px;
  376. width: 16px;
  377. height: 16px;
  378. }
  379. .ke-icon-tablecolmerge {
  380. background-position: 0px -1136px;
  381. width: 16px;
  382. height: 16px;
  383. }
  384. .ke-icon-tablecolsplit {
  385. background-position: 0px -1152px;
  386. width: 16px;
  387. height: 16px;
  388. }
  389. .ke-icon-anchor {
  390. background-position: 0px -1168px;
  391. width: 16px;
  392. height: 16px;
  393. }
  394. .ke-icon-search {
  395. background-position: 0px -1184px;
  396. width: 16px;
  397. height: 16px;
  398. }
  399. .ke-icon-new {
  400. background-position: 0px -1200px;
  401. width: 16px;
  402. height: 16px;
  403. }
  404. .ke-icon-specialchar {
  405. background-position: 0px -1216px;
  406. width: 16px;
  407. height: 16px;
  408. }
  409. .ke-icon-multiimage {
  410. background-position: 0px -1232px;
  411. width: 16px;
  412. height: 16px;
  413. }
  414. /* container */
  415. .ke-container {
  416. display: block;
  417. border: 1px solid #CCCCCC;
  418. background-color: #FFF;
  419. overflow: hidden;
  420. margin: 0;
  421. padding: 0;
  422. }
  423. /* toolbar */
  424. .ke-toolbar {
  425. border-bottom: 1px solid #CCC;
  426. background-color: #F0F0EE;
  427. padding: 2px 5px;
  428. text-align: left;
  429. overflow: hidden;
  430. zoom: 1;
  431. }
  432. .ke-toolbar-icon {
  433. background-repeat: no-repeat;
  434. font-size: 0;
  435. line-height: 0;
  436. overflow: hidden;
  437. display: block;
  438. }
  439. .ke-toolbar-icon-url {
  440. background-image: url(default.png);
  441. }
  442. .ke-toolbar .ke-outline {
  443. border: 1px solid #F0F0EE;
  444. margin: 1px;
  445. padding: 1px 2px;
  446. font-size: 0;
  447. line-height: 0;
  448. overflow: hidden;
  449. cursor: pointer;
  450. display: block;
  451. float: left;
  452. }
  453. .ke-toolbar .ke-on {
  454. border: 1px solid #5690D2;
  455. }
  456. .ke-toolbar .ke-selected {
  457. border: 1px solid #5690D2;
  458. background-color: #E9EFF6;
  459. }
  460. .ke-toolbar .ke-disabled {
  461. cursor: default;
  462. }
  463. .ke-toolbar .ke-separator {
  464. height: 16px;
  465. margin: 2px 3px;
  466. border-left: 1px solid #A0A0A0;
  467. border-right: 1px solid #FFFFFF;
  468. border-top: 0;
  469. border-bottom: 0;
  470. width: 0;
  471. font-size: 0;
  472. line-height: 0;
  473. overflow: hidden;
  474. display: block;
  475. float: left;
  476. }
  477. .ke-toolbar .ke-hr {
  478. overflow: hidden;
  479. height: 1px;
  480. clear: both;
  481. }
  482. /* edit */
  483. .ke-edit {
  484. padding: 0;
  485. }
  486. .ke-edit-iframe, .ke-edit-textarea {
  487. border: 0;
  488. margin: 0;
  489. padding: 0;
  490. overflow: auto;
  491. }
  492. .ke-edit-textarea {
  493. font: 12px/1.5 "Consolas", "Monaco", "Bitstream Vera Sans Mono",
  494. "Courier New", Courier, monospace;
  495. color: #000;
  496. overflow: auto;
  497. resize: none;
  498. }
  499. .ke-edit-textarea:focus {
  500. outline: none;
  501. }
  502. /* statusbar */
  503. .ke-statusbar {
  504. position: relative;
  505. background-color: #F0F0EE;
  506. border-top: 1px solid #CCCCCC;
  507. font-size: 0;
  508. line-height: 0;
  509. *height: 12px;
  510. overflow: hidden;
  511. text-align: center;
  512. cursor: s-resize;
  513. }
  514. .ke-statusbar-center-icon {
  515. background-position: -0px -754px;
  516. width: 15px;
  517. height: 11px;
  518. background-image: url(default.png);
  519. }
  520. .ke-statusbar-right-icon {
  521. position: absolute;
  522. right: 0;
  523. bottom: 0;
  524. cursor: se-resize;
  525. background-position: -5px -741px;
  526. width: 11px;
  527. height: 11px;
  528. background-image: url(default.png);
  529. }
  530. /* menu */
  531. .ke-menu {
  532. border: 1px solid #A0A0A0;
  533. background-color: #F1F1F1;
  534. color: #222222;
  535. padding: 2px;
  536. font-family: "sans serif", tahoma, verdana, helvetica;
  537. font-size: 12px;
  538. text-align: left;
  539. overflow: hidden;
  540. }
  541. .ke-menu-item {
  542. border: 1px solid #F1F1F1;
  543. background-color: #F1F1F1;
  544. color: #222222;
  545. height: 24px;
  546. overflow: hidden;
  547. cursor: pointer;
  548. }
  549. .ke-menu-item-on {
  550. border: 1px solid #5690D2;
  551. background-color: #E9EFF6;
  552. }
  553. .ke-menu-item-left {
  554. width: 27px;
  555. text-align: center;
  556. overflow: hidden;
  557. }
  558. .ke-menu-item-center {
  559. width: 0;
  560. height: 24px;
  561. border-left: 1px solid #E3E3E3;
  562. border-right: 1px solid #FFFFFF;
  563. border-top: 0;
  564. border-bottom: 0;
  565. }
  566. .ke-menu-item-center-on {
  567. border-left: 1px solid #E9EFF6;
  568. border-right: 1px solid #E9EFF6;
  569. }
  570. .ke-menu-item-right {
  571. border: 0;
  572. padding: 0 0 0 5px;
  573. line-height: 24px;
  574. text-align: left;
  575. overflow: hidden;
  576. }
  577. .ke-menu-separator {
  578. margin: 2px 0;
  579. height: 0;
  580. overflow: hidden;
  581. border-top: 1px solid #CCCCCC;
  582. border-bottom: 1px solid #FFFFFF;
  583. border-left: 0;
  584. border-right: 0;
  585. }
  586. /* colorpicker */
  587. .ke-colorpicker {
  588. border: 1px solid #A0A0A0;
  589. background-color: #F1F1F1;
  590. color: #222222;
  591. padding: 2px;
  592. }
  593. .ke-colorpicker-table {
  594. border: 0;
  595. margin: 0;
  596. padding: 0;
  597. border-collapse: separate;
  598. }
  599. .ke-colorpicker-cell {
  600. font-size: 0;
  601. line-height: 0;
  602. border: 1px solid #F0F0EE;
  603. cursor: pointer;
  604. margin: 3px;
  605. padding: 0;
  606. }
  607. .ke-colorpicker-cell-top {
  608. font-family: "sans serif", tahoma, verdana, helvetica;
  609. font-size: 12px;
  610. line-height: 24px;
  611. border: 1px solid #F0F0EE;
  612. cursor: pointer;
  613. margin: 0;
  614. padding: 0;
  615. text-align: center;
  616. }
  617. .ke-colorpicker-cell-on {
  618. border: 1px solid #5690D2;
  619. }
  620. .ke-colorpicker-cell-selected {
  621. border: 1px solid #2446AB;
  622. }
  623. .ke-colorpicker-cell-color {
  624. width: 14px;
  625. height: 14px;
  626. margin: 3px;
  627. padding: 0;
  628. border: 0;
  629. }
  630. /* dialog */
  631. .ke-dialog {
  632. position: absolute;
  633. margin: 0;
  634. padding: 0;
  635. }
  636. .ke-dialog .ke-header {
  637. width: 100%;
  638. margin-bottom: 10px;
  639. }
  640. .ke-dialog .ke-header .ke-left {
  641. float: left;
  642. }
  643. .ke-dialog .ke-header .ke-right {
  644. float: right;
  645. }
  646. .ke-dialog .ke-header label {
  647. margin-right: 0;
  648. cursor: pointer;
  649. font-weight: normal;
  650. display: inline;
  651. vertical-align: top;
  652. }
  653. .ke-dialog-content {
  654. background-color: #FFF;
  655. width: 100%;
  656. height: 100%;
  657. color: #333;
  658. border: 1px solid #A0A0A0;
  659. }
  660. .ke-dialog-shadow {
  661. position: absolute;
  662. z-index: -1;
  663. top: 0;
  664. left: 0;
  665. width: 100%;
  666. height: 100%;
  667. box-shadow: 3px 3px 7px #999;
  668. -moz-box-shadow: 3px 3px 7px #999;
  669. -webkit-box-shadow: 3px 3px 7px #999;
  670. filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3',
  671. MakeShadow='true', ShadowOpacity='0.4');
  672. background-color: #F0F0EE;
  673. }
  674. .ke-dialog-header {
  675. border: 0;
  676. margin: 0;
  677. padding: 0 10px;
  678. background: url(background.png) repeat scroll 0 0 #F0F0EE;
  679. border-bottom: 1px solid #CFCFCF;
  680. height: 24px;
  681. font: 12px/24px "sans serif", tahoma, verdana, helvetica;
  682. text-align: left;
  683. color: #222;
  684. cursor: move;
  685. }
  686. .ke-dialog-icon-close {
  687. display: block;
  688. background: url(default.png) no-repeat scroll 0px -688px;
  689. width: 16px;
  690. height: 16px;
  691. position: absolute;
  692. right: 6px;
  693. top: 6px;
  694. cursor: pointer;
  695. }
  696. .ke-dialog-body {
  697. font: 12px/1.5 "sans serif", tahoma, verdana, helvetica;
  698. text-align: left;
  699. overflow: hidden;
  700. width: 100%;
  701. }
  702. .ke-dialog-body textarea {
  703. display: block;
  704. overflow: auto;
  705. padding: 0;
  706. resize: none;
  707. }
  708. .ke-dialog-body textarea:focus, .ke-dialog-body input:focus,
  709. .ke-dialog-body select:focus {
  710. outline: none;
  711. }
  712. .ke-dialog-body label {
  713. margin-right: 10px;
  714. cursor: pointer;
  715. display: -moz-inline-stack;
  716. display: inline-block;
  717. vertical-align: middle;
  718. zoom: 1;
  719. *display: inline;
  720. }
  721. .ke-dialog-body img {
  722. display: -moz-inline-stack;
  723. display: inline-block;
  724. vertical-align: middle;
  725. zoom: 1;
  726. *display: inline;
  727. }
  728. .ke-dialog-body select {
  729. display: -moz-inline-stack;
  730. display: inline-block;
  731. vertical-align: middle;
  732. zoom: 1;
  733. *display: inline;
  734. width: auto;
  735. }
  736. .ke-dialog-body .ke-textarea {
  737. display: block;
  738. width: 408px;
  739. height: 260px;
  740. font-family: "sans serif", tahoma, verdana, helvetica;
  741. font-size: 12px;
  742. border-color: #848484 #E0E0E0 #E0E0E0 #848484;
  743. border-style: solid;
  744. border-width: 1px;
  745. }
  746. .ke-dialog-body .ke-form {
  747. margin: 0;
  748. padding: 0;
  749. }
  750. .ke-dialog-loading {
  751. position: absolute;
  752. top: 0;
  753. left: 1px;
  754. z-index: 1;
  755. text-align: center;
  756. }
  757. .ke-dialog-loading-content {
  758. background: url("../common/loading.gif") no-repeat;
  759. color: #666;
  760. font-size: 14px;
  761. font-weight: bold;
  762. height: 31px;
  763. line-height: 31px;
  764. padding-left: 36px;
  765. }
  766. .ke-dialog-row {
  767. margin-bottom: 10px;
  768. }
  769. .ke-dialog-footer {
  770. font: 12px/1 "sans serif", tahoma, verdana, helvetica;
  771. text-align: right;
  772. padding: 0 0 5px 0;
  773. background-color: #FFF;
  774. width: 100%;
  775. }
  776. .ke-dialog-preview, .ke-dialog-yes {
  777. margin: 5px;
  778. }
  779. .ke-dialog-no {
  780. margin: 5px 10px 5px 5px;
  781. }
  782. .ke-dialog-mask {
  783. background-color: #FFF;
  784. filter: alpha(opacity = 50);
  785. opacity: 0.5;
  786. }
  787. .ke-button-common {
  788. background: url(background.png) no-repeat scroll 0 -25px transparent;
  789. cursor: pointer;
  790. height: 23px;
  791. line-height: 23px;
  792. overflow: visible;
  793. display: inline-block;
  794. vertical-align: top;
  795. cursor: pointer;
  796. }
  797. .ke-button-outer {
  798. background-position: 0 -25px;
  799. padding: 0;
  800. position: relative;
  801. display: -moz-inline-stack;
  802. display: inline-block;
  803. vertical-align: middle;
  804. zoom: 1;
  805. *display: inline;
  806. }
  807. .ke-button {
  808. background-position: right -25px;
  809. padding: 0 12px;
  810. margin: 0;
  811. font-family: "sans serif", tahoma, verdana, helvetica;
  812. border: 0 none;
  813. color: #333;
  814. font-size: 12px;
  815. left: 2px;
  816. text-decoration: none;
  817. }
  818. /* inputbox */
  819. .ke-input-text {
  820. background-color: #FFFFFF;
  821. font-family: "sans serif", tahoma, verdana, helvetica;
  822. font-size: 12px;
  823. line-height: 17px;
  824. height: 17px;
  825. padding: 2px 4px;
  826. border-color: #848484 #E0E0E0 #E0E0E0 #848484;
  827. border-style: solid;
  828. border-width: 1px;
  829. display: -moz-inline-stack;
  830. display: inline-block;
  831. vertical-align: middle;
  832. zoom: 1;
  833. *display: inline;
  834. }
  835. .ke-input-number {
  836. width: 50px;
  837. }
  838. .ke-input-color {
  839. border: 1px solid #A0A0A0;
  840. background-color: #FFFFFF;
  841. font-size: 12px;
  842. width: 60px;
  843. height: 20px;
  844. line-height: 20px;
  845. padding-left: 5px;
  846. overflow: hidden;
  847. cursor: pointer;
  848. display: -moz-inline-stack;
  849. display: inline-block;
  850. vertical-align: middle;
  851. zoom: 1;
  852. *display: inline;
  853. }
  854. .ke-upload-button {
  855. position: relative;
  856. }
  857. .ke-upload-area {
  858. position: relative;
  859. overflow: hidden;
  860. margin: 0;
  861. padding: 0;
  862. *height: 25px;
  863. }
  864. .ke-upload-area .ke-upload-file {
  865. position: absolute;
  866. font-size: 60px;
  867. top: 0;
  868. right: 0;
  869. padding: 0;
  870. margin: 0;
  871. z-index: 811212;
  872. border: 0 none;
  873. opacity: 0;
  874. filter: alpha(opacity = 0);
  875. }
  876. /* tabs */
  877. .ke-tabs {
  878. font: 12px/1 "sans serif", tahoma, verdana, helvetica;
  879. border-bottom: 1px solid #A0A0A0;
  880. padding-left: 5px;
  881. margin-bottom: 20px;
  882. }
  883. .ke-tabs-ul {
  884. list-style-image: none;
  885. list-style-position: outside;
  886. list-style-type: none;
  887. margin: 0;
  888. padding: 0;
  889. }
  890. .ke-tabs-li {
  891. position: relative;
  892. border: 1px solid #A0A0A0;
  893. background-color: #F0F0EE;
  894. margin: 0 2px -1px 0;
  895. padding: 0 20px;
  896. float: left;
  897. line-height: 25px;
  898. text-align: center;
  899. color: #555555;
  900. cursor: pointer;
  901. }
  902. .ke-tabs-li-selected {
  903. background-color: #FFF;
  904. border-bottom: 1px solid #FFF;
  905. color: #000;
  906. cursor: default;
  907. }
  908. .ke-tabs-li-on {
  909. background-color: #FFF;
  910. color: #000;
  911. }
  912. /* progressbar */
  913. .ke-progressbar {
  914. position: relative;
  915. margin: 0;
  916. padding: 0;
  917. }
  918. .ke-progressbar-bar {
  919. border: 1px solid #6FA5DB;
  920. width: 80px;
  921. height: 5px;
  922. margin: 10px 10px 0 10px;
  923. padding: 0;
  924. }
  925. .ke-progressbar-bar-inner {
  926. width: 0;
  927. height: 5px;
  928. background-color: #6FA5DB;
  929. overflow: hidden;
  930. margin: 0;
  931. padding: 0;
  932. }
  933. .ke-progressbar-percent {
  934. position: absolute;
  935. top: 0;
  936. left: 40%;
  937. display: none;
  938. }
  939. /* swfupload */
  940. .ke-swfupload-top {
  941. position: relative;
  942. margin-bottom: 10px;
  943. _width: 608px;
  944. }
  945. .ke-swfupload-button {
  946. height: 23px;
  947. line-height: 23px;
  948. }
  949. .ke-swfupload-desc {
  950. padding: 0 10px;
  951. height: 23px;
  952. line-height: 23px;
  953. }
  954. .ke-swfupload-startupload {
  955. position: absolute;
  956. top: 0;
  957. right: 0;
  958. }
  959. .ke-swfupload-body {
  960. overflow: scroll;
  961. background-color: #FFFFFF;
  962. border-color: #848484 #E0E0E0 #E0E0E0 #848484;
  963. border-style: solid;
  964. border-width: 1px;
  965. width: auto;
  966. height: 370px;
  967. padding: 5px;
  968. }
  969. .ke-swfupload-body .ke-item {
  970. width: 100px;
  971. margin: 5px;
  972. }
  973. .ke-swfupload-body .ke-photo {
  974. position: relative;
  975. border: 1px solid #DDDDDD;
  976. background-color: #FFFFFF;
  977. padding: 10px;
  978. }
  979. .ke-swfupload-body .ke-delete {
  980. display: block;
  981. background: url(default.png) no-repeat scroll 0px -688px;
  982. width: 16px;
  983. height: 16px;
  984. position: absolute;
  985. right: 0;
  986. top: 0;
  987. cursor: pointer;
  988. }
  989. .ke-swfupload-body .ke-status {
  990. position: absolute;
  991. left: 0;
  992. bottom: 5px;
  993. width: 100px;
  994. height: 17px;
  995. }
  996. .ke-swfupload-body .ke-message {
  997. width: 100px;
  998. text-align: center;
  999. overflow: hidden;
  1000. height: 17px;
  1001. }
  1002. .ke-swfupload-body .ke-error {
  1003. color: red;
  1004. }
  1005. .ke-swfupload-body .ke-name {
  1006. width: 100px;
  1007. text-align: center;
  1008. overflow: hidden;
  1009. height: 16px;
  1010. }
  1011. .ke-swfupload-body .ke-on {
  1012. border: 1px solid #5690D2;
  1013. background-color: #E9EFF6;
  1014. }
  1015. /* emoticons */
  1016. .ke-plugin-emoticons {
  1017. position: relative;
  1018. }
  1019. .ke-plugin-emoticons .ke-preview {
  1020. position: absolute;
  1021. text-align: center;
  1022. margin: 2px;
  1023. padding: 10px;
  1024. top: 0;
  1025. border: 1px solid #A0A0A0;
  1026. background-color: #FFFFFF;
  1027. display: none;
  1028. }
  1029. .ke-plugin-emoticons .ke-preview-img {
  1030. border: 0;
  1031. margin: 0;
  1032. padding: 0;
  1033. }
  1034. .ke-plugin-emoticons .ke-table {
  1035. border: 0;
  1036. margin: 0;
  1037. padding: 0;
  1038. border-collapse: separate;
  1039. }
  1040. .ke-plugin-emoticons .ke-cell {
  1041. margin: 0;
  1042. padding: 1px;
  1043. border: 1px solid #F0F0EE;
  1044. cursor: pointer;
  1045. }
  1046. .ke-plugin-emoticons .ke-on {
  1047. border: 1px solid #5690D2;
  1048. background-color: #E9EFF6;
  1049. }
  1050. .ke-plugin-emoticons .ke-img {
  1051. display: block;
  1052. background-repeat: no-repeat;
  1053. overflow: hidden;
  1054. margin: 2px;
  1055. width: 24px;
  1056. height: 24px;
  1057. margin: 0;
  1058. padding: 0;
  1059. border: 0;
  1060. }
  1061. .ke-plugin-emoticons .ke-page {
  1062. text-align: right;
  1063. margin: 5px;
  1064. padding: 0;
  1065. border: 0;
  1066. font: 12px/1 "sans serif", tahoma, verdana, helvetica;
  1067. color: #333;
  1068. text-decoration: none;
  1069. }
  1070. .ke-plugin-plainpaste-textarea, .ke-plugin-wordpaste-iframe {
  1071. display: block;
  1072. width: 408px;
  1073. height: 260px;
  1074. font-family: "sans serif", tahoma, verdana, helvetica;
  1075. font-size: 12px;
  1076. border-color: #848484 #E0E0E0 #E0E0E0 #848484;
  1077. border-style: solid;
  1078. border-width: 1px;
  1079. }
  1080. /* filemanager */
  1081. .ke-plugin-filemanager-header {
  1082. width: 100%;
  1083. margin-bottom: 10px;
  1084. }
  1085. .ke-plugin-filemanager-header .ke-left {
  1086. float: left;
  1087. }
  1088. .ke-plugin-filemanager-header .ke-right {
  1089. float: right;
  1090. }
  1091. .ke-plugin-filemanager-body {
  1092. overflow: scroll;
  1093. background-color: #FFFFFF;
  1094. border-color: #848484 #E0E0E0 #E0E0E0 #848484;
  1095. border-style: solid;
  1096. border-width: 1px;
  1097. width: auto;
  1098. height: 370px;
  1099. padding: 5px;
  1100. }
  1101. .ke-plugin-filemanager-body .ke-item {
  1102. width: 100px;
  1103. margin: 5px;
  1104. }
  1105. .ke-plugin-filemanager-body .ke-photo {
  1106. border: 1px solid #DDDDDD;
  1107. background-color: #FFFFFF;
  1108. padding: 10px;
  1109. }
  1110. .ke-plugin-filemanager-body .ke-name {
  1111. width: 100px;
  1112. text-align: center;
  1113. overflow: hidden;
  1114. height: 16px;
  1115. }
  1116. .ke-plugin-filemanager-body .ke-on {
  1117. border: 1px solid #5690D2;
  1118. background-color: #E9EFF6;
  1119. }
  1120. .ke-plugin-filemanager-body .ke-table {
  1121. width: 95%;
  1122. border: 0;
  1123. margin: 0;
  1124. padding: 0;
  1125. border-collapse: separate;
  1126. }
  1127. .ke-plugin-filemanager-body .ke-table .ke-cell {
  1128. margin: 0;
  1129. padding: 0;
  1130. border: 0;
  1131. }
  1132. .ke-plugin-filemanager-body .ke-table .ke-name {
  1133. width: 55%;
  1134. text-align: left;
  1135. }
  1136. .ke-plugin-filemanager-body .ke-table .ke-size {
  1137. width: 15%;
  1138. text-align: left;
  1139. }
  1140. .ke-plugin-filemanager-body .ke-table .ke-datetime {
  1141. width: 30%;
  1142. text-align: center;
  1143. }