wyswyg.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. TEXTAREA.wyswyg {
  2. width:100%;
  3. margin-top:-1px;
  4. }
  5. .wyswyg_icon {
  6. background: url(../images/wyswyg.png) no-repeat;
  7. display:inline-block;
  8. }
  9. .wyswyg_toolbar BUTTON {
  10. width:20px !important;
  11. height:21px !important;
  12. line-height:20px !important;
  13. cursor:pointer;
  14. font-size:16px;
  15. padding:2px;
  16. border:0px;
  17. }
  18. .wyswyg_toolbar BUTTON.glyphicon {
  19. background: transparent !important;
  20. }
  21. .wyswyg_toggle-close { background-position:-0px 0px; }
  22. .wyswyg_toggle-open { background-position:-24px 0px; }
  23. .wyswyg_icon-import { background-position:-96px 0px; }
  24. .wyswyg_icon-font { background-position:-120px 0px; }
  25. .wyswyg_icon-bold { background-position:-144px 0px; }
  26. .wyswyg_icon-italic { background-position:-168px 0px; }
  27. .wyswyg_icon-underline {background-position:-192px 0px; }
  28. .wyswyg_icon-strikethrough {background-position:-216px 0px; }
  29. .wyswyg_icon-superscript {background-position:-240px 0px; }
  30. .wyswyg_icon-subscript {background-position:-264px 0px; }
  31. .wyswyg_icon-outdent { background-position:-288px 0px; }
  32. .wyswyg_icon-indent { background-position:-312px 0px; }
  33. .wyswyg_icon-left { background-position:-336px 0px; }
  34. .wyswyg_icon-center { background-position:-360px 0px; }
  35. .wyswyg_icon-justify { background-position:-384px 0px; }
  36. .wyswyg_icon-right { background-position:-408px 0px; }
  37. .wyswyg_icon-unordered {background-position:-432px 0px; }
  38. .wyswyg_icon-ordered { background-position:-456px 0px; }
  39. .wyswyg_icon-link { background-position:-480px 0px; }
  40. .wyswyg_icon-unlink { background-position:-504px 0px; }
  41. .wyswyg_icon-content { background-position:-480px 0px; }
  42. .wyswyg_icon-image { background-position:-528px 0px; }
  43. .wyswyg_icon-video { background-position:-552px 0px; }
  44. .wyswyg_icon-attachment {background-position:-576px 0px; }
  45. .wyswyg_icon-table { background-position:-600px 0px; }
  46. .wyswyg_icon-zoom { background-position:-48px 0px; }
  47. .wyswyg_icon-undo { background-position:-624px 0px; }
  48. .wyswyg_icon-redo { background-position:-648px 0px; }
  49. .wyswyg_icon-tag { background-position:-696px 0px; }
  50. .wyswyg_icon-paste { background-position:-720px 0px; }
  51. .wyswyg_tag IMG { max-width:128px !important; max-height:32px !important; }
  52. .wyswyg IMG[data-zoom] {
  53. padding: 2px !important;
  54. background: blue !important;
  55. }
  56. .glyphicon-text-underline:before{content:"\e104"}
  57. .glyphicon-text-strike:before{content:"\e105"}
  58. .wyswyg_style {
  59. box-shadow:3px 3px 8px #000;
  60. position:fixed;
  61. visibility:hidden;
  62. width:200px;
  63. height:200px;
  64. overflow: auto;
  65. z-index:2000;
  66. }
  67. .wyswyg_style * {
  68. cursor:pointer;
  69. display:block;
  70. background:rgba(255,255,255,0.8);
  71. margin:0px !important;
  72. padding:5px !important;
  73. z-index:2000;
  74. }
  75. .wyswyg_style *:hover {
  76. background:rgba(240,240,240,0.9);
  77. }
  78. .wyswyg_popup {
  79. box-shadow:3px 3px 8px #000;
  80. background:rgba(255,255,255,0.8);
  81. position:fixed;
  82. visibility:hidden;
  83. z-index:2000;
  84. }
  85. .wyswyg_popup INPUT {
  86. margin:2px;
  87. height:24px;
  88. border:#8F8F8F inset 1px !important;
  89. }
  90. .wyswyg_popup INPUT[type='button'] {
  91. margin:2px;
  92. border:#8F8F8F outset 1px !important;
  93. }
  94. .wyswyg_popup IMG, .wyswyg_popup A {
  95. cursor:copy !important;
  96. }
  97. .wyswyg_scroll {
  98. width:200px;
  99. height:200px;
  100. overflow: auto;
  101. padding: 0px 5px 5px 5px;
  102. }
  103. .wyswyg_gallery IMG {
  104. height: 64px !important;
  105. padding: 2px;
  106. }
  107. .wyswyg_content A {
  108. display: block;
  109. padding: 2px;
  110. }
  111. .wyswyg_docs A {
  112. display: block;
  113. padding: 2px;
  114. }
  115. .wyswyg_icon {
  116. cursor: context-menu;
  117. }
  118. /*
  119. .wyswyg_toolbar {
  120. display:inline-block;
  121. height:24px;
  122. padding:0px;
  123. margin:0px;
  124. }
  125. IMG.wyswyg_menuicon {
  126. background: url(../images/wyswyg.png) no-repeat;
  127. display:inline-block;
  128. width:24px;
  129. height:24px;
  130. vertical-align:middle;
  131. cursor:pointer;
  132. }
  133. I.wyswyg_sep {
  134. background: url(../images/wyswyg.png) no-repeat;
  135. background-position:-72px 0px;
  136. display:inline-block;
  137. width:10px;
  138. height:24px;
  139. vertical-align:middle;
  140. }
  141. .wyswyg_style {
  142. box-shadow:3px 3px 8px #000;
  143. }
  144. .wyswyg_style * {
  145. cursor:pointer;
  146. display:block;
  147. background:rgba(255,255,255,0.8);
  148. margin:0px !important;
  149. padding:5px !important;
  150. }
  151. .wyswyg_style *:hover {
  152. background:rgba(240,240,240,0.9);
  153. }
  154. .wyswyg_choosediv {
  155. background:#fff;height:100%;color:#000;margin:0px !important;padding:10px !important;cursor:grab !important;
  156. }
  157. .wyswyg_edit IMG[data-zoom] {
  158. border:1px dotted blue !important;
  159. margin:-1px;
  160. }
  161. */