TQEditor.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. .eEditor { border:1px solid #718da6; background:#fff; display:block; overflow:hidden; }
  2. .eEditorClient { margin:0; clear:both; border:none; border-top:1px solid #718da6; background:#fff; display:block; padding:0; resize:none; }
  3. .eEditorClient iframe { display:block; border:0px none #fff; margin:0; padding:0; width:100%; /**/}
  4. .eEditorClient textarea { display:block; border:0px none #fff; padding:2px 0; font-size:14px; line-height:18px; overflow:auto; width: 100%; resize: none; outline:none; margin: 0; }
  5. .eEditorClient table,.eEditorClient td{ background-color:#FFFFFF; padding:0; border:none; margin:0;}
  6. .eToolBar { overflow:visible; vertical-align:bottom; padding:2px 0 0 0!important; padding:3px 0 0 0; min-height:22px; _height:20px; margin:0; border:none; background:#f3f8fb; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f3f8fb, gradientType=0);background:linear-gradient(180deg, #ffffff, #f3f8fb); background-repeat:repeat-y; user-select:none; -moz-user-select:none; -webkit-user-select:none; }
  7. .eToolBarGroup { white-space:nowrap; float:left; height:24px; margin:0; padding:0; clear:none; }
  8. .eToolBarGroupRight { white-space:nowrap; float:right; height:24px; margin:0; padding:0 2px 0 0; }
  9. /*
  10. .eToolBarGroup a { white-space:nowrap; float:left; }
  11. .eToolBarGroupRight a { white-space:nowrap; float:left; }
  12. */
  13. .eClear{clear:both}
  14. .eButton, .eButtonUp, .eButtonDown, .eButtonDropDown { display:block; width:20px; float:left; height:20px; background-image:url(icon.gif); -moz-user-select:none; text-indent:-10000px; font-size:0px; }
  15. /*.eButton { border:none; margin:1px; }*/
  16. .eButton { border:1px ridge transparent;margin:0; _border:0 none #fff;_margin:1px; }
  17. .eButtonUp, a.eButton:hover { border:1px ridge #ccc; margin:0; }
  18. .eButtonDown, .eButton:active, .eButtonDropDown:active { border-color:#ccc; margin:0; }
  19. .eButtonDropDown { border:1px solid #666; margin:0; }
  20. .eBtn { display:inline-block; border:none; background-color:#fff; height:25px; width:45px; background-image:url(btnBg.gif); cursor:default; -moz-user-select:none; }
  21. .eBtn:hover { background-position:0 25px; }
  22. .eBtn:active { background-position:0 50px; }
  23. .eMenuItem, .eMenuItemUp { display:block; clear:both; padding:2px; min-height:20px; _height:20px; line-height:24px; font-size:12px; width:120px; border:none; white-space:nowrap; cursor:default; color: #000; }
  24. .eMenuItemUp, .eMenuItem:hover { background-color:#F9FCFD; border:1px solid #ccc; padding:1px; }
  25. .ePopPanel { position:absolute; z-index:10002; background-color:#F3F3F3; border:1px solid #808080; padding:1px; overflow:visible; font-size:12px; line-height:24px; min-width:120px; cursor:default; color: #000; box-shadow:3px 3px 3px #999; -webkit-box-shadow:3px 3px 3px #999; -moz-box-shadow:3px 3px 3px #999 ; -moz-user-select:-moz-none; -webkit-user-select:-webkit-none; }
  26. .ePopPanel .eBar { text-align:right; padding:3px 5px; }
  27. .ePopPanel .ePopForm { padding:3px; margin:0px; }
  28. .ePopPanel .ePopForm input{ height:14px; line-height:14px; border:1px solid #cecece; font-size:12px; padding:2px; }
  29. .ePopPanel a { color: #00F; text-decoration: none; }
  30. .ePopPanel a:hover { color: #009; text-decoration: none; }
  31. .eTabBar { padding-left: 10px; clear:both; background:#F3F3F3; margin-bottom: 5px; min-width:350px; border-bottom: 1px solid #999; }
  32. .eTabBar a { display:inline-block; height:26px; padding:5px 10px 0; margin:0 5px; border: none; cursor:default; text-decoration: none; position:relative; top:1px; font-size: 12px; color: #000; font-weight: bold; }
  33. .eTabBar a.active { padding:5px 9px 0; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #CCC; background: #F3F3F3; }
  34. .eFace { width:260px; cursor:default; }
  35. .eFace img { margin:1px; cursor:pointer; }
  36. .eFace img:hover, .eFace img.imgHover { margin:0px; border:1px solid #ccc; background-color:#fff; }
  37. .eDragMaskDiv { position:absolute; left:0; top:0; right:0; bottom:0; /* background-color:#f5f5f5; */ z-index:1; -moz-user-select:none; -webkit-user-select:none;}
  38. .eButtonAddRow, .eButtonAddCol, .eButtonDeleteRC, .eButtonTableContext { position:absolute; z-index:10001; overflow:hidden; display:block; background-image:url(icon.gif); }
  39. .eStatusBar{text-align:center; overflow:hidden; padding:0; background-color:#f6f6f6;/* #f6f6f6 #f3f8fb */ border-top:1px solid #718da6; height:10px; line-height:10px; cursor:s-resize; -moz-user-select:none; -webkit-user-select:none;}
  40. .eResizeH { display:inline-block; overflow:hidden; background-image:url(icon.gif); border:none; /*1px solid #718da6;*/ }
  41. .eResizeWH { display:inline-block; float:right; overflow:hidden; background:url(icon.gif) no-repeat -146px -153px; border:none; /*1px solid #718da6;*/ width:10px; height:10px; cursor:se-resize;/* */ }
  42. .eResizeH { height:10px; width:24px; background-position:-120px -153px; }
  43. .eButtonAddRow { height:9px; width:12px; background-position:-105px -131px; }
  44. .eButtonAddRow:hover { background-position:-122px -131px; }
  45. .eButtonAddCol { height:12px; width:9px; background-position:-77px -129px; }
  46. .eButtonAddCol:hover { background-position:-91px -129px; }
  47. .eButtonDeleteRC { height:12px; width:12px; background-position:-77px -150px; }
  48. .eButtonDeleteRC:hover { background-position:-93px -150px; }
  49. .eButtonTableContext { width:20px; height:20px;background-position:-676px 0; border:1px solid #ccc; background-color:#ebebeb; }
  50. .eTableContextPanel {/* min */ position:absolute; z-index:10001; background-color:#F3F3F3; border:none; padding:1px; overflow:hidden; font-size:12px; line-height:24px; width:20px; height:20px; cursor:default; color: #000; -moz-user-select:-moz-none; -webkit-user-select:-webkit-none; }
  51. .eTableContextPanel:hover, .eTableContextPanelHover { border:1px solid #808080; overflow:visible; width:120px; height:80px; box-shadow:3px 3px 3px #999; -webkit-box-shadow:3px 3px 3px #999; -moz-box-shadow:3px 3px 3px #999; }
  52. .eTableInserUI{border:none;border-collapse:collapse;}
  53. .eTableInserUI td{border:1px solid #666;}
  54. .eQQ { background-position:-46px -23px; }
  55. /******************* toolbar button style eBTNXXX ***************************/
  56. #eBTNparagraph { background-position:-87px 0; }
  57. #eBTNfontsize { background-position:-65px 0; }
  58. #eBTNfontname { background-position:-40px 0; }
  59. #eBTNforecolor { background-position:-86px -77px; }
  60. #eBTNbackcolor { background-position:-108px -77px; }
  61. #eBTNbold { background-position:-3px -77px; }
  62. #eBTNitalic { background-position:-24px -77px; }
  63. #eBTNunderline { background-position:-46px -77px; }
  64. #eBTNstrikethrough { background-position:-66px -77px; }
  65. #eBTNremoveformat { background-position:-129px -77px; }
  66. /*#eBTNmoreformat { width:10px; background-position:-933px 0; }*/
  67. #eBTNsubmenu { width:10px; background-position:-357px -64px; }
  68. #eBTNsubscript { background-position:-337px 0; }
  69. #eBTNsuperscript { background-position:-315px 0; }
  70. #eBTNalign { background-position:-113px 0; }
  71. #eBTNjustifyleft { background-position:-184px -52px; }
  72. #eBTNjustifycenter { background-position:-205px -52px; }
  73. #eBTNjustifyright { background-position:-226px -52px; }
  74. #eBTNjustifynone{background-position:-247px -52px;}
  75. #eBTNjustifyfull{ background-position:-247px -52px; }
  76. #eBTNlist { width:22px; background-position:-138px 0; }
  77. #eBTNunorderedlist { background-position:-205px -77px; }
  78. #eBTNorderedlist { background-position:-184px -77px; }
  79. #eBTNiodent { width:22px; background-position:-160px 0; }
  80. #eBTNoutdent { background-position:-226px -77px; }
  81. #eBTNindent { background-position:-247px -77px; }
  82. #eBTNinserthorizontalrule { background-position:-66px -23px; }
  83. #eBTNcreatelink { background-position:-271px -54px; }
  84. #eBTNunlink { background-position:-292px -54px; }
  85. #eBTNinserttable { background-position:-334px -77px; }
  86. #eBTNinsertimage { background-position:-333px -54px; }
  87. #eBTNinsertface { background-position:-271px -77px; }
  88. #eBTNinsertflash { background-position:-317px -23px;; }
  89. #eBTNinsertmusic { background-position:-292px -77px; }
  90. #eBTNinsertvideo { background-position:-296px -23px; }
  91. #eBTNcleanword { background-position:-401px -23px; }
  92. #eBTNtypeset { background-position:-151px -77px; }
  93. #eBTNmode { background-position:-212px 0; }
  94. #eBTNmode-reset { background-position:-191px 0; }
  95. #eBTNsplitpage { background-position:-233px -23px; }
  96. #eBTNgroup { width:7px; background-position:-21px 0; }
  97. /*#eBTNgroup.eFirstToolBarGroup{width:0;}*/
  98. #eBTNseparator { width:5px; background-position:-31px 0; }
  99. #eBTNgroup , #eBTNseparator {border:1px ridge transparent;margin:0; _border:0 none #fff;_margin:1px; }
  100. #eBTNfullscreen { background-position:-233px 0; }
  101. #eBTNfullscreen-reset { background-position:-254px 0; }
  102. #eBTNhelp { background-position:-87px -23px; }
  103. #eBTNtoolbarmode { background-position:-221px -137px; width:44px; border-radius:0; }
  104. #eBTNtoolbarmode:hover {background-position:-268px -137px;border-color: transparent!important;}
  105. /* large icons */
  106. .eLargeIcons br{line-height:22px;}/**/
  107. .eLargeIcons {line-height:18px; font-size:0px;}
  108. .eLargeIcons .eToolBarGroup,.eLargeIcons .eToolBarGroupRight{height:46px; *height:44px;}
  109. .eLargeIcons #eBTNgroup{height:42px;background-position:-368px -54px;}
  110. .eLargeIcons #eBTNgroup.eFirstToolBarGroup{width:0;}
  111. .eLargeIcons #eBTNseparatorlarge{width:5px; height:42px; background-position:-276px -54px;}
  112. .eLargeIcons #eBTNparagraph{width:52px;background-position:-2px -53px; border-radius:0px; margin-right:5px !important;}
  113. .eLargeIcons #eBTNparagraph:hover{background-position:-221px -107px;border-color: transparent!important;}
  114. .eLargeIcons #eBTNparagraph.eButtonDropDown{background-position:-397px -107px;}
  115. .eLargeIcons #eBTNfontname{width:56px;background-position:-58px -53px; border-radius:0px; margin-right:5px !important;}
  116. .eLargeIcons #eBTNfontname:hover{background-position:-277px -107px;border-color: transparent!important;}
  117. .eLargeIcons #eBTNfontname.eButtonDropDown{background-position:-453px -107px;}
  118. .eLargeIcons #eBTNfontsize{width:52px;background-position:-119px -53px;border-radius:0px;}
  119. .eLargeIcons #eBTNfontsize:hover{background-position:-338px -107px;border-color: transparent!important;}
  120. .eLargeIcons #eBTNfontsize.eButtonDropDown{background-position:-514px -107px;}
  121. .eLargeIcons #eBTNinsertface{width:35px; height:42px; background-position:-376px -55px;}
  122. .eLargeIcons #eBTNinsertimage{width:35px; height:42px; background-position:-412px -55px;}
  123. .eLargeIcons #eBTNinsertflash{width:35px; height:42px; background-position:-560px -55px;}
  124. .eLargeIcons #eBTNinsertmusic{width:35px; height:42px; background-position:-598px -55px;}
  125. .eLargeIcons #eBTNinsertvideo{width:35px; height:42px; background-position:-486px -55px;}
  126. .eLargeIcons #eBTNtoolbarmode{background-position:-314px -137px; width:44px; }
  127. .eLargeIcons #eBTNtoolbarmode:hover{background-position:-360px -137px;}
  128. /* IE6 */
  129. a#eBTNtoolbarmode:hover,.eLargeIcons #eBTNparagraph:hover,.eLargeIcons #eBTNfontname:hover,.eLargeIcons #eBTNfontsize:hover{_border:none;_margin:1px;}
  130. /* table */
  131. #eMergeCells{background-position:-76px -104px;}
  132. #eSplitCells{background-position:-98px -104px;}
  133. .eButton.eCellAlign{width:19px; height:19px;}
  134. .eButton.eCellAlign:hover{ border:1px ridge #ccc; margin:0; }
  135. #eCellAlignLT{background-position:-1px -105px; }
  136. #eCellAlignCT{background-position:-24px -105px; }
  137. #eCellAlignRT{background-position:-47px -105px; }
  138. #eCellAlignLC{background-position:-1px -126px; }
  139. #eCellAlignCC{background-position:-24px -126px; }
  140. #eCellAlignRC{background-position:-47px -126px; }
  141. #eCellAlignLB{background-position:-1px -147px; }
  142. #eCellAlignCB{background-position:-24px -147px; }
  143. #eCellAlignRB{background-position:-47px -147px; }
  144. #eTableAlign { background-position:-451px 0; }