kindeditor.css 23 KB

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