UNPKG

ckeditor5-premium-features

Version:

Premium features for CKEditor 5.

875 lines (693 loc) 33.1 kB
/** * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options */ .ck.ck-content.ck-ai-form__content-field h2{ font-size:1.3em; } .ck.ck-content.ck-ai-form__content-field h3{ font-size:1.2em; } .ck.ck-content.ck-ai-form__content-field h4, .ck.ck-content.ck-ai-form__content-field h5, .ck.ck-content.ck-ai-form__content-field h6{ font-size:1.1em; } .ck.ck-content.ck-ai-form__content-field h2, .ck.ck-content.ck-ai-form__content-field h3, .ck.ck-content.ck-ai-form__content-field h4, .ck.ck-content.ck-ai-form__content-field h5, .ck.ck-content.ck-ai-form__content-field h6, .ck.ck-content.ck-ai-form__content-field p, .ck.ck-content.ck-ai-form__content-field ul, .ck.ck-content.ck-ai-form__content-field ol{ margin-block:.5em; line-height:1.7em; } .ck.ck-content.ck-ai-form__content-field > :first-child{ margin-top:0; } .ck.ck-content.ck-ai-form__content-field > :last-child{ margin-bottom:0; } @keyframes ck-ai-chat-shortcuts-prompt-input-glow{ 0%{ box-shadow:var(--ck-ai-chat-shortcuts-prompt-input-animation-box-shadow); border:var(--ck-ai-chat-shortcuts-prompt-input-animation-border); } 100%{ box-shadow:var(--ck-focus-outer-shadow); border:var(--ck-focus-ring); } } @keyframes ck-ai-chat-prompt-input-glow{ 0%{ background:var(--ck-color-ai-chat-prompt-input-animation-background); } 100%{ background:var(--ck-color-input-background); } } .ck.ck-content.ck-ai-suggestion-streamable-content{ padding:0; overflow-x:auto; } .ck.ck-content.ck-ai-suggestion-streamable-content :first-child{ margin-top:0; } .ck.ck-content.ck-ai-suggestion-streamable-content :last-child{ margin-bottom:0; } .ck.ck-content.ck-ai-suggestion-streamable-content, .ck.ck-content.ck-ai-suggestion-streamable-content *{ white-space:normal; } .ck.ck-content.ck-ai-suggestion-streamable-content pre > code{ white-space:pre-wrap; } .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatInline:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]){ border-top:3px solid var(--ck-color-ai-suggestion-inactive-border); border-bottom:3px solid var(--ck-color-ai-suggestion-inactive-border); background:var(--ck-color-ai-suggestion-inactive-background); } :is(.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatInline:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"])).ck-widget{ border:3px solid var(--ck-color-ai-suggestion-inactive-border); } .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatBlock:not([data-author-id="$aiSuggestion"]){ box-shadow:-7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-color-ai-suggestion-inactive-background); } .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]){ text-decoration:line-through 3px; text-decoration-color:var(--ck-color-ai-suggestion-inactive-border); } .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion.table > tbody > tr > td{ background-color:var(--ck-color-suggestion-widget-insertion-background); } :root{ --ck-color-ai-inactive-insertion-border:#b9bbba59; --ck-color-ai-inactive-insertion-background:#eceeec59; --ck-color-ai-suggestion-inactive-background:var(--ck-color-ai-inactive-insertion-background); --ck-color-ai-suggestion-inactive-border:var(--ck-color-ai-inactive-insertion-border); } :root{ --ck-color-suggestion-marker-insertion-border:#1eae3159; --ck-color-suggestion-marker-insertion-border-active:#126d1f80; --ck-color-suggestion-marker-insertion-background:#66e57759; --ck-color-suggestion-marker-insertion-background-active:#25da3d80; --ck-color-suggestion-marker-deletion-border:#ae1e4259; --ck-color-suggestion-marker-deletion-border-active:#6d122980; --ck-color-suggestion-marker-deletion-background:#e5668659; --ck-color-suggestion-marker-deletion-background-active:#da255280; --ck-color-suggestion-marker-deletion-stroke:#570f2180; --ck-color-suggestion-marker-format-border:#99d7e6; --ck-color-suggestion-marker-format-border-active:#5cc0d6; --ck-color-suggestion-widget-insertion-background:#66e5770d; --ck-color-suggestion-widget-insertion-background-active:#25da3d12; --ck-color-suggestion-widget-deletion-background:#e566860d; --ck-color-suggestion-widget-deletion-background-active:#c4214a12; --ck-color-suggestion-widget-format-background:#0aa0c217; --ck-color-suggestion-widget-format-background-active:#0aa0c229; } .ck-content .ck-suggestion-marker-insertion{ border-top:3px solid var(--ck-color-suggestion-marker-insertion-border); border-bottom:3px solid var(--ck-color-suggestion-marker-insertion-border); background:var(--ck-color-suggestion-marker-insertion-background); } .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active{ border-color:var(--ck-color-suggestion-marker-insertion-border-active); background:var(--ck-color-suggestion-marker-insertion-background-active); } .ck-content .ck-suggestion-marker-insertion.ck-widget{ border:3px solid var(--ck-color-suggestion-marker-insertion-border); background:none; text-decoration:none; } .ck-content .ck-suggestion-marker-insertion.ck-widget.ck-suggestion-marker--active{ border-color:var(--ck-color-suggestion-marker-insertion-border-active); } .ck-content .ck-suggestion-marker-deletion{ border-top:3px solid var(--ck-color-suggestion-marker-deletion-border); border-bottom:3px solid var(--ck-color-suggestion-marker-deletion-border); text-decoration:line-through; text-decoration-color:var(--ck-color-suggestion-marker-deletion-stroke); background:var(--ck-color-suggestion-marker-deletion-background); text-decoration-thickness:3px; } .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active{ border-color:var(--ck-color-suggestion-marker-deletion-border-active); background:var(--ck-color-suggestion-marker-deletion-background-active); } .ck-content .ck-suggestion-marker-deletion.ck-widget{ border:3px solid var(--ck-color-suggestion-marker-deletion-border); background:none; text-decoration:none; } .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-suggestion-marker--active{ border-color:var(--ck-color-suggestion-marker-deletion-border-active); } .ck-content .ck-suggestion-marker-merge:after{ border-top:3px solid var(--ck-color-suggestion-marker-deletion-border); border-bottom:3px solid var(--ck-color-suggestion-marker-deletion-border); text-decoration:line-through; text-decoration-color:var(--ck-color-suggestion-marker-deletion-stroke); background:var(--ck-color-suggestion-marker-deletion-background); color:var(--ck-color-suggestion-marker-deletion-stroke); content:"¶"; } .ck-content .ck-suggestion-marker-merge.ck-suggestion-marker--active:after{ border-color:var(--ck-color-suggestion-marker-deletion-border-active); background:var(--ck-color-suggestion-marker-deletion-background-active); } .ck-content .ck-suggestion-marker-split:after{ border-top:3px solid var(--ck-color-suggestion-marker-insertion-border); border-bottom:3px solid var(--ck-color-suggestion-marker-insertion-border); background:var(--ck-color-suggestion-marker-insertion-background); color:var(--ck-color-suggestion-marker-insertion-border); content:"¶"; } .ck-content .ck-suggestion-marker-split.ck-suggestion-marker--active:after{ border-color:var(--ck-color-suggestion-marker-insertion-border-active); background:var(--ck-color-suggestion-marker-insertion-background-active); } .ck-content .ck-suggestion-marker-formatInline{ border-top:3px solid var(--ck-color-suggestion-marker-format-border); border-bottom:3px solid var(--ck-color-suggestion-marker-format-border); } .ck-content .ck-suggestion-marker-formatInline.ck-suggestion-marker--active{ border-color:var(--ck-color-suggestion-marker-format-border-active); } .ck-content .ck-suggestion-marker-formatInline.ck-widget{ border:3px solid var(--ck-color-suggestion-marker-format-border); background:none; } .ck-content .ck-suggestion-marker-formatInline.ck-widget.ck-suggestion-marker--active{ border-color:var(--ck-color-suggestion-marker-format-border-active); } .ck-content .ck-suggestion-marker-formatBlock{ box-shadow:-7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-color-suggestion-marker-format-border); background:none; border:0; } .ck-content .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active{ box-shadow:-5px 0 0 0 var(--ck-color-base-background), -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active); } .ck-content ul .ck-suggestion-marker-formatBlock, .ck-content ol .ck-suggestion-marker-formatBlock{ box-shadow:-2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border); } :is(.ck-content ul .ck-suggestion-marker-formatBlock, .ck-content ol .ck-suggestion-marker-formatBlock).ck-suggestion-marker--active{ box-shadow:-2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border-active); } .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-deletion{ background-color:var(--ck-color-suggestion-widget-deletion-background); border:none; } .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-deletion.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-deletion-background-active); } .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-insertion{ background-color:var(--ck-color-suggestion-widget-insertion-background); border:none; } .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-insertion.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-insertion-background-active); } .ck-content .ck-suggestion-marker-deletion.ck-widget.image{ background-color:var(--ck-color-suggestion-widget-deletion-background); } .ck-content .ck-suggestion-marker-deletion.ck-widget.image img{ opacity:.6; } .ck-content .ck-suggestion-marker-deletion.ck-widget.image figcaption{ background-color:var(--ck-color-suggestion-widget-deletion-background); } .ck-content .ck-suggestion-marker-deletion.ck-widget.image.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-deletion-background-active); } .ck-content .ck-suggestion-marker-deletion.ck-widget.image.ck-suggestion-marker--active figcaption{ background-color:var(--ck-color-suggestion-widget-deletion-background-active); } .ck-content .ck-suggestion-marker-insertion.ck-widget.image{ background-color:var(--ck-color-suggestion-widget-insertion-background); } .ck-content .ck-suggestion-marker-insertion.ck-widget.image figcaption{ background-color:var(--ck-color-suggestion-widget-insertion-background); } .ck-content .ck-suggestion-marker-insertion.ck-widget.image.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-insertion-background-active); } .ck-content .ck-suggestion-marker-insertion.ck-widget.image.ck-suggestion-marker--active figcaption{ background-color:var(--ck-color-suggestion-widget-insertion-background-active); } .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-horizontal-line{ background-color:var(--ck-color-suggestion-widget-deletion-background); } .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-horizontal-line.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-deletion-background-active); } .ck-content .ck-suggestion-marker-insertion.ck-widget.ck-horizontal-line{ background-color:var(--ck-color-suggestion-widget-insertion-background); } .ck-content .ck-suggestion-marker-insertion.ck-widget.ck-horizontal-line.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-insertion-background-active); } .ck-content .ck-suggestion-marker-deletion.ck-widget.media{ background-color:var(--ck-color-suggestion-widget-deletion-background); } .ck-content .ck-suggestion-marker-deletion.ck-widget.media .ck-media__wrapper{ opacity:.6; } .ck-content .ck-suggestion-marker-deletion.ck-widget.media.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-deletion-background-active); } .ck-content .ck-suggestion-marker-insertion.ck-widget.media{ background-color:var(--ck-color-suggestion-widget-insertion-background); } .ck-content .ck-suggestion-marker-insertion.ck-widget.media.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-insertion-background-active); } .ck-content .ck-suggestion-marker.ck-widget.ck-merge-field, .ck-content .ck-comment-marker.ck-widget.ck-merge-field{ border-width:2px medium; border-left-style:none; border-left-color:currentColor; border-right-style:none; border-right-color:currentColor; padding-top:0; padding-bottom:0; } .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-merge-field{ border-top-color:var(--ck-color-suggestion-marker-deletion-border); border-bottom-color:var(--ck-color-suggestion-marker-deletion-border); background:var(--ck-color-suggestion-marker-deletion-background); } .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-merge-field :not(.ck-merge-field__affix), .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-merge-field.ck-merge-field_with-value, .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-merge-field.ck-merge-field_with-warning{ text-decoration:line-through; text-decoration-color:var(--ck-color-suggestion-marker-deletion-stroke); text-decoration-thickness:3px; } .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-merge-field.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-marker-deletion-background-active); } .ck-content .ck-suggestion-marker-insertion.ck-widget.ck-merge-field{ background-color:var(--ck-color-suggestion-marker-insertion-background); } .ck-content .ck-suggestion-marker-insertion.ck-widget.ck-merge-field.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-marker-insertion-background-active); } .ck-content .ck-comment-marker.ck-widget.ck-merge-field{ background:var(--ck-color-comment-marker); } .ck-content .ck-comment-marker.ck-widget.ck-merge-field.ck-comment-marker--active{ background:var(--ck-color-comment-marker-active); } .ck-content span.ck-comment-marker:has( + .ck-comment-marker.ck-widget.ck-merge-field), .ck-content span.ck-suggestion-marker:has( + .ck-suggestion-marker.ck-widget.ck-merge-field){ margin-right:-1px; padding-right:1px; } .ck-content .ck-suggestion-marker-deletion.ck-widget.page-break{ background-color:var(--ck-color-suggestion-widget-deletion-background); } .ck-content .ck-suggestion-marker-deletion.ck-widget.page-break.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-deletion-background-active); } .ck-content .ck-suggestion-marker-insertion.ck-widget.page-break{ background-color:var(--ck-color-suggestion-widget-insertion-background); } .ck-content .ck-suggestion-marker-insertion.ck-widget.page-break.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-insertion-background-active); } :root{ --ck-color-suggestion-widget-th-insertion-background:#66e5771f; --ck-color-suggestion-widget-th-insertion-background-active:#25da3d24; --ck-color-suggestion-widget-th-deletion-background:#e5668624; --ck-color-suggestion-widget-th-deletion-background-active:#c4214a29; } .ck-content figure.table .ck-suggestion-marker-formatBlock{ box-shadow:-3px 0 0 0 var(--ck-color-suggestion-marker-format-border); } .ck-content figure.table .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active{ box-shadow:-3px 0 0 0 var(--ck-color-suggestion-marker-format-border-active); } :is(.ck-content .ck-widget.table > figcaption, .ck-content .ck-widget.table > table > caption).ck-suggestion-marker-deletion{ background-color:var(--ck-color-suggestion-widget-deletion-background); border:none; } :is(.ck-content .ck-widget.table > figcaption, .ck-content .ck-widget.table > table > caption).ck-suggestion-marker-deletion.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-deletion-background-active); } :is(.ck-content .ck-widget.table > figcaption, .ck-content .ck-widget.table > table > caption).ck-suggestion-marker-insertion{ background-color:var(--ck-color-suggestion-widget-insertion-background); border:none; } :is(.ck-content .ck-widget.table > figcaption, .ck-content .ck-widget.table > table > caption).ck-suggestion-marker-insertion.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-insertion-background-active); } .ck-content .ck-suggestion-marker-insertion.table{ border-color:var(--ck-color-suggestion-marker-insertion-border); } .ck-content .ck-suggestion-marker-insertion.table > figcaption, .ck-content .ck-suggestion-marker-insertion.table > table > caption{ background-color:var(--ck-color-suggestion-widget-insertion-background); } .ck-content .ck-suggestion-marker-insertion.table > table > tbody > tr > th, .ck-content .ck-suggestion-marker-insertion.table > table > thead > tr > th{ background-color:var(--ck-color-suggestion-widget-th-insertion-background); border-color:var(--ck-color-suggestion-marker-insertion-border); } .ck-content .ck-suggestion-marker-insertion.table > table > tbody > tr > td{ background-color:var(--ck-color-suggestion-widget-insertion-background); border-color:var(--ck-color-suggestion-marker-insertion-border); } .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table{ border-color:var(--ck-color-suggestion-marker-insertion-border-active); } .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > figcaption, .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > caption{ background-color:var(--ck-color-suggestion-widget-insertion-background-active); } .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > tbody > tr > th, .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > thead > tr > th{ background-color:var(--ck-color-suggestion-widget-th-insertion-background-active); border-color:var(--ck-color-suggestion-marker-insertion-border-active); } .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > tbody > tr > td{ background-color:var(--ck-color-suggestion-widget-insertion-background-active); border-color:var(--ck-color-suggestion-marker-insertion-border-active); } .ck-content .ck-suggestion-marker-deletion.ck-widget.table{ border-color:var(--ck-color-suggestion-marker-deletion-border); } .ck-content .ck-suggestion-marker-deletion.ck-widget.table > figcaption, .ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > caption{ background-color:var(--ck-color-suggestion-widget-deletion-background); } .ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > tbody > tr > th, .ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > thead > tr > th{ background-color:var(--ck-color-suggestion-widget-th-deletion-background); border-color:var(--ck-color-suggestion-marker-deletion-border); text-decoration:none; } .ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > tbody > tr > td{ background-color:var(--ck-color-suggestion-widget-deletion-background); border-color:var(--ck-color-suggestion-marker-deletion-border); text-decoration:none; } .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table{ border-color:var(--ck-color-suggestion-marker-deletion-border-active); } .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > figcaption, .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > caption{ background-color:var(--ck-color-suggestion-widget-deletion-background-active); } .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > tbody > tr > th, .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > thead > tr > th{ background-color:var(--ck-color-suggestion-widget-th-deletion-background-active); border-color:var(--ck-color-suggestion-marker-deletion-border-active); } .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > tbody > tr > td{ background-color:var(--ck-color-suggestion-widget-deletion-background-active); border-color:var(--ck-color-suggestion-marker-deletion-border-active); } .ck-content .table th.ck-suggestion-marker-insertion{ background-color:var(--ck-color-suggestion-widget-th-insertion-background); } .ck-content .table th.ck-suggestion-marker-insertion.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-th-insertion-background-active); } .ck-content .table th.ck-suggestion-marker-deletion{ background-color:var(--ck-color-suggestion-widget-th-deletion-background); text-decoration:none; } .ck-content .table th.ck-suggestion-marker-deletion.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-th-deletion-background-active); } .ck-content .table td.ck-suggestion-marker-insertion{ background-color:var(--ck-color-suggestion-widget-insertion-background); } .ck-content .table td.ck-suggestion-marker-insertion.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-insertion-background-active); } .ck-content .table td.ck-suggestion-marker-deletion{ background-color:var(--ck-color-suggestion-widget-deletion-background); text-decoration:none; } .ck-content .table td.ck-suggestion-marker-deletion.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-deletion-background-active); } .ck-content .table th.ck-suggestion-marker-formatInline, .ck-content .table td.ck-suggestion-marker-formatInline, .ck-content .table th.ck-suggestion-marker-formatBlock, .ck-content .table td.ck-suggestion-marker-formatBlock{ background-color:var(--ck-color-suggestion-widget-format-background); box-shadow:none; } :is(.ck-content .table th.ck-suggestion-marker-formatInline, .ck-content .table td.ck-suggestion-marker-formatInline, .ck-content .table th.ck-suggestion-marker-formatBlock, .ck-content .table td.ck-suggestion-marker-formatBlock).ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-format-background-active); box-shadow:none; } .ck-content pre > code.ck-suggestion-marker-formatBlock{ box-shadow:-7px 0 0 0 #ededed, -10px 0 0 0 var(--ck-color-suggestion-marker-format-border); display:block; } .ck-content pre > code.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active{ box-shadow:-5px 0 0 0 #ededed, -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active); } .ck-content .ck-suggestion-marker-deletion.ck-widget.footnotes-wrapper{ background-color:var(--ck-color-suggestion-widget-deletion-background); } .ck-content .ck-suggestion-marker-deletion.ck-widget.footnotes-wrapper.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-deletion-background-active); } .ck-content .ck-suggestion-marker-insertion.ck-widget.footnotes-wrapper{ background-color:var(--ck-color-suggestion-widget-insertion-background); } .ck-content .ck-suggestion-marker-insertion.ck-widget.footnotes-wrapper.ck-suggestion-marker--active{ background-color:var(--ck-color-suggestion-widget-insertion-background-active); } :root{ --ck-color-comment-marker:#fef7a9; --ck-color-comment-marker-active:#fdf05d; } .ck-content .ck-comment-marker{ background:var(--ck-color-comment-marker); border-top:3px solid #0000; border-bottom:3px solid #0000; } .ck-content .ck-comment-marker.ck-widget{ border:3px solid var(--ck-color-comment-marker); background-color:#0000; } .ck-content .ck-comment-marker--active{ background:var(--ck-color-comment-marker-active); } .ck-content .ck-comment-marker--active .ck-comment-marker{ background:var(--ck-color-comment-marker-active); } .ck-content .ck-comment-marker--active.ck-widget{ border-color:var(--ck-color-comment-marker-active); } .ck-content .ck-comment-marker--active.ck-widget .ck-comment-marker{ background-color:var(--ck-color-comment-marker); } :root{ --ck-content-table-of-contents-padding:1em; --ck-content-table-of-contents-line-height:1.5; --ck-content-table-of-contents-items-start-padding:24px; } .ck-content .table-of-contents{ margin:.9em auto; } .ck-content .table-of-contents.table-of-contents_empty{ display:none; } .ck-content .table-of-contents .table-of-contents__placeholder{ padding:var(--ck-content-table-of-contents-padding); margin:0; font-style:italic; } .ck-content .table-of-contents > ol{ padding:var(--ck-content-table-of-contents-padding); } .ck-content .table-of-contents ol{ line-height:var(--ck-content-table-of-contents-line-height); margin:0; list-style-type:none; } .ck-content .table-of-contents ol ol{ padding-inline-start:var(--ck-content-table-of-contents-items-start-padding); } .ck-content .table-of-contents ol li{ white-space:nowrap; text-overflow:ellipsis; cursor:default; overflow:hidden; } :root{ --ck-content-footnotes-list-background-color:none; --ck-content-footnotes-list-separator-color:#000; --ck-content-footnote-font-size:var(--ck-content-font-size-small); } .ck-content .footnote{ margin-inline-end:.2em; } .ck-content .footnotes{ font-size:var(--ck-content-footnote-font-size); background-color:var(--ck-content-footnotes-list-background-color); margin:.9em 0 1.5em; position:relative; } .ck-content .footnotes-divider{ border:none; border-top:1px solid var(--ck-content-footnotes-list-separator-color); background:none; width:min(30%, 350px); height:1px; margin:0 0 1em; display:block; } [dir="rtl"] :is(.ck-content .footnotes-divider){ margin-left:auto; margin-right:0; } .ck-content .footnotes-list{ margin:0; padding-inline-start:3em; } .ck-content .footnote-backlink{ user-select:none; vertical-align:top; width:auto; margin-inline-end:1ch; display:inline-block; } .ck-content .footnote-content{ vertical-align:top; width:calc(100% - 2em); padding:0 4px; display:inline-block; } .ck-content .footnote-content > p:first-of-type{ margin-top:0; } .ck-content .footnote-content > p:last-of-type{ margin-bottom:0; } .ck-content .footnote-content ol{ list-style-type:decimal; } .ck-content .footnote-content ol ol{ list-style-type:lower-latin; } .ck-content .footnote-content ol ol ol{ list-style-type:lower-roman; } .ck-content .footnote-content ol ol ol ol{ list-style-type:upper-latin; } .ck-content .footnote-content ol ol ol ol ol{ list-style-type:upper-roman; } .ck-content .line-height-single{ line-height:1; } .ck-content .line-height-double{ line-height:2; } :root{ --ck-content-list-marker-line-height:var(--ck-content-line-height); } .ck-content .todo-list li.ck-list-marker-line-height:before{ line-height:var(--ck-content-list-marker-line-height); content:""; } .ck-content .todo-list li.ck-list-marker-line-height > .todo-list__label.todo-list__label_without-description{ width:0; line-height:var(--ck-content-list-marker-line-height); position:absolute; } .ck-content .todo-list li.ck-list-marker-line-height > .todo-list__label.todo-list__label_without-description input[type="checkbox"]{ margin:0; position:relative; } .ck-content .multi-level-list{ list-style:none; } .ck-content .multi-level-list li{ position:relative; } .ck-content .multi-level-list li .multi-level-list__marker{ pointer-events:none; } .ck-content .multi-level-list li .multi-level-list__marker::selection{ background-color:#0000; } .ck-content .multi-level-list li .multi-level-list__marker:not(:has(span)){ padding-inline-end:5px; position:absolute; transform:translate(-100%); } .ck-content .multi-level-list li .multi-level-list__marker:has(span){ text-wrap:nowrap; width:0; display:inline-block; position:relative; } .ck-content .multi-level-list li .multi-level-list__marker:has(span):before, .ck-content .multi-level-list li .multi-level-list__marker:has(span) > span{ padding-inline-end:5px; position:absolute; transform:translate(-100%); } .ck-content .multi-level-list li.ck-list-marker-bold > .multi-level-list__marker, .ck-content .multi-level-list li.ck-list-marker-bold > * > .multi-level-list__marker{ font-weight:bold; } .ck-content .multi-level-list li.ck-list-marker-italic > .multi-level-list__marker, .ck-content .multi-level-list li.ck-list-marker-italic > * > .multi-level-list__marker{ font-style:italic; } .ck-content .multi-level-list li.ck-list-marker-color > .multi-level-list__marker, .ck-content .multi-level-list li.ck-list-marker-color > * > .multi-level-list__marker{ color:var(--ck-content-list-marker-color); } .ck-content .multi-level-list li.ck-list-marker-font-family > .multi-level-list__marker, .ck-content .multi-level-list li.ck-list-marker-font-family > * > .multi-level-list__marker{ font-family:var(--ck-content-list-marker-font-family); } .ck-content .multi-level-list li.ck-list-marker-font-size > .multi-level-list__marker, .ck-content .multi-level-list li.ck-list-marker-font-size > * > .multi-level-list__marker{ font-size:var(--ck-content-list-marker-font-size); } .ck-content .multi-level-list li.ck-list-marker-font-size-tiny > .multi-level-list__marker, .ck-content .multi-level-list li.ck-list-marker-font-size-tiny > * > .multi-level-list__marker{ font-size:var(--ck-content-font-size-tiny); } .ck-content .multi-level-list li.ck-list-marker-font-size-small > .multi-level-list__marker, .ck-content .multi-level-list li.ck-list-marker-font-size-small > * > .multi-level-list__marker{ font-size:var(--ck-content-font-size-small); } .ck-content .multi-level-list li.ck-list-marker-font-size-big > .multi-level-list__marker, .ck-content .multi-level-list li.ck-list-marker-font-size-big > * > .multi-level-list__marker{ font-size:var(--ck-content-font-size-big); } .ck-content .multi-level-list li.ck-list-marker-font-size-huge > .multi-level-list__marker, .ck-content .multi-level-list li.ck-list-marker-font-size-huge > * > .multi-level-list__marker{ font-size:var(--ck-content-font-size-huge); } .ck-content[dir="rtl"] .multi-level-list li .multi-level-list__marker:not(:has(span)), .ck-content[dir="rtl"] .multi-level-list li .multi-level-list__marker:before, .ck-content[dir="rtl"] .multi-level-list li .multi-level-list__marker > span{ transform:translate(100%); } .ck-content .ck-suggestion-preview-marker, .ck-content .ck-suggestion-preview-marker-split{ opacity:.75; } .ck-content .ck-suggestion-preview-marker-split:after{ content:"¶"; } .ck-content .ck-suggestion-preview-marker-merge{ opacity:.75; text-decoration:line-through; } .ck-content .ck-suggestion-preview-marker-merge:after{ content:"¶"; } .ck-content .ck-suggestion-preview-marker-deletion{ text-decoration:line-through; } .ck-content .ck-suggestion-marker-deletion-new:not(.ck-widget), .ck-content .ck-suggestion-marker-merge-new{ --ck-color-suggestion-marker-deletion-border:none; --ck-color-suggestion-marker-deletion-border-active:none; --ck-color-suggestion-marker-deletion-background:none; --ck-color-suggestion-marker-deletion-background-active:none; --ck-color-suggestion-marker-deletion-stroke:#7a1f36cc; --ck-color-suggestion-widget-deletion-background:#e5668608; --ck-color-suggestion-widget-deletion-background-active:#c4214a0d; } .ck-content .ck-suggestion-marker-merge-new:after{ color:inherit; } .ck-content .ck-suggestion-marker-insertion-new, .ck-content .ck-suggestion-marker-split-new{ opacity:.75; } .ck-content .ck-suggestion-marker-deletion-new.ck-suggestion-marker--active:not(.table), .ck-content .ck-suggestion-marker-merge-new.ck-suggestion-marker--active{ --ck-color-suggestion-marker-deletion-background-active:#da255214; --ck-color-suggestion-marker-deletion-stroke:#7a1f36; opacity:1; } .ck-content .ck-suggestion-marker-insertion-new.ck-suggestion-marker--active, .ck-content .ck-suggestion-marker-split-new.ck-suggestion-marker--active{ opacity:1; } .ck.ck-content.ck-track-changes-preview__root-container[data-ck-root-name]{ border:none; margin:0; } @layer uc; @layer uc.shared{ }