ueditor.css 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131
  1. /* common layer */
  2. .edui-box { border: none; padding: 0; margin: 0; overflow: hidden; }
  3. a.edui-box { display: block; text-decoration: none; color: black; }
  4. a.edui-box:hover { text-decoration: none; }
  5. a.edui-box:active { text-decoration: none; }
  6. table.edui-box { border-collapse: collapse; }
  7. ul.edui-box { list-style-type: none; }
  8. div.edui-box { position: relative; display: -moz-inline-box!important; display: inline-block!important; vertical-align: top; }
  9. .edui-clearfix { zoom:1 }
  10. .edui-clearfix:after { content: '\20'; display: block; clear: both; }
  11. * html div.edui-box { display: inline!important; }
  12. *:first-child+html div.edui-box { display: inline!important; }
  13. /* control layout */
  14. .edui-button-body, .edui-splitbutton-body, .edui-menubutton-body, .edui-combox-body { position: relative; }
  15. .edui-popup { position: absolute; -webkit-user-select: none; -moz-user-select: none; }
  16. .edui-popup .edui-shadow { position: absolute; z-index: -1; }
  17. .edui-popup .edui-bordereraser { position: absolute; overflow: hidden; }
  18. .edui-tablepicker .edui-canvas { position: relative; }
  19. .edui-tablepicker .edui-canvas .edui-overlay { position: absolute; }
  20. .edui-dialog-modalmask, .edui-dialog-dragmask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
  21. .edui-toolbar { position: relative; }
  22. /*
  23. * default theme
  24. */
  25. .edui-label {
  26. cursor: default;
  27. }
  28. span.edui-clickable {
  29. color: blue;
  30. cursor: pointer;
  31. text-decoration: underline;
  32. }
  33. span.edui-unclickable {
  34. color: gray;
  35. cursor:default;
  36. }
  37. /* popup */
  38. .edui-popup {
  39. z-index: 3000;
  40. }
  41. .edui-popup .edui-shadow {
  42. left: 0;
  43. top: 0;
  44. width: 100%;
  45. height: 100%;
  46. background-color: black;
  47. box-shadow: 3px 3px 5px #818181;
  48. -webkit-box-shadow: 3px 3px 5px #818181;
  49. -moz-box-shadow: 3px 3px 5px #818181;
  50. -ms-filter: 'progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='true', ShadowOpacity='0.5')';
  51. filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='true', ShadowOpacity='0.5');
  52. }
  53. .edui-popup-content {
  54. border: 1px solid gray;
  55. background-color: white;
  56. padding: 5px;
  57. }
  58. .edui-popup .edui-bordereraser {
  59. background-color: white;
  60. height: 3px;
  61. }
  62. .edui-menu .edui-bordereraser {
  63. background-color: #f1f1f1;
  64. height: 3px;
  65. }
  66. .edui-anchor-topleft .edui-bordereraser {
  67. left: 1px;
  68. top: -2px;
  69. }
  70. .edui-anchor-topright .edui-bordereraser {
  71. right: 1px;
  72. top: -2px;
  73. }
  74. .edui-anchor-bottomleft .edui-bordereraser {
  75. left: 0;
  76. bottom: -6px;
  77. height: 7px;
  78. border-left: 1px solid gray;
  79. border-right: 1px solid gray;
  80. }
  81. .edui-anchor-bottomright .edui-bordereraser {
  82. right: 0;
  83. bottom: -6px;
  84. height: 7px;
  85. border-left: 1px solid gray;
  86. border-right: 1px solid gray;
  87. }
  88. /* menu */
  89. .edui-menu {
  90. z-index: 3000;
  91. }
  92. .edui-menu .edui-popup-content {
  93. background-color: white;
  94. padding: 3px;
  95. }
  96. .edui-menu-body {
  97. _width: 150px;
  98. min-width: 150px;
  99. background: url("images/menu/sparator_v.png") repeat-y 25px;
  100. }
  101. .edui-menuitem-body {
  102. }
  103. .edui-menuitem {
  104. height: 20px;
  105. cursor: default;
  106. vertical-align: top;
  107. }
  108. .edui-menuitem .edui-icon {
  109. width: 20px!important;
  110. height: 20px!important;
  111. background: url(images/icons.png) 0 -40px;
  112. background: url(images/icons.gif) 0 -40px\9;
  113. }
  114. .edui-menuitem .edui-label {
  115. font-size: 12px;
  116. line-height: 20px;
  117. height: 20px;
  118. padding-left: 10px;
  119. padding-right: 20px;
  120. }
  121. .edui-state-checked .edui-menuitem-body {
  122. background: url("images/icons-all.gif") no-repeat 6px -205px;
  123. }
  124. .edui-state-disabled .edui-menuitem-label {
  125. color: gray;
  126. }
  127. .edui-state-disabled .edui-icon {
  128. opacity: 0.3;
  129. -ms-filter: 'alpha(opacity=30)';
  130. filter: alpha(opacity=30);
  131. }
  132. /*by taoqili*/
  133. .edui-state-disabled .edui-label {
  134. color: gray;
  135. }
  136. .edui-hassubmenu .edui-arrow {
  137. height: 20px;
  138. width: 20px;
  139. float: right;
  140. background: url("images/icons-all.gif") no-repeat 10px -233px;
  141. }
  142. .edui-menu-body .edui-menuitem {
  143. padding: 1px;
  144. }
  145. .edui-menuseparator {
  146. margin: 2px 0;
  147. height: 1px;
  148. overflow: hidden;
  149. }
  150. .edui-menuseparator-inner {
  151. border-bottom: 1px solid #e2e3e3;
  152. margin-left: 29px;
  153. margin-right: 1px;
  154. }
  155. .edui-menu-body .edui-state-hover {
  156. padding: 0 !important;
  157. background-color: #fff5d4;
  158. border: 1px solid #dcac6c;
  159. }
  160. /* dialog */
  161. .edui-dialog {
  162. z-index: 2000;
  163. position: absolute;
  164. }
  165. .edui-dialog-wrap {
  166. margin-right: 6px;
  167. margin-bottom: 6px;
  168. border: 1px solid #c6c6c6;
  169. }
  170. .edui-dialog-body {
  171. position: relative;
  172. background-color: white;
  173. _zoom: 1;
  174. }
  175. .edui-dialog-shadow {
  176. position: absolute;
  177. z-index: -1;
  178. left: 0;
  179. top: 0;
  180. width: 100%;
  181. height: 100%;
  182. background-color: black;
  183. box-shadow: 3px 3px 5px #818181;
  184. -webkit-box-shadow: 3px 3px 5px #818181;
  185. -moz-box-shadow: 3px 3px 5px #818181;
  186. -ms-filter: 'progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='true', ShadowOpacity='0.5')';
  187. filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='true', ShadowOpacity='0.5');
  188. }
  189. .edui-dialog-foot {
  190. background-color: white;
  191. }
  192. .edui-dialog-titlebar {
  193. height: 26px;
  194. border-bottom: 1px solid #c6c6c6;
  195. background: url(images/dialog-title-bg.png) repeat-x bottom;
  196. position: relative;
  197. cursor: move;
  198. }
  199. .edui-dialog-caption {
  200. font-weight: bold;
  201. font-size: 12px;
  202. line-height: 26px;
  203. padding-left: 5px;
  204. }
  205. .edui-dialog-draghandle {
  206. height: 26px;
  207. }
  208. .edui-dialog-closebutton {
  209. position: absolute !important;
  210. right: 5px;
  211. top: 3px;
  212. }
  213. .edui-dialog-closebutton .edui-button-body {
  214. height: 20px;
  215. width: 20px;
  216. cursor: pointer;
  217. background: url("images/icons-all.gif") no-repeat 0 -59px;
  218. }
  219. .edui-dialog-closebutton .edui-state-hover .edui-button-body {
  220. background: url("images/icons-all.gif") no-repeat 0 -89px;
  221. }
  222. .edui-dialog-foot {
  223. height: 40px;
  224. }
  225. .edui-dialog-buttons {
  226. position: absolute;
  227. right: 0;
  228. }
  229. .edui-dialog-buttons .edui-button {
  230. margin-right: 10px;
  231. }
  232. .edui-dialog-buttons .edui-button .edui-button-body {
  233. background: url("images/icons-all.gif") no-repeat;
  234. height: 24px;
  235. width: 96px;
  236. font-size: 12px;
  237. line-height: 24px;
  238. text-align: center;
  239. cursor: default;
  240. }
  241. .edui-dialog-buttons .edui-button .edui-state-hover .edui-button-body {
  242. background: url("images/icons-all.gif") no-repeat 0 -30px;
  243. }
  244. .edui-dialog iframe {
  245. border: 0;
  246. padding: 0;
  247. margin: 0;
  248. vertical-align: top;
  249. }
  250. .edui-dialog-modalmask {
  251. opacity: 0.3;
  252. filter: alpha(opacity=30);
  253. background-color: #ccc;
  254. position: absolute;
  255. /*z-index: 1999;*/
  256. }
  257. .edui-dialog-dragmask {
  258. position: absolute;
  259. /*z-index: 2001;*/
  260. background-color: transparent;
  261. cursor: move;
  262. }
  263. .edui-dialog-content {
  264. position: relative;
  265. }
  266. .dialogcontmask{cursor:move;visibility:hidden;display:block;position:absolute;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);}
  267. /* color picker */
  268. .edui-colorpicker-topbar {
  269. height: 27px;
  270. width: 200px;
  271. /*border-bottom: 1px gray dashed;*/
  272. }
  273. .edui-colorpicker-preview {
  274. height: 20px;
  275. border: 1px inset black;
  276. margin-left: 1px;
  277. width: 128px;
  278. float: left;
  279. }
  280. .edui-colorpicker-nocolor {
  281. float: right;
  282. margin-right: 1px;
  283. font-size: 12px;
  284. line-height: 14px;
  285. height: 14px;
  286. border: 1px solid #333;
  287. padding: 3px 5px;
  288. cursor: pointer;
  289. }
  290. .edui-colorpicker-tablefirstrow {
  291. height: 30px;
  292. }
  293. .edui-colorpicker-colorcell {
  294. width: 14px;
  295. height: 14px;
  296. display: block;
  297. margin: 0;
  298. cursor: pointer;
  299. }
  300. .edui-colorpicker-colorcell:hover {
  301. width: 14px;
  302. height: 14px;
  303. margin: 0;
  304. }
  305. /* tablepicker */
  306. .edui-tablepicker .edui-infoarea {
  307. height: 14px;
  308. line-height: 14px;
  309. font-size: 12px;
  310. width: 220px;
  311. margin-bottom: 3px;
  312. clear: both;
  313. }
  314. .edui-tablepicker .edui-infoarea .edui-label {
  315. float: left;
  316. }
  317. .edui-dialog-buttons .edui-label{
  318. line-height: 24px;
  319. }
  320. .edui-tablepicker .edui-infoarea .edui-clickable {
  321. float: right;
  322. }
  323. .edui-tablepicker .edui-pickarea {
  324. background: url("images/tablepicker/unhighlighted.gif") repeat;
  325. height: 220px;
  326. width: 220px;
  327. }
  328. .edui-tablepicker .edui-pickarea .edui-overlay {
  329. background: url("images/tablepicker/highlighted.gif") repeat;
  330. }
  331. /*autotypeset*/
  332. .edui-autotypesetpicker .edui-autotypesetpicker-body{
  333. font-size: 12px;
  334. width:330px;
  335. margin-bottom: 3px;
  336. clear: both;
  337. }
  338. .edui-autotypesetpicker-body td{
  339. font-size:12px;
  340. }
  341. /* toolbar */
  342. .edui-toolbar {
  343. cursor: default;
  344. -webkit-user-select: none;
  345. -moz-user-select: none;
  346. padding: 1px;
  347. }
  348. .edui-toolbar .edui-button,
  349. .edui-toolbar .edui-splitbutton,
  350. .edui-toolbar .edui-menubutton,
  351. .edui-toolbar .edui-combox {
  352. margin: 1px ;
  353. }
  354. /* toolbar sparator */
  355. .edui-toolbar .edui-separator {
  356. width: 2px;
  357. height: 20px;
  358. margin: 2px 4px 2px 3px;
  359. background: url(images/icons.png) -180px 0;
  360. background: url(images/icons.gif) -180px 0\9;
  361. }
  362. /* toolbar button */
  363. .edui-toolbar .edui-button .edui-icon,
  364. .edui-toolbar .edui-menubutton .edui-icon,
  365. .edui-toolbar .edui-splitbutton .edui-icon {
  366. height: 20px!important;
  367. width: 20px!important;
  368. background-image: url(images/icons.png);
  369. background-image: url(images/icons.gif)\9;
  370. }
  371. .edui-toolbar .edui-button .edui-button-wrap {
  372. padding: 1px;
  373. position: relative;
  374. }
  375. .edui-toolbar .edui-button .edui-state-hover .edui-button-wrap {
  376. background-color: #fff5d4;
  377. padding: 0;
  378. border: 1px solid #dcac6c;
  379. }
  380. .edui-toolbar .edui-button .edui-state-checked .edui-button-wrap {
  381. background-color: #ffe69f;
  382. padding: 0;
  383. border: 1px solid #dcac6c;
  384. }
  385. .edui-toolbar .edui-button .edui-state-active .edui-button-wrap {
  386. background-color: #ffffff;
  387. padding: 0;
  388. border: 1px solid gray;
  389. }
  390. /* toolbar splitbutton */
  391. .edui-toolbar .edui-splitbutton-body .edui-arrow,
  392. .edui-toolbar .edui-menubutton-body .edui-arrow{
  393. background: url(images/icons.png) -741px 0;
  394. _background: url(images/icons.gif) -741px 0;
  395. height: 20px;
  396. width: 9px;
  397. }
  398. .edui-toolbar .edui-splitbutton .edui-splitbutton-body,
  399. .edui-toolbar .edui-menubutton .edui-menubutton-body{
  400. padding: 1px;
  401. }
  402. .edui-toolbar .edui-splitborder{
  403. width: 1px;
  404. height: 20px;
  405. }
  406. .edui-toolbar .edui-state-hover .edui-splitborder{
  407. width: 1px;
  408. border-left: 0px solid #dcac6c;
  409. }
  410. .edui-toolbar .edui-state-active .edui-splitborder{
  411. width: 0;
  412. border-left: 1px solid gray;
  413. }
  414. .edui-toolbar .edui-state-opened .edui-splitborder{
  415. width: 1px;
  416. border: 0;
  417. }
  418. .edui-toolbar .edui-splitbutton .edui-state-hover .edui-splitbutton-body,
  419. .edui-toolbar .edui-menubutton .edui-state-hover .edui-menubutton-body{
  420. background-color: #fff5d4;
  421. border: 1px solid #dcac6c;
  422. padding: 0;
  423. }
  424. .edui-toolbar .edui-splitbutton .edui-state-checked .edui-splitbutton-body,
  425. .edui-toolbar .edui-menubutton .edui-state-checked .edui-menubutton-body{
  426. background-color: #FFE69F;
  427. border: 1px solid #DCAC6C;
  428. padding: 0;
  429. }
  430. .edui-toolbar .edui-splitbutton .edui-state-active .edui-splitbutton-body,
  431. .edui-toolbar .edui-menubutton .edui-state-active .edui-menubutton-body{
  432. background-color: #ffffff;
  433. border: 1px solid gray;
  434. padding: 0;
  435. }
  436. .edui-state-disabled .edui-arrow{
  437. opacity: 0.3;
  438. -ms-filter: 'alpha(opacity=30)';
  439. _filter: alpha(opacity=30);
  440. }
  441. .edui-toolbar .edui-splitbutton .edui-state-opened .edui-splitbutton-body,
  442. .edui-toolbar .edui-menubutton .edui-state-opened .edui-menubutton-body{
  443. background-color: white;
  444. border: 1px solid gray;
  445. padding: 0;
  446. }
  447. .edui-for-insertorderedlist .edui-bordereraser,
  448. .edui-for-lineheight .edui-bordereraser,
  449. .edui-for-rowspacingtop .edui-bordereraser,
  450. .edui-for-rowspacingbottom .edui-bordereraser,
  451. .edui-for-insertunorderedlist .edui-bordereraser {
  452. background-color: white;
  453. }
  454. /* 解决嵌套导致的图标问题 */
  455. .edui-for-insertorderedlist .edui-popup-body .edui-icon,
  456. .edui-for-lineheight .edui-popup-body .edui-icon,
  457. .edui-for-rowspacingtop .edui-popup-body .edui-icon,
  458. .edui-for-rowspacingbottom .edui-popup-body .edui-icon,
  459. .edui-for-insertunorderedlist .edui-popup-body .edui-icon {
  460. background-position: 0 -40px;
  461. }
  462. /* toolbar colorbutton */
  463. .edui-toolbar .edui-colorbutton .edui-colorlump {
  464. position: absolute;
  465. overflow: hidden;
  466. bottom: 1px;
  467. left: 1px;
  468. width: 18px;
  469. height: 4px;
  470. }
  471. /* toolbar combox */
  472. .edui-toolbar .edui-combox-body .edui-button-body {
  473. width: 60px;
  474. font-size: 12px;
  475. height: 20px;
  476. line-height: 20px;
  477. padding-left: 5px;
  478. white-space: nowrap;
  479. }
  480. .edui-toolbar .edui-combox-body .edui-arrow {
  481. background: url(images/icons.png) -741px 0;
  482. _background: url(images/icons.gif) -741px 0;
  483. height: 20px;
  484. width: 9px;
  485. }
  486. .edui-toolbar .edui-combox .edui-combox-body {
  487. border: 1px solid #CCC;
  488. background-color: white;
  489. }
  490. .edui-toolbar .edui-combox-body .edui-splitborder {
  491. display: none;
  492. }
  493. .edui-toolbar .edui-combox-body .edui-arrow {
  494. border-left: 1px solid #CCC;
  495. }
  496. .edui-toolbar .edui-state-hover .edui-combox-body {
  497. background-color: #fff5d4;
  498. border: 1px solid #dcac6c;
  499. }
  500. .edui-toolbar .edui-state-hover .edui-combox-body .edui-arrow {
  501. border-left: 1px solid #dcac6c;
  502. }
  503. .edui-toolbar .edui-state-checked .edui-combox-body {
  504. background-color: #FFE69F;
  505. border: 1px solid #DCAC6C;
  506. }
  507. .edui-toolbar .edui-state-checked .edui-combox-body .edui-arrow {
  508. border-left: 1px solid #DCAC6C;
  509. }
  510. .edui-toolbar .edui-state-disabled .edui-combox-body {
  511. background-color: #F0F0EE;
  512. opacity: 0.3;
  513. -ms-filter: 'alpha(opacity=30)';
  514. filter: alpha(opacity=30);
  515. }
  516. .edui-toolbar .edui-state-opened .edui-combox-body {
  517. background-color: white;
  518. border: 1px solid gray;
  519. }
  520. .edui-list .edui-bordereraser {
  521. display: none;
  522. }
  523. .edui-listitem {
  524. padding: 1px;
  525. white-space: nowrap;
  526. }
  527. .edui-list .edui-state-hover {
  528. position: relative;
  529. background-color: #fff5d4;
  530. border: 1px solid #dcac6c;
  531. padding: 0;
  532. }
  533. .edui-for-fontfamily .edui-listitem-label {
  534. min-width: 120px;
  535. _width: 120px;
  536. font-size: 12px;
  537. height: 22px;
  538. line-height: 22px;
  539. padding-left: 5px;
  540. }
  541. .edui-for-underline .edui-listitem-label{
  542. min-width: 120px;
  543. _width: 120px;
  544. padding: 3px 5px;
  545. font-size:12px;
  546. }
  547. .edui-for-fontsize .edui-listitem-label {
  548. min-width: 120px;
  549. _width: 120px;
  550. padding: 3px 5px;
  551. }
  552. .edui-for-paragraph .edui-listitem-label {
  553. min-width: 200px;
  554. _width: 200px;
  555. padding: 2px 5px;
  556. }
  557. .edui-for-rowspacingtop .edui-listitem-label,
  558. .edui-for-rowspacingbottom .edui-listitem-label {
  559. min-width: 53px;
  560. _width: 53px;
  561. padding: 2px 5px;
  562. }
  563. .edui-for-lineheight .edui-listitem-label {
  564. min-width: 53px;
  565. _width: 53px;
  566. padding: 2px 5px;
  567. }
  568. .edui-for-customstyle .edui-listitem-label {
  569. min-width: 200px;
  570. _width: 200px;
  571. width:200px!important;
  572. padding:2px 5px;
  573. }
  574. /* toolbar icons */
  575. .edui-for-undo .edui-icon {
  576. background-position: -160px 0;
  577. }
  578. .edui-for-redo .edui-icon {
  579. background-position: -100px 0;
  580. }
  581. .edui-for-bold .edui-icon {
  582. background-position: 0 0;
  583. }
  584. .edui-for-italic .edui-icon {
  585. background-position: -60px 0;
  586. }
  587. .edui-for-underline .edui-icon {
  588. background-position: -140px 0;
  589. }
  590. .edui-for-strikethrough .edui-icon {
  591. background-position: -120px 0;
  592. }
  593. .edui-for-subscript .edui-icon {
  594. background-position: -600px 0;
  595. }
  596. .edui-for-superscript .edui-icon {
  597. background-position: -620px 0;
  598. }
  599. .edui-for-blockquote .edui-icon {
  600. background-position: -220px 0;
  601. }
  602. .edui-for-forecolor .edui-icon {
  603. background-position: -720px 0;
  604. }
  605. .edui-for-backcolor .edui-icon {
  606. background-position: -760px 0;
  607. }
  608. .edui-for-inserttable .edui-icon {
  609. background-position: -580px -20px;
  610. }
  611. .edui-for-autotypeset .edui-icon {
  612. background-position: -640px -40px;
  613. }
  614. .edui-for-justifyleft .edui-icon {
  615. background-position: -460px 0;
  616. }
  617. .edui-for-justifycenter .edui-icon {
  618. background-position: -420px 0;
  619. }
  620. .edui-for-justifyright .edui-icon {
  621. background-position: -480px 0;
  622. }
  623. .edui-for-justifyjustify .edui-icon {
  624. background-position: -440px 0;
  625. }
  626. .edui-for-insertorderedlist .edui-icon {
  627. background-position: -80px 0;
  628. }
  629. .edui-for-insertunorderedlist .edui-icon {
  630. background-position: -20px 0;
  631. }
  632. .edui-for-lineheight .edui-icon {
  633. background-position: -725px -40px;
  634. }
  635. .edui-for-rowspacingbottom .edui-icon {
  636. background-position: -745px -40px;
  637. }
  638. .edui-for-rowspacingtop .edui-icon {
  639. background-position: -765px -40px;
  640. }
  641. .edui-for-horizontal .edui-icon {
  642. background-position: -360px 0;
  643. }
  644. .edui-for-link .edui-icon {
  645. background-position: -500px 0;
  646. }
  647. .edui-for-code .edui-icon {
  648. background-position: -440px -40px;
  649. }
  650. .edui-for-insertimage .edui-icon {
  651. background-position: -380px 0;
  652. }
  653. .edui-for-insertframe .edui-icon {
  654. background-position: -240px -40px;
  655. }
  656. .edui-for-emoticon .edui-icon {
  657. background-position: -60px -20px;
  658. }
  659. .edui-for-spechars .edui-icon {
  660. background-position: -240px 0;
  661. }
  662. .edui-for-help .edui-icon {
  663. background-position: -340px 0;
  664. }
  665. .edui-for-print .edui-icon {
  666. background-position: -440px -20px;
  667. }
  668. .edui-for-preview .edui-icon {
  669. background-position: -420px -20px;
  670. }
  671. .edui-for-selectall .edui-icon {
  672. background-position: -400px -20px;
  673. }
  674. .edui-for-searchreplace .edui-icon {
  675. background-position: -520px -20px;
  676. }
  677. .edui-for-map .edui-icon {
  678. background-position: -40px -40px;
  679. }
  680. .edui-for-gmap .edui-icon {
  681. background-position: -260px -40px;
  682. }
  683. .edui-for-insertvideo .edui-icon {
  684. background-position: -320px -20px;
  685. }
  686. .edui-for-time .edui-icon {
  687. background-position: -160px -20px;
  688. }
  689. .edui-for-date .edui-icon {
  690. background-position: -140px -20px;
  691. }
  692. .edui-for-cut .edui-icon {
  693. background-position: -680px 0;
  694. }
  695. .edui-for-copy .edui-icon {
  696. background-position: -700px 0;
  697. }
  698. .edui-for-paste .edui-icon {
  699. background-position: -560px 0;
  700. }
  701. .edui-for-formatmatch .edui-icon {
  702. background-position: -40px 0;
  703. }
  704. .edui-for-pasteplain .edui-icon {
  705. background-position: -360px -20px;
  706. }
  707. .edui-for-directionalityltr .edui-icon {
  708. background-position: -20px -20px;
  709. }
  710. .edui-for-directionalityrtl .edui-icon {
  711. background-position: -40px -20px;
  712. }
  713. .edui-for-source .edui-icon {
  714. background-position: -260px -0px;
  715. }
  716. .edui-for-removeformat .edui-icon {
  717. background-position: -580px 0;
  718. }
  719. .edui-for-unlink .edui-icon {
  720. background-position: -640px 0;
  721. }
  722. .edui-for-touppercase .edui-icon {
  723. background-position: -786px 0;
  724. }
  725. .edui-for-tolowercase .edui-icon {
  726. background-position: -806px 0;
  727. }
  728. .edui-for-insertrow .edui-icon {
  729. background-position: -740px -20px;
  730. }
  731. .edui-for-insertcol .edui-icon {
  732. background-position: -700px -20px;
  733. }
  734. .edui-for-mergeright .edui-icon {
  735. background-position: -60px -40px;
  736. }
  737. .edui-for-mergedown .edui-icon {
  738. background-position: -80px -40px;
  739. }
  740. .edui-for-splittorows .edui-icon {
  741. background-position: -100px -40px;
  742. }
  743. .edui-for-splittocols .edui-icon {
  744. background-position: -120px -40px;
  745. }
  746. .edui-for-insertparagraphbeforetable .edui-icon {
  747. background-position: -140px -40px;
  748. }
  749. .edui-for-deleterow .edui-icon {
  750. background-position: -660px -20px;
  751. }
  752. .edui-for-deletecol .edui-icon {
  753. background-position: -640px -20px;
  754. }
  755. .edui-for-splittocells .edui-icon {
  756. background-position: -800px -20px;
  757. }
  758. .edui-for-mergecells .edui-icon {
  759. background-position: -760px -20px;
  760. }
  761. .edui-for-deletetable .edui-icon {
  762. background-position: -620px -20px;
  763. }
  764. .edui-for-cleardoc .edui-icon {
  765. background-position: -520px 0;
  766. }
  767. .edui-for-fullscreen .edui-icon {
  768. background-position: -100px -20px;
  769. }
  770. .edui-for-anchor .edui-icon {
  771. background-position: -200px 0;
  772. }
  773. .edui-for-pagebreak .edui-icon {
  774. background-position: -460px -40px;
  775. }
  776. .edui-for-imagenone .edui-icon {
  777. background-position: -480px -40px;
  778. }
  779. .edui-for-imageleft .edui-icon {
  780. background-position: -500px -40px;
  781. }
  782. .edui-for-wordimage .edui-icon {
  783. background-position: -660px -40px;
  784. }
  785. .edui-for-imageright .edui-icon {
  786. background-position: -520px -40px;
  787. }
  788. .edui-for-imagecenter .edui-icon {
  789. background-position: -540px -40px;
  790. }
  791. .edui-for-indent .edui-icon {
  792. background-position: -400px 0;
  793. }
  794. .edui-for-outdent .edui-icon {
  795. background-position: -540px 0;
  796. }
  797. .edui-for-webapp .edui-icon {
  798. background-position: -601px -40px
  799. }
  800. .edui-for-table .edui-icon {
  801. background-position: -580px -20px;
  802. }
  803. .edui-for-edittable .edui-icon {
  804. background-position: -420px -40px;
  805. }
  806. .edui-for-template .edui-icon {
  807. background-position: -339px -40px;
  808. }
  809. .edui-for-delete .edui-icon {
  810. background-position: -360px -40px;
  811. }
  812. .edui-for-highlightcode .edui-icon{
  813. background-position: -440px -40px;
  814. }
  815. .edui-for-deletehighlightcode .edui-icon{
  816. background-position: -360px -40px;
  817. }
  818. .edui-for-attachment .edui-icon{
  819. background-position: -620px -40px;
  820. }
  821. .edui-for-edittd .edui-icon {
  822. background-position: -700px -40px;
  823. }
  824. .edui-for-snapscreen .edui-icon {
  825. background-position: -581px -40px
  826. }
  827. .edui-for-scrawl .edui-icon {
  828. background-position: -801px -41px
  829. }
  830. .edui-for-background .edui-icon {
  831. background-position: -678px -40px;
  832. }
  833. /*link-dialog*/
  834. .edui-for-link .edui-dialog-content {
  835. width:420px;
  836. height:200px;
  837. overflow: hidden;
  838. }
  839. /*background-dialog*/
  840. .edui-for-background .edui-dialog-content {
  841. width:440px;
  842. height:280px;
  843. overflow: hidden;
  844. }
  845. /*template-dialog*/
  846. .edui-for-template .edui-dialog-content {
  847. width:630px;
  848. height:390px;
  849. overflow: hidden;
  850. }
  851. /*emoticon-dialog*/
  852. .edui-for-emoticon .edui-dialog-content{
  853. width:515px;
  854. *width:506px;
  855. height:360px;
  856. }
  857. /*scrawl-dialog*/
  858. .edui-for-scrawl .edui-dialog-content{
  859. width:515px;
  860. *width:506px;
  861. height:360px;
  862. }
  863. /*spechars-dialog*/
  864. .edui-for-spechars .edui-dialog-content{
  865. width:620px;
  866. height:500px;
  867. *height:570px;
  868. }
  869. /*image-dialog*/
  870. .edui-for-insertimage .edui-dialog-content {
  871. width:640px;
  872. height:390px;
  873. overflow: hidden;
  874. }
  875. /*webapp-dialog*/
  876. .edui-for-webapp .edui-dialog-content {
  877. width:560px;
  878. _width:565px;
  879. height:450px;
  880. overflow: hidden;
  881. }
  882. /*image-insertframe*/
  883. .edui-for-insertframe .edui-dialog-content {
  884. width:350px;
  885. height:200px;
  886. overflow: hidden;
  887. }
  888. /*wordImage-dialog*/
  889. .edui-for-wordimage .edui-dialog-content {
  890. width:620px;
  891. height:380px;
  892. overflow: hidden;
  893. }
  894. /*attachment-dialog*/
  895. .edui-for-attachment .edui-dialog-content {
  896. width:480px;
  897. height:360px;
  898. overflow: hidden;
  899. }
  900. /*code-dialog*/
  901. .edui-for-highlightcode .edui-dialog-content {
  902. width:550px;
  903. height:360px;
  904. overflow: hidden;
  905. }
  906. /*map-dialog*/
  907. .edui-for-map .edui-dialog-content {
  908. width:550px;
  909. height:400px;
  910. }
  911. /*gmap-dialog*/
  912. .edui-for-gmap .edui-dialog-content {
  913. width:550px;
  914. height:400px;
  915. }
  916. /*video-dialog*/
  917. .edui-for-insertvideo .edui-dialog-content {
  918. width:590px;
  919. height:390px;
  920. }
  921. /*anchor-dialog*/
  922. .edui-for-anchor .edui-dialog-content {
  923. width:320px;
  924. height:60px;
  925. overflow: hidden;
  926. }
  927. /*searchreplace-dialog*/
  928. .edui-for-searchreplace .edui-dialog-content {
  929. width:400px;
  930. height:180px;
  931. }
  932. /*help-dialog*/
  933. .edui-for-help .edui-dialog-content {
  934. width:400px;
  935. height:420px;
  936. }
  937. /*table-dialog*/
  938. .edui-for-inserttable .edui-dialog-content {
  939. width:510px;
  940. height:275px;
  941. }
  942. /*td-dialog*/
  943. .edui-for-edittd .edui-dialog-content {
  944. width:220px;
  945. height:125px;
  946. }
  947. /*snapscreen-dialog*/
  948. .edui-for-snapscreen .edui-dialog-content {
  949. width:400px;
  950. height:220px;
  951. }
  952. /*for wordimage*/
  953. .edui-editor-toolbarmsg-upload{
  954. font-size: 14px;
  955. color: blue;
  956. width: 100px;
  957. height: 16px;
  958. line-height:16px;
  959. cursor:pointer;
  960. position:absolute;
  961. top:5px;
  962. left:350px;
  963. }
  964. .edui-for-paragraph .edui-listitem-label{
  965. font-family: Tahoma,Verdana,Arial,Helvetica;
  966. }
  967. .edui-for-paragraph .edui-listitem-label .edui-for-p{
  968. font-size: 22px;
  969. line-height: 27px;
  970. }
  971. .edui-for-paragraph .edui-listitem-label .edui-for-h1{
  972. font-weight: bolder;
  973. font-size: 32px;
  974. line-height:36px;
  975. }
  976. .edui-for-paragraph .edui-listitem-label .edui-for-h2{
  977. font-weight: bolder;
  978. font-size: 27px;
  979. line-height: 29px;
  980. }
  981. .edui-for-paragraph .edui-listitem-label .edui-for-h3{
  982. font-weight: bolder;
  983. font-size: 19px;
  984. line-height: 23px;
  985. }
  986. .edui-for-paragraph .edui-listitem-label .edui-for-h4{
  987. font-weight: bolder;
  988. font-size: 16px;
  989. line-height: 19px
  990. }
  991. .edui-for-paragraph .edui-listitem-label .edui-for-h5{
  992. font-weight: bolder;
  993. font-size: 13px;
  994. line-height: 16px;
  995. }
  996. .edui-for-paragraph .edui-listitem-label .edui-for-h6{
  997. font-weight: bolder;
  998. font-size: 12px;
  999. line-height: 14px;
  1000. }
  1001. /* ui.Editor */
  1002. .edui-editor {
  1003. border: 1px solid #ccc;
  1004. background-color: white;
  1005. position: relative;
  1006. overflow: visible;
  1007. }
  1008. .edui-editor-toolbarbox {
  1009. position: relative;
  1010. zoom: 1;
  1011. }
  1012. .edui-editor-toolbarboxouter {
  1013. border-bottom: 1px solid #ccc;
  1014. background: white url(images/toolbar_bg.png) repeat-x bottom left;
  1015. }
  1016. .edui-editor-toolbarboxinner {
  1017. padding: 2px;
  1018. }
  1019. .edui-editor-iframeholder {
  1020. position: relative;
  1021. /*for fix ie6 toolbarmsg under iframe bug. relative -> static */
  1022. /*_position: static !important;*/
  1023. }
  1024. .edui-editor-iframeholder textarea {
  1025. font-family: consolas, "Courier New", "lucida console", monospace;
  1026. font-size: 12px;
  1027. line-height: 18px;
  1028. }
  1029. .edui-editor-bottombar {
  1030. /*border-top: 1px solid #ccc;*/
  1031. /*height: 20px;*/
  1032. /*width: 40%;*/
  1033. /*float: left;*/
  1034. /*overflow: hidden;*/
  1035. }
  1036. .edui-editor-bottomContainer{overflow:hidden;}
  1037. .edui-editor-bottomContainer table{width:100%;height:0;overflow:hidden;border-spacing:0;border-collapse:collapse;}
  1038. .edui-editor-bottomContainer td{white-space:nowrap;border-top: 1px solid #ccc;line-height: 20px;font-size:12px;font-family: Arial,Helvetica,Tahoma,Verdana,Sans-Serif;}
  1039. .edui-editor-wordcount{
  1040. text-align: right;
  1041. margin-right: 5px;
  1042. color: #aaa;
  1043. }
  1044. .edui-editor-breadcrumb {
  1045. margin: 2px 0 0 3px;
  1046. }
  1047. .edui-editor-breadcrumb span {
  1048. cursor: pointer;
  1049. text-decoration: underline;
  1050. color: blue;
  1051. }
  1052. .edui-toolbar .edui-for-fullscreen {
  1053. float: right;
  1054. }
  1055. .edui-bubble .edui-popup-content {
  1056. border: 1px solid #DCAC6C;
  1057. background-color: #fff6d9;
  1058. padding: 5px;
  1059. font-size: 10pt;
  1060. font-family: "宋体";
  1061. }
  1062. .edui-bubble .edui-shadow {
  1063. box-shadow: 1px 1px 3px #818181;
  1064. -webkit-box-shadow: 2px 2px 3px #818181;
  1065. -moz-box-shadow: 2px 2px 3px #818181;
  1066. -ms-filter: 'progid:DXImageTransform.Microsoft.Blur(PixelRadius='2', MakeShadow='true', ShadowOpacity='0.5')';
  1067. filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2', MakeShadow='true', ShadowOpacity='0.5');
  1068. }
  1069. .edui-editor-toolbarmsg {
  1070. background-color: #FFF6D9;
  1071. border-bottom: 1px solid #ccc;
  1072. position: absolute;
  1073. bottom:-25px;
  1074. left:0;
  1075. z-index: 1009;
  1076. width: 99.9%;
  1077. }
  1078. .edui-editor-toolbarmsg-label {
  1079. font-size: 12px;
  1080. line-height: 16px;
  1081. padding: 4px;
  1082. }
  1083. .edui-editor-toolbarmsg-close {
  1084. float: right;
  1085. width: 20px;
  1086. height: 16px;
  1087. line-height:16px;
  1088. cursor:pointer;
  1089. color:red;
  1090. }
  1091. /**for edui-emotion-menu*/
  1092. .edui-for-emotion .edui-icon {background-position: -60px -20px;}
  1093. .edui-for-emotion .edui-popup-content{position: relative;z-index: 555}
  1094. .edui-for-emotion .edui-popup-content iframe{width:514px;height:380px;overflow:hidden;}
  1095. .edui-for-emotion .edui-splitborder{display:none}
  1096. .edui-for-emotion .edui-splitbutton-body .edui-arrow{width:0} /*去除了表情的下拉箭头*/