ueditor.css 44 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804
  1. /*基础UI构建
  2. */
  3. /* common layer */
  4. .edui-default .edui-box {
  5. border: none;
  6. padding: 0;
  7. margin: 0;
  8. overflow: hidden;
  9. }
  10. .edui-default a.edui-box {
  11. display: block;
  12. text-decoration: none;
  13. color: black;
  14. }
  15. .edui-default a.edui-box:hover {
  16. text-decoration: none;
  17. }
  18. .edui-default a.edui-box:active {
  19. text-decoration: none;
  20. }
  21. .edui-default table.edui-box {
  22. border-collapse: collapse;
  23. }
  24. .edui-default ul.edui-box {
  25. list-style-type: none;
  26. }
  27. div.edui-box {
  28. position: relative;
  29. display: -moz-inline-box !important;
  30. display: inline-block !important;
  31. vertical-align: top;
  32. }
  33. .edui-default .edui-clearfix {
  34. zoom: 1
  35. }
  36. .edui-default .edui-clearfix:after {
  37. content: '\20';
  38. display: block;
  39. clear: both;
  40. }
  41. * html div.edui-box {
  42. display: inline !important;
  43. }
  44. *:first-child+html div.edui-box {
  45. display: inline !important;
  46. }
  47. /* control layout */
  48. .edui-default .edui-button-body, .edui-splitbutton-body, .edui-menubutton-body, .edui-combox-body {
  49. position: relative;
  50. }
  51. .edui-default .edui-popup {
  52. position: absolute;
  53. -webkit-user-select: none;
  54. -moz-user-select: none;
  55. }
  56. .edui-default .edui-popup .edui-shadow {
  57. position: absolute;
  58. z-index: -1;
  59. }
  60. .edui-default .edui-popup .edui-bordereraser {
  61. position: absolute;
  62. overflow: hidden;
  63. }
  64. .edui-default .edui-tablepicker .edui-canvas {
  65. position: relative;
  66. }
  67. .edui-default .edui-tablepicker .edui-canvas .edui-overlay {
  68. position: absolute;
  69. }
  70. .edui-default .edui-dialog-modalmask, .edui-dialog-dragmask {
  71. position: absolute;
  72. left: 0;
  73. top: 0;
  74. width: 100%;
  75. height: 100%;
  76. }
  77. .edui-default .edui-toolbar {
  78. position: relative;
  79. }
  80. /*
  81. * default theme
  82. */
  83. .edui-default .edui-label {
  84. cursor: default;
  85. }
  86. .edui-default span.edui-clickable {
  87. color: blue;
  88. cursor: pointer;
  89. text-decoration: underline;
  90. }
  91. .edui-default span.edui-unclickable {
  92. color: gray;
  93. cursor: default;
  94. }
  95. /* 工具栏 */
  96. .edui-default .edui-toolbar {
  97. cursor: default;
  98. -webkit-user-select: none;
  99. -moz-user-select: none;
  100. padding: 1px;
  101. overflow: hidden; /*全屏下单独一行不占位*/
  102. zoom: 1;
  103. }
  104. .edui-default .edui-toolbar .edui-button,
  105. .edui-default .edui-toolbar .edui-splitbutton,
  106. .edui-default .edui-toolbar .edui-menubutton,
  107. .edui-default .edui-toolbar .edui-combox {
  108. margin: 1px;
  109. }
  110. /*UI工具栏、编辑区域、底部*/
  111. .edui-default .edui-editor {
  112. border: 1px solid #d4d4d4;
  113. background-color: white;
  114. position: relative;
  115. overflow: visible;
  116. -webkit-border-radius: 4px;
  117. -moz-border-radius: 4px;
  118. border-radius: 4px;
  119. }
  120. .edui-default .edui-editor-toolbarbox {
  121. position: relative;
  122. zoom: 1;
  123. -webkit-box-shadow:0 1px 4px rgba(204, 204, 204, 0.6);
  124. -moz-box-shadow:0 1px 4px rgba(204, 204, 204, 0.6);
  125. box-shadow:0 1px 4px rgba(204, 204, 204, 0.6);
  126. border-top-left-radius:2px;
  127. border-top-right-radius:2px;
  128. }
  129. .edui-default .edui-editor-toolbarboxouter {
  130. border-bottom: 1px solid #d4d4d4;
  131. background-color: #fafafa;
  132. background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  133. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  134. background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  135. background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  136. background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  137. background-repeat: repeat-x;
  138. /*border: 1px solid #d4d4d4;*/
  139. -webkit-border-radius: 4px;
  140. -moz-border-radius: 4px;
  141. border-radius: 4px;
  142. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  143. *zoom: 1;
  144. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  145. -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  146. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  147. }
  148. .edui-default .edui-editor-toolbarboxinner {
  149. padding: 2px;
  150. }
  151. .edui-default .edui-editor-iframeholder {
  152. position: relative;
  153. /*for fix ie6 toolbarmsg under iframe bug. relative -> static */
  154. /*_position: static !important;*
  155. }
  156. .edui-default .edui-editor-iframeholder textarea {
  157. font-family: consolas, "Courier New", "lucida console", monospace;
  158. font-size: 12px;
  159. line-height: 18px;
  160. }
  161. .edui-default .edui-editor-bottombar {
  162. /*border-top: 1px solid #ccc;*/
  163. /*height: 20px;*/
  164. /*width: 40%;*/
  165. /*float: left;*/
  166. /*overflow: hidden;*/
  167. }
  168. .edui-default .edui-editor-bottomContainer {
  169. overflow: hidden;
  170. }
  171. .edui-default .edui-editor-bottomContainer table {
  172. width: 100%;
  173. height: 0;
  174. overflow: hidden;
  175. border-spacing: 0;
  176. }
  177. .edui-default .edui-editor-bottomContainer td {
  178. white-space: nowrap;
  179. border-top: 1px solid #ccc;
  180. line-height: 20px;
  181. font-size: 12px;
  182. font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
  183. }
  184. .edui-default .edui-editor-wordcount {
  185. text-align: right;
  186. margin-right: 5px;
  187. color: #aaa;
  188. }
  189. .edui-default .edui-editor-scale {
  190. width: 12px;
  191. }
  192. .edui-default .edui-editor-scale .edui-editor-icon {
  193. float: right;
  194. width: 100%;
  195. height: 12px;
  196. margin-top: 10px;
  197. background: url(../images/scale.png) no-repeat;
  198. cursor: se-resize;
  199. }
  200. .edui-default .edui-editor-breadcrumb {
  201. margin: 2px 0 0 3px;
  202. }
  203. .edui-default .edui-editor-breadcrumb span {
  204. cursor: pointer;
  205. text-decoration: underline;
  206. color: blue;
  207. }
  208. .edui-default .edui-toolbar .edui-for-fullscreen {
  209. float: right;
  210. }
  211. .edui-default .edui-bubble .edui-popup-content {
  212. border: 1px solid #DCAC6C;
  213. background-color: #fff6d9;
  214. padding: 5px;
  215. font-size: 10pt;
  216. font-family: "宋体";
  217. }
  218. .edui-default .edui-bubble .edui-shadow {
  219. /*box-shadow: 1px 1px 3px #818181;*/
  220. /*-webkit-box-shadow: 2px 2px 3px #818181;*/
  221. /*-moz-box-shadow: 2px 2px 3px #818181;*/
  222. /*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius = '2', MakeShadow = 'true', ShadowOpacity = '0.5');*/
  223. }
  224. .edui-default .edui-editor-toolbarmsg {
  225. background-color: #FFF6D9;
  226. border-bottom: 1px solid #ccc;
  227. position: absolute;
  228. bottom: -25px;
  229. left: 0;
  230. z-index: 1009;
  231. width: 99.9%;
  232. }
  233. .edui-default .edui-editor-toolbarmsg-upload {
  234. font-size: 14px;
  235. color: blue;
  236. width: 100px;
  237. height: 16px;
  238. line-height: 16px;
  239. cursor: pointer;
  240. position: absolute;
  241. top: 5px;
  242. left: 350px;
  243. }
  244. .edui-default .edui-editor-toolbarmsg-label {
  245. font-size: 12px;
  246. line-height: 16px;
  247. padding: 4px;
  248. }
  249. .edui-default .edui-editor-toolbarmsg-close {
  250. float: right;
  251. width: 20px;
  252. height: 16px;
  253. line-height: 16px;
  254. cursor: pointer;
  255. color: red;
  256. }
  257. /*可选中菜单按钮*/
  258. .edui-default .edui-list .edui-bordereraser {
  259. display: none;
  260. }
  261. .edui-default .edui-listitem {
  262. padding: 1px;
  263. white-space: nowrap;
  264. }
  265. .edui-default .edui-list .edui-state-hover {
  266. position: relative;
  267. background-color: #fff5d4;
  268. border: 1px solid #dcac6c;
  269. padding: 0;
  270. }
  271. .edui-default .edui-for-fontfamily .edui-listitem-label {
  272. min-width: 130px;
  273. _width: 120px;
  274. font-size: 12px;
  275. height: 22px;
  276. line-height: 22px;
  277. padding-left: 5px;
  278. }
  279. .edui-default .edui-for-insertcode .edui-listitem-label {
  280. min-width: 120px;
  281. _width: 120px;
  282. font-size: 12px;
  283. height: 22px;
  284. line-height: 22px;
  285. padding-left: 5px;
  286. }
  287. .edui-default .edui-for-underline .edui-listitem-label {
  288. min-width: 120px;
  289. _width: 120px;
  290. padding: 3px 5px;
  291. font-size: 12px;
  292. }
  293. .edui-default .edui-for-fontsize .edui-listitem-label {
  294. min-width: 120px;
  295. _width: 120px;
  296. padding: 3px 5px;
  297. }
  298. .edui-default .edui-for-paragraph .edui-listitem-label {
  299. min-width: 200px;
  300. _width: 200px;
  301. padding: 2px 5px;
  302. }
  303. .edui-default .edui-for-rowspacingtop .edui-listitem-label,
  304. .edui-default .edui-for-rowspacingbottom .edui-listitem-label {
  305. min-width: 53px;
  306. _width: 53px;
  307. padding: 2px 5px;
  308. }
  309. .edui-default .edui-for-lineheight .edui-listitem-label {
  310. min-width: 53px;
  311. _width: 53px;
  312. padding: 2px 5px;
  313. }
  314. .edui-default .edui-for-customstyle .edui-listitem-label {
  315. min-width: 200px;
  316. _width: 200px;
  317. width: 200px !important;
  318. padding: 2px 5px;
  319. }
  320. /* 可选中按钮弹出菜单*/
  321. .edui-default .edui-menu {
  322. z-index: 3000;
  323. }
  324. .edui-default .edui-menu .edui-popup-content {
  325. padding: 3px;
  326. }
  327. .edui-default .edui-menu-body {
  328. _width: 150px;
  329. min-width: 170px;
  330. background: url("../images/sparator_v.png") repeat-y 25px;
  331. }
  332. .edui-default .edui-menuitem-body {
  333. }
  334. .edui-default .edui-menuitem {
  335. height: 20px;
  336. cursor: default;
  337. vertical-align: top;
  338. }
  339. .edui-default .edui-menuitem .edui-icon {
  340. width: 20px !important;
  341. height: 20px !important;
  342. background: url(../images/icons.png) 0 -4000px;
  343. background: url(../images/icons.gif) 0 -4000px\9;
  344. }
  345. .edui-default .edui-menuitem .edui-label {
  346. font-size: 12px;
  347. line-height: 20px;
  348. height: 20px;
  349. padding-left: 10px;
  350. }
  351. .edui-default .edui-state-checked .edui-menuitem-body {
  352. background: url("../images/icons-all.gif") no-repeat 6px -205px;
  353. }
  354. .edui-default .edui-state-disabled .edui-menuitem-label {
  355. color: gray;
  356. }
  357. /*不可选中菜单按钮 */
  358. .edui-default .edui-toolbar .edui-combox-body .edui-button-body {
  359. width: 60px;
  360. font-size: 12px;
  361. height: 20px;
  362. line-height: 20px;
  363. padding-left: 5px;
  364. white-space: nowrap;
  365. margin: 0 3px 0 0;
  366. }
  367. .edui-default .edui-toolbar .edui-combox-body .edui-arrow {
  368. background: url(../images/icons.png) -741px 0;
  369. _background: url(../images/icons.gif) -741px 0;
  370. height: 20px;
  371. width: 9px;
  372. }
  373. .edui-default .edui-toolbar .edui-combox .edui-combox-body {
  374. border: 1px solid #CCC;
  375. background-color: white;
  376. border-radius: 2px;
  377. -webkit-border-radius: 2px;
  378. -moz-border-radius: 2px;
  379. }
  380. .edui-default .edui-toolbar .edui-combox-body .edui-splitborder {
  381. display: none;
  382. }
  383. .edui-default .edui-toolbar .edui-combox-body .edui-arrow {
  384. border-left: 1px solid #CCC;
  385. }
  386. .edui-default .edui-toolbar .edui-state-hover .edui-combox-body {
  387. background-color: #fff5d4;
  388. border: 1px solid #dcac6c;
  389. }
  390. .edui-default .edui-toolbar .edui-state-hover .edui-combox-body .edui-arrow {
  391. border-left: 1px solid #dcac6c;
  392. }
  393. .edui-default .edui-toolbar .edui-state-checked .edui-combox-body {
  394. background-color: #FFE69F;
  395. border: 1px solid #DCAC6C;
  396. }
  397. .edui-toolbar .edui-state-checked .edui-combox-body .edui-arrow {
  398. border-left: 1px solid #DCAC6C;
  399. }
  400. .edui-toolbar .edui-state-disabled .edui-combox-body {
  401. background-color: #F0F0EE;
  402. opacity: 0.3;
  403. filter: alpha(opacity = 30);
  404. }
  405. .edui-toolbar .edui-state-opened .edui-combox-body {
  406. background-color: white;
  407. border: 1px solid gray;
  408. }
  409. /*普通按钮样式及状态*/
  410. .edui-default .edui-toolbar .edui-button .edui-icon,
  411. .edui-default .edui-toolbar .edui-menubutton .edui-icon,
  412. .edui-default .edui-toolbar .edui-splitbutton .edui-icon {
  413. height: 20px !important;
  414. width: 20px !important;
  415. background-image: url(../images/icons.png);
  416. background-image: url(../images/icons.gif) \9;
  417. }
  418. .edui-default .edui-toolbar .edui-button .edui-button-wrap {
  419. padding: 1px;
  420. position: relative;
  421. }
  422. .edui-default .edui-toolbar .edui-button .edui-state-hover .edui-button-wrap {
  423. background-color: #fff5d4;
  424. padding: 0;
  425. border: 1px solid #dcac6c;
  426. }
  427. .edui-default .edui-toolbar .edui-button .edui-state-checked .edui-button-wrap {
  428. background-color: #ffe69f;
  429. padding: 0;
  430. border: 1px solid #dcac6c;
  431. border-radius: 2px;
  432. -webkit-border-radius: 2px;
  433. -moz-border-radius: 2px;
  434. }
  435. .edui-default .edui-toolbar .edui-button .edui-state-active .edui-button-wrap {
  436. background-color: #ffffff;
  437. padding: 0;
  438. border: 1px solid gray;
  439. }
  440. .edui-default .edui-toolbar .edui-state-disabled .edui-label {
  441. color: #ccc;
  442. }
  443. .edui-default .edui-toolbar .edui-state-disabled .edui-icon {
  444. opacity: 0.3;
  445. filter: alpha(opacity = 30);
  446. }
  447. /* toolbar icons */
  448. .edui-default .edui-for-undo .edui-icon {
  449. background-position: -160px 0;
  450. }
  451. .edui-default .edui-for-redo .edui-icon {
  452. background-position: -100px 0;
  453. }
  454. .edui-default .edui-for-bold .edui-icon {
  455. background-position: 0 0;
  456. }
  457. .edui-default .edui-for-italic .edui-icon {
  458. background-position: -60px 0;
  459. }
  460. .edui-default .edui-for-fontborder .edui-icon {
  461. background-position:-160px -40px;
  462. }
  463. .edui-default .edui-for-underline .edui-icon {
  464. background-position: -140px 0;
  465. }
  466. .edui-default .edui-for-strikethrough .edui-icon {
  467. background-position: -120px 0;
  468. }
  469. .edui-default .edui-for-subscript .edui-icon {
  470. background-position: -600px 0;
  471. }
  472. .edui-default .edui-for-superscript .edui-icon {
  473. background-position: -620px 0;
  474. }
  475. .edui-default .edui-for-blockquote .edui-icon {
  476. background-position: -220px 0;
  477. }
  478. .edui-default .edui-for-forecolor .edui-icon {
  479. background-position: -720px 0;
  480. }
  481. .edui-default .edui-for-backcolor .edui-icon {
  482. background-position: -760px 0;
  483. }
  484. .edui-default .edui-for-inserttable .edui-icon {
  485. background-position: -580px -20px;
  486. }
  487. .edui-default .edui-for-autotypeset .edui-icon {
  488. background-position: -640px -40px;
  489. }
  490. .edui-default .edui-for-justifyleft .edui-icon {
  491. background-position: -460px 0;
  492. }
  493. .edui-default .edui-for-justifycenter .edui-icon {
  494. background-position: -420px 0;
  495. }
  496. .edui-default .edui-for-justifyright .edui-icon {
  497. background-position: -480px 0;
  498. }
  499. .edui-default .edui-for-justifyjustify .edui-icon {
  500. background-position: -440px 0;
  501. }
  502. .edui-default .edui-for-insertorderedlist .edui-icon {
  503. background-position: -80px 0;
  504. }
  505. .edui-default .edui-for-insertunorderedlist .edui-icon {
  506. background-position: -20px 0;
  507. }
  508. .edui-default .edui-for-lineheight .edui-icon {
  509. background-position: -725px -40px;
  510. }
  511. .edui-default .edui-for-rowspacingbottom .edui-icon {
  512. background-position: -745px -40px;
  513. }
  514. .edui-default .edui-for-rowspacingtop .edui-icon {
  515. background-position: -765px -40px;
  516. }
  517. .edui-default .edui-for-horizontal .edui-icon {
  518. background-position: -360px 0;
  519. }
  520. .edui-default .edui-for-link .edui-icon {
  521. background-position: -500px 0;
  522. }
  523. .edui-default .edui-for-code .edui-icon {
  524. background-position: -440px -40px;
  525. }
  526. .edui-default .edui-for-insertimage .edui-icon {
  527. background-position: -380px 0;
  528. }
  529. .edui-default .edui-for-insertframe .edui-icon {
  530. background-position: -240px -40px;
  531. }
  532. .edui-default .edui-for-emoticon .edui-icon {
  533. background-position: -60px -20px;
  534. }
  535. .edui-default .edui-for-spechars .edui-icon {
  536. background-position: -240px 0;
  537. }
  538. .edui-default .edui-for-help .edui-icon {
  539. background-position: -340px 0;
  540. }
  541. .edui-default .edui-for-print .edui-icon {
  542. background-position: -440px -20px;
  543. }
  544. .edui-default .edui-for-preview .edui-icon {
  545. background-position: -420px -20px;
  546. }
  547. .edui-default .edui-for-selectall .edui-icon {
  548. background-position: -400px -20px;
  549. }
  550. .edui-default .edui-for-searchreplace .edui-icon {
  551. background-position: -520px -20px;
  552. }
  553. .edui-default .edui-for-map .edui-icon {
  554. background-position: -40px -40px;
  555. }
  556. .edui-default .edui-for-gmap .edui-icon {
  557. background-position: -260px -40px;
  558. }
  559. .edui-default .edui-for-insertvideo .edui-icon {
  560. background-position: -320px -20px;
  561. }
  562. .edui-default .edui-for-time .edui-icon {
  563. background-position: -160px -20px;
  564. }
  565. .edui-default .edui-for-date .edui-icon {
  566. background-position: -140px -20px;
  567. }
  568. .edui-default .edui-for-cut .edui-icon {
  569. background-position: -680px 0;
  570. }
  571. .edui-default .edui-for-copy .edui-icon {
  572. background-position: -700px 0;
  573. }
  574. .edui-default .edui-for-paste .edui-icon {
  575. background-position: -560px 0;
  576. }
  577. .edui-default .edui-for-formatmatch .edui-icon {
  578. background-position: -40px 0;
  579. }
  580. .edui-default .edui-for-pasteplain .edui-icon {
  581. background-position: -360px -20px;
  582. }
  583. .edui-default .edui-for-directionalityltr .edui-icon {
  584. background-position: -20px -20px;
  585. }
  586. .edui-default .edui-for-directionalityrtl .edui-icon {
  587. background-position: -40px -20px;
  588. }
  589. .edui-default .edui-for-source .edui-icon {
  590. background-position: -260px -0px;
  591. }
  592. .edui-default .edui-for-removeformat .edui-icon {
  593. background-position: -580px 0;
  594. }
  595. .edui-default .edui-for-unlink .edui-icon {
  596. background-position: -640px 0;
  597. }
  598. .edui-default .edui-for-touppercase .edui-icon {
  599. background-position: -786px 0;
  600. }
  601. .edui-default .edui-for-tolowercase .edui-icon {
  602. background-position: -806px 0;
  603. }
  604. .edui-default .edui-for-insertrow .edui-icon {
  605. background-position: -478px -76px;
  606. }
  607. .edui-default .edui-for-insertrownext .edui-icon {
  608. background-position: -498px -76px;
  609. }
  610. .edui-default .edui-for-insertcol .edui-icon {
  611. background-position: -455px -76px;
  612. }
  613. .edui-default .edui-for-insertcolnext .edui-icon {
  614. background-position: -429px -76px;
  615. }
  616. .edui-default .edui-for-mergeright .edui-icon {
  617. background-position: -60px -40px;
  618. }
  619. .edui-default .edui-for-mergedown .edui-icon {
  620. background-position: -80px -40px;
  621. }
  622. .edui-default .edui-for-splittorows .edui-icon {
  623. background-position: -100px -40px;
  624. }
  625. .edui-default .edui-for-splittocols .edui-icon {
  626. background-position: -120px -40px;
  627. }
  628. .edui-default .edui-for-insertparagraphbeforetable .edui-icon {
  629. background-position: -140px -40px;
  630. }
  631. .edui-default .edui-for-deleterow .edui-icon {
  632. background-position: -660px -20px;
  633. }
  634. .edui-default .edui-for-deletecol .edui-icon {
  635. background-position: -640px -20px;
  636. }
  637. .edui-default .edui-for-splittocells .edui-icon {
  638. background-position: -800px -20px;
  639. }
  640. .edui-default .edui-for-mergecells .edui-icon {
  641. background-position: -760px -20px;
  642. }
  643. .edui-default .edui-for-deletetable .edui-icon {
  644. background-position: -620px -20px;
  645. }
  646. .edui-default .edui-for-cleardoc .edui-icon {
  647. background-position: -520px 0;
  648. }
  649. .edui-default .edui-for-fullscreen .edui-icon {
  650. background-position: -100px -20px;
  651. }
  652. .edui-default .edui-for-anchor .edui-icon {
  653. background-position: -200px 0;
  654. }
  655. .edui-default .edui-for-pagebreak .edui-icon {
  656. background-position: -460px -40px;
  657. }
  658. .edui-default .edui-for-imagenone .edui-icon {
  659. background-position: -480px -40px;
  660. }
  661. .edui-default .edui-for-imageleft .edui-icon {
  662. background-position: -500px -40px;
  663. }
  664. .edui-default .edui-for-wordimage .edui-icon {
  665. background-position: -660px -40px;
  666. }
  667. .edui-default .edui-for-imageright .edui-icon {
  668. background-position: -520px -40px;
  669. }
  670. .edui-default .edui-for-imagecenter .edui-icon {
  671. background-position: -540px -40px;
  672. }
  673. .edui-default .edui-for-indent .edui-icon {
  674. background-position: -400px 0;
  675. }
  676. .edui-default .edui-for-outdent .edui-icon {
  677. background-position: -540px 0;
  678. }
  679. .edui-default .edui-for-webapp .edui-icon {
  680. background-position: -601px -40px
  681. }
  682. .edui-default .edui-for-table .edui-icon {
  683. background-position: -580px -20px;
  684. }
  685. .edui-default .edui-for-edittable .edui-icon {
  686. background-position: -420px -40px;
  687. }
  688. .edui-default .edui-for-template .edui-icon {
  689. background-position: -339px -40px;
  690. }
  691. .edui-default .edui-for-delete .edui-icon {
  692. background-position: -360px -40px;
  693. }
  694. .edui-default .edui-for-highlightcode .edui-icon {
  695. background-position: -440px -40px;
  696. }
  697. .edui-default .edui-for-deletehighlightcode .edui-icon {
  698. background-position: -360px -40px;
  699. }
  700. .edui-default .edui-for-attachment .edui-icon {
  701. background-position: -620px -40px;
  702. }
  703. .edui-default .edui-for-edittd .edui-icon {
  704. background-position: -700px -40px;
  705. }
  706. .edui-default .edui-for-snapscreen .edui-icon {
  707. background-position: -581px -40px
  708. }
  709. .edui-default .edui-for-scrawl .edui-icon {
  710. background-position: -801px -41px
  711. }
  712. .edui-default .edui-for-background .edui-icon {
  713. background-position: -678px -40px;
  714. }
  715. .edui-default .edui-for-music .edui-icon {
  716. background-position: -18px -40px
  717. }
  718. .edui-default .edui-for-formula .edui-icon {
  719. background-position: -200px -40px
  720. }
  721. .edui-default .edui-for-aligntd .edui-icon {
  722. background-position: -236px -76px;
  723. }
  724. .edui-default .edui-for-insertparagraphtrue .edui-icon {
  725. background-position: -625px -76px;
  726. }
  727. .edui-default .edui-for-insertparagraph .edui-icon {
  728. background-position: -602px -76px;
  729. }
  730. .edui-default .edui-for-insertcaption .edui-icon {
  731. background-position: -336px -76px;
  732. }
  733. .edui-default .edui-for-deletecaption .edui-icon {
  734. background-position: -362px -76px;
  735. }
  736. .edui-default .edui-for-inserttitle .edui-icon {
  737. background-position: -286px -76px;
  738. }
  739. .edui-default .edui-for-deletetitle .edui-icon {
  740. background-position: -311px -76px;
  741. }
  742. .edui-default .edui-for-aligntable .edui-icon {
  743. background-position: -440px 0;
  744. }
  745. .edui-default .edui-for-tablealignment-left .edui-icon {
  746. background-position: -460px 0;
  747. }
  748. .edui-default .edui-for-tablealignment-center .edui-icon {
  749. background-position: -420px 0;
  750. }
  751. .edui-default .edui-for-tablealignment-right .edui-icon {
  752. background-position: -480px 0;
  753. }
  754. /*splitbutton*/
  755. .edui-default .edui-toolbar .edui-splitbutton-body .edui-arrow,
  756. .edui-default .edui-toolbar .edui-menubutton-body .edui-arrow {
  757. background: url(../images/icons.png) -741px 0;
  758. _background: url(../images/icons.gif) -741px 0;
  759. height: 20px;
  760. width: 9px;
  761. }
  762. .edui-default .edui-toolbar .edui-splitbutton .edui-splitbutton-body,
  763. .edui-default .edui-toolbar .edui-menubutton .edui-menubutton-body {
  764. padding: 1px;
  765. }
  766. .edui-default .edui-toolbar .edui-splitborder {
  767. width: 1px;
  768. height: 20px;
  769. }
  770. .edui-default .edui-toolbar .edui-state-hover .edui-splitborder {
  771. width: 1px;
  772. border-left: 0px solid #dcac6c;
  773. }
  774. .edui-default .edui-toolbar .edui-state-active .edui-splitborder {
  775. width: 0;
  776. border-left: 1px solid gray;
  777. }
  778. .edui-default .edui-toolbar .edui-state-opened .edui-splitborder {
  779. width: 1px;
  780. border: 0;
  781. }
  782. .edui-default .edui-toolbar .edui-splitbutton .edui-state-hover .edui-splitbutton-body,
  783. .edui-default .edui-toolbar .edui-menubutton .edui-state-hover .edui-menubutton-body {
  784. background-color: #fff5d4;
  785. border: 1px solid #dcac6c;
  786. padding: 0;
  787. }
  788. .edui-default .edui-toolbar .edui-splitbutton .edui-state-checked .edui-splitbutton-body,
  789. .edui-default .edui-toolbar .edui-menubutton .edui-state-checked .edui-menubutton-body {
  790. background-color: #FFE69F;
  791. border: 1px solid #DCAC6C;
  792. padding: 0;
  793. }
  794. .edui-default .edui-toolbar .edui-splitbutton .edui-state-active .edui-splitbutton-body,
  795. .edui-default .edui-toolbar .edui-menubutton .edui-state-active .edui-menubutton-body {
  796. background-color: #ffffff;
  797. border: 1px solid gray;
  798. padding: 0;
  799. }
  800. .edui-default .edui-state-disabled .edui-arrow {
  801. opacity: 0.3;
  802. _filter: alpha(opacity = 30);
  803. }
  804. .edui-default .edui-toolbar .edui-splitbutton .edui-state-opened .edui-splitbutton-body,
  805. .edui-default .edui-toolbar .edui-menubutton .edui-state-opened .edui-menubutton-body {
  806. background-color: white;
  807. border: 1px solid gray;
  808. padding: 0;
  809. }
  810. .edui-default .edui-for-insertorderedlist .edui-bordereraser,
  811. .edui-default .edui-for-lineheight .edui-bordereraser,
  812. .edui-default .edui-for-rowspacingtop .edui-bordereraser,
  813. .edui-default .edui-for-rowspacingbottom .edui-bordereraser,
  814. .edui-default .edui-for-insertunorderedlist .edui-bordereraser {
  815. background-color: white;
  816. }
  817. /* 解决嵌套导致的图标问题 */
  818. .edui-default .edui-for-insertorderedlist .edui-popup-body .edui-icon,
  819. .edui-default .edui-for-lineheight .edui-popup-body .edui-icon,
  820. .edui-default .edui-for-rowspacingtop .edui-popup-body .edui-icon,
  821. .edui-default .edui-for-rowspacingbottom .edui-popup-body .edui-icon,
  822. .edui-default .edui-for-insertunorderedlist .edui-popup-body .edui-icon {
  823. /*background-position: 0 -40px;*/
  824. background-image: none ;
  825. }
  826. /* 弹出菜单 */
  827. .edui-default .edui-popup {
  828. z-index: 3000;
  829. background-color: #ffffff;
  830. }
  831. .edui-default .edui-popup .edui-shadow {
  832. left: 0;
  833. top: 0;
  834. width: 100%;
  835. height: 100%;
  836. }
  837. .edui-default .edui-popup-content {
  838. border:1px solid #ccc;
  839. border: 1px solid rgba(0, 0, 0, 0.2);
  840. *border-right-width: 2px;
  841. *border-bottom-width: 2px;
  842. -webkit-border-radius: 6px;
  843. -moz-border-radius: 6px;
  844. border-radius: 6px;
  845. -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  846. -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  847. box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  848. -webkit-background-clip: padding-box;
  849. -moz-background-clip: padding;
  850. background-clip: padding-box;
  851. padding: 5px;
  852. background:#ffffff;
  853. }
  854. .edui-default .edui-popup .edui-bordereraser {
  855. background-color: white;
  856. height: 3px;
  857. }
  858. .edui-default .edui-menu .edui-bordereraser {
  859. height: 3px;
  860. }
  861. .edui-default .edui-anchor-topleft .edui-bordereraser {
  862. left: 1px;
  863. top: -2px;
  864. }
  865. .edui-default .edui-anchor-topright .edui-bordereraser {
  866. right: 1px;
  867. top: -2px;
  868. }
  869. .edui-default .edui-anchor-bottomleft .edui-bordereraser {
  870. left: 0;
  871. bottom: -6px;
  872. height: 7px;
  873. border-left: 1px solid gray;
  874. border-right: 1px solid gray;
  875. }
  876. .edui-default .edui-anchor-bottomright .edui-bordereraser {
  877. right: 0;
  878. bottom: -6px;
  879. height: 7px;
  880. border-left: 1px solid gray;
  881. border-right: 1px solid gray;
  882. }
  883. /* 弹出对话框按钮和对话框大小 */
  884. .edui-default .edui-dialog {
  885. z-index: 2000;
  886. position: absolute;
  887. }
  888. .edui-default .edui-dialog-wrap {
  889. margin-right: 6px;
  890. margin-bottom: 6px;
  891. }
  892. .edui-default .edui-dialog-body {
  893. position: relative;
  894. padding:2px 0 0 2px;
  895. _zoom: 1;
  896. }
  897. .edui-default .edui-dialog-shadow {
  898. position: absolute;
  899. z-index: -1;
  900. left: 0;
  901. top: 0;
  902. width: 100%;
  903. height: 100%;
  904. background-color: #ffffff;
  905. border: 1px solid #ccc;
  906. border: 1px solid rgba(0, 0, 0, 0.2);
  907. *border-right-width: 2px;
  908. *border-bottom-width: 2px;
  909. -webkit-border-radius: 6px;
  910. -moz-border-radius: 6px;
  911. border-radius: 6px;
  912. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  913. -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  914. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  915. -webkit-background-clip: padding-box;
  916. -moz-background-clip: padding;
  917. background-clip: padding-box;
  918. }
  919. .edui-default .edui-dialog-foot {
  920. background-color: white;
  921. }
  922. .edui-default .edui-dialog-titlebar {
  923. height: 26px;
  924. border-bottom: 1px solid #c6c6c6;
  925. background: url(../images/dialog-title-bg.png) repeat-x bottom;
  926. position: relative;
  927. cursor: move;
  928. }
  929. .edui-default .edui-dialog-caption {
  930. font-weight: bold;
  931. font-size: 12px;
  932. line-height: 26px;
  933. padding-left: 5px;
  934. }
  935. .edui-default .edui-dialog-draghandle {
  936. height: 26px;
  937. }
  938. .edui-default .edui-dialog-closebutton {
  939. position: absolute !important;
  940. right: 5px;
  941. top: 3px;
  942. }
  943. .edui-default .edui-dialog-closebutton .edui-button-body {
  944. height: 20px;
  945. width: 20px;
  946. cursor: pointer;
  947. background: url("../images/icons-all.gif") no-repeat 0 -59px;
  948. }
  949. .edui-default .edui-dialog-closebutton .edui-state-hover .edui-button-body {
  950. background: url("../images/icons-all.gif") no-repeat 0 -89px;
  951. }
  952. .edui-default .edui-dialog-foot {
  953. height: 40px;
  954. }
  955. .edui-default .edui-dialog-buttons {
  956. position: absolute;
  957. right: 0;
  958. }
  959. .edui-default .edui-dialog-buttons .edui-button {
  960. margin-right: 10px;
  961. }
  962. .edui-default .edui-dialog-buttons .edui-button .edui-button-body {
  963. background: url("../images/icons-all.gif") no-repeat;
  964. height: 24px;
  965. width: 96px;
  966. font-size: 12px;
  967. line-height: 24px;
  968. text-align: center;
  969. cursor: default;
  970. }
  971. .edui-default .edui-dialog-buttons .edui-button .edui-state-hover .edui-button-body {
  972. background: url("../images/icons-all.gif") no-repeat 0 -30px;
  973. }
  974. .edui-default .edui-dialog iframe {
  975. border: 0;
  976. padding: 0;
  977. margin: 0;
  978. vertical-align: top;
  979. }
  980. .edui-default .edui-dialog-modalmask {
  981. opacity: 0.3;
  982. filter: alpha(opacity = 30);
  983. background-color: #ccc;
  984. position: absolute;
  985. /*z-index: 1999;*/
  986. }
  987. .edui-default .edui-dialog-dragmask {
  988. position: absolute;
  989. /*z-index: 2001;*/
  990. background-color: transparent;
  991. cursor: move;
  992. }
  993. .edui-default .edui-dialog-content {
  994. position: relative;
  995. }
  996. .edui-default .dialogcontmask {
  997. cursor: move;
  998. visibility: hidden;
  999. display: block;
  1000. position: absolute;
  1001. width: 100%;
  1002. height: 100%;
  1003. opacity: 0;
  1004. filter: alpha(opacity = 0);
  1005. }
  1006. /*link-dialog*/
  1007. .edui-default .edui-for-link .edui-dialog-content {
  1008. width: 420px;
  1009. height: 200px;
  1010. overflow: hidden;
  1011. }
  1012. /*background-dialog*/
  1013. .edui-default .edui-for-background .edui-dialog-content {
  1014. width: 440px;
  1015. height: 280px;
  1016. overflow: hidden;
  1017. }
  1018. /*template-dialog*/
  1019. .edui-default .edui-for-template .edui-dialog-content {
  1020. width: 630px;
  1021. height: 390px;
  1022. overflow: hidden;
  1023. }
  1024. /*scrawl-dialog*/
  1025. .edui-default .edui-for-scrawl .edui-dialog-content {
  1026. width: 515px;
  1027. *width: 506px;
  1028. height: 360px;
  1029. }
  1030. /*spechars-dialog*/
  1031. .edui-default .edui-for-spechars .edui-dialog-content {
  1032. width: 620px;
  1033. height: 500px;
  1034. *height: 570px;
  1035. }
  1036. /*image-dialog*/
  1037. .edui-default .edui-for-insertimage .edui-dialog-content {
  1038. width: 640px;
  1039. height: 390px;
  1040. overflow: hidden;
  1041. }
  1042. /*webapp-dialog*/
  1043. .edui-default .edui-for-webapp .edui-dialog-content {
  1044. width: 560px;
  1045. _width: 565px;
  1046. height: 450px;
  1047. overflow: hidden;
  1048. }
  1049. /*image-insertframe*/
  1050. .edui-default .edui-for-insertframe .edui-dialog-content {
  1051. width: 350px;
  1052. height: 200px;
  1053. overflow: hidden;
  1054. }
  1055. /*wordImage-dialog*/
  1056. .edui-default .edui-for-wordimage .edui-dialog-content {
  1057. width: 620px;
  1058. height: 380px;
  1059. overflow: hidden;
  1060. }
  1061. /*attachment-dialog*/
  1062. .edui-default .edui-for-attachment .edui-dialog-content {
  1063. width: 480px;
  1064. height: 360px;
  1065. overflow: hidden;
  1066. }
  1067. /*code-dialog*/
  1068. .edui-default .edui-for-highlightcode .edui-dialog-content {
  1069. width: 550px;
  1070. height: 360px;
  1071. overflow: hidden;
  1072. }
  1073. /*map-dialog*/
  1074. .edui-default .edui-for-map .edui-dialog-content {
  1075. width: 550px;
  1076. height: 400px;
  1077. }
  1078. /*gmap-dialog*/
  1079. .edui-default .edui-for-gmap .edui-dialog-content {
  1080. width: 550px;
  1081. height: 400px;
  1082. }
  1083. /*video-dialog*/
  1084. .edui-default .edui-for-insertvideo .edui-dialog-content {
  1085. width: 590px;
  1086. height: 390px;
  1087. }
  1088. /*anchor-dialog*/
  1089. .edui-default .edui-for-anchor .edui-dialog-content {
  1090. width: 320px;
  1091. height: 60px;
  1092. overflow: hidden;
  1093. }
  1094. /*searchreplace-dialog*/
  1095. .edui-default .edui-for-searchreplace .edui-dialog-content {
  1096. width: 400px;
  1097. height: 220px;
  1098. }
  1099. /*help-dialog*/
  1100. .edui-default .edui-for-help .edui-dialog-content {
  1101. width: 400px;
  1102. height: 420px;
  1103. }
  1104. /*edittable-dialog*/
  1105. .edui-default .edui-for-edittable .edui-dialog-content {
  1106. width: 540px;
  1107. _width:590px;
  1108. height: 285px;
  1109. }
  1110. /*edittip-dialog*/
  1111. .edui-default .edui-for-edittip .edui-dialog-content {
  1112. width: 225px;
  1113. height: 60px;
  1114. }
  1115. /*edittd-dialog*/
  1116. .edui-default .edui-for-edittd .edui-dialog-content {
  1117. width: 240px;
  1118. height: 50px;
  1119. }
  1120. /*snapscreen-dialog*/
  1121. .edui-default .edui-for-snapscreen .edui-dialog-content {
  1122. width: 400px;
  1123. height: 220px;
  1124. }
  1125. /*music-dialog*/
  1126. .edui-default .edui-for-music .edui-dialog-content {
  1127. width: 515px;
  1128. height: 360px;
  1129. }
  1130. /*段落弹出菜单*/
  1131. .edui-default .edui-for-paragraph .edui-listitem-label {
  1132. font-family: Tahoma, Verdana, Arial, Helvetica;
  1133. }
  1134. .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-p {
  1135. font-size: 22px;
  1136. line-height: 27px;
  1137. }
  1138. .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h1 {
  1139. font-weight: bolder;
  1140. font-size: 32px;
  1141. line-height: 36px;
  1142. }
  1143. .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h2 {
  1144. font-weight: bolder;
  1145. font-size: 27px;
  1146. line-height: 29px;
  1147. }
  1148. .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h3 {
  1149. font-weight: bolder;
  1150. font-size: 19px;
  1151. line-height: 23px;
  1152. }
  1153. .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h4 {
  1154. font-weight: bolder;
  1155. font-size: 16px;
  1156. line-height: 19px
  1157. }
  1158. .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h5 {
  1159. font-weight: bolder;
  1160. font-size: 13px;
  1161. line-height: 16px;
  1162. }
  1163. .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h6 {
  1164. font-weight: bolder;
  1165. font-size: 12px;
  1166. line-height: 14px;
  1167. }
  1168. /* 表格弹出菜单 */
  1169. .edui-default .edui-for-inserttable .edui-splitborder {
  1170. display: none
  1171. }
  1172. .edui-default .edui-for-inserttable .edui-splitbutton-body .edui-arrow {
  1173. width: 0
  1174. }
  1175. .edui-default .edui-toolbar .edui-for-inserttable .edui-state-active .edui-splitborder{
  1176. border-left: 1px solid transparent;
  1177. }
  1178. .edui-default .edui-tablepicker .edui-infoarea {
  1179. height: 14px;
  1180. line-height: 14px;
  1181. font-size: 12px;
  1182. width: 220px;
  1183. margin-bottom: 3px;
  1184. clear: both;
  1185. }
  1186. .edui-default .edui-tablepicker .edui-infoarea .edui-label {
  1187. float: left;
  1188. }
  1189. .edui-default .edui-dialog-buttons .edui-label {
  1190. line-height: 24px;
  1191. }
  1192. .edui-default .edui-tablepicker .edui-infoarea .edui-clickable {
  1193. float: right;
  1194. }
  1195. .edui-default .edui-tablepicker .edui-pickarea {
  1196. background: url("../images/unhighlighted.gif") repeat;
  1197. height: 220px;
  1198. width: 220px;
  1199. }
  1200. .edui-default .edui-tablepicker .edui-pickarea .edui-overlay {
  1201. background: url("../images/highlighted.gif") repeat;
  1202. }
  1203. /* 颜色弹出菜单 */
  1204. .edui-default .edui-colorpicker-topbar {
  1205. height: 27px;
  1206. width: 200px;
  1207. /*border-bottom: 1px gray dashed;*/
  1208. }
  1209. .edui-default .edui-colorpicker-preview {
  1210. height: 20px;
  1211. border: 1px inset black;
  1212. margin-left: 1px;
  1213. width: 128px;
  1214. float: left;
  1215. }
  1216. .edui-default .edui-colorpicker-nocolor {
  1217. float: right;
  1218. margin-right: 1px;
  1219. font-size: 12px;
  1220. line-height: 14px;
  1221. height: 14px;
  1222. border: 1px solid #333;
  1223. padding: 3px 5px;
  1224. cursor: pointer;
  1225. }
  1226. .edui-default .edui-colorpicker-tablefirstrow {
  1227. height: 30px;
  1228. }
  1229. .edui-default .edui-colorpicker-colorcell {
  1230. width: 14px;
  1231. height: 14px;
  1232. display: block;
  1233. margin: 0;
  1234. cursor: pointer;
  1235. }
  1236. .edui-default .edui-colorpicker-colorcell:hover {
  1237. width: 14px;
  1238. height: 14px;
  1239. margin: 0;
  1240. }
  1241. .edui-default .edui-colorpicker-advbtn{
  1242. display: block;
  1243. text-align: center;
  1244. cursor: pointer;
  1245. height:20px;
  1246. }
  1247. .arrow_down{
  1248. background: white url('../images/arrow_down.png') no-repeat center;
  1249. }
  1250. .arrow_up{
  1251. background: white url('../images/arrow_up.png') no-repeat center;
  1252. }
  1253. /*高级的样式*/
  1254. .edui-colorpicker-adv{
  1255. position: relative;
  1256. overflow: hidden;
  1257. height: 180px;
  1258. display: none;
  1259. }
  1260. .edui-colorpicker-plant, .edui-colorpicker-hue {
  1261. border: solid 1px #666;
  1262. }
  1263. .edui-colorpicker-pad {
  1264. width: 150px;
  1265. height: 150px;
  1266. left: 14px;
  1267. top: 13px;
  1268. position: absolute;
  1269. background: red;
  1270. overflow: hidden;
  1271. cursor: crosshair;
  1272. }
  1273. .edui-colorpicker-cover{
  1274. position: absolute;
  1275. top: 0;
  1276. left: 0;
  1277. width: 150px;
  1278. height: 150px;
  1279. background: url("../images/tangram-colorpicker.png") -160px -200px;
  1280. }
  1281. .edui-colorpicker-padDot{
  1282. position: absolute;
  1283. top: 0;
  1284. left: 0;
  1285. width: 11px;
  1286. height: 11px;
  1287. overflow: hidden;
  1288. background: url(../images/tangram-colorpicker.png) 0px -200px repeat-x;
  1289. z-index: 1000;
  1290. }
  1291. .edui-colorpicker-sliderMain {
  1292. position: absolute;
  1293. left: 171px;
  1294. top: 13px;
  1295. width: 19px;
  1296. height: 152px;
  1297. background: url(../images/tangram-colorpicker.png) -179px -12px no-repeat;
  1298. }
  1299. .edui-colorpicker-slider {
  1300. width: 100%;
  1301. height: 100%;
  1302. cursor: pointer;
  1303. }
  1304. .edui-colorpicker-thumb{
  1305. position: absolute;
  1306. top: 0;
  1307. cursor: pointer;
  1308. height: 3px;
  1309. left: -1px;
  1310. right: -1px;
  1311. border: 1px solid black;
  1312. background: white;
  1313. opacity: .8;
  1314. }
  1315. /*自动排版弹出菜单*/
  1316. .edui-default .edui-autotypesetpicker .edui-autotypesetpicker-body {
  1317. font-size: 12px;
  1318. margin-bottom: 3px;
  1319. clear: both;
  1320. }
  1321. .edui-default .edui-autotypesetpicker-body table {
  1322. border-collapse: separate;
  1323. border-spacing: 2px;
  1324. }
  1325. .edui-default .edui-autotypesetpicker-body td {
  1326. font-size: 12px;
  1327. word-wrap:break-word;
  1328. }
  1329. .edui-default .edui-autotypesetpicker-body td input {
  1330. margin: 3px 3px 3px 4px;
  1331. *margin: 1px 0 0 0;
  1332. }
  1333. /*自动排版弹出菜单*/
  1334. .edui-default .edui-cellalignpicker .edui-cellalignpicker-body {
  1335. width: 70px;
  1336. font-size: 12px;
  1337. cursor: default;
  1338. }
  1339. .edui-default .edui-cellalignpicker-body table {
  1340. border-collapse: separate;
  1341. border-spacing: 0;
  1342. }
  1343. .edui-default .edui-cellalignpicker-body td{
  1344. padding: 1px;
  1345. }
  1346. .edui-default .edui-cellalignpicker-body .edui-icon{
  1347. height: 20px;
  1348. width: 20px;
  1349. padding: 1px;
  1350. background-image: url(../images/table-cell-align.png);
  1351. }
  1352. .edui-default .edui-cellalignpicker-body .edui-left{
  1353. background-position: 0 0;
  1354. }
  1355. .edui-default .edui-cellalignpicker-body .edui-center{
  1356. background-position: -25px 0;
  1357. }
  1358. .edui-default .edui-cellalignpicker-body .edui-right{
  1359. background-position: -51px 0;
  1360. }
  1361. .edui-default .edui-cellalignpicker-body td.edui-state-hover .edui-left{
  1362. background-position: -73px 0;
  1363. }
  1364. .edui-default .edui-cellalignpicker-body td.edui-state-hover .edui-center{
  1365. background-position: -98px 0;
  1366. }
  1367. .edui-default .edui-cellalignpicker-body td.edui-state-hover .edui-right{
  1368. background-position: -124px 0;
  1369. }
  1370. .edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-left {
  1371. background-position: -146px 0;
  1372. backgroun-color: #f1f4f5;
  1373. }
  1374. .edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-center {
  1375. background-position: -245px 0;
  1376. }
  1377. .edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-right {
  1378. background-position: -271px 0;
  1379. }
  1380. /*分隔线*/
  1381. .edui-default .edui-toolbar .edui-separator {
  1382. width: 2px;
  1383. height: 20px;
  1384. margin: 2px 4px 2px 3px;
  1385. background: url(../images/icons.png) -180px 0;
  1386. background: url(../images/icons.gif) -180px 0 \9;
  1387. }
  1388. /*颜色按钮 */
  1389. .edui-default .edui-toolbar .edui-colorbutton .edui-colorlump {
  1390. position: absolute;
  1391. overflow: hidden;
  1392. bottom: 1px;
  1393. left: 1px;
  1394. width: 18px;
  1395. height: 4px;
  1396. }
  1397. /*表情按钮及弹出菜单*/
  1398. /*去除了表情的下拉箭头*/
  1399. .edui-default .edui-for-emotion .edui-icon {
  1400. background-position: -60px -20px;
  1401. }
  1402. .edui-default .edui-for-emotion .edui-popup-content iframe
  1403. {
  1404. width: 514px;
  1405. height: 380px;
  1406. overflow: hidden;
  1407. }
  1408. .edui-default .edui-for-emotion .edui-popup-content
  1409. {
  1410. position: relative;
  1411. z-index: 555
  1412. }
  1413. .edui-default .edui-for-emotion .edui-splitborder {
  1414. display: none
  1415. }
  1416. .edui-default .edui-for-emotion .edui-splitbutton-body .edui-arrow
  1417. {
  1418. width: 0
  1419. }
  1420. .edui-default .edui-toolbar .edui-for-emotion .edui-state-active .edui-splitborder
  1421. {
  1422. border-left: 1px solid transparent;
  1423. }
  1424. /*contextmenu*/
  1425. .edui-default .edui-hassubmenu .edui-arrow {
  1426. height: 20px;
  1427. width: 20px;
  1428. float: right;
  1429. background: url("../images/icons-all.gif") no-repeat 10px -233px;
  1430. }
  1431. .edui-default .edui-menu-body .edui-menuitem {
  1432. padding: 1px;
  1433. }
  1434. .edui-default .edui-menuseparator {
  1435. margin: 2px 0;
  1436. height: 1px;
  1437. overflow: hidden;
  1438. }
  1439. .edui-default .edui-menuseparator-inner {
  1440. border-bottom: 1px solid #e2e3e3;
  1441. margin-left: 29px;
  1442. margin-right: 1px;
  1443. }
  1444. .edui-default .edui-menu-body .edui-state-hover {
  1445. padding: 0 !important;
  1446. background-color: #fff5d4;
  1447. border: 1px solid #dcac6c;
  1448. }
  1449. /*弹出菜单*/
  1450. .edui-default .edui-shortcutmenu {
  1451. padding: 2px;
  1452. width: 190px;
  1453. height: 50px;
  1454. background-color: #fff;
  1455. border: 1px solid #ccc;
  1456. border-radius: 5px;
  1457. }
  1458. /*粘贴弹出菜单*/
  1459. .edui-default .edui-wordpastepop .edui-popup-content{
  1460. border: none;
  1461. padding: 0;
  1462. width: 54px;
  1463. height: 21px;
  1464. }
  1465. .edui-default .edui-pasteicon {
  1466. width: 100%;
  1467. height: 100%;
  1468. background-image: url('../images/wordpaste.png');
  1469. background-position: 0 0;
  1470. }
  1471. .edui-default .edui-pasteicon.edui-state-opened {
  1472. background-position: 0 -34px;
  1473. }
  1474. .edui-default .edui-pastecontainer {
  1475. position: relative;
  1476. visibility: hidden;
  1477. width: 97px;
  1478. background: #fff;
  1479. border: 1px solid #ccc;
  1480. }
  1481. .edui-default .edui-pastecontainer .edui-title {
  1482. font-weight: bold;
  1483. background: #F8F8FF;
  1484. height: 25px;
  1485. line-height: 25px;
  1486. font-size: 12px;
  1487. padding-left: 5px;
  1488. }
  1489. .edui-default .edui-pastecontainer .edui-button {
  1490. overflow: hidden;
  1491. margin: 3px 0;
  1492. }
  1493. .edui-default .edui-pastecontainer .edui-button .edui-richtxticon,
  1494. .edui-default .edui-pastecontainer .edui-button .edui-tagicon,
  1495. .edui-default .edui-pastecontainer .edui-button .edui-plaintxticon{
  1496. float: left;
  1497. cursor: pointer;
  1498. width: 29px;
  1499. height: 29px;
  1500. margin-left: 5px;
  1501. background-image: url('../images/wordpaste.png');
  1502. background-repeat: no-repeat;
  1503. }
  1504. .edui-default .edui-pastecontainer .edui-button .edui-richtxticon {
  1505. margin-left: 0;
  1506. background-position: -109px 0;
  1507. }
  1508. .edui-default .edui-pastecontainer .edui-button .edui-tagicon {
  1509. background-position: -148px 1px;
  1510. }
  1511. .edui-default .edui-pastecontainer .edui-button .edui-plaintxticon {
  1512. background-position: -72px 0;
  1513. }
  1514. .edui-default .edui-pastecontainer .edui-button .edui-state-hover .edui-richtxticon {
  1515. background-position: -109px -34px;
  1516. }
  1517. .edui-default .edui-pastecontainer .edui-button .edui-state-hover .edui-tagicon{
  1518. background-position: -148px -34px;
  1519. }
  1520. .edui-default .edui-pastecontainer .edui-button .edui-state-hover .edui-plaintxticon{
  1521. background-position: -72px -34px;
  1522. }