.ql-container.ql-disabled .ql-editor-readonly ul[data-checked] > li::before { pointer-events: none; } .ql-editor-readonly { box-sizing: border-box; line-height: 1.42; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; word-wrap: break-word; max-width: 100%; overflow-x: hidden; } .ql-editor-readonly > * { cursor: text; } .ql-editor-readonly p, .ql-editor-readonly ol, .ql-editor-readonly ul, .ql-editor-readonly pre, .ql-editor-readonly blockquote, .ql-editor-readonly h1, .ql-editor-readonly h2, .ql-editor-readonly h3, .ql-editor-readonly h4, .ql-editor-readonly h5, .ql-editor-readonly h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor-readonly ol, .ql-editor-readonly ul { padding-left: 1.5em; } .ql-editor-readonly ol > li, .ql-editor-readonly ul > li { list-style-type: none; } .ql-editor-readonly ul > li::before { content: '\2022'; } .ql-editor-readonly ul[data-checked='true'], .ql-editor-readonly ul[data-checked='false'] { pointer-events: none; } .ql-editor-readonly ul[data-checked='true'] > li *, .ql-editor-readonly ul[data-checked='false'] > li * { pointer-events: all; } .ql-editor-readonly ul[data-checked='true'] > li::before, .ql-editor-readonly ul[data-checked='false'] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor-readonly ul[data-checked='true'] > li::before { content: '\2611'; } .ql-editor-readonly ul[data-checked='false'] > li::before { content: '\2610'; } .ql-editor-readonly li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor-readonly li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor-readonly li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor-readonly ol li:not(.ql-direction-rtl), .ql-editor-readonly ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor-readonly ol li.ql-direction-rtl, .ql-editor-readonly ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor-readonly ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor-readonly ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor-readonly ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor-readonly ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor-readonly ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor-readonly ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor-readonly ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor-readonly ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor-readonly ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor-readonly ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor-readonly ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor-readonly ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor-readonly ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor-readonly ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor-readonly ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor-readonly ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor-readonly ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor-readonly ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor-readonly ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor-readonly ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor-readonly ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor-readonly ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor-readonly ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor-readonly ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor-readonly ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor-readonly ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor-readonly ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor-readonly ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor-readonly .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor-readonly li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor-readonly .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor-readonly li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor-readonly .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor-readonly li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor-readonly .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor-readonly li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor-readonly .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor-readonly li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor-readonly .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor-readonly li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor-readonly .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor-readonly li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor-readonly .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor-readonly li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor-readonly .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor-readonly li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor-readonly .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor-readonly li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor-readonly .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor-readonly li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor-readonly .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor-readonly li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor-readonly .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor-readonly li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor-readonly .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor-readonly li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor-readonly .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor-readonly li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor-readonly .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor-readonly li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor-readonly .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor-readonly li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor-readonly .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor-readonly li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor-readonly .ql-video { display: block; max-width: 100%; } .ql-editor-readonly .ql-video.ql-align-center { margin: 0 auto; } .ql-editor-readonly .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor-readonly .ql-bg-black { background-color: #000; } .ql-editor-readonly .ql-bg-red { background-color: #e60000; } .ql-editor-readonly .ql-bg-orange { background-color: #f90; } .ql-editor-readonly .ql-bg-yellow { background-color: #ff0; } .ql-editor-readonly .ql-bg-green { background-color: #008a00; } .ql-editor-readonly .ql-bg-purple { background-color: #93f; } .ql-editor-readonly .ql-color-white { color: #fff; } .ql-editor-readonly .ql-color-red { color: #e60000; } .ql-editor-readonly .ql-color-orange { color: #f90; } .ql-editor-readonly .ql-color-yellow { color: #ff0; } .ql-editor-readonly .ql-color-green { color: #008a00; } .ql-editor-readonly .ql-color-purple { color: #93f; } .ql-editor-readonly .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor-readonly .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor-readonly .ql-size-small { font-size: 0.75em; } .ql-editor-readonly .ql-size-large { font-size: 1.5em; } .ql-editor-readonly .ql-size-huge { font-size: 2.5em; } .ql-editor-readonly .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor-readonly .ql-align-center { text-align: center; } .ql-editor-readonly .ql-align-justify { text-align: justify; } .ql-editor-readonly .ql-align-right { text-align: right; } .ql-editor-readonly.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow .ql-editor-readonly h1 { font-size: 2em; } .ql-snow .ql-editor-readonly h2 { font-size: 1.5em; } .ql-snow .ql-editor-readonly h3 { font-size: 1.17em; } .ql-snow .ql-editor-readonly h4 { font-size: 1em; } .ql-snow .ql-editor-readonly h5 { font-size: 0.83em; } .ql-snow .ql-editor-readonly h6 { font-size: 0.67em; } .ql-snow .ql-editor-readonly a { text-decoration: underline; } .ql-snow .ql-editor-readonly blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor-readonly code, .ql-snow .ql-editor-readonly pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor-readonly pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor-readonly code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor-readonly pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor-readonly img { max-width: 100%; }