TQEditor.css 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554
  1. .eEditor {
  2. border: 1px solid #cccccc;
  3. background: #fff;
  4. display: block;
  5. overflow: hidden
  6. }
  7. .eEditorClient {
  8. margin: 0;
  9. clear: both;
  10. border: none;
  11. border-top: 1px solid #cccccc;
  12. background: #fff;
  13. display: block;
  14. padding: 0;
  15. resize: none
  16. }
  17. .eEditorClient iframe {
  18. display: block;
  19. border: none;
  20. margin: 0;
  21. padding: 0;
  22. width: 100%
  23. }
  24. .eEditorClient textarea {
  25. display: block;
  26. border: none;
  27. padding: 2px 0;
  28. font-size: 14px;
  29. line-height: 18px;
  30. overflow: auto;
  31. width: 100%;
  32. resize: none;
  33. outline: none;
  34. margin: 0
  35. }
  36. .eEditorClient table, .eEditorClient td, .eEditorClient td {
  37. background-color: #FFFFFF;
  38. padding: 0;
  39. border: none;
  40. margin: 0
  41. }
  42. .eToolBar {
  43. overflow: visible;
  44. padding: 4px 0 0 0!important;
  45. padding: 3px 0 3px 0;
  46. padding: 3px 0 3px 0;
  47. min-height: 24px;
  48. _height: 22px;
  49. margin: 0;
  50. border: none;
  51. background-image: url(images/toolbar_bg.png);
  52. background-repeat: repeat-x
  53. }
  54. .eToolBarGroup {
  55. white-space: nowrap;
  56. float: left;
  57. height: 24px;
  58. margin: 0;
  59. padding: 0;
  60. clear: none
  61. }
  62. .eToolBarGroup li {
  63. white-space: nowrap;
  64. float: left
  65. }
  66. .eToolBarGroupRight {
  67. white-space: nowrap;
  68. float: right;
  69. height: 24px;
  70. margin: 0;
  71. padding: 0 2px 0 0
  72. }
  73. .eToolBarGroupRight li {
  74. white-space: nowrap;
  75. float: left
  76. }
  77. .eClear {
  78. clear: both
  79. }
  80. .eButton, .eButtonUp, .eButtonDown, .eButtonDropDown {
  81. display: block;
  82. width: 25px;
  83. float: left;
  84. height: 16px;
  85. background-image: url(images/icon.png);
  86. -moz-user-select: none
  87. }
  88. .eButton {
  89. border: none;
  90. margin: 1px;
  91. width: 25px;
  92. height: 16px
  93. }
  94. .eButtonUp, li.eButton:hover {
  95. border: 1px ridge #dcac6c;
  96. background-color: #fff5d4;
  97. margin: 0
  98. }
  99. .eButtonDown, li.eButton:active, .eButtonDropDown:active {
  100. border: 1px ridge #dcac6c;
  101. background-color: #fff5d4;
  102. margin: 0
  103. }
  104. .eButtonDropDown {
  105. border: 1px ridge #dcac6c;
  106. background-color: #fff5d4;
  107. margin: 0
  108. }
  109. .eBtn {
  110. display: inline-block;
  111. border: none;
  112. background-color: #fff;
  113. height: 22px;
  114. width: 50px;
  115. background-image: url(images/button-bg.gif);
  116. background-repeat: no-repeat;
  117. cursor: default;
  118. -moz-user-select: none;
  119. padding: 0px
  120. }
  121. .eBtn:hover {
  122. background-position: 0 -28px
  123. }
  124. .eBtn:active {
  125. background-position: 0 -28px
  126. }
  127. .eMenuItem, .eMenuItemUp {
  128. display: block;
  129. clear: both;
  130. padding: 2px;
  131. min-height: 20px;
  132. _height: 20px;
  133. line-height: 24px;
  134. font-size: 12px;
  135. width: 120px;
  136. border: none;
  137. white-space: nowrap;
  138. cursor: default;
  139. color: #333
  140. }
  141. .eMenuItemUp, .eMenuItem:hover {
  142. background-color: #fff5d4;
  143. border: 1px solid #dcac6c;
  144. padding: 1px
  145. }
  146. .ePopPanel {
  147. position: absolute;
  148. z-index: 10002;
  149. background-color: #ffffff;
  150. border: 1px solid #cccccc;
  151. padding: 1px;
  152. overflow: visible;
  153. font-size: 12px;
  154. line-height: 24px;
  155. min-width: 120px;
  156. cursor: default;
  157. color: #000;
  158. box-shadow: 3px 3px 3px #999;
  159. -webkit-box-shadow: 3px 3px 3px #999;
  160. -moz-box-shadow: 3px 3px 3px #999;
  161. -moz-user-select: -moz-none;
  162. -webkit-user-select: -webkit-none;
  163. margin-top: 1px
  164. }
  165. .ePopPanel .eBar {
  166. text-align: right;
  167. padding: 3px 5px
  168. }
  169. .ePopPanel .ePopForm {
  170. padding: 3px;
  171. margin: 0px
  172. }
  173. .ePopPanel a {
  174. color: #00F;
  175. text-decoration: none
  176. }
  177. .eTabBar {
  178. padding-left: 10px;
  179. clear: both;
  180. background: #fff;
  181. margin-bottom: 5px;
  182. min-width: 350px;
  183. border-bottom: 1px solid #ccc
  184. }
  185. .ePopForm {
  186. line-height: 30px
  187. }
  188. .ePopForm #width, .ePopForm #height, .ePopForm #url {
  189. border: 1px solid #ccc;
  190. height: 20px
  191. }
  192. .eTabBar a {
  193. display: inline-block;
  194. height: 26px;
  195. line-height: 26px;
  196. margin: 0 5px;
  197. padding-left: 10px;
  198. padding-right: 10px;
  199. border: none;
  200. cursor: default;
  201. text-decoration: none;
  202. position: relative;
  203. top: 1px;
  204. font-size: 12px;
  205. color: #000;
  206. font-weight: bold
  207. }
  208. .eTabBar a.active {
  209. padding-left: 10px;
  210. padding-right: 10px;
  211. border-top: 1px solid #cccccc;
  212. border-right: 1px solid #cccccc;
  213. border-left: 1px solid #CCC;
  214. background: #ffffff;
  215. border-radius: 5px 5px 0px 0px
  216. }
  217. .eFace {
  218. width: 260px;
  219. cursor: default
  220. }
  221. .eFace img {
  222. margin: 1px;
  223. cursor: pointer
  224. }
  225. .eFace img:hover, .eFace img.imgHover {
  226. margin: 0px;
  227. border: 1px solid #ccc;
  228. background-color: #fff
  229. }
  230. .eDragMaskDiv {
  231. position: absolute;
  232. left: 0;
  233. top: 0;
  234. right: 0;
  235. bottom: 0;
  236. z-index: 1;
  237. -moz-user-select: none;
  238. -webkit-user-select: none
  239. }
  240. .eButtonAddRow, .eButtonAddCol, .eButtonDeleteRC, .eButtonTableContext {
  241. position: absolute;
  242. z-index: 10001;
  243. overflow: hidden;
  244. display: block;
  245. background-image: url(images/icon.png)
  246. }
  247. .eStatusBar {
  248. text-align: center;
  249. overflow: hidden;
  250. padding: 0;
  251. background-color: #ffffff;
  252. border-top: 1px solid #cccccc;
  253. height: 10px;
  254. line-height: 10px;
  255. cursor: s-resize;
  256. -moz-user-select: none;
  257. -webkit-user-select: none
  258. }
  259. .eResizeH {
  260. display: inline-block;
  261. overflow: hidden;
  262. background-image: url(images/icon.png);
  263. border: none
  264. }
  265. .eResizeWH {
  266. display: inline-block;
  267. float: right;
  268. overflow: hidden;
  269. background: url(images/icon.png) no-repeat 0px -745px;
  270. border: none;
  271. width: 18px;
  272. height: 7px;
  273. margin-top: 3px;
  274. cursor: se-resize
  275. }
  276. .eResizeH {
  277. height: 10px;
  278. width: 24px;
  279. background-position: 0 -755px
  280. }
  281. .eButtonAddRow {
  282. height: 9px;
  283. width: 12px;
  284. background-position: 0 -1340px
  285. }
  286. .eButtonAddRow:hover {
  287. background-position: 0 -1353px
  288. }
  289. .eButtonAddCol {
  290. height: 12px;
  291. width: 9px;
  292. background-position: 0px -1306px
  293. }
  294. .eButtonAddCol:hover {
  295. background-position: 0px -1322px
  296. }
  297. .eButtonDeleteRC {
  298. height: 12px;
  299. width: 12px;
  300. background-position: 0px -1368px
  301. }
  302. .eButtonDeleteRC:hover {
  303. background-position: 0px -1384px
  304. }
  305. .eButtonTableContext {
  306. width: 20px;
  307. height: 20px;
  308. background-position: -676px 0;
  309. border: 1px solid #ccc;
  310. background-color: #ebebeb;
  311. border-radius: 0 0 5px 5px
  312. }
  313. .eTableContextPanel {
  314. position: absolute;
  315. z-index: 10001;
  316. background-color: #F3F3F3;
  317. border: none;
  318. padding: 1px;
  319. overflow: hidden;
  320. font-size: 12px;
  321. line-height: 24px;
  322. width: 20px;
  323. height: 20px;
  324. cursor: default;
  325. color: #000;
  326. -moz-user-select: -moz-none;
  327. -webkit-user-select: -webkit-none
  328. }
  329. .eTableContextPanel:hover, .eTableContextPanelHover {
  330. border: 1px solid #808080;
  331. overflow: visible;
  332. width: 120px;
  333. height: 80px;
  334. box-shadow: 3px 3px 3px #999;
  335. -webkit-box-shadow: 3px 3px 3px #999;
  336. -moz-box-shadow: 3px 3px 3px #999
  337. }
  338. #eBTNparagraph {
  339. background-position: 0 -335px;
  340. width: 27px
  341. }
  342. #eBTNfontsize {
  343. background-position: 0 -367px;
  344. width: 25px
  345. }
  346. #eBTNfontname {
  347. background-position: 0 -351px;
  348. width: 25px
  349. }
  350. #eBTNforecolor {
  351. background-position: 0 -384px;
  352. width: 25px
  353. }
  354. #eBTNbackcolor {
  355. background-position: 0 -400px;
  356. width: 25px
  357. }
  358. #eBTNbold {
  359. background-position: 0 -416px;
  360. width: 20px
  361. }
  362. #eBTNitalic {
  363. background-position: 0 -431px;
  364. width: 20px
  365. }
  366. #eBTNunderline {
  367. background-position: 0 -447px;
  368. width: 20px
  369. }
  370. #eBTNstrikethrough {
  371. background-position: 0 -464px;
  372. width: 22px
  373. }
  374. #eBTNremoveformat {
  375. background-position: 0 -480px;
  376. width: 22px
  377. }
  378. #eBTNsubmenu {
  379. width: 10px;
  380. background-position: -2px -1564px
  381. }
  382. #eBTNsubscript {
  383. background-position: 0 -272px;
  384. }
  385. #eBTNsuperscript {
  386. background-position: 0 -288px
  387. }
  388. #eBTNalign {
  389. background-position: 0 -191px;
  390. width: 20px
  391. }
  392. #e2PopMenusubmenu span,.ePopPanel span{ margin-top:5px;}
  393. #e2PopMenusubmenu hr { border:none; border-bottom:1px solid #ccc}
  394. #eBTNjustifyleft {
  395. background-position: 0 -144px;
  396. }
  397. #eBTNjustifycenter {
  398. background-position: 0 -160px;
  399. }
  400. #eBTNjustifyright {
  401. background-position: 0 -176px;
  402. }
  403. #eBTNlist {
  404. width: 20px;
  405. background-position: 0 -223px
  406. }
  407. #eBTNunorderedlist {
  408. background-position: 0 -224px;
  409. }
  410. #eBTNorderedlist {
  411. background-position: 0 -208px;
  412. }
  413. #eBTNiodent {
  414. width: 20px;
  415. background-position: 0 -256px
  416. }
  417. #eBTNoutdent {
  418. background-position: 0 -256px
  419. }
  420. #eBTNindent {
  421. background-position: 0 -240px
  422. }
  423. #eBTNinserthorizontalrule {
  424. background-position: 0 -591px;
  425. width: 20px
  426. }
  427. #eBTNcreatelink {
  428. background-position: 0 -624px;
  429. width: 20px
  430. }
  431. #eBTNunlink {
  432. background-position: 0 -640px;
  433. width: 20px
  434. }
  435. #eBTNinserttable {
  436. background-position: 0 -784px;
  437. width: 20px
  438. }
  439. #eBTNinsertimage {
  440. background-position: 0 -496px;
  441. width: 21px
  442. }
  443. #eBTNinsertface {
  444. background-position: 0 -608px;
  445. width: 21px
  446. }
  447. #eBTNinsertflash {
  448. background-position: 0 -512px;
  449. width: 21px
  450. }
  451. #eBTNinsertmusic {
  452. background-position: 0 -1250px;
  453. width: 21px
  454. }
  455. #eBTNinsertvideo {
  456. background-position: 0 -528px;
  457. width: 21px
  458. }
  459. #eBTNcleanword {
  460. background-position: 0 -1007px;
  461. width: 20px
  462. }
  463. #eBTNtypeset {
  464. background-position: 0 -1055px;
  465. width: 20px
  466. }
  467. #eBTNmode {
  468. background-position: 0 0;
  469. width: 22px
  470. }
  471. #eBTNmode-reset {
  472. width: 22px
  473. }
  474. #eBTNsplitpage {
  475. background-position: 0 -1023px;
  476. width: 20px
  477. }
  478. #eBTNgroup {
  479. background-position: 2px -1547px;
  480. width:12px;
  481. }
  482. #eBTNseparator {
  483. xsheight: 16px;
  484. margin: 2px 3px;
  485. border-left: 1px solid #A0A0A0;
  486. border-right: 1px solid #FFFFFF;
  487. border-top: 0;
  488. border-bottom: 0;
  489. width: 0;
  490. font-size: 0;
  491. line-height: 0;
  492. overflow: hidden;
  493. display: block
  494. }
  495. #eBTNfullscreen {
  496. background-position: 0 -655px;
  497. width: 20px
  498. }
  499. #eBTNfullscreen-reset {
  500. background-position: 0 -655px;
  501. width: 20px
  502. }
  503. #eBTNhelp {
  504. background-position: 0 -671px;
  505. width: 20px
  506. }
  507. #eMergeCells {
  508. background-position: 0 -1102px;
  509. margin-top: 4px;
  510. }
  511. #eSplitCells {
  512. background-position: 0 -1087px;
  513. margin-top: 4px;
  514. }
  515. .eButton.eCellAlign {
  516. width: 19px;
  517. height: 19px
  518. }
  519. .eButton.eCellAlign:hover {
  520. border: 1px ridge #ccc;
  521. margin: 0
  522. }
  523. #eCellAlign {
  524. height:16px;}
  525. #eCellAlignLT {
  526. background-position: 0px -1397px
  527. }
  528. #eCellAlignCT {
  529. background-position: 0px -1413px
  530. }
  531. #eCellAlignRT {
  532. background-position: 0px -1430px
  533. }
  534. #eCellAlignLC {
  535. background-position: 0px -1446px
  536. }
  537. #eCellAlignCC {
  538. background-position: 0px -1462px
  539. }
  540. #eCellAlignRC {
  541. background-position: 0px -1478px
  542. }
  543. #eCellAlignLB {
  544. background-position: 0px -1495px
  545. }
  546. #eCellAlignCB {
  547. background-position: 0px -1511px
  548. }
  549. #eCellAlignRB {
  550. background-position: 0px -1527px
  551. }
  552. #eTableAlign {
  553. background-position: -451px 0
  554. }