refactor:代码格式化

frontend/public/tinymce/skins/content/dark/content.css

@@ -11,60 +11,72 @@ body {
   line-height: 1.4;
   margin: 1rem;
 }
+
 a {
   color: #4099ff;
 }
+
 table {
   border-collapse: collapse;
 }
+
 /* Apply a default padding if legacy cellpadding attribute is missing */
 table:not([cellpadding]) th,
 table:not([cellpadding]) td {
   padding: 0.4rem;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-width"]) th,
 table[border]:not([border="0"]):not([style*="border-width"]) td {
   border-width: 1px;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-style"]) th,
 table[border]:not([border="0"]):not([style*="border-style"]) td {
   border-style: solid;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-color"]) th,
 table[border]:not([border="0"]):not([style*="border-color"]) td {
   border-color: #6d737b;
 }
+
 figure {
   display: table;
   margin: 1rem auto;
 }
+
 figure figcaption {
   color: #8a8f97;
   display: block;
   margin-top: 0.25rem;
   text-align: center;
 }
+
 hr {
   border-color: #6d737b;
   border-style: solid;
   border-width: 1px 0 0 0;
 }
+
 code {
   background-color: #6d737b;
   border-radius: 3px;
   padding: 0.1rem 0.2rem;
 }
+
 .mce-content-body:not([dir=rtl]) blockquote {
   border-left: 2px solid #6d737b;
   margin-left: 1.5rem;
   padding-left: 1rem;
 }
+
 .mce-content-body[dir=rtl] blockquote {
   border-right: 2px solid #6d737b;
   margin-right: 1.5rem;

frontend/public/tinymce/skins/content/default/content.css

@@ -9,57 +9,68 @@ body {
   line-height: 1.4;
   margin: 1rem;
 }
+
 table {
   border-collapse: collapse;
 }
+
 /* Apply a default padding if legacy cellpadding attribute is missing */
 table:not([cellpadding]) th,
 table:not([cellpadding]) td {
   padding: 0.4rem;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-width"]) th,
 table[border]:not([border="0"]):not([style*="border-width"]) td {
   border-width: 1px;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-style"]) th,
 table[border]:not([border="0"]):not([style*="border-style"]) td {
   border-style: solid;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-color"]) th,
 table[border]:not([border="0"]):not([style*="border-color"]) td {
   border-color: #ccc;
 }
+
 figure {
   display: table;
   margin: 1rem auto;
 }
+
 figure figcaption {
   color: #999;
   display: block;
   margin-top: 0.25rem;
   text-align: center;
 }
+
 hr {
   border-color: #ccc;
   border-style: solid;
   border-width: 1px 0 0 0;
 }
+
 code {
   background-color: #e8e8e8;
   border-radius: 3px;
   padding: 0.1rem 0.2rem;
 }
+
 .mce-content-body:not([dir=rtl]) blockquote {
   border-left: 2px solid #ccc;
   margin-left: 1.5rem;
   padding-left: 1rem;
 }
+
 .mce-content-body[dir=rtl] blockquote {
   border-right: 2px solid #ccc;
   margin-right: 1.5rem;

frontend/public/tinymce/skins/content/document/content.css

@@ -10,9 +10,11 @@
     min-height: 100%;
   }
 }
+
 body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
+
 @media screen {
   body {
     background-color: #fff;
@@ -24,47 +26,56 @@ body {
     padding: 4rem 6rem 6rem 6rem;
   }
 }
+
 table {
   border-collapse: collapse;
 }
+
 /* Apply a default padding if legacy cellpadding attribute is missing */
 table:not([cellpadding]) th,
 table:not([cellpadding]) td {
   padding: 0.4rem;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-width"]) th,
 table[border]:not([border="0"]):not([style*="border-width"]) td {
   border-width: 1px;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-style"]) th,
 table[border]:not([border="0"]):not([style*="border-style"]) td {
   border-style: solid;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-color"]) th,
 table[border]:not([border="0"]):not([style*="border-color"]) td {
   border-color: #ccc;
 }
+
 figure figcaption {
   color: #999;
   margin-top: 0.25rem;
   text-align: center;
 }
+
 hr {
   border-color: #ccc;
   border-style: solid;
   border-width: 1px 0 0 0;
 }
+
 .mce-content-body:not([dir=rtl]) blockquote {
   border-left: 2px solid #ccc;
   margin-left: 1.5rem;
   padding-left: 1rem;
 }
+
 .mce-content-body[dir=rtl] blockquote {
   border-right: 2px solid #ccc;
   margin-right: 1.5rem;

frontend/public/tinymce/skins/content/writer/content.css

@@ -10,57 +10,68 @@ body {
   margin: 1rem auto;
   max-width: 900px;
 }
+
 table {
   border-collapse: collapse;
 }
+
 /* Apply a default padding if legacy cellpadding attribute is missing */
 table:not([cellpadding]) th,
 table:not([cellpadding]) td {
   padding: 0.4rem;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-width"]) th,
 table[border]:not([border="0"]):not([style*="border-width"]) td {
   border-width: 1px;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-style"]) th,
 table[border]:not([border="0"]):not([style*="border-style"]) td {
   border-style: solid;
 }
+
 /* Set default table styles if a table has a positive border attribute
    and no inline css */
 table[border]:not([border="0"]):not([style*="border-color"]) th,
 table[border]:not([border="0"]):not([style*="border-color"]) td {
   border-color: #ccc;
 }
+
 figure {
   display: table;
   margin: 1rem auto;
 }
+
 figure figcaption {
   color: #999;
   display: block;
   margin-top: 0.25rem;
   text-align: center;
 }
+
 hr {
   border-color: #ccc;
   border-style: solid;
   border-width: 1px 0 0 0;
 }
+
 code {
   background-color: #e8e8e8;
   border-radius: 3px;
   padding: 0.1rem 0.2rem;
 }
+
 .mce-content-body:not([dir=rtl]) blockquote {
   border-left: 2px solid #ccc;
   margin-left: 1.5rem;
   padding-left: 1rem;
 }
+
 .mce-content-body[dir=rtl] blockquote {
   border-right: 2px solid #ccc;
   margin-right: 1.5rem;

frontend/public/tinymce/skins/ui/oxide-dark/content.css

@@ -15,22 +15,27 @@
   -webkit-user-select: all;
   -moz-user-select: all;
   -ms-user-select: all;
-      user-select: all;
+  user-select: all;
   width: 8px !important;
 }
+
 .mce-content-body .mce-item-anchor[data-mce-selected] {
   outline-offset: 1px;
 }
+
 .tox-comments-visible .tox-comment {
   background-color: #fff0b7;
 }
+
 .tox-comments-visible .tox-comment--active {
   background-color: #ffe168;
 }
+
 .tox-checklist > li:not(.tox-checklist--hidden) {
   list-style: none;
   margin: 0.25em 0;
 }
+
 .tox-checklist > li:not(.tox-checklist--hidden)::before {
   content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
   cursor: pointer;
@@ -40,13 +45,16 @@
   position: absolute;
   width: 1em;
 }
+
 .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
   content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
 }
+
 [dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
   margin-left: 0;
   margin-right: -1.5em;
 }
+
 /* stylelint-disable */
 /* http://prismjs.com/ */
 /**
@@ -73,6 +81,7 @@ pre[class*="language-"] {
   -ms-hyphens: none;
   hyphens: none;
 }
+
 /* Code blocks */
 pre[class*="language-"] {
   padding: 1em;
@@ -80,28 +89,34 @@ pre[class*="language-"] {
   overflow: auto;
   border-radius: 0.3em;
 }
+
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
   background: #282a36;
 }
+
 /* Inline code */
 :not(pre) > code[class*="language-"] {
   padding: 0.1em;
   border-radius: 0.3em;
   white-space: normal;
 }
+
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
   color: #6272a4;
 }
+
 .token.punctuation {
   color: #f8f8f2;
 }
+
 .namespace {
   opacity: 0.7;
 }
+
 .token.property,
 .token.tag,
 .token.constant,
@@ -109,10 +124,12 @@ pre[class*="language-"] {
 .token.deleted {
   color: #ff79c6;
 }
+
 .token.boolean,
 .token.number {
   color: #bd93f9;
 }
+
 .token.selector,
 .token.attr-name,
 .token.string,
@@ -121,6 +138,7 @@ pre[class*="language-"] {
 .token.inserted {
   color: #50fa7b;
 }
+
 .token.operator,
 .token.entity,
 .token.url,
@@ -129,42 +147,52 @@ pre[class*="language-"] {
 .token.variable {
   color: #f8f8f2;
 }
+
 .token.atrule,
 .token.attr-value,
 .token.function,
 .token.class-name {
   color: #f1fa8c;
 }
+
 .token.keyword {
   color: #8be9fd;
 }
+
 .token.regex,
 .token.important {
   color: #ffb86c;
 }
+
 .token.important,
 .token.bold {
   font-weight: bold;
 }
+
 .token.italic {
   font-style: italic;
 }
+
 .token.entity {
   cursor: help;
 }
+
 /* stylelint-enable */
 .mce-content-body {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
 .mce-content-body .mce-visual-caret {
   background-color: black;
   background-color: currentColor;
   position: absolute;
 }
+
 .mce-content-body .mce-visual-caret-hidden {
   display: none;
 }
+
 .mce-content-body *[data-mce-caret] {
   left: -1000px;
   margin: 0;
@@ -173,31 +201,39 @@ pre[class*="language-"] {
   right: auto;
   top: 0;
 }
+
 .mce-content-body .mce-offscreen-selection {
   left: -2000000px;
   max-width: 1000000px;
   position: absolute;
 }
+
 .mce-content-body *[contentEditable=false] {
   cursor: default;
 }
+
 .mce-content-body *[contentEditable=true] {
   cursor: text;
 }
+
 .tox-cursor-format-painter {
   cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
 }
+
 .mce-content-body figure.align-left {
   float: left;
 }
+
 .mce-content-body figure.align-right {
   float: right;
 }
+
 .mce-content-body figure.image.align-center {
   display: table;
   margin-left: auto;
   margin-right: auto;
 }
+
 .mce-preview-object {
   border: 1px solid gray;
   display: inline-block;
@@ -205,6 +241,7 @@ pre[class*="language-"] {
   margin: 0 2px 0 2px;
   position: relative;
 }
+
 .mce-preview-object .mce-shim {
   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
   height: 100%;
@@ -213,13 +250,16 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .mce-preview-object[data-mce-selected="2"] .mce-shim {
   display: none;
 }
+
 .mce-object {
   background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
   border: 1px dashed #aaa;
 }
+
 .mce-pagebreak {
   border: 1px dashed #aaa;
   cursor: default;
@@ -229,11 +269,13 @@ pre[class*="language-"] {
   page-break-before: always;
   width: 100%;
 }
+
 @media print {
   .mce-pagebreak {
     border: 0;
   }
 }
+
 .tiny-pageembed .mce-shim {
   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
   height: 100%;
@@ -242,13 +284,16 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .tiny-pageembed[data-mce-selected="2"] .mce-shim {
   display: none;
 }
+
 .tiny-pageembed {
   display: inline-block;
   position: relative;
 }
+
 .tiny-pageembed--21by9,
 .tiny-pageembed--16by9,
 .tiny-pageembed--4by3,
@@ -259,18 +304,23 @@ pre[class*="language-"] {
   position: relative;
   width: 100%;
 }
+
 .tiny-pageembed--21by9 {
   padding-top: 42.857143%;
 }
+
 .tiny-pageembed--16by9 {
   padding-top: 56.25%;
 }
+
 .tiny-pageembed--4by3 {
   padding-top: 75%;
 }
+
 .tiny-pageembed--1by1 {
   padding-top: 100%;
 }
+
 .tiny-pageembed--21by9 iframe,
 .tiny-pageembed--16by9 iframe,
 .tiny-pageembed--4by3 iframe,
@@ -282,20 +332,25 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .mce-content-body[data-mce-placeholder] {
   position: relative;
 }
+
 .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
   color: rgba(34, 47, 62, 0.7);
   content: attr(data-mce-placeholder);
   position: absolute;
 }
+
 .mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
   left: 1px;
 }
+
 .mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
   right: 1px;
 }
+
 .mce-content-body div.mce-resizehandle {
   background-color: #4099ff;
   border-color: #4099ff;
@@ -307,24 +362,31 @@ pre[class*="language-"] {
   width: 10px;
   z-index: 10000;
 }
+
 .mce-content-body div.mce-resizehandle:hover {
   background-color: #4099ff;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(1) {
   cursor: nwse-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(2) {
   cursor: nesw-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(3) {
   cursor: nwse-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(4) {
   cursor: nesw-resize;
 }
+
 .mce-content-body .mce-resize-backdrop {
   z-index: 10000;
 }
+
 .mce-content-body .mce-clonedresizable {
   cursor: default;
   opacity: 0.5;
@@ -332,10 +394,12 @@ pre[class*="language-"] {
   position: absolute;
   z-index: 10001;
 }
+
 .mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
 .mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
   border: 0;
 }
+
 .mce-content-body .mce-resize-helper {
   background: #555;
   background: rgba(0, 0, 0, 0.75);
@@ -352,9 +416,11 @@ pre[class*="language-"] {
   white-space: nowrap;
   z-index: 10002;
 }
+
 .tox-rtc-user-selection {
   position: relative;
 }
+
 .tox-rtc-user-cursor {
   bottom: 0;
   cursor: default;
@@ -362,6 +428,7 @@ pre[class*="language-"] {
   top: 0;
   width: 2px;
 }
+
 .tox-rtc-user-cursor::before {
   background-color: inherit;
   border-radius: 50%;
@@ -373,6 +440,7 @@ pre[class*="language-"] {
   top: -3px;
   width: 8px;
 }
+
 .tox-rtc-user-cursor:hover::after {
   background-color: inherit;
   border-radius: 100px;
@@ -391,52 +459,66 @@ pre[class*="language-"] {
   white-space: nowrap;
   z-index: 1000;
 }
+
 .tox-rtc-user-selection--1 .tox-rtc-user-cursor {
   background-color: #2dc26b;
 }
+
 .tox-rtc-user-selection--2 .tox-rtc-user-cursor {
   background-color: #e03e2d;
 }
+
 .tox-rtc-user-selection--3 .tox-rtc-user-cursor {
   background-color: #f1c40f;
 }
+
 .tox-rtc-user-selection--4 .tox-rtc-user-cursor {
   background-color: #3598db;
 }
+
 .tox-rtc-user-selection--5 .tox-rtc-user-cursor {
   background-color: #b96ad9;
 }
+
 .tox-rtc-user-selection--6 .tox-rtc-user-cursor {
   background-color: #e67e23;
 }
+
 .tox-rtc-user-selection--7 .tox-rtc-user-cursor {
   background-color: #aaa69d;
 }
+
 .tox-rtc-user-selection--8 .tox-rtc-user-cursor {
   background-color: #f368e0;
 }
+
 .tox-rtc-remote-image {
   background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
   border: 1px solid #ccc;
   min-height: 240px;
   min-width: 320px;
 }
+
 .mce-match-marker {
   background: #aaa;
   color: #fff;
 }
+
 .mce-match-marker-selected {
   background: #39f;
   color: #fff;
 }
+
 .mce-match-marker-selected::-moz-selection {
   background: #39f;
   color: #fff;
 }
+
 .mce-match-marker-selected::selection {
   background: #39f;
   color: #fff;
 }
+
 .mce-content-body img[data-mce-selected],
 .mce-content-body video[data-mce-selected],
 .mce-content-body audio[data-mce-selected],
@@ -445,51 +527,63 @@ pre[class*="language-"] {
 .mce-content-body table[data-mce-selected] {
   outline: 3px solid #4099ff;
 }
+
 .mce-content-body hr[data-mce-selected] {
   outline: 3px solid #4099ff;
   outline-offset: 1px;
 }
+
 .mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
   outline: 3px solid #4099ff;
 }
+
 .mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
   outline: 3px solid #4099ff;
 }
+
 .mce-content-body *[contentEditable=false][data-mce-selected] {
   cursor: not-allowed;
   outline: 3px solid #4099ff;
 }
+
 .mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
 .mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
   outline: none;
 }
+
 .mce-content-body *[data-mce-selected="inline-boundary"] {
   background-color: #4099ff;
 }
+
 .mce-content-body .mce-edit-focus {
   outline: 3px solid #4099ff;
 }
+
 .mce-content-body td[data-mce-selected],
 .mce-content-body th[data-mce-selected] {
   position: relative;
 }
+
 .mce-content-body td[data-mce-selected]::-moz-selection,
 .mce-content-body th[data-mce-selected]::-moz-selection {
   background: none;
 }
+
 .mce-content-body td[data-mce-selected]::selection,
 .mce-content-body th[data-mce-selected]::selection {
   background: none;
 }
+
 .mce-content-body td[data-mce-selected] *,
 .mce-content-body th[data-mce-selected] * {
   outline: none;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
+
 .mce-content-body td[data-mce-selected]::after,
 .mce-content-body th[data-mce-selected]::after {
   background-color: rgba(180, 215, 255, 0.7);
@@ -502,18 +596,22 @@ pre[class*="language-"] {
   right: -1px;
   top: -1px;
 }
+
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .mce-content-body td[data-mce-selected]::after,
   .mce-content-body th[data-mce-selected]::after {
     border-color: rgba(0, 84, 180, 0.7);
   }
 }
+
 .mce-content-body img::-moz-selection {
   background: none;
 }
+
 .mce-content-body img::selection {
   background: none;
 }
+
 .ephox-snooker-resizer-bar {
   background-color: #4099ff;
   opacity: 0;
@@ -522,15 +620,19 @@ pre[class*="language-"] {
   -ms-user-select: none;
   user-select: none;
 }
+
 .ephox-snooker-resizer-cols {
   cursor: col-resize;
 }
+
 .ephox-snooker-resizer-rows {
   cursor: row-resize;
 }
+
 .ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
   opacity: 1;
 }
+
 .mce-spellchecker-word {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
   background-position: 0 calc(100% + 1px);
@@ -539,6 +641,7 @@ pre[class*="language-"] {
   cursor: default;
   height: 2rem;
 }
+
 .mce-spellchecker-grammar {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
   background-position: 0 calc(100% + 1px);
@@ -546,15 +649,19 @@ pre[class*="language-"] {
   background-size: auto 6px;
   cursor: default;
 }
+
 .mce-toc {
   border: 1px solid gray;
 }
+
 .mce-toc h2 {
   margin: 4px;
 }
+
 .mce-toc li {
   list-style-type: none;
 }
+
 table[style*="border-width: 0px"],
 .mce-item-table:not([border]),
 .mce-item-table[border="0"],
@@ -569,6 +676,7 @@ table[style*="border-width: 0px"] caption,
 .mce-item-table[border="0"] caption {
   border: 1px dashed #bbb;
 }
+
 .mce-visualblocks p,
 .mce-visualblocks h1,
 .mce-visualblocks h2,
@@ -594,66 +702,87 @@ table[style*="border-width: 0px"] caption,
   margin-left: 3px;
   padding-top: 10px;
 }
+
 .mce-visualblocks p {
   background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
 }
+
 .mce-visualblocks h1 {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
 }
+
 .mce-visualblocks h2 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
 }
+
 .mce-visualblocks h3 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
 }
+
 .mce-visualblocks h4 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
 }
+
 .mce-visualblocks h5 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
 }
+
 .mce-visualblocks h6 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
 }
+
 .mce-visualblocks div:not([data-mce-bogus]) {
   background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
 }
+
 .mce-visualblocks section {
   background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
 }
+
 .mce-visualblocks article {
   background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
 }
+
 .mce-visualblocks blockquote {
   background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
 }
+
 .mce-visualblocks address {
   background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
 }
+
 .mce-visualblocks pre {
   background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
 }
+
 .mce-visualblocks figure {
   background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
 }
+
 .mce-visualblocks figcaption {
   border: 1px dashed #bbb;
 }
+
 .mce-visualblocks hgroup {
   background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
 }
+
 .mce-visualblocks aside {
   background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
 }
+
 .mce-visualblocks ul {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
 }
+
 .mce-visualblocks ol {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
 }
+
 .mce-visualblocks dl {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
 }
+
 .mce-visualblocks:not([dir=rtl]) p,
 .mce-visualblocks:not([dir=rtl]) h1,
 .mce-visualblocks:not([dir=rtl]) h2,
@@ -676,6 +805,7 @@ table[style*="border-width: 0px"] caption,
 .mce-visualblocks:not([dir=rtl]) dl {
   margin-left: 3px;
 }
+
 .mce-visualblocks[dir=rtl] p,
 .mce-visualblocks[dir=rtl] h1,
 .mce-visualblocks[dir=rtl] h2,
@@ -699,16 +829,20 @@ table[style*="border-width: 0px"] caption,
   background-position-x: right;
   margin-right: 3px;
 }
+
 .mce-nbsp,
 .mce-shy {
   background: #aaa;
 }
+
 .mce-shy::after {
   content: '-';
 }
+
 body {
   font-family: sans-serif;
 }
+
 table {
   border-collapse: collapse;
 }

frontend/public/tinymce/skins/ui/oxide-dark/content.inline.css

@@ -15,22 +15,27 @@
   -webkit-user-select: all;
   -moz-user-select: all;
   -ms-user-select: all;
-      user-select: all;
+  user-select: all;
   width: 8px !important;
 }
+
 .mce-content-body .mce-item-anchor[data-mce-selected] {
   outline-offset: 1px;
 }
+
 .tox-comments-visible .tox-comment {
   background-color: #fff0b7;
 }
+
 .tox-comments-visible .tox-comment--active {
   background-color: #ffe168;
 }
+
 .tox-checklist > li:not(.tox-checklist--hidden) {
   list-style: none;
   margin: 0.25em 0;
 }
+
 .tox-checklist > li:not(.tox-checklist--hidden)::before {
   content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
   cursor: pointer;
@@ -40,13 +45,16 @@
   position: absolute;
   width: 1em;
 }
+
 .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
   content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
 }
+
 [dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
   margin-left: 0;
   margin-right: -1.5em;
 }
+
 /* stylelint-disable */
 /* http://prismjs.com/ */
 /**
@@ -73,6 +81,7 @@ pre[class*="language-"] {
   -ms-hyphens: none;
   hyphens: none;
 }
+
 pre[class*="language-"]::-moz-selection,
 pre[class*="language-"] ::-moz-selection,
 code[class*="language-"]::-moz-selection,
@@ -80,6 +89,7 @@ code[class*="language-"] ::-moz-selection {
   text-shadow: none;
   background: #b3d4fc;
 }
+
 pre[class*="language-"]::selection,
 pre[class*="language-"] ::selection,
 code[class*="language-"]::selection,
@@ -87,40 +97,48 @@ code[class*="language-"] ::selection {
   text-shadow: none;
   background: #b3d4fc;
 }
+
 @media print {
   code[class*="language-"],
   pre[class*="language-"] {
     text-shadow: none;
   }
 }
+
 /* Code blocks */
 pre[class*="language-"] {
   padding: 1em;
   margin: 0.5em 0;
   overflow: auto;
 }
+
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
   background: #f5f2f0;
 }
+
 /* Inline code */
 :not(pre) > code[class*="language-"] {
   padding: 0.1em;
   border-radius: 0.3em;
   white-space: normal;
 }
+
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
   color: slategray;
 }
+
 .token.punctuation {
   color: #999;
 }
+
 .namespace {
   opacity: 0.7;
 }
+
 .token.property,
 .token.tag,
 .token.boolean,
@@ -130,6 +148,7 @@ pre[class*="language-"] {
 .token.deleted {
   color: #905;
 }
+
 .token.selector,
 .token.attr-name,
 .token.string,
@@ -138,6 +157,7 @@ pre[class*="language-"] {
 .token.inserted {
   color: #690;
 }
+
 .token.operator,
 .token.entity,
 .token.url,
@@ -146,43 +166,53 @@ pre[class*="language-"] {
   color: #9a6e3a;
   background: hsla(0, 0%, 100%, 0.5);
 }
+
 .token.atrule,
 .token.attr-value,
 .token.keyword {
   color: #07a;
 }
+
 .token.function,
 .token.class-name {
   color: #DD4A68;
 }
+
 .token.regex,
 .token.important,
 .token.variable {
   color: #e90;
 }
+
 .token.important,
 .token.bold {
   font-weight: bold;
 }
+
 .token.italic {
   font-style: italic;
 }
+
 .token.entity {
   cursor: help;
 }
+
 /* stylelint-enable */
 .mce-content-body {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
 .mce-content-body .mce-visual-caret {
   background-color: black;
   background-color: currentColor;
   position: absolute;
 }
+
 .mce-content-body .mce-visual-caret-hidden {
   display: none;
 }
+
 .mce-content-body *[data-mce-caret] {
   left: -1000px;
   margin: 0;
@@ -191,31 +221,39 @@ pre[class*="language-"] {
   right: auto;
   top: 0;
 }
+
 .mce-content-body .mce-offscreen-selection {
   left: -2000000px;
   max-width: 1000000px;
   position: absolute;
 }
+
 .mce-content-body *[contentEditable=false] {
   cursor: default;
 }
+
 .mce-content-body *[contentEditable=true] {
   cursor: text;
 }
+
 .tox-cursor-format-painter {
   cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
 }
+
 .mce-content-body figure.align-left {
   float: left;
 }
+
 .mce-content-body figure.align-right {
   float: right;
 }
+
 .mce-content-body figure.image.align-center {
   display: table;
   margin-left: auto;
   margin-right: auto;
 }
+
 .mce-preview-object {
   border: 1px solid gray;
   display: inline-block;
@@ -223,6 +261,7 @@ pre[class*="language-"] {
   margin: 0 2px 0 2px;
   position: relative;
 }
+
 .mce-preview-object .mce-shim {
   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
   height: 100%;
@@ -231,13 +270,16 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .mce-preview-object[data-mce-selected="2"] .mce-shim {
   display: none;
 }
+
 .mce-object {
   background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
   border: 1px dashed #aaa;
 }
+
 .mce-pagebreak {
   border: 1px dashed #aaa;
   cursor: default;
@@ -247,11 +289,13 @@ pre[class*="language-"] {
   page-break-before: always;
   width: 100%;
 }
+
 @media print {
   .mce-pagebreak {
     border: 0;
   }
 }
+
 .tiny-pageembed .mce-shim {
   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
   height: 100%;
@@ -260,13 +304,16 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .tiny-pageembed[data-mce-selected="2"] .mce-shim {
   display: none;
 }
+
 .tiny-pageembed {
   display: inline-block;
   position: relative;
 }
+
 .tiny-pageembed--21by9,
 .tiny-pageembed--16by9,
 .tiny-pageembed--4by3,
@@ -277,18 +324,23 @@ pre[class*="language-"] {
   position: relative;
   width: 100%;
 }
+
 .tiny-pageembed--21by9 {
   padding-top: 42.857143%;
 }
+
 .tiny-pageembed--16by9 {
   padding-top: 56.25%;
 }
+
 .tiny-pageembed--4by3 {
   padding-top: 75%;
 }
+
 .tiny-pageembed--1by1 {
   padding-top: 100%;
 }
+
 .tiny-pageembed--21by9 iframe,
 .tiny-pageembed--16by9 iframe,
 .tiny-pageembed--4by3 iframe,
@@ -300,20 +352,25 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .mce-content-body[data-mce-placeholder] {
   position: relative;
 }
+
 .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
   color: rgba(34, 47, 62, 0.7);
   content: attr(data-mce-placeholder);
   position: absolute;
 }
+
 .mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
   left: 1px;
 }
+
 .mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
   right: 1px;
 }
+
 .mce-content-body div.mce-resizehandle {
   background-color: #4099ff;
   border-color: #4099ff;
@@ -325,24 +382,31 @@ pre[class*="language-"] {
   width: 10px;
   z-index: 10000;
 }
+
 .mce-content-body div.mce-resizehandle:hover {
   background-color: #4099ff;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(1) {
   cursor: nwse-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(2) {
   cursor: nesw-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(3) {
   cursor: nwse-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(4) {
   cursor: nesw-resize;
 }
+
 .mce-content-body .mce-resize-backdrop {
   z-index: 10000;
 }
+
 .mce-content-body .mce-clonedresizable {
   cursor: default;
   opacity: 0.5;
@@ -350,10 +414,12 @@ pre[class*="language-"] {
   position: absolute;
   z-index: 10001;
 }
+
 .mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
 .mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
   border: 0;
 }
+
 .mce-content-body .mce-resize-helper {
   background: #555;
   background: rgba(0, 0, 0, 0.75);
@@ -370,9 +436,11 @@ pre[class*="language-"] {
   white-space: nowrap;
   z-index: 10002;
 }
+
 .tox-rtc-user-selection {
   position: relative;
 }
+
 .tox-rtc-user-cursor {
   bottom: 0;
   cursor: default;
@@ -380,6 +448,7 @@ pre[class*="language-"] {
   top: 0;
   width: 2px;
 }
+
 .tox-rtc-user-cursor::before {
   background-color: inherit;
   border-radius: 50%;
@@ -391,6 +460,7 @@ pre[class*="language-"] {
   top: -3px;
   width: 8px;
 }
+
 .tox-rtc-user-cursor:hover::after {
   background-color: inherit;
   border-radius: 100px;
@@ -409,52 +479,66 @@ pre[class*="language-"] {
   white-space: nowrap;
   z-index: 1000;
 }
+
 .tox-rtc-user-selection--1 .tox-rtc-user-cursor {
   background-color: #2dc26b;
 }
+
 .tox-rtc-user-selection--2 .tox-rtc-user-cursor {
   background-color: #e03e2d;
 }
+
 .tox-rtc-user-selection--3 .tox-rtc-user-cursor {
   background-color: #f1c40f;
 }
+
 .tox-rtc-user-selection--4 .tox-rtc-user-cursor {
   background-color: #3598db;
 }
+
 .tox-rtc-user-selection--5 .tox-rtc-user-cursor {
   background-color: #b96ad9;
 }
+
 .tox-rtc-user-selection--6 .tox-rtc-user-cursor {
   background-color: #e67e23;
 }
+
 .tox-rtc-user-selection--7 .tox-rtc-user-cursor {
   background-color: #aaa69d;
 }
+
 .tox-rtc-user-selection--8 .tox-rtc-user-cursor {
   background-color: #f368e0;
 }
+
 .tox-rtc-remote-image {
   background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
   border: 1px solid #ccc;
   min-height: 240px;
   min-width: 320px;
 }
+
 .mce-match-marker {
   background: #aaa;
   color: #fff;
 }
+
 .mce-match-marker-selected {
   background: #39f;
   color: #fff;
 }
+
 .mce-match-marker-selected::-moz-selection {
   background: #39f;
   color: #fff;
 }
+
 .mce-match-marker-selected::selection {
   background: #39f;
   color: #fff;
 }
+
 .mce-content-body img[data-mce-selected],
 .mce-content-body video[data-mce-selected],
 .mce-content-body audio[data-mce-selected],
@@ -463,51 +547,63 @@ pre[class*="language-"] {
 .mce-content-body table[data-mce-selected] {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body hr[data-mce-selected] {
   outline: 3px solid #b4d7ff;
   outline-offset: 1px;
 }
+
 .mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body *[contentEditable=false][data-mce-selected] {
   cursor: not-allowed;
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
 .mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
   outline: none;
 }
+
 .mce-content-body *[data-mce-selected="inline-boundary"] {
   background-color: #b4d7ff;
 }
+
 .mce-content-body .mce-edit-focus {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body td[data-mce-selected],
 .mce-content-body th[data-mce-selected] {
   position: relative;
 }
+
 .mce-content-body td[data-mce-selected]::-moz-selection,
 .mce-content-body th[data-mce-selected]::-moz-selection {
   background: none;
 }
+
 .mce-content-body td[data-mce-selected]::selection,
 .mce-content-body th[data-mce-selected]::selection {
   background: none;
 }
+
 .mce-content-body td[data-mce-selected] *,
 .mce-content-body th[data-mce-selected] * {
   outline: none;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
+
 .mce-content-body td[data-mce-selected]::after,
 .mce-content-body th[data-mce-selected]::after {
   background-color: rgba(180, 215, 255, 0.7);
@@ -520,18 +616,22 @@ pre[class*="language-"] {
   right: -1px;
   top: -1px;
 }
+
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .mce-content-body td[data-mce-selected]::after,
   .mce-content-body th[data-mce-selected]::after {
     border-color: rgba(0, 84, 180, 0.7);
   }
 }
+
 .mce-content-body img::-moz-selection {
   background: none;
 }
+
 .mce-content-body img::selection {
   background: none;
 }
+
 .ephox-snooker-resizer-bar {
   background-color: #b4d7ff;
   opacity: 0;
@@ -540,15 +640,19 @@ pre[class*="language-"] {
   -ms-user-select: none;
   user-select: none;
 }
+
 .ephox-snooker-resizer-cols {
   cursor: col-resize;
 }
+
 .ephox-snooker-resizer-rows {
   cursor: row-resize;
 }
+
 .ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
   opacity: 1;
 }
+
 .mce-spellchecker-word {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
   background-position: 0 calc(100% + 1px);
@@ -557,6 +661,7 @@ pre[class*="language-"] {
   cursor: default;
   height: 2rem;
 }
+
 .mce-spellchecker-grammar {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
   background-position: 0 calc(100% + 1px);
@@ -564,15 +669,19 @@ pre[class*="language-"] {
   background-size: auto 6px;
   cursor: default;
 }
+
 .mce-toc {
   border: 1px solid gray;
 }
+
 .mce-toc h2 {
   margin: 4px;
 }
+
 .mce-toc li {
   list-style-type: none;
 }
+
 table[style*="border-width: 0px"],
 .mce-item-table:not([border]),
 .mce-item-table[border="0"],
@@ -587,6 +696,7 @@ table[style*="border-width: 0px"] caption,
 .mce-item-table[border="0"] caption {
   border: 1px dashed #bbb;
 }
+
 .mce-visualblocks p,
 .mce-visualblocks h1,
 .mce-visualblocks h2,
@@ -612,66 +722,87 @@ table[style*="border-width: 0px"] caption,
   margin-left: 3px;
   padding-top: 10px;
 }
+
 .mce-visualblocks p {
   background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
 }
+
 .mce-visualblocks h1 {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
 }
+
 .mce-visualblocks h2 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
 }
+
 .mce-visualblocks h3 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
 }
+
 .mce-visualblocks h4 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
 }
+
 .mce-visualblocks h5 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
 }
+
 .mce-visualblocks h6 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
 }
+
 .mce-visualblocks div:not([data-mce-bogus]) {
   background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
 }
+
 .mce-visualblocks section {
   background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
 }
+
 .mce-visualblocks article {
   background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
 }
+
 .mce-visualblocks blockquote {
   background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
 }
+
 .mce-visualblocks address {
   background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
 }
+
 .mce-visualblocks pre {
   background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
 }
+
 .mce-visualblocks figure {
   background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
 }
+
 .mce-visualblocks figcaption {
   border: 1px dashed #bbb;
 }
+
 .mce-visualblocks hgroup {
   background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
 }
+
 .mce-visualblocks aside {
   background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
 }
+
 .mce-visualblocks ul {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
 }
+
 .mce-visualblocks ol {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
 }
+
 .mce-visualblocks dl {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
 }
+
 .mce-visualblocks:not([dir=rtl]) p,
 .mce-visualblocks:not([dir=rtl]) h1,
 .mce-visualblocks:not([dir=rtl]) h2,
@@ -694,6 +825,7 @@ table[style*="border-width: 0px"] caption,
 .mce-visualblocks:not([dir=rtl]) dl {
   margin-left: 3px;
 }
+
 .mce-visualblocks[dir=rtl] p,
 .mce-visualblocks[dir=rtl] h1,
 .mce-visualblocks[dir=rtl] h2,
@@ -717,10 +849,12 @@ table[style*="border-width: 0px"] caption,
   background-position-x: right;
   margin-right: 3px;
 }
+
 .mce-nbsp,
 .mce-shy {
   background: #aaa;
 }
+
 .mce-shy::after {
   content: '-';
 }

frontend/public/tinymce/skins/ui/oxide-dark/content.mobile.css

@@ -11,19 +11,24 @@
   opacity: 0.5;
   position: absolute;
 }
+
 body {
   -webkit-text-size-adjust: none;
 }
+
 body img {
   /* this is related to the content margin */
   max-width: 96vw;
 }
+
 body table img {
   max-width: 95%;
 }
+
 body {
   font-family: sans-serif;
 }
+
 table {
   border-collapse: collapse;
 }

frontend/public/tinymce/skins/ui/oxide-dark/skin.mobile.css

@@ -9,6 +9,7 @@
   all: initial;
   display: block;
 }
+
 .tinymce-mobile-outer-container * {
   border: 0;
   box-sizing: initial;
@@ -23,97 +24,127 @@
   text-shadow: none;
   white-space: nowrap;
 }
+
 .tinymce-mobile-icon-arrow-back::before {
   content: "\e5cd";
 }
+
 .tinymce-mobile-icon-image::before {
   content: "\e412";
 }
+
 .tinymce-mobile-icon-cancel-circle::before {
   content: "\e5c9";
 }
+
 .tinymce-mobile-icon-full-dot::before {
   content: "\e061";
 }
+
 .tinymce-mobile-icon-align-center::before {
   content: "\e234";
 }
+
 .tinymce-mobile-icon-align-left::before {
   content: "\e236";
 }
+
 .tinymce-mobile-icon-align-right::before {
   content: "\e237";
 }
+
 .tinymce-mobile-icon-bold::before {
   content: "\e238";
 }
+
 .tinymce-mobile-icon-italic::before {
   content: "\e23f";
 }
+
 .tinymce-mobile-icon-unordered-list::before {
   content: "\e241";
 }
+
 .tinymce-mobile-icon-ordered-list::before {
   content: "\e242";
 }
+
 .tinymce-mobile-icon-font-size::before {
   content: "\e245";
 }
+
 .tinymce-mobile-icon-underline::before {
   content: "\e249";
 }
+
 .tinymce-mobile-icon-link::before {
   content: "\e157";
 }
+
 .tinymce-mobile-icon-unlink::before {
   content: "\eca2";
 }
+
 .tinymce-mobile-icon-color::before {
   content: "\e891";
 }
+
 .tinymce-mobile-icon-previous::before {
   content: "\e314";
 }
+
 .tinymce-mobile-icon-next::before {
   content: "\e315";
 }
+
 .tinymce-mobile-icon-large-font::before,
 .tinymce-mobile-icon-style-formats::before {
   content: "\e264";
 }
+
 .tinymce-mobile-icon-undo::before {
   content: "\e166";
 }
+
 .tinymce-mobile-icon-redo::before {
   content: "\e15a";
 }
+
 .tinymce-mobile-icon-removeformat::before {
   content: "\e239";
 }
+
 .tinymce-mobile-icon-small-font::before {
   content: "\e906";
 }
+
 .tinymce-mobile-icon-readonly-back::before,
 .tinymce-mobile-format-matches::after {
   content: "\e5ca";
 }
+
 .tinymce-mobile-icon-small-heading::before {
   content: "small";
 }
+
 .tinymce-mobile-icon-large-heading::before {
   content: "large";
 }
+
 .tinymce-mobile-icon-small-heading::before,
 .tinymce-mobile-icon-large-heading::before {
   font-family: sans-serif;
   font-size: 80%;
 }
+
 .tinymce-mobile-mask-edit-icon::before {
   content: "\e254";
 }
+
 .tinymce-mobile-icon-back::before {
   content: "\e5c4";
 }
+
 .tinymce-mobile-icon-heading::before {
   /* TODO: Translate */
   content: "Headings";
@@ -121,18 +152,22 @@
   font-size: 80%;
   font-weight: bold;
 }
+
 .tinymce-mobile-icon-h1::before {
   content: "H1";
   font-weight: bold;
 }
+
 .tinymce-mobile-icon-h2::before {
   content: "H2";
   font-weight: bold;
 }
+
 .tinymce-mobile-icon-h3::before {
   content: "H3";
   font-weight: bold;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {
   align-items: center;
   display: flex;
@@ -143,6 +178,7 @@
   top: 0;
   width: 100%;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container {
   align-items: center;
   border-radius: 50%;
@@ -152,6 +188,7 @@
   font-size: 1em;
   justify-content: space-between;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item {
   align-items: center;
   display: flex;
@@ -160,6 +197,7 @@
   height: 2.1em;
   width: 2.1em;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
   align-items: center;
   display: flex;
@@ -167,11 +205,13 @@
   flex-direction: column;
   font-size: 1em;
 }
-@media only screen and (min-device-width:700px) {
+
+@media only screen and (min-device-width: 700px) {
   .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
     font-size: 1.2em;
   }
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon {
   align-items: center;
   display: flex;
@@ -182,13 +222,16 @@
   background-color: white;
   color: #207ab7;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before {
   content: "\e900";
   font-family: 'tinymce-mobile', sans-serif;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon {
   z-index: 2;
 }
+
 .tinymce-mobile-android-container.tinymce-mobile-android-maximized {
   background: #ffffff;
   border: none;
@@ -200,30 +243,37 @@
   right: 0;
   top: 0;
 }
+
 .tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) {
   position: relative;
 }
+
 .tinymce-mobile-android-container .tinymce-mobile-editor-socket {
   display: flex;
   flex-grow: 1;
 }
+
 .tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {
   display: flex !important;
   flex-grow: 1;
   height: auto !important;
 }
+
 .tinymce-mobile-android-scroll-reload {
   overflow: hidden;
 }
+
 :not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar {
   margin-top: 23px;
 }
+
 .tinymce-mobile-toolstrip {
   background: #fff;
   display: flex;
   flex: 0 0 auto;
   z-index: 1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar {
   align-items: center;
   background-color: #fff;
@@ -234,28 +284,34 @@
   width: 100%;
   /* Make it no larger than the toolstrip, so that it needs to scroll */
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group {
   align-items: center;
   display: flex;
   height: 100%;
   flex-shrink: 1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div {
   align-items: center;
   display: flex;
   height: 100%;
   flex: 1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container {
   background: #f44336;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group {
   flex-grow: 1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
   padding-left: 0.5em;
   padding-right: 0.5em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button {
   align-items: center;
   display: flex;
@@ -263,18 +319,22 @@
   margin-left: 2px;
   margin-right: 2px;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected {
   background: #c8cbcf;
   color: #cccccc;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {
   background: #207ab7;
   color: #eceff1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar {
   /* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group {
   align-items: center;
   display: flex;
@@ -285,6 +345,7 @@
   /* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */
   /* For widgets like the colour picker, use the whole height */
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog {
   display: flex;
   min-height: 1.5em;
@@ -294,29 +355,34 @@
   position: relative;
   width: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain {
   display: flex;
   height: 100%;
   transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s;
   width: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen {
   display: flex;
   flex: 0 0 auto;
   justify-content: space-between;
   width: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input {
   font-family: Sans-serif;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container {
   display: flex;
   flex-grow: 1;
   position: relative;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x {
   -ms-grid-row-align: center;
-      align-self: center;
+  align-self: center;
   background: inherit;
   border: none;
   border-radius: 50%;
@@ -328,14 +394,17 @@
   position: absolute;
   right: 0;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x {
   display: none;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next {
   align-items: center;
   display: flex;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before {
   align-items: center;
@@ -345,10 +414,12 @@
   padding-left: 0.5em;
   padding-right: 0.5em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before {
   visibility: hidden;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item {
   color: #cccccc;
   font-size: 10px;
@@ -356,19 +427,23 @@
   margin: 0 2px;
   padding-top: 3px;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active {
   color: #c8cbcf;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before {
   margin-left: 0.5em;
   margin-right: 0.9em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before {
   margin-left: 0.9em;
   margin-right: 0.5em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider {
   display: flex;
   flex: 1;
@@ -377,12 +452,14 @@
   padding: 0.28em 0;
   position: relative;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container {
   align-items: center;
   display: flex;
   flex-grow: 1;
   height: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line {
   background: #cccccc;
   display: flex;
@@ -391,16 +468,19 @@
   margin-bottom: 0.3em;
   margin-top: 0.3em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container {
   padding-left: 2em;
   padding-right: 2em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container {
   align-items: center;
   display: flex;
   flex-grow: 1;
   height: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient {
   background: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%);
   display: flex;
@@ -409,6 +489,7 @@
   margin-bottom: 0.3em;
   margin-top: 0.3em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black {
   /* Not part of theming */
   background: black;
@@ -417,6 +498,7 @@
   margin-top: 0.3em;
   width: 1.2em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white {
   /* Not part of theming */
   background: white;
@@ -425,6 +507,7 @@
   margin-top: 0.3em;
   width: 1.2em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb {
   /* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave
      * out these values, then it shows the thumb at the top of the spectrum. This is probably because it is
@@ -448,9 +531,11 @@
   transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1);
   width: 0.5em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active {
   border: 0.5em solid rgba(136, 136, 136, 0.39);
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div {
   align-items: center;
@@ -458,20 +543,25 @@
   height: 100%;
   flex: 1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper {
   flex-direction: column;
   justify-content: center;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
   align-items: center;
   display: flex;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) {
   height: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container {
   display: flex;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input {
   background: #ffffff;
   border: none;
@@ -483,14 +573,17 @@
   padding-left: 5px;
   padding-top: 0.1em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder {
   /* WebKit, Blink, Edge */
   color: #888;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder {
   /* WebKit, Blink, Edge */
   color: #888;
 }
+
 /* dropup */
 .tinymce-mobile-dropup {
   background: white;
@@ -498,32 +591,40 @@
   overflow: hidden;
   width: 100%;
 }
+
 .tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking {
   transition: height 0.3s ease-out;
 }
+
 .tinymce-mobile-dropup.tinymce-mobile-dropup-growing {
   transition: height 0.3s ease-in;
 }
+
 .tinymce-mobile-dropup.tinymce-mobile-dropup-closed {
   flex-grow: 0;
 }
+
 .tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) {
   flex-grow: 1;
 }
+
 /* TODO min-height for device size and orientation */
 .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
   min-height: 200px;
 }
+
 @media only screen and (orientation: landscape) {
   .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
     min-height: 200px;
   }
 }
-@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
   .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
     min-height: 150px;
   }
 }
+
 /* styles menu */
 .tinymce-mobile-styles-menu {
   font-family: sans-serif;
@@ -532,6 +633,7 @@
   position: relative;
   width: 100%;
 }
+
 .tinymce-mobile-styles-menu [role="menu"] {
   display: flex;
   flex-direction: column;
@@ -539,9 +641,11 @@
   position: absolute;
   width: 100%;
 }
+
 .tinymce-mobile-styles-menu [role="menu"].transitioning {
   transition: transform 0.5s ease-in-out;
 }
+
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-item {
   border-bottom: 1px solid #ddd;
   color: #455a64;
@@ -550,11 +654,13 @@
   padding: 1em 1em;
   position: relative;
 }
+
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before {
   color: #455a64;
   content: "\e314";
   font-family: 'tinymce-mobile', sans-serif;
 }
+
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after {
   color: #455a64;
   content: "\e315";
@@ -564,6 +670,7 @@
   position: absolute;
   right: 0;
 }
+
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after {
   font-family: 'tinymce-mobile', sans-serif;
   padding-left: 1em;
@@ -571,6 +678,7 @@
   position: absolute;
   right: 0;
 }
+
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-separator,
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser {
   align-items: center;
@@ -582,53 +690,64 @@
   padding-left: 1em;
   padding-right: 1em;
 }
+
 .tinymce-mobile-styles-menu [data-transitioning-destination="before"][data-transitioning-state],
 .tinymce-mobile-styles-menu [data-transitioning-state="before"] {
   transform: translate(-100%);
 }
+
 .tinymce-mobile-styles-menu [data-transitioning-destination="current"][data-transitioning-state],
 .tinymce-mobile-styles-menu [data-transitioning-state="current"] {
   transform: translate(0%);
 }
+
 .tinymce-mobile-styles-menu [data-transitioning-destination="after"][data-transitioning-state],
 .tinymce-mobile-styles-menu [data-transitioning-state="after"] {
   transform: translate(100%);
 }
+
 @font-face {
   font-family: 'tinymce-mobile';
   font-style: normal;
   font-weight: normal;
   src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff');
 }
+
 @media (min-device-width: 700px) {
   .tinymce-mobile-outer-container,
   .tinymce-mobile-outer-container input {
     font-size: 25px;
   }
 }
+
 @media (max-device-width: 700px) {
   .tinymce-mobile-outer-container,
   .tinymce-mobile-outer-container input {
     font-size: 18px;
   }
 }
+
 .tinymce-mobile-icon {
   font-family: 'tinymce-mobile', sans-serif;
 }
+
 .mixin-flex-and-centre {
   align-items: center;
   display: flex;
   justify-content: center;
 }
+
 .mixin-flex-bar {
   align-items: center;
   display: flex;
   height: 100%;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe {
   background-color: #fff;
   width: 100%;
 }
+
 .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
   /* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */
   background-color: #207ab7;
@@ -644,21 +763,26 @@
   display: flex;
   justify-content: center;
 }
-@media only screen and (min-device-width:700px) {
+
+@media only screen and (min-device-width: 700px) {
   .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
     font-size: 1.2em;
   }
 }
+
 .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {
   height: 300px;
   overflow: hidden;
 }
+
 .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe {
   height: 100%;
 }
+
 .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip {
   display: none;
 }
+
 /*
   Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets
   increased and the whole body becomes scrollable. It's important!
@@ -666,7 +790,8 @@
 input[type="file"]::-webkit-file-upload-button {
   display: none;
 }
-@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
   .tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
     bottom: 50%;
   }

frontend/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.css

@@ -7,6 +7,7 @@
 body.tox-dialog__disable-scroll {
   overflow: hidden;
 }
+
 .tox-fullscreen {
   border: 0;
   height: 100%;
@@ -14,23 +15,27 @@ body.tox-dialog__disable-scroll {
   margin: 0;
   overflow: hidden;
   -ms-scroll-chaining: none;
-      overscroll-behavior: none;
+  overscroll-behavior: none;
   padding: 0;
   position: fixed;
   top: 0;
   touch-action: pinch-zoom;
   width: 100%;
 }
+
 .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
   display: none;
 }
+
 .tox.tox-tinymce.tox-fullscreen {
   background-color: transparent;
   z-index: 1200;
 }
+
 .tox-shadowhost.tox-fullscreen {
   z-index: 1200;
 }
+
 .tox-fullscreen .tox.tox-tinymce-aux,
 .tox-fullscreen ~ .tox.tox-tinymce-aux {
   z-index: 1201;

frontend/public/tinymce/skins/ui/oxide/content.css

@@ -15,22 +15,27 @@
   -webkit-user-select: all;
   -moz-user-select: all;
   -ms-user-select: all;
-      user-select: all;
+  user-select: all;
   width: 8px !important;
 }
+
 .mce-content-body .mce-item-anchor[data-mce-selected] {
   outline-offset: 1px;
 }
+
 .tox-comments-visible .tox-comment {
   background-color: #fff0b7;
 }
+
 .tox-comments-visible .tox-comment--active {
   background-color: #ffe168;
 }
+
 .tox-checklist > li:not(.tox-checklist--hidden) {
   list-style: none;
   margin: 0.25em 0;
 }
+
 .tox-checklist > li:not(.tox-checklist--hidden)::before {
   content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
   cursor: pointer;
@@ -40,13 +45,16 @@
   position: absolute;
   width: 1em;
 }
+
 .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
   content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
 }
+
 [dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
   margin-left: 0;
   margin-right: -1.5em;
 }
+
 /* stylelint-disable */
 /* http://prismjs.com/ */
 /**
@@ -73,6 +81,7 @@ pre[class*="language-"] {
   -ms-hyphens: none;
   hyphens: none;
 }
+
 pre[class*="language-"]::-moz-selection,
 pre[class*="language-"] ::-moz-selection,
 code[class*="language-"]::-moz-selection,
@@ -80,6 +89,7 @@ code[class*="language-"] ::-moz-selection {
   text-shadow: none;
   background: #b3d4fc;
 }
+
 pre[class*="language-"]::selection,
 pre[class*="language-"] ::selection,
 code[class*="language-"]::selection,
@@ -87,40 +97,48 @@ code[class*="language-"] ::selection {
   text-shadow: none;
   background: #b3d4fc;
 }
+
 @media print {
   code[class*="language-"],
   pre[class*="language-"] {
     text-shadow: none;
   }
 }
+
 /* Code blocks */
 pre[class*="language-"] {
   padding: 1em;
   margin: 0.5em 0;
   overflow: auto;
 }
+
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
   background: #f5f2f0;
 }
+
 /* Inline code */
 :not(pre) > code[class*="language-"] {
   padding: 0.1em;
   border-radius: 0.3em;
   white-space: normal;
 }
+
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
   color: slategray;
 }
+
 .token.punctuation {
   color: #999;
 }
+
 .namespace {
   opacity: 0.7;
 }
+
 .token.property,
 .token.tag,
 .token.boolean,
@@ -130,6 +148,7 @@ pre[class*="language-"] {
 .token.deleted {
   color: #905;
 }
+
 .token.selector,
 .token.attr-name,
 .token.string,
@@ -138,6 +157,7 @@ pre[class*="language-"] {
 .token.inserted {
   color: #690;
 }
+
 .token.operator,
 .token.entity,
 .token.url,
@@ -146,43 +166,53 @@ pre[class*="language-"] {
   color: #9a6e3a;
   background: hsla(0, 0%, 100%, 0.5);
 }
+
 .token.atrule,
 .token.attr-value,
 .token.keyword {
   color: #07a;
 }
+
 .token.function,
 .token.class-name {
   color: #DD4A68;
 }
+
 .token.regex,
 .token.important,
 .token.variable {
   color: #e90;
 }
+
 .token.important,
 .token.bold {
   font-weight: bold;
 }
+
 .token.italic {
   font-style: italic;
 }
+
 .token.entity {
   cursor: help;
 }
+
 /* stylelint-enable */
 .mce-content-body {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
 .mce-content-body .mce-visual-caret {
   background-color: black;
   background-color: currentColor;
   position: absolute;
 }
+
 .mce-content-body .mce-visual-caret-hidden {
   display: none;
 }
+
 .mce-content-body *[data-mce-caret] {
   left: -1000px;
   margin: 0;
@@ -191,31 +221,39 @@ pre[class*="language-"] {
   right: auto;
   top: 0;
 }
+
 .mce-content-body .mce-offscreen-selection {
   left: -2000000px;
   max-width: 1000000px;
   position: absolute;
 }
+
 .mce-content-body *[contentEditable=false] {
   cursor: default;
 }
+
 .mce-content-body *[contentEditable=true] {
   cursor: text;
 }
+
 .tox-cursor-format-painter {
   cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
 }
+
 .mce-content-body figure.align-left {
   float: left;
 }
+
 .mce-content-body figure.align-right {
   float: right;
 }
+
 .mce-content-body figure.image.align-center {
   display: table;
   margin-left: auto;
   margin-right: auto;
 }
+
 .mce-preview-object {
   border: 1px solid gray;
   display: inline-block;
@@ -223,6 +261,7 @@ pre[class*="language-"] {
   margin: 0 2px 0 2px;
   position: relative;
 }
+
 .mce-preview-object .mce-shim {
   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
   height: 100%;
@@ -231,13 +270,16 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .mce-preview-object[data-mce-selected="2"] .mce-shim {
   display: none;
 }
+
 .mce-object {
   background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
   border: 1px dashed #aaa;
 }
+
 .mce-pagebreak {
   border: 1px dashed #aaa;
   cursor: default;
@@ -247,11 +289,13 @@ pre[class*="language-"] {
   page-break-before: always;
   width: 100%;
 }
+
 @media print {
   .mce-pagebreak {
     border: 0;
   }
 }
+
 .tiny-pageembed .mce-shim {
   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
   height: 100%;
@@ -260,13 +304,16 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .tiny-pageembed[data-mce-selected="2"] .mce-shim {
   display: none;
 }
+
 .tiny-pageembed {
   display: inline-block;
   position: relative;
 }
+
 .tiny-pageembed--21by9,
 .tiny-pageembed--16by9,
 .tiny-pageembed--4by3,
@@ -277,18 +324,23 @@ pre[class*="language-"] {
   position: relative;
   width: 100%;
 }
+
 .tiny-pageembed--21by9 {
   padding-top: 42.857143%;
 }
+
 .tiny-pageembed--16by9 {
   padding-top: 56.25%;
 }
+
 .tiny-pageembed--4by3 {
   padding-top: 75%;
 }
+
 .tiny-pageembed--1by1 {
   padding-top: 100%;
 }
+
 .tiny-pageembed--21by9 iframe,
 .tiny-pageembed--16by9 iframe,
 .tiny-pageembed--4by3 iframe,
@@ -300,20 +352,25 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .mce-content-body[data-mce-placeholder] {
   position: relative;
 }
+
 .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
   color: rgba(34, 47, 62, 0.7);
   content: attr(data-mce-placeholder);
   position: absolute;
 }
+
 .mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
   left: 1px;
 }
+
 .mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
   right: 1px;
 }
+
 .mce-content-body div.mce-resizehandle {
   background-color: #4099ff;
   border-color: #4099ff;
@@ -325,24 +382,31 @@ pre[class*="language-"] {
   width: 10px;
   z-index: 10000;
 }
+
 .mce-content-body div.mce-resizehandle:hover {
   background-color: #4099ff;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(1) {
   cursor: nwse-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(2) {
   cursor: nesw-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(3) {
   cursor: nwse-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(4) {
   cursor: nesw-resize;
 }
+
 .mce-content-body .mce-resize-backdrop {
   z-index: 10000;
 }
+
 .mce-content-body .mce-clonedresizable {
   cursor: default;
   opacity: 0.5;
@@ -350,10 +414,12 @@ pre[class*="language-"] {
   position: absolute;
   z-index: 10001;
 }
+
 .mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
 .mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
   border: 0;
 }
+
 .mce-content-body .mce-resize-helper {
   background: #555;
   background: rgba(0, 0, 0, 0.75);
@@ -370,9 +436,11 @@ pre[class*="language-"] {
   white-space: nowrap;
   z-index: 10002;
 }
+
 .tox-rtc-user-selection {
   position: relative;
 }
+
 .tox-rtc-user-cursor {
   bottom: 0;
   cursor: default;
@@ -380,6 +448,7 @@ pre[class*="language-"] {
   top: 0;
   width: 2px;
 }
+
 .tox-rtc-user-cursor::before {
   background-color: inherit;
   border-radius: 50%;
@@ -391,6 +460,7 @@ pre[class*="language-"] {
   top: -3px;
   width: 8px;
 }
+
 .tox-rtc-user-cursor:hover::after {
   background-color: inherit;
   border-radius: 100px;
@@ -409,52 +479,66 @@ pre[class*="language-"] {
   white-space: nowrap;
   z-index: 1000;
 }
+
 .tox-rtc-user-selection--1 .tox-rtc-user-cursor {
   background-color: #2dc26b;
 }
+
 .tox-rtc-user-selection--2 .tox-rtc-user-cursor {
   background-color: #e03e2d;
 }
+
 .tox-rtc-user-selection--3 .tox-rtc-user-cursor {
   background-color: #f1c40f;
 }
+
 .tox-rtc-user-selection--4 .tox-rtc-user-cursor {
   background-color: #3598db;
 }
+
 .tox-rtc-user-selection--5 .tox-rtc-user-cursor {
   background-color: #b96ad9;
 }
+
 .tox-rtc-user-selection--6 .tox-rtc-user-cursor {
   background-color: #e67e23;
 }
+
 .tox-rtc-user-selection--7 .tox-rtc-user-cursor {
   background-color: #aaa69d;
 }
+
 .tox-rtc-user-selection--8 .tox-rtc-user-cursor {
   background-color: #f368e0;
 }
+
 .tox-rtc-remote-image {
   background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
   border: 1px solid #ccc;
   min-height: 240px;
   min-width: 320px;
 }
+
 .mce-match-marker {
   background: #aaa;
   color: #fff;
 }
+
 .mce-match-marker-selected {
   background: #39f;
   color: #fff;
 }
+
 .mce-match-marker-selected::-moz-selection {
   background: #39f;
   color: #fff;
 }
+
 .mce-match-marker-selected::selection {
   background: #39f;
   color: #fff;
 }
+
 .mce-content-body img[data-mce-selected],
 .mce-content-body video[data-mce-selected],
 .mce-content-body audio[data-mce-selected],
@@ -463,51 +547,63 @@ pre[class*="language-"] {
 .mce-content-body table[data-mce-selected] {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body hr[data-mce-selected] {
   outline: 3px solid #b4d7ff;
   outline-offset: 1px;
 }
+
 .mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body *[contentEditable=false][data-mce-selected] {
   cursor: not-allowed;
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
 .mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
   outline: none;
 }
+
 .mce-content-body *[data-mce-selected="inline-boundary"] {
   background-color: #b4d7ff;
 }
+
 .mce-content-body .mce-edit-focus {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body td[data-mce-selected],
 .mce-content-body th[data-mce-selected] {
   position: relative;
 }
+
 .mce-content-body td[data-mce-selected]::-moz-selection,
 .mce-content-body th[data-mce-selected]::-moz-selection {
   background: none;
 }
+
 .mce-content-body td[data-mce-selected]::selection,
 .mce-content-body th[data-mce-selected]::selection {
   background: none;
 }
+
 .mce-content-body td[data-mce-selected] *,
 .mce-content-body th[data-mce-selected] * {
   outline: none;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
+
 .mce-content-body td[data-mce-selected]::after,
 .mce-content-body th[data-mce-selected]::after {
   background-color: rgba(180, 215, 255, 0.7);
@@ -520,18 +616,22 @@ pre[class*="language-"] {
   right: -1px;
   top: -1px;
 }
+
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .mce-content-body td[data-mce-selected]::after,
   .mce-content-body th[data-mce-selected]::after {
     border-color: rgba(0, 84, 180, 0.7);
   }
 }
+
 .mce-content-body img::-moz-selection {
   background: none;
 }
+
 .mce-content-body img::selection {
   background: none;
 }
+
 .ephox-snooker-resizer-bar {
   background-color: #b4d7ff;
   opacity: 0;
@@ -540,15 +640,19 @@ pre[class*="language-"] {
   -ms-user-select: none;
   user-select: none;
 }
+
 .ephox-snooker-resizer-cols {
   cursor: col-resize;
 }
+
 .ephox-snooker-resizer-rows {
   cursor: row-resize;
 }
+
 .ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
   opacity: 1;
 }
+
 .mce-spellchecker-word {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
   background-position: 0 calc(100% + 1px);
@@ -557,6 +661,7 @@ pre[class*="language-"] {
   cursor: default;
   height: 2rem;
 }
+
 .mce-spellchecker-grammar {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
   background-position: 0 calc(100% + 1px);
@@ -564,15 +669,19 @@ pre[class*="language-"] {
   background-size: auto 6px;
   cursor: default;
 }
+
 .mce-toc {
   border: 1px solid gray;
 }
+
 .mce-toc h2 {
   margin: 4px;
 }
+
 .mce-toc li {
   list-style-type: none;
 }
+
 table[style*="border-width: 0px"],
 .mce-item-table:not([border]),
 .mce-item-table[border="0"],
@@ -587,6 +696,7 @@ table[style*="border-width: 0px"] caption,
 .mce-item-table[border="0"] caption {
   border: 1px dashed #bbb;
 }
+
 .mce-visualblocks p,
 .mce-visualblocks h1,
 .mce-visualblocks h2,
@@ -612,66 +722,87 @@ table[style*="border-width: 0px"] caption,
   margin-left: 3px;
   padding-top: 10px;
 }
+
 .mce-visualblocks p {
   background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
 }
+
 .mce-visualblocks h1 {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
 }
+
 .mce-visualblocks h2 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
 }
+
 .mce-visualblocks h3 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
 }
+
 .mce-visualblocks h4 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
 }
+
 .mce-visualblocks h5 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
 }
+
 .mce-visualblocks h6 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
 }
+
 .mce-visualblocks div:not([data-mce-bogus]) {
   background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
 }
+
 .mce-visualblocks section {
   background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
 }
+
 .mce-visualblocks article {
   background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
 }
+
 .mce-visualblocks blockquote {
   background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
 }
+
 .mce-visualblocks address {
   background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
 }
+
 .mce-visualblocks pre {
   background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
 }
+
 .mce-visualblocks figure {
   background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
 }
+
 .mce-visualblocks figcaption {
   border: 1px dashed #bbb;
 }
+
 .mce-visualblocks hgroup {
   background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
 }
+
 .mce-visualblocks aside {
   background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
 }
+
 .mce-visualblocks ul {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
 }
+
 .mce-visualblocks ol {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
 }
+
 .mce-visualblocks dl {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
 }
+
 .mce-visualblocks:not([dir=rtl]) p,
 .mce-visualblocks:not([dir=rtl]) h1,
 .mce-visualblocks:not([dir=rtl]) h2,
@@ -694,6 +825,7 @@ table[style*="border-width: 0px"] caption,
 .mce-visualblocks:not([dir=rtl]) dl {
   margin-left: 3px;
 }
+
 .mce-visualblocks[dir=rtl] p,
 .mce-visualblocks[dir=rtl] h1,
 .mce-visualblocks[dir=rtl] h2,
@@ -717,16 +849,20 @@ table[style*="border-width: 0px"] caption,
   background-position-x: right;
   margin-right: 3px;
 }
+
 .mce-nbsp,
 .mce-shy {
   background: #aaa;
 }
+
 .mce-shy::after {
   content: '-';
 }
+
 body {
   font-family: sans-serif;
 }
+
 table {
   border-collapse: collapse;
 }

frontend/public/tinymce/skins/ui/oxide/content.inline.css

@@ -15,22 +15,27 @@
   -webkit-user-select: all;
   -moz-user-select: all;
   -ms-user-select: all;
-      user-select: all;
+  user-select: all;
   width: 8px !important;
 }
+
 .mce-content-body .mce-item-anchor[data-mce-selected] {
   outline-offset: 1px;
 }
+
 .tox-comments-visible .tox-comment {
   background-color: #fff0b7;
 }
+
 .tox-comments-visible .tox-comment--active {
   background-color: #ffe168;
 }
+
 .tox-checklist > li:not(.tox-checklist--hidden) {
   list-style: none;
   margin: 0.25em 0;
 }
+
 .tox-checklist > li:not(.tox-checklist--hidden)::before {
   content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
   cursor: pointer;
@@ -40,13 +45,16 @@
   position: absolute;
   width: 1em;
 }
+
 .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
   content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
 }
+
 [dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
   margin-left: 0;
   margin-right: -1.5em;
 }
+
 /* stylelint-disable */
 /* http://prismjs.com/ */
 /**
@@ -73,6 +81,7 @@ pre[class*="language-"] {
   -ms-hyphens: none;
   hyphens: none;
 }
+
 pre[class*="language-"]::-moz-selection,
 pre[class*="language-"] ::-moz-selection,
 code[class*="language-"]::-moz-selection,
@@ -80,6 +89,7 @@ code[class*="language-"] ::-moz-selection {
   text-shadow: none;
   background: #b3d4fc;
 }
+
 pre[class*="language-"]::selection,
 pre[class*="language-"] ::selection,
 code[class*="language-"]::selection,
@@ -87,40 +97,48 @@ code[class*="language-"] ::selection {
   text-shadow: none;
   background: #b3d4fc;
 }
+
 @media print {
   code[class*="language-"],
   pre[class*="language-"] {
     text-shadow: none;
   }
 }
+
 /* Code blocks */
 pre[class*="language-"] {
   padding: 1em;
   margin: 0.5em 0;
   overflow: auto;
 }
+
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
   background: #f5f2f0;
 }
+
 /* Inline code */
 :not(pre) > code[class*="language-"] {
   padding: 0.1em;
   border-radius: 0.3em;
   white-space: normal;
 }
+
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
   color: slategray;
 }
+
 .token.punctuation {
   color: #999;
 }
+
 .namespace {
   opacity: 0.7;
 }
+
 .token.property,
 .token.tag,
 .token.boolean,
@@ -130,6 +148,7 @@ pre[class*="language-"] {
 .token.deleted {
   color: #905;
 }
+
 .token.selector,
 .token.attr-name,
 .token.string,
@@ -138,6 +157,7 @@ pre[class*="language-"] {
 .token.inserted {
   color: #690;
 }
+
 .token.operator,
 .token.entity,
 .token.url,
@@ -146,43 +166,53 @@ pre[class*="language-"] {
   color: #9a6e3a;
   background: hsla(0, 0%, 100%, 0.5);
 }
+
 .token.atrule,
 .token.attr-value,
 .token.keyword {
   color: #07a;
 }
+
 .token.function,
 .token.class-name {
   color: #DD4A68;
 }
+
 .token.regex,
 .token.important,
 .token.variable {
   color: #e90;
 }
+
 .token.important,
 .token.bold {
   font-weight: bold;
 }
+
 .token.italic {
   font-style: italic;
 }
+
 .token.entity {
   cursor: help;
 }
+
 /* stylelint-enable */
 .mce-content-body {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
 .mce-content-body .mce-visual-caret {
   background-color: black;
   background-color: currentColor;
   position: absolute;
 }
+
 .mce-content-body .mce-visual-caret-hidden {
   display: none;
 }
+
 .mce-content-body *[data-mce-caret] {
   left: -1000px;
   margin: 0;
@@ -191,31 +221,39 @@ pre[class*="language-"] {
   right: auto;
   top: 0;
 }
+
 .mce-content-body .mce-offscreen-selection {
   left: -2000000px;
   max-width: 1000000px;
   position: absolute;
 }
+
 .mce-content-body *[contentEditable=false] {
   cursor: default;
 }
+
 .mce-content-body *[contentEditable=true] {
   cursor: text;
 }
+
 .tox-cursor-format-painter {
   cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
 }
+
 .mce-content-body figure.align-left {
   float: left;
 }
+
 .mce-content-body figure.align-right {
   float: right;
 }
+
 .mce-content-body figure.image.align-center {
   display: table;
   margin-left: auto;
   margin-right: auto;
 }
+
 .mce-preview-object {
   border: 1px solid gray;
   display: inline-block;
@@ -223,6 +261,7 @@ pre[class*="language-"] {
   margin: 0 2px 0 2px;
   position: relative;
 }
+
 .mce-preview-object .mce-shim {
   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
   height: 100%;
@@ -231,13 +270,16 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .mce-preview-object[data-mce-selected="2"] .mce-shim {
   display: none;
 }
+
 .mce-object {
   background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
   border: 1px dashed #aaa;
 }
+
 .mce-pagebreak {
   border: 1px dashed #aaa;
   cursor: default;
@@ -247,11 +289,13 @@ pre[class*="language-"] {
   page-break-before: always;
   width: 100%;
 }
+
 @media print {
   .mce-pagebreak {
     border: 0;
   }
 }
+
 .tiny-pageembed .mce-shim {
   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
   height: 100%;
@@ -260,13 +304,16 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .tiny-pageembed[data-mce-selected="2"] .mce-shim {
   display: none;
 }
+
 .tiny-pageembed {
   display: inline-block;
   position: relative;
 }
+
 .tiny-pageembed--21by9,
 .tiny-pageembed--16by9,
 .tiny-pageembed--4by3,
@@ -277,18 +324,23 @@ pre[class*="language-"] {
   position: relative;
   width: 100%;
 }
+
 .tiny-pageembed--21by9 {
   padding-top: 42.857143%;
 }
+
 .tiny-pageembed--16by9 {
   padding-top: 56.25%;
 }
+
 .tiny-pageembed--4by3 {
   padding-top: 75%;
 }
+
 .tiny-pageembed--1by1 {
   padding-top: 100%;
 }
+
 .tiny-pageembed--21by9 iframe,
 .tiny-pageembed--16by9 iframe,
 .tiny-pageembed--4by3 iframe,
@@ -300,20 +352,25 @@ pre[class*="language-"] {
   top: 0;
   width: 100%;
 }
+
 .mce-content-body[data-mce-placeholder] {
   position: relative;
 }
+
 .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
   color: rgba(34, 47, 62, 0.7);
   content: attr(data-mce-placeholder);
   position: absolute;
 }
+
 .mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
   left: 1px;
 }
+
 .mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
   right: 1px;
 }
+
 .mce-content-body div.mce-resizehandle {
   background-color: #4099ff;
   border-color: #4099ff;
@@ -325,24 +382,31 @@ pre[class*="language-"] {
   width: 10px;
   z-index: 10000;
 }
+
 .mce-content-body div.mce-resizehandle:hover {
   background-color: #4099ff;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(1) {
   cursor: nwse-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(2) {
   cursor: nesw-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(3) {
   cursor: nwse-resize;
 }
+
 .mce-content-body div.mce-resizehandle:nth-of-type(4) {
   cursor: nesw-resize;
 }
+
 .mce-content-body .mce-resize-backdrop {
   z-index: 10000;
 }
+
 .mce-content-body .mce-clonedresizable {
   cursor: default;
   opacity: 0.5;
@@ -350,10 +414,12 @@ pre[class*="language-"] {
   position: absolute;
   z-index: 10001;
 }
+
 .mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
 .mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
   border: 0;
 }
+
 .mce-content-body .mce-resize-helper {
   background: #555;
   background: rgba(0, 0, 0, 0.75);
@@ -370,9 +436,11 @@ pre[class*="language-"] {
   white-space: nowrap;
   z-index: 10002;
 }
+
 .tox-rtc-user-selection {
   position: relative;
 }
+
 .tox-rtc-user-cursor {
   bottom: 0;
   cursor: default;
@@ -380,6 +448,7 @@ pre[class*="language-"] {
   top: 0;
   width: 2px;
 }
+
 .tox-rtc-user-cursor::before {
   background-color: inherit;
   border-radius: 50%;
@@ -391,6 +460,7 @@ pre[class*="language-"] {
   top: -3px;
   width: 8px;
 }
+
 .tox-rtc-user-cursor:hover::after {
   background-color: inherit;
   border-radius: 100px;
@@ -409,52 +479,66 @@ pre[class*="language-"] {
   white-space: nowrap;
   z-index: 1000;
 }
+
 .tox-rtc-user-selection--1 .tox-rtc-user-cursor {
   background-color: #2dc26b;
 }
+
 .tox-rtc-user-selection--2 .tox-rtc-user-cursor {
   background-color: #e03e2d;
 }
+
 .tox-rtc-user-selection--3 .tox-rtc-user-cursor {
   background-color: #f1c40f;
 }
+
 .tox-rtc-user-selection--4 .tox-rtc-user-cursor {
   background-color: #3598db;
 }
+
 .tox-rtc-user-selection--5 .tox-rtc-user-cursor {
   background-color: #b96ad9;
 }
+
 .tox-rtc-user-selection--6 .tox-rtc-user-cursor {
   background-color: #e67e23;
 }
+
 .tox-rtc-user-selection--7 .tox-rtc-user-cursor {
   background-color: #aaa69d;
 }
+
 .tox-rtc-user-selection--8 .tox-rtc-user-cursor {
   background-color: #f368e0;
 }
+
 .tox-rtc-remote-image {
   background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
   border: 1px solid #ccc;
   min-height: 240px;
   min-width: 320px;
 }
+
 .mce-match-marker {
   background: #aaa;
   color: #fff;
 }
+
 .mce-match-marker-selected {
   background: #39f;
   color: #fff;
 }
+
 .mce-match-marker-selected::-moz-selection {
   background: #39f;
   color: #fff;
 }
+
 .mce-match-marker-selected::selection {
   background: #39f;
   color: #fff;
 }
+
 .mce-content-body img[data-mce-selected],
 .mce-content-body video[data-mce-selected],
 .mce-content-body audio[data-mce-selected],
@@ -463,51 +547,63 @@ pre[class*="language-"] {
 .mce-content-body table[data-mce-selected] {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body hr[data-mce-selected] {
   outline: 3px solid #b4d7ff;
   outline-offset: 1px;
 }
+
 .mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body *[contentEditable=false][data-mce-selected] {
   cursor: not-allowed;
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
 .mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
   outline: none;
 }
+
 .mce-content-body *[data-mce-selected="inline-boundary"] {
   background-color: #b4d7ff;
 }
+
 .mce-content-body .mce-edit-focus {
   outline: 3px solid #b4d7ff;
 }
+
 .mce-content-body td[data-mce-selected],
 .mce-content-body th[data-mce-selected] {
   position: relative;
 }
+
 .mce-content-body td[data-mce-selected]::-moz-selection,
 .mce-content-body th[data-mce-selected]::-moz-selection {
   background: none;
 }
+
 .mce-content-body td[data-mce-selected]::selection,
 .mce-content-body th[data-mce-selected]::selection {
   background: none;
 }
+
 .mce-content-body td[data-mce-selected] *,
 .mce-content-body th[data-mce-selected] * {
   outline: none;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
+
 .mce-content-body td[data-mce-selected]::after,
 .mce-content-body th[data-mce-selected]::after {
   background-color: rgba(180, 215, 255, 0.7);
@@ -520,18 +616,22 @@ pre[class*="language-"] {
   right: -1px;
   top: -1px;
 }
+
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .mce-content-body td[data-mce-selected]::after,
   .mce-content-body th[data-mce-selected]::after {
     border-color: rgba(0, 84, 180, 0.7);
   }
 }
+
 .mce-content-body img::-moz-selection {
   background: none;
 }
+
 .mce-content-body img::selection {
   background: none;
 }
+
 .ephox-snooker-resizer-bar {
   background-color: #b4d7ff;
   opacity: 0;
@@ -540,15 +640,19 @@ pre[class*="language-"] {
   -ms-user-select: none;
   user-select: none;
 }
+
 .ephox-snooker-resizer-cols {
   cursor: col-resize;
 }
+
 .ephox-snooker-resizer-rows {
   cursor: row-resize;
 }
+
 .ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
   opacity: 1;
 }
+
 .mce-spellchecker-word {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
   background-position: 0 calc(100% + 1px);
@@ -557,6 +661,7 @@ pre[class*="language-"] {
   cursor: default;
   height: 2rem;
 }
+
 .mce-spellchecker-grammar {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
   background-position: 0 calc(100% + 1px);
@@ -564,15 +669,19 @@ pre[class*="language-"] {
   background-size: auto 6px;
   cursor: default;
 }
+
 .mce-toc {
   border: 1px solid gray;
 }
+
 .mce-toc h2 {
   margin: 4px;
 }
+
 .mce-toc li {
   list-style-type: none;
 }
+
 table[style*="border-width: 0px"],
 .mce-item-table:not([border]),
 .mce-item-table[border="0"],
@@ -587,6 +696,7 @@ table[style*="border-width: 0px"] caption,
 .mce-item-table[border="0"] caption {
   border: 1px dashed #bbb;
 }
+
 .mce-visualblocks p,
 .mce-visualblocks h1,
 .mce-visualblocks h2,
@@ -612,66 +722,87 @@ table[style*="border-width: 0px"] caption,
   margin-left: 3px;
   padding-top: 10px;
 }
+
 .mce-visualblocks p {
   background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
 }
+
 .mce-visualblocks h1 {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
 }
+
 .mce-visualblocks h2 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
 }
+
 .mce-visualblocks h3 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
 }
+
 .mce-visualblocks h4 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
 }
+
 .mce-visualblocks h5 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
 }
+
 .mce-visualblocks h6 {
   background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
 }
+
 .mce-visualblocks div:not([data-mce-bogus]) {
   background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
 }
+
 .mce-visualblocks section {
   background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
 }
+
 .mce-visualblocks article {
   background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
 }
+
 .mce-visualblocks blockquote {
   background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
 }
+
 .mce-visualblocks address {
   background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
 }
+
 .mce-visualblocks pre {
   background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
 }
+
 .mce-visualblocks figure {
   background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
 }
+
 .mce-visualblocks figcaption {
   border: 1px dashed #bbb;
 }
+
 .mce-visualblocks hgroup {
   background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
 }
+
 .mce-visualblocks aside {
   background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
 }
+
 .mce-visualblocks ul {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
 }
+
 .mce-visualblocks ol {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
 }
+
 .mce-visualblocks dl {
   background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
 }
+
 .mce-visualblocks:not([dir=rtl]) p,
 .mce-visualblocks:not([dir=rtl]) h1,
 .mce-visualblocks:not([dir=rtl]) h2,
@@ -694,6 +825,7 @@ table[style*="border-width: 0px"] caption,
 .mce-visualblocks:not([dir=rtl]) dl {
   margin-left: 3px;
 }
+
 .mce-visualblocks[dir=rtl] p,
 .mce-visualblocks[dir=rtl] h1,
 .mce-visualblocks[dir=rtl] h2,
@@ -717,10 +849,12 @@ table[style*="border-width: 0px"] caption,
   background-position-x: right;
   margin-right: 3px;
 }
+
 .mce-nbsp,
 .mce-shy {
   background: #aaa;
 }
+
 .mce-shy::after {
   content: '-';
 }

frontend/public/tinymce/skins/ui/oxide/content.mobile.css

@@ -11,19 +11,24 @@
   opacity: 0.5;
   position: absolute;
 }
+
 body {
   -webkit-text-size-adjust: none;
 }
+
 body img {
   /* this is related to the content margin */
   max-width: 96vw;
 }
+
 body table img {
   max-width: 95%;
 }
+
 body {
   font-family: sans-serif;
 }
+
 table {
   border-collapse: collapse;
 }

frontend/public/tinymce/skins/ui/oxide/skin.mobile.css

@@ -9,6 +9,7 @@
   all: initial;
   display: block;
 }
+
 .tinymce-mobile-outer-container * {
   border: 0;
   box-sizing: initial;
@@ -23,97 +24,127 @@
   text-shadow: none;
   white-space: nowrap;
 }
+
 .tinymce-mobile-icon-arrow-back::before {
   content: "\e5cd";
 }
+
 .tinymce-mobile-icon-image::before {
   content: "\e412";
 }
+
 .tinymce-mobile-icon-cancel-circle::before {
   content: "\e5c9";
 }
+
 .tinymce-mobile-icon-full-dot::before {
   content: "\e061";
 }
+
 .tinymce-mobile-icon-align-center::before {
   content: "\e234";
 }
+
 .tinymce-mobile-icon-align-left::before {
   content: "\e236";
 }
+
 .tinymce-mobile-icon-align-right::before {
   content: "\e237";
 }
+
 .tinymce-mobile-icon-bold::before {
   content: "\e238";
 }
+
 .tinymce-mobile-icon-italic::before {
   content: "\e23f";
 }
+
 .tinymce-mobile-icon-unordered-list::before {
   content: "\e241";
 }
+
 .tinymce-mobile-icon-ordered-list::before {
   content: "\e242";
 }
+
 .tinymce-mobile-icon-font-size::before {
   content: "\e245";
 }
+
 .tinymce-mobile-icon-underline::before {
   content: "\e249";
 }
+
 .tinymce-mobile-icon-link::before {
   content: "\e157";
 }
+
 .tinymce-mobile-icon-unlink::before {
   content: "\eca2";
 }
+
 .tinymce-mobile-icon-color::before {
   content: "\e891";
 }
+
 .tinymce-mobile-icon-previous::before {
   content: "\e314";
 }
+
 .tinymce-mobile-icon-next::before {
   content: "\e315";
 }
+
 .tinymce-mobile-icon-large-font::before,
 .tinymce-mobile-icon-style-formats::before {
   content: "\e264";
 }
+
 .tinymce-mobile-icon-undo::before {
   content: "\e166";
 }
+
 .tinymce-mobile-icon-redo::before {
   content: "\e15a";
 }
+
 .tinymce-mobile-icon-removeformat::before {
   content: "\e239";
 }
+
 .tinymce-mobile-icon-small-font::before {
   content: "\e906";
 }
+
 .tinymce-mobile-icon-readonly-back::before,
 .tinymce-mobile-format-matches::after {
   content: "\e5ca";
 }
+
 .tinymce-mobile-icon-small-heading::before {
   content: "small";
 }
+
 .tinymce-mobile-icon-large-heading::before {
   content: "large";
 }
+
 .tinymce-mobile-icon-small-heading::before,
 .tinymce-mobile-icon-large-heading::before {
   font-family: sans-serif;
   font-size: 80%;
 }
+
 .tinymce-mobile-mask-edit-icon::before {
   content: "\e254";
 }
+
 .tinymce-mobile-icon-back::before {
   content: "\e5c4";
 }
+
 .tinymce-mobile-icon-heading::before {
   /* TODO: Translate */
   content: "Headings";
@@ -121,18 +152,22 @@
   font-size: 80%;
   font-weight: bold;
 }
+
 .tinymce-mobile-icon-h1::before {
   content: "H1";
   font-weight: bold;
 }
+
 .tinymce-mobile-icon-h2::before {
   content: "H2";
   font-weight: bold;
 }
+
 .tinymce-mobile-icon-h3::before {
   content: "H3";
   font-weight: bold;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {
   align-items: center;
   display: flex;
@@ -143,6 +178,7 @@
   top: 0;
   width: 100%;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container {
   align-items: center;
   border-radius: 50%;
@@ -152,6 +188,7 @@
   font-size: 1em;
   justify-content: space-between;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item {
   align-items: center;
   display: flex;
@@ -160,6 +197,7 @@
   height: 2.1em;
   width: 2.1em;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
   align-items: center;
   display: flex;
@@ -167,11 +205,13 @@
   flex-direction: column;
   font-size: 1em;
 }
-@media only screen and (min-device-width:700px) {
+
+@media only screen and (min-device-width: 700px) {
   .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
     font-size: 1.2em;
   }
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon {
   align-items: center;
   display: flex;
@@ -182,13 +222,16 @@
   background-color: white;
   color: #207ab7;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before {
   content: "\e900";
   font-family: 'tinymce-mobile', sans-serif;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon {
   z-index: 2;
 }
+
 .tinymce-mobile-android-container.tinymce-mobile-android-maximized {
   background: #ffffff;
   border: none;
@@ -200,30 +243,37 @@
   right: 0;
   top: 0;
 }
+
 .tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) {
   position: relative;
 }
+
 .tinymce-mobile-android-container .tinymce-mobile-editor-socket {
   display: flex;
   flex-grow: 1;
 }
+
 .tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {
   display: flex !important;
   flex-grow: 1;
   height: auto !important;
 }
+
 .tinymce-mobile-android-scroll-reload {
   overflow: hidden;
 }
+
 :not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar {
   margin-top: 23px;
 }
+
 .tinymce-mobile-toolstrip {
   background: #fff;
   display: flex;
   flex: 0 0 auto;
   z-index: 1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar {
   align-items: center;
   background-color: #fff;
@@ -234,28 +284,34 @@
   width: 100%;
   /* Make it no larger than the toolstrip, so that it needs to scroll */
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group {
   align-items: center;
   display: flex;
   height: 100%;
   flex-shrink: 1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div {
   align-items: center;
   display: flex;
   height: 100%;
   flex: 1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container {
   background: #f44336;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group {
   flex-grow: 1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
   padding-left: 0.5em;
   padding-right: 0.5em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button {
   align-items: center;
   display: flex;
@@ -263,18 +319,22 @@
   margin-left: 2px;
   margin-right: 2px;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected {
   background: #c8cbcf;
   color: #cccccc;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {
   background: #207ab7;
   color: #eceff1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar {
   /* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group {
   align-items: center;
   display: flex;
@@ -285,6 +345,7 @@
   /* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */
   /* For widgets like the colour picker, use the whole height */
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog {
   display: flex;
   min-height: 1.5em;
@@ -294,29 +355,34 @@
   position: relative;
   width: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain {
   display: flex;
   height: 100%;
   transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s;
   width: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen {
   display: flex;
   flex: 0 0 auto;
   justify-content: space-between;
   width: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input {
   font-family: Sans-serif;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container {
   display: flex;
   flex-grow: 1;
   position: relative;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x {
   -ms-grid-row-align: center;
-      align-self: center;
+  align-self: center;
   background: inherit;
   border: none;
   border-radius: 50%;
@@ -328,14 +394,17 @@
   position: absolute;
   right: 0;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x {
   display: none;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next {
   align-items: center;
   display: flex;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before {
   align-items: center;
@@ -345,10 +414,12 @@
   padding-left: 0.5em;
   padding-right: 0.5em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before {
   visibility: hidden;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item {
   color: #cccccc;
   font-size: 10px;
@@ -356,19 +427,23 @@
   margin: 0 2px;
   padding-top: 3px;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active {
   color: #c8cbcf;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before {
   margin-left: 0.5em;
   margin-right: 0.9em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before {
   margin-left: 0.9em;
   margin-right: 0.5em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider {
   display: flex;
   flex: 1;
@@ -377,12 +452,14 @@
   padding: 0.28em 0;
   position: relative;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container {
   align-items: center;
   display: flex;
   flex-grow: 1;
   height: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line {
   background: #cccccc;
   display: flex;
@@ -391,16 +468,19 @@
   margin-bottom: 0.3em;
   margin-top: 0.3em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container {
   padding-left: 2em;
   padding-right: 2em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container {
   align-items: center;
   display: flex;
   flex-grow: 1;
   height: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient {
   background: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%);
   display: flex;
@@ -409,6 +489,7 @@
   margin-bottom: 0.3em;
   margin-top: 0.3em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black {
   /* Not part of theming */
   background: black;
@@ -417,6 +498,7 @@
   margin-top: 0.3em;
   width: 1.2em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white {
   /* Not part of theming */
   background: white;
@@ -425,6 +507,7 @@
   margin-top: 0.3em;
   width: 1.2em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb {
   /* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave
      * out these values, then it shows the thumb at the top of the spectrum. This is probably because it is
@@ -448,9 +531,11 @@
   transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1);
   width: 0.5em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active {
   border: 0.5em solid rgba(136, 136, 136, 0.39);
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div {
   align-items: center;
@@ -458,20 +543,25 @@
   height: 100%;
   flex: 1;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper {
   flex-direction: column;
   justify-content: center;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
   align-items: center;
   display: flex;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) {
   height: 100%;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container {
   display: flex;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input {
   background: #ffffff;
   border: none;
@@ -483,14 +573,17 @@
   padding-left: 5px;
   padding-top: 0.1em;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder {
   /* WebKit, Blink, Edge */
   color: #888;
 }
+
 .tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder {
   /* WebKit, Blink, Edge */
   color: #888;
 }
+
 /* dropup */
 .tinymce-mobile-dropup {
   background: white;
@@ -498,32 +591,40 @@
   overflow: hidden;
   width: 100%;
 }
+
 .tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking {
   transition: height 0.3s ease-out;
 }
+
 .tinymce-mobile-dropup.tinymce-mobile-dropup-growing {
   transition: height 0.3s ease-in;
 }
+
 .tinymce-mobile-dropup.tinymce-mobile-dropup-closed {
   flex-grow: 0;
 }
+
 .tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) {
   flex-grow: 1;
 }
+
 /* TODO min-height for device size and orientation */
 .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
   min-height: 200px;
 }
+
 @media only screen and (orientation: landscape) {
   .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
     min-height: 200px;
   }
 }
-@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
   .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
     min-height: 150px;
   }
 }
+
 /* styles menu */
 .tinymce-mobile-styles-menu {
   font-family: sans-serif;
@@ -532,6 +633,7 @@
   position: relative;
   width: 100%;
 }
+
 .tinymce-mobile-styles-menu [role="menu"] {
   display: flex;
   flex-direction: column;
@@ -539,9 +641,11 @@
   position: absolute;
   width: 100%;
 }
+
 .tinymce-mobile-styles-menu [role="menu"].transitioning {
   transition: transform 0.5s ease-in-out;
 }
+
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-item {
   border-bottom: 1px solid #ddd;
   color: #455a64;
@@ -550,11 +654,13 @@
   padding: 1em 1em;
   position: relative;
 }
+
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before {
   color: #455a64;
   content: "\e314";
   font-family: 'tinymce-mobile', sans-serif;
 }
+
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after {
   color: #455a64;
   content: "\e315";
@@ -564,6 +670,7 @@
   position: absolute;
   right: 0;
 }
+
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after {
   font-family: 'tinymce-mobile', sans-serif;
   padding-left: 1em;
@@ -571,6 +678,7 @@
   position: absolute;
   right: 0;
 }
+
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-separator,
 .tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser {
   align-items: center;
@@ -582,53 +690,64 @@
   padding-left: 1em;
   padding-right: 1em;
 }
+
 .tinymce-mobile-styles-menu [data-transitioning-destination="before"][data-transitioning-state],
 .tinymce-mobile-styles-menu [data-transitioning-state="before"] {
   transform: translate(-100%);
 }
+
 .tinymce-mobile-styles-menu [data-transitioning-destination="current"][data-transitioning-state],
 .tinymce-mobile-styles-menu [data-transitioning-state="current"] {
   transform: translate(0%);
 }
+
 .tinymce-mobile-styles-menu [data-transitioning-destination="after"][data-transitioning-state],
 .tinymce-mobile-styles-menu [data-transitioning-state="after"] {
   transform: translate(100%);
 }
+
 @font-face {
   font-family: 'tinymce-mobile';
   font-style: normal;
   font-weight: normal;
   src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff');
 }
+
 @media (min-device-width: 700px) {
   .tinymce-mobile-outer-container,
   .tinymce-mobile-outer-container input {
     font-size: 25px;
   }
 }
+
 @media (max-device-width: 700px) {
   .tinymce-mobile-outer-container,
   .tinymce-mobile-outer-container input {
     font-size: 18px;
   }
 }
+
 .tinymce-mobile-icon {
   font-family: 'tinymce-mobile', sans-serif;
 }
+
 .mixin-flex-and-centre {
   align-items: center;
   display: flex;
   justify-content: center;
 }
+
 .mixin-flex-bar {
   align-items: center;
   display: flex;
   height: 100%;
 }
+
 .tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe {
   background-color: #fff;
   width: 100%;
 }
+
 .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
   /* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */
   background-color: #207ab7;
@@ -644,21 +763,26 @@
   display: flex;
   justify-content: center;
 }
-@media only screen and (min-device-width:700px) {
+
+@media only screen and (min-device-width: 700px) {
   .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
     font-size: 1.2em;
   }
 }
+
 .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {
   height: 300px;
   overflow: hidden;
 }
+
 .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe {
   height: 100%;
 }
+
 .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip {
   display: none;
 }
+
 /*
   Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets
   increased and the whole body becomes scrollable. It's important!
@@ -666,7 +790,8 @@
 input[type="file"]::-webkit-file-upload-button {
   display: none;
 }
-@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
   .tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
     bottom: 50%;
   }

frontend/public/tinymce/skins/ui/oxide/skin.shadowdom.css

@@ -7,6 +7,7 @@
 body.tox-dialog__disable-scroll {
   overflow: hidden;
 }
+
 .tox-fullscreen {
   border: 0;
   height: 100%;
@@ -14,23 +15,27 @@ body.tox-dialog__disable-scroll {
   margin: 0;
   overflow: hidden;
   -ms-scroll-chaining: none;
-      overscroll-behavior: none;
+  overscroll-behavior: none;
   padding: 0;
   position: fixed;
   top: 0;
   touch-action: pinch-zoom;
   width: 100%;
 }
+
 .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
   display: none;
 }
+
 .tox.tox-tinymce.tox-fullscreen {
   background-color: transparent;
   z-index: 1200;
 }
+
 .tox-shadowhost.tox-fullscreen {
   z-index: 1200;
 }
+
 .tox-fullscreen .tox.tox-tinymce-aux,
 .tox-fullscreen ~ .tox.tox-tinymce-aux {
   z-index: 1201;

frontend/src/components/canvas/styles/animate.css

@@ -1901,43 +1901,35 @@
 
 @-webkit-keyframes flip {
   from {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, -360deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
     transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
   }
 
   40% {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
-      rotate3d(0, 1, 0, -190deg);
-    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
-      rotate3d(0, 1, 0, -190deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
   }
 
   50% {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
-      rotate3d(0, 1, 0, -170deg);
-    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
-      rotate3d(0, 1, 0, -170deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }
 
   80% {
-    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, 0deg);
-    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, 0deg);
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }
 
   to {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, 0deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
     transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
@@ -1946,43 +1938,35 @@
 
 @keyframes flip {
   from {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, -360deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
     transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
   }
 
   40% {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
-      rotate3d(0, 1, 0, -190deg);
-    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
-      rotate3d(0, 1, 0, -190deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
   }
 
   50% {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
-      rotate3d(0, 1, 0, -170deg);
-    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
-      rotate3d(0, 1, 0, -170deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }
 
   80% {
-    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, 0deg);
-    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, 0deg);
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }
 
   to {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, 0deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
     transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
@@ -3611,4 +3595,4 @@
 .animated.slower {
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
-}
+}

frontend/src/components/canvas/styles/reset.css

@@ -21,26 +21,32 @@ address,
 aside,
 pre,
 canvas {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
 }
+
 body {
-    overflow: hidden;
+  overflow: hidden;
 }
+
 li {
-    list-style: none;
+  list-style: none;
 }
+
 #app {
-    /*overflow: hidden;*/
+  /*overflow: hidden;*/
 }
+
 .el-tabs {
-    height: 100%;
+  height: 100%;
 }
+
 .el-tabs__content {
-    height: calc(100% - 55px);
-    overflow: auto;
+  height: calc(100% - 55px);
+  overflow: auto;
 }
+
 .el-tabs__nav-scroll {
-    padding-left: 20px;
+  padding-left: 20px;
 }

frontend/src/styles/deicon/demo.css

@@ -3,9 +3,9 @@
   font-family: "iconfont logo";
   src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
   src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+  url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+  url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+  url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
 }
 
 .logo {
@@ -215,35 +215,35 @@
   margin: 1em 0;
 }
 
-.markdown>p,
-.markdown>blockquote,
-.markdown>.highlight,
-.markdown>ol,
-.markdown>ul {
+.markdown > p,
+.markdown > blockquote,
+.markdown > .highlight,
+.markdown > ol,
+.markdown > ul {
   width: 80%;
 }
 
-.markdown ul>li {
+.markdown ul > li {
   list-style: circle;
 }
 
-.markdown>ul li,
-.markdown blockquote ul>li {
+.markdown > ul li,
+.markdown blockquote ul > li {
   margin-left: 20px;
   padding-left: 4px;
 }
 
-.markdown>ul li p,
-.markdown>ol li p {
+.markdown > ul li p,
+.markdown > ol li p {
   margin: 0.6em 0;
 }
 
-.markdown ol>li {
+.markdown ol > li {
   list-style: decimal;
 }
 
-.markdown>ol li,
-.markdown blockquote ol>li {
+.markdown > ol li,
+.markdown blockquote ol > li {
   margin-left: 20px;
   padding-left: 4px;
 }
@@ -260,7 +260,7 @@
   font-weight: 600;
 }
 
-.markdown>table {
+.markdown > table {
   border-collapse: collapse;
   border-spacing: 0px;
   empty-cells: show;
@@ -269,20 +269,20 @@
   margin-bottom: 24px;
 }
 
-.markdown>table th {
+.markdown > table th {
   white-space: nowrap;
   color: #333;
   font-weight: 600;
 }
 
-.markdown>table th,
-.markdown>table td {
+.markdown > table th,
+.markdown > table td {
   border: 1px solid #e9e9e9;
   padding: 8px 16px;
   text-align: left;
 }
 
-.markdown>table th {
+.markdown > table th {
   background: #F7F7F7;
 }
 
@@ -318,8 +318,8 @@
   display: inline-block;
 }
 
-.markdown>br,
-.markdown>p>br {
+.markdown > br,
+.markdown > p > br {
   clear: both;
 }
 
@@ -453,13 +453,13 @@ pre[class*="language-"] {
   overflow: auto;
 }
 
-:not(pre)>code[class*="language-"],
+:not(pre) > code[class*="language-"],
 pre[class*="language-"] {
   background: #f5f2f0;
 }
 
 /* Inline code */
-:not(pre)>code[class*="language-"] {
+:not(pre) > code[class*="language-"] {
   padding: .1em;
   border-radius: .3em;
   white-space: normal;

frontend/src/styles/deicon/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2459092 */
   src: url('iconfont.woff2?t=1627282547459') format('woff2'),
-       url('iconfont.woff?t=1627282547459') format('woff'),
-       url('iconfont.ttf?t=1627282547459') format('truetype');
+  url('iconfont.woff?t=1627282547459') format('woff'),
+  url('iconfont.ttf?t=1627282547459') format('truetype');
 }
 
 .iconfont {

frontend/src/styles/index.scss

@@ -7,7 +7,8 @@
 @import './topbar.scss';
 @import "~fit2cloud-ui/src/styles/index.scss";
 @import './vdrr/common-temp.scss';
-@import '~umy-ui/lib/theme-chalk/index.css';// 引入样式
+@import '~umy-ui/lib/theme-chalk/index.css';
+// 引入样式
 @import './deicon/iconfont.css';
 // @import '../metersphere/common/css/index.css';
 
@@ -75,11 +76,12 @@ div:focus {
 .de-dialog {
   width: 30% !important;
 
-  .el-dialog__header{
+  .el-dialog__header {
     background-color: #f4f4f5;
     padding: 10px 20px !important;
   }
-  .el-dialog__body{
+
+  .el-dialog__body {
     padding: 1px 20px !important;
   }
 }
@@ -88,7 +90,7 @@ div:focus {
   min-width: 500px !important;
   width: 50% !important;
 
-  .el-dialog__header{
+  .el-dialog__header {
     // background-color: #f4f4f5;
     padding: 10px 20px !important;
 
@@ -96,7 +98,8 @@ div:focus {
       top: 15px !important;
     }
   }
-  .el-dialog__body{
+
+  .el-dialog__body {
     padding: 1px 15px !important;
   }
 }
@@ -104,7 +107,7 @@ div:focus {
 .de-style-dialog {
   width: 600px !important;
 
-  .el-dialog__header{
+  .el-dialog__header {
     // background-color: #f4f4f5;
     padding: 10px 20px !important;
 
@@ -112,45 +115,51 @@ div:focus {
       top: 15px !important;
     }
   }
-  .el-dialog__body{
+
+  .el-dialog__body {
     padding: 1px 15px !important;
   }
 }
 
 .preview-dialog {
-  padding: 0px!important;
-  .el-dialog--center{
-    padding: 0px!important;
+  padding: 0px !important;
+
+  .el-dialog--center {
+    padding: 0px !important;
   }
 
-  .el-dialog__header{
-    display:none!important;
+  .el-dialog__header {
+    display: none !important;
   }
-  .el-dialog__body{
-    padding: 0px!important;
-    height: 100vh!important;
+
+  .el-dialog__body {
+    padding: 0px !important;
+    height: 100vh !important;
   }
 }
 
 .de-search-header {
-  .el-tabs__header{
+  .el-tabs__header {
     display: none !important;;
   }
 }
 
-.de-input{
+.de-input {
   margin-bottom: 14px;
   margin-top: 10px;
-  .el-input{
+
+  .el-input {
     .el-input__inner {
       line-height: 30px !important;
       height: 30px !important;
       border-right: none;
     }
   }
-  .el-input__inner:focus{
+
+  .el-input__inner:focus {
     border-color: #E6E6E6 !important;
   }
+
   .el-input-group__append {
     background-color: #ffffff;
   }
@@ -158,6 +167,7 @@ div:focus {
 
 .filter-card-class {
   width: 100%;
+
   .el-card__header {
     padding: 5px 0 !important;
     border-bottom: none !important;
@@ -176,12 +186,13 @@ div:focus {
 }
 
 .de-filter-data-table {
-  .el-table__body-wrapper >table>{
+  .el-table__body-wrapper > table > {
     tbody {
       .el-table__row {
         :hover {
           cursor: pointer;
         }
+
         td {
           border: none !important;
         }
@@ -189,26 +200,31 @@ div:focus {
     }
   }
 }
+
 .de-msg-data-table {
-  .el-table__body-wrapper >table>{
+  .el-table__body-wrapper > table > {
     tbody {
       .el-table__row {
         :hover {
           cursor: pointer;
         }
       }
+
       td {
         padding: 3px 0 !important;
       }
     }
   }
 }
+
 .de-filter-data-table::before {
   height: 0px !important;
 }
+
 .de-msg-data-table::before {
   height: 0px !important;
 }
+
 .custom-component-class {
   width: 100%;
 
@@ -221,80 +237,92 @@ div:focus {
   }
 }
 
-%field-icon{
+%field-icon {
   font-size: 13px;
   margin: 0 2px 0 0;
 }
-.field-icon-text{
+
+.field-icon-text {
   @extend %field-icon;
   color: #688fd8;
 }
-.field-icon-time{
+
+.field-icon-time {
   @extend %field-icon;
   color: #faaa39;
 }
-.field-icon-value{
+
+.field-icon-value {
   @extend %field-icon;
   color: #37b4aa;
 }
-.field-icon-location{
+
+.field-icon-location {
   @extend %field-icon;
   color: #F56C6C;
 }
-.field-icon-sort{
+
+.field-icon-sort {
   font-size: 10px;
   @extend %field-icon;
   color: #999999;
   margin: 0 2px 1px 0;
 }
-.ds-icon-scene{
+
+.ds-icon-scene {
   width: 13px;
   height: 13px;
   margin-right: 5px;
   color: #0a7be0;
 }
-.ds-icon-db{
+
+.ds-icon-db {
   width: 14px;
   height: 14px;
   color: #3685f2;
   margin: 0 2px 0 0;
 }
-.ds-icon-sql{
+
+.ds-icon-sql {
   width: 14px;
   height: 14px;
   color: #faaa39;
   margin: 0 2px 0 0;
 }
-.ds-icon-excel{
+
+.ds-icon-excel {
   width: 14px;
   height: 14px;
   color: #13cd66;
   margin: 0 2px 0 0;
 }
-.ds-icon-custom{
+
+.ds-icon-custom {
   width: 14px;
   height: 14px;
   color: #23beef;
   margin: 0 2px 0 0;
 }
-.showRightPanel{
-  .el-popper{
-    position: fixed!important;
+
+.showRightPanel {
+  .el-popper {
+    position: fixed !important;
   }
 }
-.login-logo-icon{
+
+.login-logo-icon {
   width: auto;
   height: 60px;
 }
 
-.top-nav-logo-icon{
+.top-nav-logo-icon {
   width: 140px;
   height: 45px;
   padding-top: 10px;
 }
 
 .m-colorPicker .box {
-  bottom:20px;
+  bottom: 20px;
 }
 
 
@@ -308,6 +336,7 @@ div:focus {
   background: #d7d9e3;
   border-radius: 4px;
 }
+
 ::-webkit-scrollbar {
   width: 5px;
   height: 5px;

frontend/src/styles/sidebar.scss

@@ -8,9 +8,11 @@
     margin-top: $topBarHeight;
     position: relative;
   }
+
   .sidebarHide {
-    margin-left: 0!important;
+    margin-left: 0 !important;
   }
+
   .sidebar-container {
     transition: width 0.28s;
     // width: $sideBarWidth !important;
@@ -84,11 +86,11 @@
       }
     }
 
-    .is-active>.el-submenu__title {
+    .is-active > .el-submenu__title {
       color: $menuActiveText !important;
     }
 
-    & .nest-menu .el-submenu>.el-submenu__title,
+    & .nest-menu .el-submenu > .el-submenu__title,
     & .el-submenu .el-menu-item {
       min-width: $sideBarWidth !important;
       background-color: $subMenuBg !important;
@@ -124,7 +126,7 @@
     .el-submenu {
       overflow: hidden;
 
-      &>.el-submenu__title {
+      & > .el-submenu__title {
         padding: 0 !important;
 
         .svg-icon {
@@ -139,8 +141,8 @@
 
     .el-menu--collapse {
       .el-submenu {
-        &>.el-submenu__title {
-          &>span {
+        & > .el-submenu__title {
+          & > span {
             height: 0;
             width: 0;
             overflow: hidden;
@@ -187,13 +189,13 @@
 
 // when menu collapsed
 .el-menu--vertical {
-  &>.el-menu {
+  & > .el-menu {
     .svg-icon {
       margin-right: 16px;
     }
   }
 
-  .nest-menu .el-submenu>.el-submenu__title,
+  .nest-menu .el-submenu > .el-submenu__title,
   .el-menu-item {
     &:hover {
       // you can use $subMenuHover
@@ -202,7 +204,7 @@
   }
 
   // the scroll bar appears when the subMenu is too long
-  >.el-menu--popup {
+  > .el-menu--popup {
     max-height: 100vh;
     overflow-y: auto;
 

frontend/src/styles/topbar.scss

@@ -17,34 +17,40 @@
     font-size: 24px;
     font-weight: bold;
     // color: rgb(191, 203, 217);
-    color: rgba(255,255,255,0.87);
+    color: rgba(255, 255, 255, 0.87);
     float: left;
-    img{
+
+    img {
       width: auto;
       max-height: 45px;
     }
   }
+
   .el-menu {
     float: left;
-    border: none!important;
+    border: none !important;
     // background-color: #304156;
     //   background-color: $--color-primary;
 
     .nav-item {
       display: inline-block;
+
       .el-menu-item:not(.is-active) {
         // color: rgb(191, 203, 217);
         color: $menuText;
+
         &:hover {
           background-color: $menuHover !important;
           // color: $subMenuActiveText !important;
         }
+
         &:focus {
           background-color: $subMenuHover !important;
           color: $subMenuActiveText !important;
         }
 
       }
+
       .is-active {
         background-color: $subMenuHover !important;
         color: $subMenuActiveText !important;
@@ -85,19 +91,23 @@
 
     .avatar-container {
       margin-right: 30px;
+
       .avatar-wrapper {
         margin-top: 5px;
         position: relative;
+
         .user-avatar {
           cursor: pointer;
           width: 40px;
           height: 40px;
           border-radius: 10px;
         }
+
         .de-user-avatar {
           cursor: pointer;
           height: 40px;
           border-radius: 10px;
+
           span {
             color: #ffffff;
           }

frontend/src/styles/variables.scss

@@ -26,20 +26,20 @@ $--font-path: "~element-ui/lib/theme-chalk/fonts";
 @import "~fit2cloud-ui/src/styles/common/variables";
 
 // sidebar
-$menuText:#1e212a;
-$menuActiveText:#0a7be0;
-$topMenuActiveText:#f4f4f5;
-$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
+$menuText: #1e212a;
+$menuActiveText: #0a7be0;
+$topMenuActiveText: #f4f4f5;
+$subMenuActiveText: #f4f4f5; //https://github.com/ElemeFE/element/issues/12951
 
 // $menuBg:#304156;
-$menuBg:#ffffff;
+$menuBg: #ffffff;
 // $menuHover:#263445;
 $menuHover: rgba(158, 158, 158, 0.2);
 
-$subMenuBg:#ffffff;
+$subMenuBg: #ffffff;
 // $subMenuHover:#001528;
-$subMenuHover:#0a7be0;
-$colorBg:rgba(10,123,224,.1);
+$subMenuHover: #0a7be0;
+$colorBg: rgba(10, 123, 224, .1);
 
 $sideBarWidth: 210px;
 $topBarHeight: 56px;