Spaces:
Running
Running
| /*! | |
| * Quill Editor v1.3.6 | |
| * https://quilljs.com/ | |
| * Copyright (c) 2014, Jason Chen | |
| * Copyright (c) 2013, salesforce.com | |
| */ | |
| .ql-container { | |
| box-sizing: border-box; | |
| font-family: Helvetica, Arial, sans-serif; | |
| font-size: 13px; | |
| height: 100%; | |
| margin: 0px; | |
| position: relative; | |
| } | |
| .ql-container.ql-disabled .ql-tooltip { | |
| visibility: hidden; | |
| } | |
| .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { | |
| pointer-events: none; | |
| } | |
| .ql-clipboard { | |
| left: -100000px; | |
| height: 1px; | |
| overflow-y: hidden; | |
| position: absolute; | |
| top: 50%; | |
| } | |
| .ql-clipboard p { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .ql-editor { | |
| box-sizing: border-box; | |
| line-height: 1.42; | |
| height: 100%; | |
| outline: none; | |
| overflow-y: auto; | |
| padding: 12px 15px; | |
| tab-size: 4; | |
| -moz-tab-size: 4; | |
| text-align: left; | |
| white-space: pre-wrap; | |
| word-wrap: break-word; | |
| } | |
| .ql-editor > * { | |
| cursor: text; | |
| } | |
| .ql-editor p, | |
| .ql-editor ol, | |
| .ql-editor ul, | |
| .ql-editor pre, | |
| .ql-editor blockquote, | |
| .ql-editor h1, | |
| .ql-editor h2, | |
| .ql-editor h3, | |
| .ql-editor h4, | |
| .ql-editor h5, | |
| .ql-editor 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 ol, | |
| .ql-editor ul { | |
| padding-left: 1.5em; | |
| } | |
| .ql-editor ol > li, | |
| .ql-editor ul > li { | |
| list-style-type: none; | |
| } | |
| .ql-editor ul > li::before { | |
| content: '\2022'; | |
| } | |
| .ql-editor ul[data-checked=true], | |
| .ql-editor ul[data-checked=false] { | |
| pointer-events: none; | |
| } | |
| .ql-editor ul[data-checked=true] > li *, | |
| .ql-editor ul[data-checked=false] > li * { | |
| pointer-events: all; | |
| } | |
| .ql-editor ul[data-checked=true] > li::before, | |
| .ql-editor ul[data-checked=false] > li::before { | |
| color: #777; | |
| cursor: pointer; | |
| pointer-events: all; | |
| } | |
| .ql-editor ul[data-checked=true] > li::before { | |
| content: '\2611'; | |
| } | |
| .ql-editor ul[data-checked=false] > li::before { | |
| content: '\2610'; | |
| } | |
| .ql-editor li::before { | |
| display: inline-block; | |
| white-space: nowrap; | |
| width: 1.2em; | |
| } | |
| .ql-editor li:not(.ql-direction-rtl)::before { | |
| margin-left: -1.5em; | |
| margin-right: 0.3em; | |
| text-align: right; | |
| } | |
| .ql-editor li.ql-direction-rtl::before { | |
| margin-left: 0.3em; | |
| margin-right: -1.5em; | |
| } | |
| .ql-editor ol li:not(.ql-direction-rtl), | |
| .ql-editor ul li:not(.ql-direction-rtl) { | |
| padding-left: 1.5em; | |
| } | |
| .ql-editor ol li.ql-direction-rtl, | |
| .ql-editor ul li.ql-direction-rtl { | |
| padding-right: 1.5em; | |
| } | |
| .ql-editor 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 ol li:before { | |
| content: counter(list-0, decimal) '. '; | |
| } | |
| .ql-editor ol li.ql-indent-1 { | |
| counter-increment: list-1; | |
| } | |
| .ql-editor ol li.ql-indent-1:before { | |
| content: counter(list-1, lower-alpha) '. '; | |
| } | |
| .ql-editor 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 ol li.ql-indent-2 { | |
| counter-increment: list-2; | |
| } | |
| .ql-editor ol li.ql-indent-2:before { | |
| content: counter(list-2, lower-roman) '. '; | |
| } | |
| .ql-editor ol li.ql-indent-2 { | |
| counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; | |
| } | |
| .ql-editor ol li.ql-indent-3 { | |
| counter-increment: list-3; | |
| } | |
| .ql-editor ol li.ql-indent-3:before { | |
| content: counter(list-3, decimal) '. '; | |
| } | |
| .ql-editor ol li.ql-indent-3 { | |
| counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; | |
| } | |
| .ql-editor ol li.ql-indent-4 { | |
| counter-increment: list-4; | |
| } | |
| .ql-editor ol li.ql-indent-4:before { | |
| content: counter(list-4, lower-alpha) '. '; | |
| } | |
| .ql-editor ol li.ql-indent-4 { | |
| counter-reset: list-5 list-6 list-7 list-8 list-9; | |
| } | |
| .ql-editor ol li.ql-indent-5 { | |
| counter-increment: list-5; | |
| } | |
| .ql-editor ol li.ql-indent-5:before { | |
| content: counter(list-5, lower-roman) '. '; | |
| } | |
| .ql-editor ol li.ql-indent-5 { | |
| counter-reset: list-6 list-7 list-8 list-9; | |
| } | |
| .ql-editor ol li.ql-indent-6 { | |
| counter-increment: list-6; | |
| } | |
| .ql-editor ol li.ql-indent-6:before { | |
| content: counter(list-6, decimal) '. '; | |
| } | |
| .ql-editor ol li.ql-indent-6 { | |
| counter-reset: list-7 list-8 list-9; | |
| } | |
| .ql-editor ol li.ql-indent-7 { | |
| counter-increment: list-7; | |
| } | |
| .ql-editor ol li.ql-indent-7:before { | |
| content: counter(list-7, lower-alpha) '. '; | |
| } | |
| .ql-editor ol li.ql-indent-7 { | |
| counter-reset: list-8 list-9; | |
| } | |
| .ql-editor ol li.ql-indent-8 { | |
| counter-increment: list-8; | |
| } | |
| .ql-editor ol li.ql-indent-8:before { | |
| content: counter(list-8, lower-roman) '. '; | |
| } | |
| .ql-editor ol li.ql-indent-8 { | |
| counter-reset: list-9; | |
| } | |
| .ql-editor ol li.ql-indent-9 { | |
| counter-increment: list-9; | |
| } | |
| .ql-editor ol li.ql-indent-9:before { | |
| content: counter(list-9, decimal) '. '; | |
| } | |
| .ql-editor .ql-indent-1:not(.ql-direction-rtl) { | |
| padding-left: 3em; | |
| } | |
| .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { | |
| padding-left: 4.5em; | |
| } | |
| .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { | |
| padding-right: 3em; | |
| } | |
| .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { | |
| padding-right: 4.5em; | |
| } | |
| .ql-editor .ql-indent-2:not(.ql-direction-rtl) { | |
| padding-left: 6em; | |
| } | |
| .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { | |
| padding-left: 7.5em; | |
| } | |
| .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { | |
| padding-right: 6em; | |
| } | |
| .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { | |
| padding-right: 7.5em; | |
| } | |
| .ql-editor .ql-indent-3:not(.ql-direction-rtl) { | |
| padding-left: 9em; | |
| } | |
| .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { | |
| padding-left: 10.5em; | |
| } | |
| .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { | |
| padding-right: 9em; | |
| } | |
| .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { | |
| padding-right: 10.5em; | |
| } | |
| .ql-editor .ql-indent-4:not(.ql-direction-rtl) { | |
| padding-left: 12em; | |
| } | |
| .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { | |
| padding-left: 13.5em; | |
| } | |
| .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { | |
| padding-right: 12em; | |
| } | |
| .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { | |
| padding-right: 13.5em; | |
| } | |
| .ql-editor .ql-indent-5:not(.ql-direction-rtl) { | |
| padding-left: 15em; | |
| } | |
| .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { | |
| padding-left: 16.5em; | |
| } | |
| .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { | |
| padding-right: 15em; | |
| } | |
| .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { | |
| padding-right: 16.5em; | |
| } | |
| .ql-editor .ql-indent-6:not(.ql-direction-rtl) { | |
| padding-left: 18em; | |
| } | |
| .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { | |
| padding-left: 19.5em; | |
| } | |
| .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { | |
| padding-right: 18em; | |
| } | |
| .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { | |
| padding-right: 19.5em; | |
| } | |
| .ql-editor .ql-indent-7:not(.ql-direction-rtl) { | |
| padding-left: 21em; | |
| } | |
| .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { | |
| padding-left: 22.5em; | |
| } | |
| .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { | |
| padding-right: 21em; | |
| } | |
| .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { | |
| padding-right: 22.5em; | |
| } | |
| .ql-editor .ql-indent-8:not(.ql-direction-rtl) { | |
| padding-left: 24em; | |
| } | |
| .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { | |
| padding-left: 25.5em; | |
| } | |
| .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { | |
| padding-right: 24em; | |
| } | |
| .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { | |
| padding-right: 25.5em; | |
| } | |
| .ql-editor .ql-indent-9:not(.ql-direction-rtl) { | |
| padding-left: 27em; | |
| } | |
| .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { | |
| padding-left: 28.5em; | |
| } | |
| .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { | |
| padding-right: 27em; | |
| } | |
| .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { | |
| padding-right: 28.5em; | |
| } | |
| .ql-editor .ql-video { | |
| display: block; | |
| max-width: 100%; | |
| } | |
| .ql-editor .ql-video.ql-align-center { | |
| margin: 0 auto; | |
| } | |
| .ql-editor .ql-video.ql-align-right { | |
| margin: 0 0 0 auto; | |
| } | |
| .ql-editor .ql-bg-black { | |
| background-color: #000; | |
| } | |
| .ql-editor .ql-bg-red { | |
| background-color: #e60000; | |
| } | |
| .ql-editor .ql-bg-orange { | |
| background-color: #f90; | |
| } | |
| .ql-editor .ql-bg-yellow { | |
| background-color: #ff0; | |
| } | |
| .ql-editor .ql-bg-green { | |
| background-color: #008a00; | |
| } | |
| .ql-editor .ql-bg-blue { | |
| background-color: #06c; | |
| } | |
| .ql-editor .ql-bg-purple { | |
| background-color: #93f; | |
| } | |
| .ql-editor .ql-color-white { | |
| color: #fff; | |
| } | |
| .ql-editor .ql-color-red { | |
| color: #e60000; | |
| } | |
| .ql-editor .ql-color-orange { | |
| color: #f90; | |
| } | |
| .ql-editor .ql-color-yellow { | |
| color: #ff0; | |
| } | |
| .ql-editor .ql-color-green { | |
| color: #008a00; | |
| } | |
| .ql-editor .ql-color-blue { | |
| color: #06c; | |
| } | |
| .ql-editor .ql-color-purple { | |
| color: #93f; | |
| } | |
| .ql-editor .ql-font-serif { | |
| font-family: Georgia, Times New Roman, serif; | |
| } | |
| .ql-editor .ql-font-monospace { | |
| font-family: Monaco, Courier New, monospace; | |
| } | |
| .ql-editor .ql-size-small { | |
| font-size: 0.75em; | |
| } | |
| .ql-editor .ql-size-large { | |
| font-size: 1.5em; | |
| } | |
| .ql-editor .ql-size-huge { | |
| font-size: 2.5em; | |
| } | |
| .ql-editor .ql-direction-rtl { | |
| direction: rtl; | |
| text-align: inherit; | |
| } | |
| .ql-editor .ql-align-center { | |
| text-align: center; | |
| } | |
| .ql-editor .ql-align-justify { | |
| text-align: justify; | |
| } | |
| .ql-editor .ql-align-right { | |
| text-align: right; | |
| } | |
| .ql-editor.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-bubble.ql-toolbar:after, | |
| .ql-bubble .ql-toolbar:after { | |
| clear: both; | |
| content: ''; | |
| display: table; | |
| } | |
| .ql-bubble.ql-toolbar button, | |
| .ql-bubble .ql-toolbar button { | |
| background: none; | |
| border: none; | |
| cursor: pointer; | |
| display: inline-block; | |
| float: left; | |
| height: 24px; | |
| padding: 3px 5px; | |
| width: 28px; | |
| } | |
| .ql-bubble.ql-toolbar button svg, | |
| .ql-bubble .ql-toolbar button svg { | |
| float: left; | |
| height: 100%; | |
| } | |
| .ql-bubble.ql-toolbar button:active:hover, | |
| .ql-bubble .ql-toolbar button:active:hover { | |
| outline: none; | |
| } | |
| .ql-bubble.ql-toolbar input.ql-image[type=file], | |
| .ql-bubble .ql-toolbar input.ql-image[type=file] { | |
| display: none; | |
| } | |
| .ql-bubble.ql-toolbar button:hover, | |
| .ql-bubble .ql-toolbar button:hover, | |
| .ql-bubble.ql-toolbar button:focus, | |
| .ql-bubble .ql-toolbar button:focus, | |
| .ql-bubble.ql-toolbar button.ql-active, | |
| .ql-bubble .ql-toolbar button.ql-active, | |
| .ql-bubble.ql-toolbar .ql-picker-label:hover, | |
| .ql-bubble .ql-toolbar .ql-picker-label:hover, | |
| .ql-bubble.ql-toolbar .ql-picker-label.ql-active, | |
| .ql-bubble .ql-toolbar .ql-picker-label.ql-active, | |
| .ql-bubble.ql-toolbar .ql-picker-item:hover, | |
| .ql-bubble .ql-toolbar .ql-picker-item:hover, | |
| .ql-bubble.ql-toolbar .ql-picker-item.ql-selected, | |
| .ql-bubble .ql-toolbar .ql-picker-item.ql-selected { | |
| color: #fff; | |
| } | |
| .ql-bubble.ql-toolbar button:hover .ql-fill, | |
| .ql-bubble .ql-toolbar button:hover .ql-fill, | |
| .ql-bubble.ql-toolbar button:focus .ql-fill, | |
| .ql-bubble .ql-toolbar button:focus .ql-fill, | |
| .ql-bubble.ql-toolbar button.ql-active .ql-fill, | |
| .ql-bubble .ql-toolbar button.ql-active .ql-fill, | |
| .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, | |
| .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, | |
| .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, | |
| .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, | |
| .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, | |
| .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, | |
| .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, | |
| .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, | |
| .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, | |
| .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, | |
| .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, | |
| .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, | |
| .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, | |
| .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, | |
| .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, | |
| .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, | |
| .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, | |
| .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, | |
| .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, | |
| .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, | |
| .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, | |
| .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { | |
| fill: #fff; | |
| } | |
| .ql-bubble.ql-toolbar button:hover .ql-stroke, | |
| .ql-bubble .ql-toolbar button:hover .ql-stroke, | |
| .ql-bubble.ql-toolbar button:focus .ql-stroke, | |
| .ql-bubble .ql-toolbar button:focus .ql-stroke, | |
| .ql-bubble.ql-toolbar button.ql-active .ql-stroke, | |
| .ql-bubble .ql-toolbar button.ql-active .ql-stroke, | |
| .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, | |
| .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, | |
| .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, | |
| .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, | |
| .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, | |
| .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, | |
| .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, | |
| .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, | |
| .ql-bubble.ql-toolbar button:hover .ql-stroke-miter, | |
| .ql-bubble .ql-toolbar button:hover .ql-stroke-miter, | |
| .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, | |
| .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, | |
| .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, | |
| .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, | |
| .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, | |
| .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, | |
| .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, | |
| .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, | |
| .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, | |
| .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, | |
| .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, | |
| .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { | |
| stroke: #fff; | |
| } | |
| @media (pointer: coarse) { | |
| .ql-bubble.ql-toolbar button:hover:not(.ql-active), | |
| .ql-bubble .ql-toolbar button:hover:not(.ql-active) { | |
| color: #ccc; | |
| } | |
| .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, | |
| .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, | |
| .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, | |
| .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { | |
| fill: #ccc; | |
| } | |
| .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, | |
| .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, | |
| .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, | |
| .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { | |
| stroke: #ccc; | |
| } | |
| } | |
| .ql-bubble { | |
| box-sizing: border-box; | |
| } | |
| .ql-bubble * { | |
| box-sizing: border-box; | |
| } | |
| .ql-bubble .ql-hidden { | |
| display: none; | |
| } | |
| .ql-bubble .ql-out-bottom, | |
| .ql-bubble .ql-out-top { | |
| visibility: hidden; | |
| } | |
| .ql-bubble .ql-tooltip { | |
| position: absolute; | |
| transform: translateY(10px); | |
| } | |
| .ql-bubble .ql-tooltip a { | |
| cursor: pointer; | |
| text-decoration: none; | |
| } | |
| .ql-bubble .ql-tooltip.ql-flip { | |
| transform: translateY(-10px); | |
| } | |
| .ql-bubble .ql-formats { | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| .ql-bubble .ql-formats:after { | |
| clear: both; | |
| content: ''; | |
| display: table; | |
| } | |
| .ql-bubble .ql-stroke { | |
| fill: none; | |
| stroke: #ccc; | |
| stroke-linecap: round; | |
| stroke-linejoin: round; | |
| stroke-width: 2; | |
| } | |
| .ql-bubble .ql-stroke-miter { | |
| fill: none; | |
| stroke: #ccc; | |
| stroke-miterlimit: 10; | |
| stroke-width: 2; | |
| } | |
| .ql-bubble .ql-fill, | |
| .ql-bubble .ql-stroke.ql-fill { | |
| fill: #ccc; | |
| } | |
| .ql-bubble .ql-empty { | |
| fill: none; | |
| } | |
| .ql-bubble .ql-even { | |
| fill-rule: evenodd; | |
| } | |
| .ql-bubble .ql-thin, | |
| .ql-bubble .ql-stroke.ql-thin { | |
| stroke-width: 1; | |
| } | |
| .ql-bubble .ql-transparent { | |
| opacity: 0.4; | |
| } | |
| .ql-bubble .ql-direction svg:last-child { | |
| display: none; | |
| } | |
| .ql-bubble .ql-direction.ql-active svg:last-child { | |
| display: inline; | |
| } | |
| .ql-bubble .ql-direction.ql-active svg:first-child { | |
| display: none; | |
| } | |
| .ql-bubble .ql-editor h1 { | |
| font-size: 2em; | |
| } | |
| .ql-bubble .ql-editor h2 { | |
| font-size: 1.5em; | |
| } | |
| .ql-bubble .ql-editor h3 { | |
| font-size: 1.17em; | |
| } | |
| .ql-bubble .ql-editor h4 { | |
| font-size: 1em; | |
| } | |
| .ql-bubble .ql-editor h5 { | |
| font-size: 0.83em; | |
| } | |
| .ql-bubble .ql-editor h6 { | |
| font-size: 0.67em; | |
| } | |
| .ql-bubble .ql-editor a { | |
| text-decoration: underline; | |
| } | |
| .ql-bubble .ql-editor blockquote { | |
| border-left: 4px solid #ccc; | |
| margin-bottom: 5px; | |
| margin-top: 5px; | |
| padding-left: 16px; | |
| } | |
| .ql-bubble .ql-editor code, | |
| .ql-bubble .ql-editor pre { | |
| background-color: #f0f0f0; | |
| border-radius: 3px; | |
| } | |
| .ql-bubble .ql-editor pre { | |
| white-space: pre-wrap; | |
| margin-bottom: 5px; | |
| margin-top: 5px; | |
| padding: 5px 10px; | |
| } | |
| .ql-bubble .ql-editor code { | |
| font-size: 85%; | |
| padding: 2px 4px; | |
| } | |
| .ql-bubble .ql-editor pre.ql-syntax { | |
| background-color: #23241f; | |
| color: #f8f8f2; | |
| overflow: visible; | |
| } | |
| .ql-bubble .ql-editor img { | |
| max-width: 100%; | |
| } | |
| .ql-bubble .ql-picker { | |
| color: #ccc; | |
| display: inline-block; | |
| float: left; | |
| font-size: 14px; | |
| font-weight: 500; | |
| height: 24px; | |
| position: relative; | |
| vertical-align: middle; | |
| } | |
| .ql-bubble .ql-picker-label { | |
| cursor: pointer; | |
| display: inline-block; | |
| height: 100%; | |
| padding-left: 8px; | |
| padding-right: 2px; | |
| position: relative; | |
| width: 100%; | |
| } | |
| .ql-bubble .ql-picker-label::before { | |
| display: inline-block; | |
| line-height: 22px; | |
| } | |
| .ql-bubble .ql-picker-options { | |
| background-color: #444; | |
| display: none; | |
| min-width: 100%; | |
| padding: 4px 8px; | |
| position: absolute; | |
| white-space: nowrap; | |
| } | |
| .ql-bubble .ql-picker-options .ql-picker-item { | |
| cursor: pointer; | |
| display: block; | |
| padding-bottom: 5px; | |
| padding-top: 5px; | |
| } | |
| .ql-bubble .ql-picker.ql-expanded .ql-picker-label { | |
| color: #777; | |
| z-index: 2; | |
| } | |
| .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill { | |
| fill: #777; | |
| } | |
| .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke { | |
| stroke: #777; | |
| } | |
| .ql-bubble .ql-picker.ql-expanded .ql-picker-options { | |
| display: block; | |
| margin-top: -1px; | |
| top: 100%; | |
| z-index: 1; | |
| } | |
| .ql-bubble .ql-color-picker, | |
| .ql-bubble .ql-icon-picker { | |
| width: 28px; | |
| } | |
| .ql-bubble .ql-color-picker .ql-picker-label, | |
| .ql-bubble .ql-icon-picker .ql-picker-label { | |
| padding: 2px 4px; | |
| } | |
| .ql-bubble .ql-color-picker .ql-picker-label svg, | |
| .ql-bubble .ql-icon-picker .ql-picker-label svg { | |
| right: 4px; | |
| } | |
| .ql-bubble .ql-icon-picker .ql-picker-options { | |
| padding: 4px 0px; | |
| } | |
| .ql-bubble .ql-icon-picker .ql-picker-item { | |
| height: 24px; | |
| width: 24px; | |
| padding: 2px 4px; | |
| } | |
| .ql-bubble .ql-color-picker .ql-picker-options { | |
| padding: 3px 5px; | |
| width: 152px; | |
| } | |
| .ql-bubble .ql-color-picker .ql-picker-item { | |
| border: 1px solid transparent; | |
| float: left; | |
| height: 16px; | |
| margin: 2px; | |
| padding: 0px; | |
| width: 16px; | |
| } | |
| .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { | |
| position: absolute; | |
| margin-top: -9px; | |
| right: 0; | |
| top: 50%; | |
| width: 18px; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, | |
| .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, | |
| .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, | |
| .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, | |
| .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { | |
| content: attr(data-label); | |
| } | |
| .ql-bubble .ql-picker.ql-header { | |
| width: 98px; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-label::before, | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item::before { | |
| content: 'Normal'; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { | |
| content: 'Heading 1'; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { | |
| content: 'Heading 2'; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { | |
| content: 'Heading 3'; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { | |
| content: 'Heading 4'; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { | |
| content: 'Heading 5'; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { | |
| content: 'Heading 6'; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { | |
| font-size: 2em; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { | |
| font-size: 1.5em; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { | |
| font-size: 1.17em; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { | |
| font-size: 1em; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { | |
| font-size: 0.83em; | |
| } | |
| .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { | |
| font-size: 0.67em; | |
| } | |
| .ql-bubble .ql-picker.ql-font { | |
| width: 108px; | |
| } | |
| .ql-bubble .ql-picker.ql-font .ql-picker-label::before, | |
| .ql-bubble .ql-picker.ql-font .ql-picker-item::before { | |
| content: 'Sans Serif'; | |
| } | |
| .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, | |
| .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { | |
| content: 'Serif'; | |
| } | |
| .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, | |
| .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { | |
| content: 'Monospace'; | |
| } | |
| .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { | |
| font-family: Georgia, Times New Roman, serif; | |
| } | |
| .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { | |
| font-family: Monaco, Courier New, monospace; | |
| } | |
| .ql-bubble .ql-picker.ql-size { | |
| width: 98px; | |
| } | |
| .ql-bubble .ql-picker.ql-size .ql-picker-label::before, | |
| .ql-bubble .ql-picker.ql-size .ql-picker-item::before { | |
| content: 'Normal'; | |
| } | |
| .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before, | |
| .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { | |
| content: 'Small'; | |
| } | |
| .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before, | |
| .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { | |
| content: 'Large'; | |
| } | |
| .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, | |
| .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { | |
| content: 'Huge'; | |
| } | |
| .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { | |
| font-size: 10px; | |
| } | |
| .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { | |
| font-size: 18px; | |
| } | |
| .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { | |
| font-size: 32px; | |
| } | |
| .ql-bubble .ql-color-picker.ql-background .ql-picker-item { | |
| background-color: #fff; | |
| } | |
| .ql-bubble .ql-color-picker.ql-color .ql-picker-item { | |
| background-color: #000; | |
| } | |
| .ql-bubble .ql-toolbar .ql-formats { | |
| margin: 8px 12px 8px 0px; | |
| } | |
| .ql-bubble .ql-toolbar .ql-formats:first-child { | |
| margin-left: 12px; | |
| } | |
| .ql-bubble .ql-color-picker svg { | |
| margin: 1px; | |
| } | |
| .ql-bubble .ql-color-picker .ql-picker-item.ql-selected, | |
| .ql-bubble .ql-color-picker .ql-picker-item:hover { | |
| border-color: #fff; | |
| } | |
| .ql-bubble .ql-tooltip { | |
| background-color: #444; | |
| border-radius: 25px; | |
| color: #fff; | |
| } | |
| .ql-bubble .ql-tooltip-arrow { | |
| border-left: 6px solid transparent; | |
| border-right: 6px solid transparent; | |
| content: " "; | |
| display: block; | |
| left: 50%; | |
| margin-left: -6px; | |
| position: absolute; | |
| } | |
| .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow { | |
| border-bottom: 6px solid #444; | |
| top: -6px; | |
| } | |
| .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow { | |
| border-top: 6px solid #444; | |
| bottom: -6px; | |
| } | |
| .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor { | |
| display: block; | |
| } | |
| .ql-bubble .ql-tooltip.ql-editing .ql-formats { | |
| visibility: hidden; | |
| } | |
| .ql-bubble .ql-tooltip-editor { | |
| display: none; | |
| } | |
| .ql-bubble .ql-tooltip-editor input[type=text] { | |
| background: transparent; | |
| border: none; | |
| color: #fff; | |
| font-size: 13px; | |
| height: 100%; | |
| outline: none; | |
| padding: 10px 20px; | |
| position: absolute; | |
| width: 100%; | |
| } | |
| .ql-bubble .ql-tooltip-editor a { | |
| top: 10px; | |
| position: absolute; | |
| right: 20px; | |
| } | |
| .ql-bubble .ql-tooltip-editor a:before { | |
| color: #ccc; | |
| content: "\D7"; | |
| font-size: 16px; | |
| font-weight: bold; | |
| } | |
| .ql-container.ql-bubble:not(.ql-disabled) a { | |
| position: relative; | |
| white-space: nowrap; | |
| } | |
| .ql-container.ql-bubble:not(.ql-disabled) a::before { | |
| background-color: #444; | |
| border-radius: 15px; | |
| top: -5px; | |
| font-size: 12px; | |
| color: #fff; | |
| content: attr(href); | |
| font-weight: normal; | |
| overflow: hidden; | |
| padding: 5px 15px; | |
| text-decoration: none; | |
| z-index: 1; | |
| } | |
| .ql-container.ql-bubble:not(.ql-disabled) a::after { | |
| border-top: 6px solid #444; | |
| border-left: 6px solid transparent; | |
| border-right: 6px solid transparent; | |
| top: 0; | |
| content: " "; | |
| height: 0; | |
| width: 0; | |
| } | |
| .ql-container.ql-bubble:not(.ql-disabled) a::before, | |
| .ql-container.ql-bubble:not(.ql-disabled) a::after { | |
| left: 0; | |
| margin-left: 50%; | |
| position: absolute; | |
| transform: translate(-50%, -100%); | |
| transition: visibility 0s ease 200ms; | |
| visibility: hidden; | |
| } | |
| .ql-container.ql-bubble:not(.ql-disabled) a:hover::before, | |
| .ql-container.ql-bubble:not(.ql-disabled) a:hover::after { | |
| visibility: visible; | |
| } |