.ql-editor { height: 500px; } .ql-editor > * { color: #595959; font-size: 15px; font-family: "Roboto",sans-serif; } .ql-editor p { word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin: 0 0 22px; } .ql-editor ol { list-style-type: circle; margin: 0 0 22px; padding: 0 0 0 40px; } .ql-editor li[data-list=bullet] > .ql-ui:before { content: unset !important; } .ql-editor ol > li { margin: 0 0 10px; } .ql-editor ol > li[data-list=bullet] { list-style-type: circle; margin: 0 0 10px; } .ql-editor ol > li[data-list=bullet]:before { content: unset; } .ql-editor ol li:not(.ql-direction-rtl) { padding-left: unset; } .ql-editor .ql-font-serif { font-family: Serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-font-georgia { font-family: Georgia; } .ql-editor .ql-size-small { font-size: 12.5px; } .ql-editor .ql-size-large { font-size: 16px; } .ql-editor .ql-size-huge { font-size: 21px; } .ql-editor .ql-custom-info { border: none; padding: 12px 50px 12px 50px !important; background-color: #f3f8fb; border-left: none !important; margin: 0 !important; } .ql-editor .ql-custom-info-icon { border: none; padding: 20px 50px 12px 50px !important; background-color: #f3f8fb; border-left: none !important; margin: 0 !important; background-image: url(../img/info-circle.svg); background-repeat: no-repeat; background-size: 18px; background-position: 20px 22px; } .ql-editor .ql-custom-check { border: none; padding: 12px 50px 12px 50px !important; background-color: rgba(158, 209, 102, 0.3); border-left: none !important; margin: 0 !important; } .ql-editor li.ql-custom-check:root { background-color: rgba(158, 209, 102, 0.3); } .ql-editor .ql-custom-check-icon { border: none; padding: 20px 50px 12px 50px !important; background-color: rgba(158, 209, 102, 0.3); border-left: none !important; margin: 0 !important; background-image: url(../img/check-circle.svg); background-repeat: no-repeat; background-size: 18px; background-position: 20px 22px; } .ql-editor h5 { font-size: 18px !important; line-height: 1.3; padding-top: 22px; } .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0 0 22px 0 !important; } .ql-editor table { border: 1px solid #eaeaea; margin: 0 0 22px; width: 100%; max-width: 100%; border-spacing: 0; border-collapse: collapse; } .ql-editor table th, .ql-editor table td { padding: 4px 8px; border: 1px solid #eaeaea; } .ql-editor table tr:nth-child(odd) { background: #fafafa; } .ql-snow .ql-editor h1 { font-size: 24px; color: #000; } .ql-snow .ql-editor h2 { font-size: 21px; color: rgb(0, 159, 227); } .ql-snow .ql-editor h3 { font-size: 16px; color: rgb(153, 153, 153); } .ql-snow .ql-editor blockquote { border-left: 4px solid rgb(0,159,227); } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=georgia]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=georgia]::before { content: 'Georgia'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=georgia]::before { font-family: Georgia; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 12.5px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 16px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 21px; } .ql-custom-button { font-weight: bold; color: #555; font-size: 16px; } .ql-clean-button { padding: 0 !important; opacity: 0.7; } .ql-html:after { content: ""; font-weight: bold; } .ql-html-editor { position: absolute; background: #fffff0; top: 0; left: 0; bottom: 0; width: 100%; border: 0; padding: 12px; box-sizing: border-box; } .ql-editor.blog-display { overflow-y: hidden; height: 100%; border: none !important; } #editor-container { height: 500px; }