You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

398 lines
8.8 KiB

  1. /*!
  2. * Quill Editor v1.3.7
  3. * https://quilljs.com/
  4. * Copyright (c) 2014, Jason Chen
  5. * Copyright (c) 2013, salesforce.com
  6. */
  7. .ql-container {
  8. box-sizing: border-box;
  9. font-family: Helvetica, Arial, sans-serif;
  10. font-size: 13px;
  11. height: 100%;
  12. margin: 0px;
  13. position: relative;
  14. }
  15. .ql-container.ql-disabled .ql-tooltip {
  16. visibility: hidden;
  17. }
  18. .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  19. pointer-events: none;
  20. }
  21. .ql-clipboard {
  22. left: -100000px;
  23. height: 1px;
  24. overflow-y: hidden;
  25. position: absolute;
  26. top: 50%;
  27. }
  28. .ql-clipboard p {
  29. margin: 0;
  30. padding: 0;
  31. }
  32. .ql-editor {
  33. box-sizing: border-box;
  34. line-height: 1.42;
  35. height: 100%;
  36. outline: none;
  37. overflow-y: auto;
  38. padding: 12px 15px;
  39. tab-size: 4;
  40. -moz-tab-size: 4;
  41. text-align: left;
  42. white-space: pre-wrap;
  43. word-wrap: break-word;
  44. }
  45. .ql-editor > * {
  46. cursor: text;
  47. }
  48. .ql-editor p,
  49. .ql-editor ol,
  50. .ql-editor ul,
  51. .ql-editor pre,
  52. .ql-editor blockquote,
  53. .ql-editor h1,
  54. .ql-editor h2,
  55. .ql-editor h3,
  56. .ql-editor h4,
  57. .ql-editor h5,
  58. .ql-editor h6 {
  59. margin: 0;
  60. padding: 0;
  61. counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  62. }
  63. .ql-editor ol,
  64. .ql-editor ul {
  65. padding-left: 1.5em;
  66. }
  67. .ql-editor ol > li,
  68. .ql-editor ul > li {
  69. list-style-type: none;
  70. }
  71. .ql-editor ul > li::before {
  72. content: '\2022';
  73. }
  74. .ql-editor ul[data-checked=true],
  75. .ql-editor ul[data-checked=false] {
  76. pointer-events: none;
  77. }
  78. .ql-editor ul[data-checked=true] > li *,
  79. .ql-editor ul[data-checked=false] > li * {
  80. pointer-events: all;
  81. }
  82. .ql-editor ul[data-checked=true] > li::before,
  83. .ql-editor ul[data-checked=false] > li::before {
  84. color: #777;
  85. cursor: pointer;
  86. pointer-events: all;
  87. }
  88. .ql-editor ul[data-checked=true] > li::before {
  89. content: '\2611';
  90. }
  91. .ql-editor ul[data-checked=false] > li::before {
  92. content: '\2610';
  93. }
  94. .ql-editor li::before {
  95. display: inline-block;
  96. white-space: nowrap;
  97. width: 1.2em;
  98. }
  99. .ql-editor li:not(.ql-direction-rtl)::before {
  100. margin-left: -1.5em;
  101. margin-right: 0.3em;
  102. text-align: right;
  103. }
  104. .ql-editor li.ql-direction-rtl::before {
  105. margin-left: 0.3em;
  106. margin-right: -1.5em;
  107. }
  108. .ql-editor ol li:not(.ql-direction-rtl),
  109. .ql-editor ul li:not(.ql-direction-rtl) {
  110. padding-left: 1.5em;
  111. }
  112. .ql-editor ol li.ql-direction-rtl,
  113. .ql-editor ul li.ql-direction-rtl {
  114. padding-right: 1.5em;
  115. }
  116. .ql-editor ol li {
  117. counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  118. counter-increment: list-0;
  119. }
  120. .ql-editor ol li:before {
  121. content: counter(list-0, decimal) '. ';
  122. }
  123. .ql-editor ol li.ql-indent-1 {
  124. counter-increment: list-1;
  125. }
  126. .ql-editor ol li.ql-indent-1:before {
  127. content: counter(list-1, lower-alpha) '. ';
  128. }
  129. .ql-editor ol li.ql-indent-1 {
  130. counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  131. }
  132. .ql-editor ol li.ql-indent-2 {
  133. counter-increment: list-2;
  134. }
  135. .ql-editor ol li.ql-indent-2:before {
  136. content: counter(list-2, lower-roman) '. ';
  137. }
  138. .ql-editor ol li.ql-indent-2 {
  139. counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  140. }
  141. .ql-editor ol li.ql-indent-3 {
  142. counter-increment: list-3;
  143. }
  144. .ql-editor ol li.ql-indent-3:before {
  145. content: counter(list-3, decimal) '. ';
  146. }
  147. .ql-editor ol li.ql-indent-3 {
  148. counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  149. }
  150. .ql-editor ol li.ql-indent-4 {
  151. counter-increment: list-4;
  152. }
  153. .ql-editor ol li.ql-indent-4:before {
  154. content: counter(list-4, lower-alpha) '. ';
  155. }
  156. .ql-editor ol li.ql-indent-4 {
  157. counter-reset: list-5 list-6 list-7 list-8 list-9;
  158. }
  159. .ql-editor ol li.ql-indent-5 {
  160. counter-increment: list-5;
  161. }
  162. .ql-editor ol li.ql-indent-5:before {
  163. content: counter(list-5, lower-roman) '. ';
  164. }
  165. .ql-editor ol li.ql-indent-5 {
  166. counter-reset: list-6 list-7 list-8 list-9;
  167. }
  168. .ql-editor ol li.ql-indent-6 {
  169. counter-increment: list-6;
  170. }
  171. .ql-editor ol li.ql-indent-6:before {
  172. content: counter(list-6, decimal) '. ';
  173. }
  174. .ql-editor ol li.ql-indent-6 {
  175. counter-reset: list-7 list-8 list-9;
  176. }
  177. .ql-editor ol li.ql-indent-7 {
  178. counter-increment: list-7;
  179. }
  180. .ql-editor ol li.ql-indent-7:before {
  181. content: counter(list-7, lower-alpha) '. ';
  182. }
  183. .ql-editor ol li.ql-indent-7 {
  184. counter-reset: list-8 list-9;
  185. }
  186. .ql-editor ol li.ql-indent-8 {
  187. counter-increment: list-8;
  188. }
  189. .ql-editor ol li.ql-indent-8:before {
  190. content: counter(list-8, lower-roman) '. ';
  191. }
  192. .ql-editor ol li.ql-indent-8 {
  193. counter-reset: list-9;
  194. }
  195. .ql-editor ol li.ql-indent-9 {
  196. counter-increment: list-9;
  197. }
  198. .ql-editor ol li.ql-indent-9:before {
  199. content: counter(list-9, decimal) '. ';
  200. }
  201. .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  202. padding-left: 3em;
  203. }
  204. .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  205. padding-left: 4.5em;
  206. }
  207. .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  208. padding-right: 3em;
  209. }
  210. .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  211. padding-right: 4.5em;
  212. }
  213. .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  214. padding-left: 6em;
  215. }
  216. .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  217. padding-left: 7.5em;
  218. }
  219. .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  220. padding-right: 6em;
  221. }
  222. .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  223. padding-right: 7.5em;
  224. }
  225. .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  226. padding-left: 9em;
  227. }
  228. .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  229. padding-left: 10.5em;
  230. }
  231. .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  232. padding-right: 9em;
  233. }
  234. .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  235. padding-right: 10.5em;
  236. }
  237. .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  238. padding-left: 12em;
  239. }
  240. .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  241. padding-left: 13.5em;
  242. }
  243. .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  244. padding-right: 12em;
  245. }
  246. .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  247. padding-right: 13.5em;
  248. }
  249. .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  250. padding-left: 15em;
  251. }
  252. .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  253. padding-left: 16.5em;
  254. }
  255. .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  256. padding-right: 15em;
  257. }
  258. .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  259. padding-right: 16.5em;
  260. }
  261. .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  262. padding-left: 18em;
  263. }
  264. .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  265. padding-left: 19.5em;
  266. }
  267. .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  268. padding-right: 18em;
  269. }
  270. .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  271. padding-right: 19.5em;
  272. }
  273. .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  274. padding-left: 21em;
  275. }
  276. .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  277. padding-left: 22.5em;
  278. }
  279. .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  280. padding-right: 21em;
  281. }
  282. .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  283. padding-right: 22.5em;
  284. }
  285. .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  286. padding-left: 24em;
  287. }
  288. .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  289. padding-left: 25.5em;
  290. }
  291. .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  292. padding-right: 24em;
  293. }
  294. .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  295. padding-right: 25.5em;
  296. }
  297. .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  298. padding-left: 27em;
  299. }
  300. .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  301. padding-left: 28.5em;
  302. }
  303. .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  304. padding-right: 27em;
  305. }
  306. .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  307. padding-right: 28.5em;
  308. }
  309. .ql-editor .ql-video {
  310. display: block;
  311. max-width: 100%;
  312. }
  313. .ql-editor .ql-video.ql-align-center {
  314. margin: 0 auto;
  315. }
  316. .ql-editor .ql-video.ql-align-right {
  317. margin: 0 0 0 auto;
  318. }
  319. .ql-editor .ql-bg-black {
  320. background-color: #000;
  321. }
  322. .ql-editor .ql-bg-red {
  323. background-color: #e60000;
  324. }
  325. .ql-editor .ql-bg-orange {
  326. background-color: #f90;
  327. }
  328. .ql-editor .ql-bg-yellow {
  329. background-color: #ff0;
  330. }
  331. .ql-editor .ql-bg-green {
  332. background-color: #008a00;
  333. }
  334. .ql-editor .ql-bg-blue {
  335. background-color: #06c;
  336. }
  337. .ql-editor .ql-bg-purple {
  338. background-color: #93f;
  339. }
  340. .ql-editor .ql-color-white {
  341. color: #fff;
  342. }
  343. .ql-editor .ql-color-red {
  344. color: #e60000;
  345. }
  346. .ql-editor .ql-color-orange {
  347. color: #f90;
  348. }
  349. .ql-editor .ql-color-yellow {
  350. color: #ff0;
  351. }
  352. .ql-editor .ql-color-green {
  353. color: #008a00;
  354. }
  355. .ql-editor .ql-color-blue {
  356. color: #06c;
  357. }
  358. .ql-editor .ql-color-purple {
  359. color: #93f;
  360. }
  361. .ql-editor .ql-font-serif {
  362. font-family: Georgia, Times New Roman, serif;
  363. }
  364. .ql-editor .ql-font-monospace {
  365. font-family: Monaco, Courier New, monospace;
  366. }
  367. .ql-editor .ql-size-small {
  368. font-size: 0.75em;
  369. }
  370. .ql-editor .ql-size-large {
  371. font-size: 1.5em;
  372. }
  373. .ql-editor .ql-size-huge {
  374. font-size: 2.5em;
  375. }
  376. .ql-editor .ql-direction-rtl {
  377. direction: rtl;
  378. text-align: inherit;
  379. }
  380. .ql-editor .ql-align-center {
  381. text-align: center;
  382. }
  383. .ql-editor .ql-align-justify {
  384. text-align: justify;
  385. }
  386. .ql-editor .ql-align-right {
  387. text-align: right;
  388. }
  389. .ql-editor.ql-blank::before {
  390. color: rgba(0,0,0,0.6);
  391. content: attr(data-placeholder);
  392. font-style: italic;
  393. left: 15px;
  394. pointer-events: none;
  395. position: absolute;
  396. right: 15px;
  397. }