TQEditor.css 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. .eEditor { border:1px solid #718da6; border-radius:5px 5px 0px 0px; 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:none; margin:0; padding:0; width:100%; /**/}
  4. .eEditorClient textarea { display:block; border:none; padding:2px 0; font-size:14px; line-height:18px; overflow:auto; width: 100%; resize: none; outline:none; margin: 0; }
  5. .eEditorClient table,.eEditorClient td,.eEditorClient td{ background-color:#FFFFFF; padding:0; border:none; margin:0;}
  6. .eToolBar { overflow:visible; padding:2px 0 0 0!important; padding:3px 0 3px 0; padding:/**/3px 0 3px 0; min-height:24px; _height:22px; margin:0; border:none; background:#f3f8fb; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f3f8fb, gradientType=0);background:-moz-linear-gradient(-90deg, #ffffff, #f3f8fb);background:-o-linear-gradient(-90deg, #ffffff, #f3f8fb); background:-webkit-gradient(linear, 0% 0, 0% 100%, from(#ffffff), to(#f3f8fb)); background-repeat:repeat-y; -moz-user-select:none; -webkit-user-select:none; border:none; border-radius:5px 5px 0px 0px; }
  7. .eToolBarGroup { white-space:nowrap; float:left; height:24px; margin:0; padding:0; clear:none; }
  8. .eToolBarGroup li { white-space:nowrap; float:left; }
  9. .eToolBarGroupRight { white-space:nowrap; float:right; height:24px; margin:0; padding:0 2px 0 0; }
  10. .eToolBarGroupRight li { white-space:nowrap; float:left; }
  11. .eClear{clear:both}
  12. .eButton, .eButtonUp, .eButtonDown, .eButtonDropDown { display:block; width:20px; float:left; height:20px; background-image:url(icon.gif); -moz-user-select:none; border-radius:5px; }
  13. .eButton { border:none; margin:1px; }
  14. .eButtonUp, li.eButton:hover { border:1px ridge #ccc; margin:0; }
  15. .eButtonDown, li.eButton:active, .eButtonDropDown:active { border:1px inset #ccc; margin:0; }
  16. .eButtonDropDown { border:1px solid #666; margin:0; border-radius:5px 5px 0 0; }
  17. .eBtn { display:inline-block; border:none; background-color:#fff; height:25px; width:45px; background-image:url(btnBg.gif); cursor:default; -moz-user-select:none; }
  18. .eBtn:hover { background-position:0 25px; }
  19. .eBtn:active { background-position:0 50px; }
  20. .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; }
  21. .eMenuItemUp, .eMenuItem:hover { background-color:#F9FCFD; border:1px solid #ccc; padding:1px; }
  22. .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; }
  23. .ePopPanel .eBar { text-align:right; padding:3px 5px; }
  24. .ePopPanel .ePopForm { padding:3px; margin:0px; }
  25. .ePopPanel a { color: #00F; text-decoration: none; }
  26. .eTabBar { padding-left: 10px; clear:both; background:#F3F3F3; margin-bottom: 5px; min-width:350px; border-bottom: 1px solid #999; }
  27. .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; }
  28. .eTabBar a.active { padding:5px 9px 0; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #CCC; background: #F3F3F3;/**/ border-radius: 5px 5px 0px 0px; }
  29. .eFace { width:260px; cursor:default; }
  30. .eFace img { margin:1px; cursor:pointer; }
  31. .eFace img:hover, .eFace img.imgHover { margin:0px; border:1px solid #ccc; background-color:#fff; }
  32. .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;}
  33. .eButtonAddRow, .eButtonAddCol, .eButtonDeleteRC, .eButtonTableContext { position:absolute; z-index:10001; overflow:hidden; display:block; background-image:url(icon.gif); }
  34. .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;}
  35. .eResizeH { display:inline-block; overflow:hidden; background-image:url(icon.gif); border:none; /*1px solid #718da6;*/ }
  36. .eResizeWH { display:inline-block; float:right; overflow:hidden; background:url(icon.gif) no-repeat -1133px -10px; border:none; /*1px solid #718da6;*/ width:10px; height:10px; cursor:se-resize;/* */ }
  37. .eResizeH { height:10px; width:24px; background-position:-1143px -6px; }
  38. .eButtonAddRow { height:9px; width:12px; background-position:-1072px -6px; }
  39. .eButtonAddRow:hover { background-position:-1086px -6px; }
  40. .eButtonAddCol { height:12px; width:9px; background-position:-1048px -4px; }
  41. .eButtonAddCol:hover { background-position:-1060px -4px; }
  42. .eButtonDeleteRC { height:12px; width:12px; background-position:-1100px -4px; }
  43. .eButtonDeleteRC:hover { background-position:-1116px -4px; }
  44. .eButtonTableContext { width:20px; height:20px;background-position:-676px 0; border:1px solid #ccc; background-color:#ebebeb; border-radius:0 0 5px 5px; }
  45. .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; }
  46. .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; }
  47. /******************* toolbar button style eBTNXXX ***************************/
  48. #eBTNparagraph { background-position:-133px 0; }
  49. #eBTNfontsize { background-position:-113px 0; }
  50. #eBTNfontname { background-position:-91px 0; }
  51. #eBTNforecolor { background-position:-361px 0; }
  52. #eBTNbackcolor { background-position:-382px 0; }
  53. #eBTNbold { background-position:-32px 0; }
  54. #eBTNitalic { background-position:-52px 0; }
  55. #eBTNunderline { background-position:-71px 0; }
  56. #eBTNstrikethrough { background-position:-806px 0; }
  57. #eBTNremoveformat { background-position:-785px 0; }
  58. /*#eBTNmoreformat { width:10px; background-position:-933px 0; }*/
  59. #eBTNsubmenu { width:10px; background-position:-933px 0; }
  60. #eBTNsubscript { background-position:-846px 0; }
  61. #eBTNsuperscript { background-position:-827px 0; }
  62. #eBTNalign { background-position:-291px 0; }
  63. #eBTNjustifyleft { background-position:-151px 0; }
  64. #eBTNjustifycenter { background-position:-171px 0; }
  65. #eBTNjustifyright { background-position:-191px 0; }
  66. #eBTNlist { width:22px; background-position:-313px 0; }
  67. #eBTNunorderedlist { background-position:-231px 0; }
  68. #eBTNorderedlist { background-position:-211px 0; }
  69. #eBTNiodent { width:22px; background-position:-334px 0; }
  70. #eBTNoutdent { background-position:-252px 0; }
  71. #eBTNindent { background-position:-272px 0; }
  72. #eBTNinserthorizontalrule { background-position:-865px 0; }
  73. #eBTNcreatelink { background-position:-407px 0; }
  74. #eBTNunlink { background-position:-430px 0; }
  75. #eBTNinserttable { background-position:-676px 0; }
  76. #eBTNinsertimage { background-position:-472px 0; }
  77. #eBTNinsertface { background-position:-512px 0; }
  78. #eBTNinsertflash { background-position:-615px 0; }
  79. #eBTNinsertmusic { background-position:-634px 0; }
  80. #eBTNinsertvideo { background-position:-655px 0; }
  81. #eBTNcleanword { background-position:-696px 0; }
  82. #eBTNtypeset { background-position:-451px 0; }
  83. #eBTNmode { background-position:-716px 0; }
  84. #eBTNmode-reset { background-position:-1166px 0; }
  85. #eBTNsplitpage { background-position:-737px 0; }
  86. #eBTNgroup { width:7px; background-position:-21px 0; }
  87. #eBTNseparator { width:5px; background-position:-28px 0; }
  88. #eBTNfullscreen { background-position:-944px 0; }
  89. #eBTNfullscreen-reset { background-position:-964px 0; }
  90. #eBTNhelp { background-position:-909px 0; }
  91. /* table */
  92. #eMergeCells{background-position:-1400px 0;}
  93. #eSplitCells{background-position:-1420px 0;}
  94. .eButton.eCellAlign{width:19px; height:19px;}
  95. .eButton.eCellAlign:hover{ border:1px ridge #ccc; margin:0; }
  96. #eCellAlignLT{background-position:-1193px -1px; }
  97. #eCellAlignCT{background-position:-1216px -1px; }
  98. #eCellAlignRT{background-position:-1239px -1px; }
  99. #eCellAlignLC{background-position:-1262px -1px; }
  100. #eCellAlignCC{background-position:-1285px -1px; }
  101. #eCellAlignRC{background-position:-1308px -1px; }
  102. #eCellAlignLB{background-position:-1331px -1px; }
  103. #eCellAlignCB{background-position:-1354px -1px; }
  104. #eCellAlignRB{background-position:-1377px -1px; }
  105. #eTableAlign { background-position:-451px 0; }