umeditor.css 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773
  1. .edui-container{
  2. position: relative;
  3. border: 1px solid #d4d4d4;
  4. box-shadow: 2px 2px 5px #d3d6da;
  5. background-color: #fff;
  6. }
  7. .edui-container .edui-toolbar{
  8. position: relative;
  9. width:auto;
  10. border-bottom: 1px solid #e1e1e1;
  11. box-shadow: 2px 2px 5px #d3d6da;
  12. background-color: #fafafa;
  13. z-index: 99999;
  14. }
  15. .edui-toolbar .edui-btn-toolbar{
  16. position: relative;
  17. padding: 5px;
  18. }
  19. .edui-container .edui-editor-body{
  20. background-color: #fff;
  21. }
  22. .edui-editor-body .edui-body-container{
  23. }
  24. .edui-editor-body .edui-body-container p{margin:5px 0;}
  25. .edui-editor-body .edui-body-container{
  26. border:0;
  27. outline:none;
  28. cursor:text;
  29. padding:0 10px 0;
  30. overflow:auto;
  31. display:block;
  32. word-wrap:break-word;
  33. font-size:16px;
  34. font-family:sans-serif;
  35. }
  36. .edui-editor-body.focus{border:1px solid #5c9dff}
  37. .edui-editor-body table{margin:10px 0 10px;border-collapse:collapse;display:table;}
  38. .edui-editor-body td{padding: 5px 10px;border: 1px solid #DDD;}
  39. .edui-editor-body iframe.mathquill-embedded-latex{
  40. border: 0px;
  41. padding: 0px;
  42. display: inline;
  43. margin: 0px;
  44. background: none;
  45. vertical-align: middle;
  46. width: 0px;
  47. height: 0px;
  48. }
  49. /*普通按钮*/
  50. .edui-btn-toolbar .edui-btn{
  51. position: relative;
  52. display: inline-block;
  53. vertical-align: top;
  54. *display: inline;
  55. *zoom:1;
  56. width:auto;
  57. margin: 0 1px;
  58. padding:1px;
  59. border:none;
  60. background: none;
  61. }
  62. .edui-btn-toolbar .edui-btn .edui-icon{
  63. width: 20px;
  64. height: 20px;
  65. margin: 0;
  66. padding:0;
  67. background-repeat: no-repeat;
  68. background-image: url(../images/icons.png);
  69. background-image: url(../images/icons.gif) \9;
  70. }
  71. /*状态反射*/
  72. .edui-btn-toolbar .edui-btn.edui-hover,
  73. .edui-btn-toolbar .edui-btn.edui-active{
  74. background-color: #d5e1f2;
  75. padding: 0;
  76. border: 1px solid #a3bde3;
  77. _z-index: 1;
  78. }
  79. .edui-btn-toolbar .edui-btn.edui-disabled{
  80. opacity: 0.3;
  81. filter: alpha(opacity = 30);
  82. }
  83. .edui-btn-toolbar .edui-btn .edui-icon-source {
  84. background-position:-260px -0px;
  85. }
  86. .edui-btn-toolbar .edui-btn .edui-icon-undo {
  87. background-position: -160px 0;
  88. }
  89. .edui-btn-toolbar .edui-btn .edui-icon-redo {
  90. background-position: -100px 0;
  91. }
  92. .edui-btn-toolbar .edui-btn .edui-icon-bold{
  93. background-position: 0 0;
  94. }
  95. .edui-btn-toolbar .edui-btn .edui-icon-italic {
  96. background-position: -60px 0;
  97. }
  98. .edui-btn-toolbar .edui-btn .edui-icon-underline {
  99. background-position: -140px 0
  100. }
  101. .edui-btn-toolbar .edui-btn .edui-icon-strikethrough {
  102. background-position: -120px 0;
  103. }
  104. .edui-btn-toolbar .edui-btn .edui-icon-superscript {
  105. background-position: -620px 0;
  106. }
  107. .edui-btn-toolbar .edui-btn .edui-icon-subscript {
  108. background-position: -600px 0;
  109. }
  110. .edui-btn-toolbar .edui-btn .edui-icon-font, .edui-btn-toolbar .edui-btn .edui-icon-forecolor {
  111. background-position: -720px 0;
  112. }
  113. .edui-btn-toolbar .edui-btn .edui-icon-backcolor {
  114. background-position: -760px 0;
  115. }
  116. .edui-btn-toolbar .edui-btn .edui-icon-insertorderedlist {
  117. background-position: -80px 0;
  118. }
  119. .edui-btn-toolbar .edui-btn .edui-icon-insertunorderedlist {
  120. background-position: -20px 0;
  121. }
  122. .edui-btn-toolbar .edui-btn .edui-icon-selectall {
  123. background-position: -400px -20px;
  124. }
  125. .edui-btn-toolbar .edui-btn .edui-icon-cleardoc {
  126. background-position: -520px 0;
  127. }
  128. .edui-btn-toolbar .edui-btn .edui-icon-paragraph {
  129. background-position: -140px 0;
  130. }
  131. .edui-btn-toolbar .edui-btn .edui-icon-fontfamily {
  132. background-position: -140px 0;
  133. }
  134. .edui-btn-toolbar .edui-btn .edui-icon-fontsize {
  135. background-position: -140px 0;
  136. }
  137. .edui-btn-toolbar .edui-btn .edui-icon-justifyleft {
  138. background-position: -460px 0;
  139. }
  140. .edui-btn-toolbar .edui-btn .edui-icon-justifycenter {
  141. background-position: -420px 0;
  142. }
  143. .edui-btn-toolbar .edui-btn .edui-icon-justifyright {
  144. background-position:-480px 0;
  145. }
  146. .edui-btn-toolbar .edui-btn .edui-icon-justifyjustify {
  147. background-position: -440px 0;
  148. }
  149. .edui-btn-toolbar .edui-btn .edui-icon-link {
  150. background-position: -500px 0;
  151. }
  152. .edui-btn-toolbar .edui-btn .edui-icon-unlink {
  153. background-position: -640px 0;
  154. }
  155. .edui-btn-toolbar .edui-btn .edui-icon-image {
  156. background-position: -380px 0;
  157. }
  158. .edui-btn-toolbar .edui-btn .edui-icon-emotion {
  159. background-position: -60px -20px;
  160. }
  161. .edui-btn-toolbar .edui-btn .edui-icon-video {
  162. background-position: -320px -20px;
  163. }
  164. .edui-btn-toolbar .edui-btn .edui-icon-map {
  165. background-position: -40px -40px;
  166. }
  167. .edui-btn-toolbar .edui-btn .edui-icon-gmap {
  168. background-position: -260px -40px;
  169. }
  170. .edui-btn-toolbar .edui-btn .edui-icon-horizontal {
  171. background-position: -360px 0;
  172. }
  173. .edui-btn-toolbar .edui-btn .edui-icon-print {
  174. background-position: -440px -20px;
  175. }
  176. .edui-btn-toolbar .edui-btn .edui-icon-preview {
  177. background-position: -420px -20px;
  178. }
  179. .edui-btn-toolbar .edui-btn-fullscreen{
  180. float:right;
  181. }
  182. .edui-btn-toolbar .edui-btn .edui-icon-fullscreen {
  183. background-position: -100px -20px;
  184. }
  185. .edui-btn-toolbar .edui-btn .edui-icon-removeformat {
  186. background-position: -580px 0;
  187. }
  188. .edui-btn-toolbar .edui-btn .edui-icon-drafts {
  189. background-position: -560px 0;
  190. }
  191. .edui-btn-toolbar .edui-btn .edui-icon-formula {
  192. background-position: -80px -20px;
  193. }
  194. .edui-btn-toolbar .edui-splitbutton{
  195. position: relative;
  196. display: inline-block ;
  197. vertical-align: top;
  198. *display: inline ;
  199. *zoom:1;
  200. margin:0 2px;
  201. }
  202. .edui-splitbutton .edui-btn{
  203. margin: 0;
  204. }
  205. .edui-splitbutton .edui-caret{
  206. position: relative;
  207. display: inline-block ;
  208. vertical-align: top;
  209. *display: inline ;
  210. *zoom:1;
  211. width: 8px;
  212. height: 20px;
  213. background: url(../images/icons.png) -741px 0;
  214. _background: url(../images/icons.gif) -741px 0;
  215. }
  216. .edui-btn-toolbar .edui-splitbutton,
  217. .edui-btn-toolbar .edui-splitbutton{
  218. _border: none;
  219. }
  220. /*状态反射*/
  221. .edui-btn-toolbar .edui-splitbutton.edui-hover .edui-btn{
  222. background-color: #d5e1f2;
  223. }
  224. .edui-btn-toolbar .edui-splitbutton.edui-disabled{
  225. opacity: 0.3;
  226. filter: alpha(opacity = 30);
  227. }
  228. .edui-btn-toolbar .edui-splitbutton.edui-disabled .edui-caret{
  229. opacity: 0.3 \0;
  230. filter: alpha(opacity = 30)\0;
  231. }
  232. .edui-btn-toolbar .edui-combobox{
  233. border: 1px solid #CCC;
  234. padding:0;
  235. margin:0 2px;
  236. line-height: 20px;
  237. }
  238. .edui-combobox .edui-button-label{
  239. position: relative;
  240. display: inline-block;
  241. vertical-align: top;
  242. *display: inline ;
  243. *zoom:1;
  244. width:60px;
  245. height:20px;
  246. line-height: 20px;
  247. padding: 2px;
  248. margin: 0;
  249. font-size: 12px;
  250. text-align: center;
  251. cursor: default;
  252. }
  253. .edui-combobox .edui-button-spacing{
  254. position: relative;
  255. display: inline-block ;
  256. vertical-align: top;
  257. *display: inline ;
  258. *zoom:1;
  259. height:20px;
  260. margin: 0;
  261. padding:0 3px;
  262. }
  263. .edui-combobox .edui-caret{
  264. position: relative;
  265. display: inline-block ;
  266. vertical-align: top;
  267. *display: inline ;
  268. *zoom:1;
  269. height:20px;
  270. width: 12px;
  271. margin: 0;
  272. padding: 0;
  273. background: url(../images/icons.png) -741px 0;
  274. _background: url(../images/icons.gif) -741px 0;
  275. }
  276. .edui-btn-toolbar .edui-combobox.edui-disabled{
  277. opacity: 0.2;
  278. filter: alpha(opacity = 20);
  279. }
  280. .edui-btn-toolbar .edui-combobox.edui-disabled .edui-button-label,
  281. .edui-btn-toolbar .edui-combobox.edui-disabled .edui-caret{
  282. opacity: 0.2 \0;
  283. filter: alpha(opacity = 20)\0;
  284. }
  285. .edui-combobox-menu{
  286. position: absolute;
  287. top: 100%;
  288. left: 0;
  289. display: none;
  290. list-style: none;
  291. text-decoration: none;
  292. margin: 0;
  293. padding:5px;
  294. background-color: #ffffff;
  295. border: 1px solid #ccc;
  296. font-size: 12px;
  297. box-shadow: 2px 2px 5px #d3d6da;
  298. min-width: 160px;
  299. _width: 160px;
  300. }
  301. .edui-combobox-menu .edui-combobox-item {
  302. display: block;
  303. border: 1px solid white;
  304. }
  305. .edui-combobox-menu .edui-combobox-item-label {
  306. height: 25px;
  307. line-height: 25px;
  308. display: inline-block;
  309. _display: inline;
  310. _zoom: 1;
  311. margin-left: 10px;
  312. }
  313. .edui-combobox-menu .edui-combobox-item:hover, .edui-combobox-menu .edui-combobox-stack-item:hover, .edui-combobox-menu .edui-combobox-item-hover {
  314. background-color: #d5e1f2;
  315. padding: 0;
  316. border: 1px solid #a3bde3;
  317. }
  318. .edui-combobox-menu .edui-combobox-item .edui-combobox-icon {
  319. display: inline-block;
  320. *zoom: 1;
  321. *display: inline;
  322. width: 24px;
  323. height: 25px;
  324. background: red;
  325. vertical-align: bottom;
  326. background: url(../images/ok.gif) no-repeat 1000px 1000px;
  327. }
  328. .edui-combobox-menu .edui-combobox-checked .edui-combobox-icon {
  329. background-position: 10px 7px;
  330. }
  331. .edui-combobox-menu .edui-combobox-item-separator {
  332. min-width: 160px;
  333. height: 1px;
  334. line-height: 1px;
  335. overflow: hidden;
  336. background: #d3d3d3;
  337. margin: 5px 0;
  338. *margin-top: -8px;
  339. }
  340. /* 字体样式校正 */
  341. .edui-combobox-fontsize .edui-combobox-item-0.edui-combobox-checked .edui-combobox-icon {
  342. background-position: 10px 7px;
  343. }
  344. .edui-combobox-fontsize .edui-combobox-item-1.edui-combobox-checked .edui-combobox-icon {
  345. background-position: 10px 7px;
  346. }
  347. .edui-combobox-fontsize .edui-combobox-item-2.edui-combobox-checked .edui-combobox-icon {
  348. background-position: 10px 7px;
  349. }
  350. .edui-combobox-fontsize .edui-combobox-item-3.edui-combobox-checked .edui-combobox-icon {
  351. background-position: 10px 7px;
  352. }
  353. /* 24 */
  354. .edui-combobox-fontsize .edui-combobox-item-4 .edui-combobox-item-label {
  355. height: 27px;
  356. line-height: 27px;
  357. }
  358. .edui-combobox-fontsize .edui-combobox-item-4.edui-combobox-checked .edui-combobox-icon {
  359. background-position: 10px 5px;
  360. }
  361. /* 32 */
  362. .edui-combobox-fontsize .edui-combobox-item-5 .edui-combobox-item-label {
  363. height: 31px;
  364. line-height: 31px;
  365. }
  366. .edui-combobox-fontsize .edui-combobox-item-5.edui-combobox-checked .edui-combobox-icon {
  367. background-position: 10px 4px;
  368. }
  369. /* 48 */
  370. .edui-combobox-fontsize .edui-combobox-item-6 .edui-combobox-item-label {
  371. height: 47px;
  372. line-height: 47px;
  373. }
  374. /*.edui-combobox-fontsize .edui-combobox-item-6 .edui-combobox-icon {*/
  375. /*height: 25px;*/
  376. /*margin-bottom: 11px;*/
  377. /*}*/
  378. /*.edui-combobox-fontsize .edui-combobox-item-6.edui-combobox-checked .edui-combobox-icon {*/
  379. /*background-position: 10px 7px;*/
  380. /*}*/
  381. /* 段落样式校正 */
  382. /* h1 */
  383. .edui-combobox-paragraph .edui-combobox-item-1 .edui-combobox-item-label {
  384. font-size: 32px;
  385. height: 36px;
  386. line-height: 36px;
  387. }
  388. .edui-combobox-paragraph .edui-combobox-item-1 .edui-combobox-icon {
  389. height: 25px;
  390. margin-bottom: 5px;
  391. }
  392. .edui-combobox-paragraph .edui-combobox-item-1.edui-combobox-checked .edui-combobox-icon {
  393. background-position: 10px 7px;
  394. }
  395. /* h2 */
  396. .edui-combobox-paragraph .edui-combobox-item-2 .edui-combobox-item-label {
  397. font-size: 28px;
  398. height: 27px;
  399. line-height: 27px;
  400. }
  401. .edui-combobox-paragraph .edui-combobox-item-2 .edui-combobox-icon {
  402. margin-bottom: 5px;
  403. }
  404. .edui-combobox-paragraph .edui-combobox-item-2.edui-combobox-checked .edui-combobox-icon {
  405. background-position: 10px 10px;
  406. }
  407. /* h3 */
  408. .edui-combobox-paragraph .edui-combobox-item-3 .edui-combobox-item-label {
  409. font-size: 24px;
  410. height: 25px;
  411. line-height: 25px;
  412. }
  413. .edui-combobox-paragraph .edui-combobox-item-3 .edui-combobox-icon {
  414. height: 25px;
  415. margin-bottom: 5px;
  416. }
  417. .edui-combobox-paragraph .edui-combobox-item-3.edui-combobox-checked .edui-combobox-icon {
  418. background-position: 10px 11px;
  419. }
  420. /* h4 */
  421. .edui-combobox-paragraph .edui-combobox-item-4 .edui-combobox-item-label {
  422. font-size: 18px;
  423. height: 25px;
  424. line-height: 25px;
  425. }
  426. .edui-combobox-paragraph .edui-combobox-item-4.edui-combobox-checked .edui-combobox-icon {
  427. background-position: 10px 6px;
  428. }
  429. /* h5 */
  430. .edui-combobox-paragraph .edui-combobox-item-5 .edui-combobox-item-label {
  431. font-size: 16px;
  432. }
  433. /* h6 */
  434. .edui-combobox-paragraph .edui-combobox-item-6 .edui-combobox-item-label {
  435. font-size: 12px;
  436. }
  437. .edui-modal {
  438. position: fixed;
  439. _position: absolute;
  440. top: 10%;
  441. left: 50%;
  442. border: 1px solid #acacac;
  443. box-shadow: 2px 2px 5px #d3d6da;
  444. background-color: #ffffff;
  445. outline: 0;
  446. }
  447. .edui-modal-header {
  448. padding: 5px 10px;
  449. border-bottom: 1px solid #eee;
  450. }
  451. .edui-modal-header .edui-close {
  452. float: right;
  453. width:20px;
  454. height:20px;
  455. margin-top: 2px;
  456. padding: 1px;
  457. border: 0;
  458. background: url("../images/close.png") no-repeat center center;
  459. cursor: pointer;
  460. }
  461. .edui-modal-header .edui-close.edui-hover {
  462. background-color: #d5e1f2;
  463. padding:0;
  464. border: 1px solid #a3bde3;
  465. }
  466. .edui-modal-header .edui-title {
  467. margin: 0;
  468. line-height: 25px;
  469. font-size: 20px;
  470. }
  471. .edui-modal-body {
  472. position: relative;
  473. max-height: 400px;
  474. font-size: 12px;
  475. overflow-y: auto;
  476. }
  477. .edui-modal-footer {
  478. float: right;
  479. padding: 5px 15px 15px;
  480. overflow: hidden;
  481. }
  482. .edui-modal-footer .edui-btn {
  483. float: left;
  484. height: 24px;
  485. width: 96px;
  486. margin: 0 10px;
  487. background-color: #ffffff;
  488. padding: 0;
  489. border: 1px solid #ababab;
  490. font-size: 12px;
  491. line-height: 24px;
  492. text-align: center;
  493. cursor: pointer;
  494. }
  495. .edui-modal-footer .edui-btn.edui-hover{
  496. background-color: #d5e1f2;
  497. border: 1px solid #a3bde3;
  498. }
  499. .edui-modal-backdrop{
  500. opacity: 0.5;
  501. filter: alpha(opacity=50);
  502. position: fixed;
  503. top: 0;
  504. right: 0;
  505. bottom: 0;
  506. left: 0;
  507. background-color: #c6c6c6;
  508. }
  509. .edui-modal .edui-modal-tip {
  510. color: red;
  511. position: absolute;
  512. bottom: 10px;
  513. left: 10px;
  514. height: 30px;
  515. line-height: 30px;
  516. display: none;
  517. }
  518. /*图片上传*/
  519. .edui-dialog-image-body {
  520. width: 700px;
  521. height: 400px;
  522. }
  523. /*插入视频*/
  524. .edui-dialog-video-body{
  525. width: 600px;
  526. height: 350px;
  527. }
  528. /*谷歌地图*/
  529. .edui-dialog-gmap-body{
  530. width:550px;
  531. height: 400px;
  532. }
  533. /*百度地图*/
  534. .edui-dialog-map-body{
  535. width:580px;
  536. height: 400px;
  537. }
  538. /*链接*/
  539. .edui-dialog-link-body{
  540. width:400px;
  541. height:200px;
  542. }
  543. .edui-popup{
  544. display: none;
  545. background: url('../images/pop-bg.png') repeat #fff;
  546. padding: 2px;
  547. }
  548. .edui-popup .edui-popup-body{
  549. border: 1px solid #bfbfbf;
  550. background-color: #fff;
  551. }
  552. .edui-popup .edui-popup-caret{
  553. width: 21px;
  554. height: 11px;
  555. }
  556. .edui-popup .edui-popup-caret.up{
  557. background:url('../images/caret.png') no-repeat 0 0;
  558. }
  559. .edui-popup .edui-popup-caret.down{
  560. background:url('../images/caret.png') no-repeat 0 0;
  561. }
  562. .edui-tab-nav {
  563. margin: 0;
  564. padding:0;
  565. border-bottom: 1px solid #ddd;
  566. list-style: none;
  567. height:30px;
  568. }
  569. .edui-tab-nav .edui-tab-item {
  570. float:left;
  571. margin-bottom: -1px;
  572. margin-top: 1px;
  573. margin-top: 0\9;
  574. }
  575. .edui-tab-nav .edui-tab-item .edui-tab-text{
  576. display: block;
  577. padding:8px 12px;
  578. border: 1px solid transparent;
  579. color: #0088cc;
  580. text-decoration: none;
  581. outline: 0;
  582. _border:1px solid #fff ;
  583. cursor: pointer;
  584. }
  585. .edui-tab-nav .edui-tab-item .edui-tab-text:FOCUS {
  586. outline: none;
  587. }
  588. .edui-tab-nav .edui-tab-item.edui-active .edui-tab-text{
  589. border: 1px solid #ddd;
  590. border-bottom-color: transparent;
  591. background-color: #fff;
  592. padding:8px 12px;
  593. color: #555555;
  594. cursor: default;
  595. }
  596. .edui-tab-content .edui-tab-pane{
  597. padding: 1px;
  598. position: relative;
  599. display: none;
  600. background-color: #fff;
  601. clear: both;
  602. }
  603. .edui-tab-content .edui-tab-pane.edui-active{
  604. display: block;
  605. }
  606. .edui-btn-toolbar .edui-tooltip{
  607. position: absolute;
  608. padding: 5px 0;
  609. display: none;
  610. /*opacity: 0.8;*/
  611. /*filter: alpha(opacity=80);*/
  612. z-index: 99999;
  613. }
  614. .edui-tooltip .edui-tooltip-arrow{
  615. position: absolute;
  616. top: 0;
  617. _top: -2px;
  618. left: 50%;
  619. width: 0;
  620. height: 0;
  621. padding: 0;
  622. font-size:0;
  623. margin-left: -5px;
  624. border-color: transparent;
  625. border-style: dashed dashed solid dashed;
  626. border-bottom-color: #000000;
  627. border-width: 0 5px 5px;
  628. background: transparent;
  629. }
  630. .edui-tooltip .edui-tooltip-inner{
  631. padding: 6px;
  632. color: #ffffff;
  633. text-align: center;
  634. text-decoration: none;
  635. font-size: 10px;
  636. background-color: #000000;
  637. white-space: nowrap;
  638. line-height: 12px;
  639. }
  640. .edui-splitbutton-color-label {
  641. width: 16px;
  642. height: 3px;
  643. position: absolute;
  644. bottom: 2px;
  645. left: 50%;
  646. margin-left: -8px;
  647. overflow: hidden;
  648. line-height: 3px;
  649. }
  650. .edui-popup .edui-colorpicker {
  651. margin: 10px;
  652. font-size: 12px;
  653. }
  654. .edui-colorpicker .edui-colorpicker-topbar{
  655. height: 27px;
  656. width: 200px;
  657. overflow: hidden;
  658. }
  659. .edui-colorpicker .edui-colorpicker-topbar .edui-colorpicker-preview{
  660. height: 20px;
  661. border: 1px inset black;
  662. margin-left: 1px;
  663. width: 128px;
  664. float: left;
  665. }
  666. .edui-colorpicker .edui-colorpicker-topbar .edui-colorpicker-nocolor{
  667. float: right;
  668. margin-right: 1px;
  669. font-size: 12px;
  670. line-height: 14px;
  671. height: 14px;
  672. border: 1px solid #333;
  673. padding: 3px 5px;
  674. cursor: pointer;
  675. }
  676. .edui-colorpicker table{
  677. border-collapse: collapse;
  678. border-spacing: 2px;
  679. }
  680. .edui-colorpicker tr.edui-colorpicker-firstrow{
  681. height: 30px;
  682. }
  683. .edui-colorpicker table td{
  684. padding: 0 2px;
  685. }
  686. .edui-colorpicker table td .edui-colorpicker-colorcell{
  687. display: block;
  688. text-decoration: none;
  689. color: black;
  690. width: 14px;
  691. height: 14px;
  692. margin: 0;
  693. cursor: pointer;
  694. }
  695. .edui-toolbar .edui-separator{
  696. width: 2px;
  697. height: 20px;
  698. padding: 1px 2px;
  699. background: url(../images/icons.png) -179px 1px;
  700. background: url(../images/icons.gif) -179px 1px \9;
  701. display: inline-block ;
  702. vertical-align: top;
  703. *display: inline ;
  704. *zoom:1;
  705. border:none;
  706. }