umeditor.css 18 KB

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