jquery.sceditor.css 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. /**
  2. * SCEditor v1.3.1
  3. * http://www.samclarke.com/2011/07/sceditor/
  4. *
  5. * Copyright (C) 2011, Sam Clarke (samclarke.com)
  6. *
  7. * SCEditor is licensed under the MIT license:
  8. * http://www.opensource.org/licenses/mit-license.php
  9. *
  10. * Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/)
  11. * Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/)
  12. */
  13. /*
  14. spritemapper.output_image = minified/jquery.sceditor.min.png
  15. spritemapper.output_css = minified/jquery.sceditor.min.css
  16. */
  17. .sceditor-container {
  18. position: relative;
  19. overflow: hidden;
  20. border: 1px solid #aaa;
  21. background: #fff;
  22. -moz-border-radius: 4px;
  23. -webkit-border-radius: 4px;
  24. -opera-border-radius: 4px;
  25. -khtml-border-radius: 4px;
  26. border-radius: 4px;
  27. }
  28. .sceditor-container, .sceditor-container div,
  29. div.sceditor-dropdown, div.sceditor-dropdown div {
  30. padding: 0;
  31. margin: 0;
  32. z-index: 3;
  33. }
  34. .sceditor-container iframe, .sceditor-container textarea {
  35. border: 0;
  36. outline: none;
  37. font-family: Verdana, Arial, Helvetica, sans-serif;
  38. font-size: 13px;
  39. color: #111;
  40. padding: 0;
  41. margin: 5px;
  42. resize: none;
  43. }
  44. div.sceditor-resize-cover {
  45. position: absolute;
  46. top: 0;
  47. left: 0;
  48. background: #000;
  49. width: 3000px;
  50. height: 6000px;
  51. z-index: 2;
  52. filter: alpha(opacity=30);
  53. opacity: 0.3;
  54. }
  55. div.sceditor-grip {
  56. background: #000;
  57. overflow: hidden;
  58. width: 10px;
  59. height: 10px;
  60. cursor: pointer;
  61. position: absolute;
  62. bottom: 0;
  63. right: 0;
  64. z-index: 3;
  65. background: url('../images/bbc/icons/grip.png');
  66. }
  67. div.sceditor-dropdown {
  68. position: absolute;
  69. margin: 22px 0 0 1px;
  70. border: 1px solid #bbb;
  71. background: #fff;
  72. color: #222;
  73. font-size: 13px;
  74. z-index: 6;
  75. }
  76. div.sceditor-dropdown form { margin: 0; }
  77. div.sceditor-dropdown label {
  78. display:block;
  79. font-weight: bold;
  80. font-size: .95em;
  81. margin: .65em 0 .15em;
  82. }
  83. div.sceditor-dropdown .button { margin: .5em 0 0; }
  84. .sceditor-pastetext textarea { border: 1px solid #bbb; width: 20em; }
  85. div.sceditor-inserttable, div.sceditor-insertimage,
  86. div.sceditor-pastetext, div.sceditor-insertlink,
  87. div.sceditor-insertemail {
  88. padding: 5px;
  89. }
  90. .sceditor-insertemoticon img, .sceditor-smileyPopup img {
  91. cursor: pointer;
  92. margin: 2px;
  93. }
  94. .sceditor-more, .sceditor-smileyPopup {
  95. display: inline;
  96. text-align: center;
  97. cursor: pointer;
  98. padding: 2px 0;
  99. }
  100. .sceditor-more:hover { background: #eee; }
  101. .sceditor-fontsize-option, .sceditor-font-option {
  102. display: block;
  103. padding: 4px 6px;
  104. cursor: pointer;
  105. font-size: 14px;
  106. text-decoration: none;
  107. color: #222;
  108. }
  109. .sceditor-fontsize-option:hover, .sceditor-font-option:hover { background: #eee; }
  110. .sceditor-color-column { float: left; }
  111. .sceditor-color-option {
  112. display: block;
  113. border: 1px solid #fff;
  114. height: 20px;
  115. width: 100px;
  116. overflow: hidden;
  117. }
  118. .sceditor-color-option:hover { border: 1px solid #333; }
  119. div.sceditor-toolbar {
  120. overflow: hidden;
  121. zoom: 1; /* IE6 */
  122. padding: 3px 5px 0 5px;
  123. *padding: 3px 5px 3px 5px;
  124. background: #f7f7f7;
  125. border-bottom: 1px solid #aaa;
  126. -webkit-border-radius: 4px 4px 0 0;
  127. }
  128. div.sceditor-group {
  129. overflow: hidden;
  130. display: inline-block;
  131. zoom: 1; /* IE6 */
  132. *display: inline;
  133. background: #ddd;
  134. margin: 1px 5px 1px 0;
  135. *margin: 2px 5px 2px 0;
  136. padding: 2px;
  137. -moz-border-radius: 4px;
  138. -webkit-border-radius: 4px;
  139. -opera-border-radius: 4px;
  140. -khtml-border-radius: 4px;
  141. border-radius: 4px;
  142. }
  143. div.sceditor-row {
  144. overflow: hidden;
  145. display: block;
  146. zoom: 1; /* IE6 */
  147. *display: inline;
  148. }
  149. .sceditor-button {
  150. float: left;
  151. cursor: pointer;
  152. padding: 3px 4px;
  153. }
  154. /*.sceditor-button.disabled {
  155. background-color: #666;
  156. }*/
  157. .sceditor-button.disabled div {
  158. filter: alpha(opacity=30);
  159. opacity: 0.3;
  160. }
  161. .sceditor-button.disabled:hover {
  162. background: inherit;
  163. cursor: default;
  164. }
  165. .sceditor-button div, .sceditor-button {
  166. display: block;
  167. width: 16px;
  168. height: 16px;
  169. }
  170. .sceditor-button div {
  171. margin: 0;
  172. padding: 0;
  173. text-indent: -9999px;
  174. }
  175. .sceditor-button:hover { background: #eee; }
  176. .sceditor-button-bold div { background: url('../images/bbc/icons/text_bold.png'); }
  177. .sceditor-button-italic div { background: url('../images/bbc/icons/text_italic.png'); }
  178. .sceditor-button-underline div { background: url('../images/bbc/icons/text_underline.png'); }
  179. .sceditor-button-strike div { background: url('../images/bbc/icons/text_strikethrough.png'); }
  180. .sceditor-button-subscript div { background: url('../images/bbc/icons/text_subscript.png'); }
  181. .sceditor-button-superscript div { background: url('../images/bbc/icons/text_superscript.png'); }
  182. .sceditor-button-left div { background: url('../images/bbc/icons/text_align_left.png'); }
  183. .sceditor-button-center div { background: url('../images/bbc/icons/text_align_center.png'); }
  184. .sceditor-button-right div { background: url('../images/bbc/icons/text_align_right.png'); }
  185. .sceditor-button-justify div { background: url('../images/bbc/icons/text_align_justify.png'); }
  186. .sceditor-button-font div { background: url('../images/bbc/icons/font.png'); }
  187. .sceditor-button-size div { background: url('../images/bbc/icons/font_size.png'); }
  188. .sceditor-button-color div { background: url('../images/bbc/icons/color_swatch.png'); }
  189. .sceditor-button-removeformat div { background: url('../images/bbc/icons/font_delete.png'); }
  190. .sceditor-button-cut div { background: url('../images/bbc/icons/cut.png'); }
  191. .sceditor-button-copy div { background: url('../images/bbc/icons/page_copy.png'); }
  192. .sceditor-button-paste div { background: url('../images/bbc/icons/page_white_paste.png'); }
  193. .sceditor-button-pastetext div { background: url('../images/bbc/icons/paste_plain.png'); }
  194. .sceditor-button-bulletlist div { background: url('../images/bbc/icons/text_list_bullets.png'); }
  195. .sceditor-button-orderedlist div { background: url('../images/bbc/icons/text_list_numbers.png'); }
  196. .sceditor-button-table div { background: url('../images/bbc/icons/table_add.png'); }
  197. .sceditor-button-horizontalrule div { background: url('../images/bbc/icons/text_horizontalrule.png'); }
  198. .sceditor-button-image div { background: url('../images/bbc/icons/image_add.png'); }
  199. .sceditor-button-code div { background: url('../images/bbc/icons/script_code.png'); }
  200. .sceditor-button-email div { background: url('../images/bbc/icons/email_add.png'); }
  201. .sceditor-button-link div { background: url('../images/bbc/icons/link_add.png'); }
  202. .sceditor-button-unlink div { background: url('../images/bbc/icons/link_break.png'); }
  203. .sceditor-button-quote div { background: url('../images/bbc/icons/comment.png'); }
  204. .sceditor-button-emoticon div { background: url('../images/bbc/icons/emoticon_smile.png'); }
  205. .sceditor-button-youtube div { background: url('../images/bbc/icons/youtube.png'); }
  206. .sceditor-button-date div { background: url('../images/bbc/icons/date_add.png'); }
  207. .sceditor-button-time div { background: url('../images/bbc/icons/time_add.png'); }
  208. .sceditor-button-print div { background: url('../images/bbc/icons/printer.png'); }
  209. .sceditor-button-source div { background: url('../images/bbc/icons/page_white_text.png'); }