canrd-outside / order-erp-front · Commits

Commit 39d629a0294ddee8d1234ce8af5d055263a5793c

Authored by Vben
1 parent 37f6660c

refactor(tinymce): changed to npm introduction,fix #435,fix 434

Inline Side-by-side
Showing 40 changed files with 12469 additions and 125 deletions
.stylelintignore
  View file @39d629a
1 1 /dist/*
2 2 /public/*
  3 +public/*
... ...
CHANGELOG.zh_CN.md
  View file @39d629a
... ... @@ -8,10 +8,12 @@
8 8 ### ✨ Refactor
9 9  
10 10 - 移除 useFullScreen 函数
  11 +- tinymce 由 Cdn 改为 npm(打包体积偏大)
11 12  
12 13 ### 🐛 Bug Fixes
13 14  
14 15 - 确保面包屑正确的显示图标
  16 +- 修复 tinymce 上传按钮全屏模式下消失问题
15 17  
16 18 ## 2.1.1 (2021-03-26)
17 19  
... ...
package.json
  View file @39d629a
... ... @@ -46,6 +46,7 @@
46 46 "print-js": "^1.6.0",
47 47 "qrcode": "^1.4.4",
48 48 "sortablejs": "^1.13.0",
  49 + "tinymce": "^5.7.1",
49 50 "vditor": "^3.8.4",
50 51 "vue": "3.0.7",
51 52 "vue-i18n": "^9.0.0",
... ... @@ -84,7 +85,7 @@
84 85 "dotenv": "^8.2.0",
85 86 "eslint": "^7.23.0",
86 87 "eslint-config-prettier": "^8.1.0",
87   - "eslint-define-config": "^1.0.4",
  88 + "eslint-define-config": "^1.0.5",
88 89 "eslint-plugin-prettier": "^3.3.1",
89 90 "eslint-plugin-vue": "^7.8.0",
90 91 "esno": "^0.5.0",
... ...
public/resource/tinymce/skins/content/default/content.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +body {
  8 + margin: 1rem;
  9 + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  10 + line-height: 1.4;
  11 +}
  12 +
  13 +table {
  14 + border-collapse: collapse;
  15 +}
  16 +
  17 +table th,
  18 +table td {
  19 + padding: 0.4rem;
  20 + border: 1px solid #ccc;
  21 +}
  22 +
  23 +figure {
  24 + display: table;
  25 + margin: 1rem auto;
  26 +}
  27 +
  28 +figure figcaption {
  29 + display: block;
  30 + margin-top: 0.25rem;
  31 + color: #999;
  32 + text-align: center;
  33 +}
  34 +
  35 +hr {
  36 + border-color: #ccc;
  37 + border-style: solid;
  38 + border-width: 1px 0 0 0;
  39 +}
  40 +
  41 +code {
  42 + padding: 0.1rem 0.2rem;
  43 + background-color: #e8e8e8;
  44 + border-radius: 3px;
  45 +}
  46 +
  47 +.mce-content-body:not([dir=rtl]) blockquote {
  48 + padding-left: 1rem;
  49 + margin-left: 1.5rem;
  50 + border-left: 2px solid #ccc;
  51 +}
  52 +
  53 +.mce-content-body[dir=rtl] blockquote {
  54 + padding-right: 1rem;
  55 + margin-right: 1.5rem;
  56 + border-right: 2px solid #ccc;
  57 +}
0 58 \ No newline at end of file
... ...
public/resource/tinymce/skins/content/default/content.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +body{margin: 1rem;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height: 1.4;}
  8 +
  9 +table{border-collapse: collapse;}
  10 +
  11 +table td,table th{padding: .4rem;border: 1px solid #ccc;}
  12 +
  13 +figure{display: table;margin: 1rem auto;}
  14 +
  15 +figure figcaption{display: block;margin-top: .25rem;color: #999;text-align: center;}
  16 +
  17 +hr{border-color: #ccc;border-style: solid;border-width: 1px 0 0 0;}
  18 +
  19 +code{padding: .1rem .2rem;background-color: #e8e8e8;border-radius: 3px;}
  20 +
  21 +.mce-content-body:not([dir=rtl]) blockquote{padding-left: 1rem;margin-left: 1.5rem;border-left: 2px solid #ccc;}
  22 +
  23 +.mce-content-body[dir=rtl] blockquote{padding-right: 1rem;margin-right: 1.5rem;border-right: 2px solid #ccc;}
... ...
public/resource/tinymce/skins/content/document/content.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +@media screen {
  8 + html {
  9 + background: #f4f4f4;
  10 + }
  11 +}
  12 +
  13 +body {
  14 + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  15 +}
  16 +@media screen {
  17 + body {
  18 + max-width: 820px;
  19 + min-height: calc(100vh - 1rem);
  20 + padding: 4rem 6rem 6rem 6rem;
  21 + margin: 1rem auto 0;
  22 + background-color: #fff;
  23 + box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  24 + box-sizing: border-box;
  25 + }
  26 +}
  27 +
  28 +table {
  29 + border-collapse: collapse;
  30 +}
  31 +
  32 +table th,
  33 +table td {
  34 + padding: 0.4rem;
  35 + border: 1px solid #ccc;
  36 +}
  37 +
  38 +figure figcaption {
  39 + margin-top: 0.25rem;
  40 + color: #999;
  41 + text-align: center;
  42 +}
  43 +
  44 +hr {
  45 + border-color: #ccc;
  46 + border-style: solid;
  47 + border-width: 1px 0 0 0;
  48 +}
  49 +
  50 +.mce-content-body:not([dir=rtl]) blockquote {
  51 + padding-left: 1rem;
  52 + margin-left: 1.5rem;
  53 + border-left: 2px solid #ccc;
  54 +}
  55 +
  56 +.mce-content-body[dir=rtl] blockquote {
  57 + padding-right: 1rem;
  58 + margin-right: 1.5rem;
  59 + border-right: 2px solid #ccc;
  60 +}
0 61 \ No newline at end of file
... ...
public/resource/tinymce/skins/content/document/content.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +@media screen{html{background: #f4f4f4;}}
  8 +
  9 +body{font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;}@media screen{body{max-width: 820px;min-height: calc(100vh - 1rem);padding: 4rem 6rem 6rem 6rem;margin: 1rem auto 0;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,.15);box-sizing: border-box;}}
  10 +
  11 +table{border-collapse: collapse;}
  12 +
  13 +table td,table th{padding: .4rem;border: 1px solid #ccc;}
  14 +
  15 +figure figcaption{margin-top: .25rem;color: #999;text-align: center;}
  16 +
  17 +hr{border-color: #ccc;border-style: solid;border-width: 1px 0 0 0;}
  18 +
  19 +.mce-content-body:not([dir=rtl]) blockquote{padding-left: 1rem;margin-left: 1.5rem;border-left: 2px solid #ccc;}
  20 +
  21 +.mce-content-body[dir=rtl] blockquote{padding-right: 1rem;margin-right: 1.5rem;border-right: 2px solid #ccc;}
... ...
public/resource/tinymce/skins/content/writer/content.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +body {
  8 + max-width: 900px;
  9 + margin: 1rem auto;
  10 + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  11 + line-height: 1.4;
  12 +}
  13 +
  14 +table {
  15 + border-collapse: collapse;
  16 +}
  17 +
  18 +table th,
  19 +table td {
  20 + padding: 0.4rem;
  21 + border: 1px solid #ccc;
  22 +}
  23 +
  24 +figure {
  25 + display: table;
  26 + margin: 1rem auto;
  27 +}
  28 +
  29 +figure figcaption {
  30 + display: block;
  31 + margin-top: 0.25rem;
  32 + color: #999;
  33 + text-align: center;
  34 +}
  35 +
  36 +hr {
  37 + border-color: #ccc;
  38 + border-style: solid;
  39 + border-width: 1px 0 0 0;
  40 +}
  41 +
  42 +code {
  43 + padding: 0.1rem 0.2rem;
  44 + background-color: #e8e8e8;
  45 + border-radius: 3px;
  46 +}
  47 +
  48 +.mce-content-body:not([dir=rtl]) blockquote {
  49 + padding-left: 1rem;
  50 + margin-left: 1.5rem;
  51 + border-left: 2px solid #ccc;
  52 +}
  53 +
  54 +.mce-content-body[dir=rtl] blockquote {
  55 + padding-right: 1rem;
  56 + margin-right: 1.5rem;
  57 + border-right: 2px solid #ccc;
  58 +}
0 59 \ No newline at end of file
... ...
public/resource/tinymce/skins/content/writer/content.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +body{max-width: 900px;margin: 1rem auto;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height: 1.4;}
  8 +
  9 +table{border-collapse: collapse;}
  10 +
  11 +table td,table th{padding: .4rem;border: 1px solid #ccc;}
  12 +
  13 +figure{display: table;margin: 1rem auto;}
  14 +
  15 +figure figcaption{display: block;margin-top: .25rem;color: #999;text-align: center;}
  16 +
  17 +hr{border-color: #ccc;border-style: solid;border-width: 1px 0 0 0;}
  18 +
  19 +code{padding: .1rem .2rem;background-color: #e8e8e8;border-radius: 3px;}
  20 +
  21 +.mce-content-body:not([dir=rtl]) blockquote{padding-left: 1rem;margin-left: 1.5rem;border-left: 2px solid #ccc;}
  22 +
  23 +.mce-content-body[dir=rtl] blockquote{padding-right: 1rem;margin-right: 1.5rem;border-right: 2px solid #ccc;}
... ...
public/resource/tinymce/skins/ui/oxide-dark/content.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.mce-content-body .mce-item-anchor {
  8 + background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
  9 + cursor: default;
  10 + display: inline-block;
  11 + height: 12px !important;
  12 + padding: 0 2px;
  13 + -webkit-user-modify: read-only;
  14 + -moz-user-modify: read-only;
  15 + -webkit-user-select: all;
  16 + -moz-user-select: all;
  17 + -ms-user-select: all;
  18 + user-select: all;
  19 + width: 8px !important;
  20 +}
  21 +.mce-content-body .mce-item-anchor[data-mce-selected] {
  22 + outline-offset: 1px;
  23 +}
  24 +.tox-comments-visible .tox-comment {
  25 + background-color: #fff0b7;
  26 +}
  27 +.tox-comments-visible .tox-comment--active {
  28 + background-color: #ffe168;
  29 +}
  30 +.tox-checklist > li:not(.tox-checklist--hidden) {
  31 + list-style: none;
  32 + margin: 0.25em 0;
  33 +}
  34 +.tox-checklist > li:not(.tox-checklist--hidden)::before {
  35 + background-image: 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");
  36 + background-size: 100%;
  37 + content: '';
  38 + cursor: pointer;
  39 + height: 1em;
  40 + margin-left: -1.5em;
  41 + margin-top: 0.125em;
  42 + position: absolute;
  43 + width: 1em;
  44 +}
  45 +.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  46 + background-image: 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");
  47 +}
  48 +[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
  49 + margin-left: 0;
  50 + margin-right: -1.5em;
  51 +}
  52 +/* stylelint-disable */
  53 +/* http://prismjs.com/ */
  54 +/**
  55 + * prism.js default theme for JavaScript, CSS and HTML
  56 + * Based on dabblet (http://dabblet.com)
  57 + * @author Lea Verou
  58 + */
  59 +code[class*="language-"],
  60 +pre[class*="language-"] {
  61 + color: black;
  62 + text-shadow: 0 1px white;
  63 + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  64 + font-size: 0.875rem;
  65 + white-space: pre;
  66 + word-spacing: normal;
  67 + word-break: normal;
  68 + word-wrap: normal;
  69 + line-height: 1.5;
  70 + -moz-tab-size: 4;
  71 + tab-size: 4;
  72 + -webkit-hyphens: none;
  73 + -ms-hyphens: none;
  74 + hyphens: none;
  75 +}
  76 +pre[class*="language-"]::-moz-selection,
  77 +pre[class*="language-"] ::-moz-selection,
  78 +code[class*="language-"]::-moz-selection,
  79 +code[class*="language-"] ::-moz-selection {
  80 + text-shadow: none;
  81 + background: #b3d4fc;
  82 +}
  83 +pre[class*="language-"]::selection,
  84 +pre[class*="language-"] ::selection,
  85 +code[class*="language-"]::selection,
  86 +code[class*="language-"] ::selection {
  87 + text-shadow: none;
  88 + background: #b3d4fc;
  89 +}
  90 +@media print {
  91 + code[class*="language-"],
  92 + pre[class*="language-"] {
  93 + text-shadow: none;
  94 + }
  95 +}
  96 +/* Code blocks */
  97 +pre[class*="language-"] {
  98 + padding: 1em;
  99 + margin: 0.5em 0;
  100 + overflow: auto;
  101 +}
  102 +:not(pre) > code[class*="language-"],
  103 +pre[class*="language-"] {
  104 + background: transparent !important;
  105 + border: 1px solid #ccc;
  106 +}
  107 +/* Inline code */
  108 +:not(pre) > code[class*="language-"] {
  109 + padding: 0.1em;
  110 + border-radius: 0.3em;
  111 +}
  112 +.token.comment,
  113 +.token.prolog,
  114 +.token.doctype,
  115 +.token.cdata {
  116 + color: slategray;
  117 +}
  118 +.token.punctuation {
  119 + color: #999;
  120 +}
  121 +.namespace {
  122 + opacity: 0.7;
  123 +}
  124 +.token.property,
  125 +.token.tag,
  126 +.token.boolean,
  127 +.token.number,
  128 +.token.constant,
  129 +.token.symbol,
  130 +.token.deleted {
  131 + color: #905;
  132 +}
  133 +.token.selector,
  134 +.token.attr-name,
  135 +.token.string,
  136 +.token.char,
  137 +.token.builtin,
  138 +.token.inserted {
  139 + color: #690;
  140 +}
  141 +.token.operator,
  142 +.token.entity,
  143 +.token.url,
  144 +.language-css .token.string,
  145 +.style .token.string {
  146 + color: #a67f59;
  147 + background: hsla(0, 0%, 100%, 0.5);
  148 +}
  149 +.token.atrule,
  150 +.token.attr-value,
  151 +.token.keyword {
  152 + color: #07a;
  153 +}
  154 +.token.function {
  155 + color: #DD4A68;
  156 +}
  157 +.token.regex,
  158 +.token.important,
  159 +.token.variable {
  160 + color: #e90;
  161 +}
  162 +.token.important,
  163 +.token.bold {
  164 + font-weight: bold;
  165 +}
  166 +.token.italic {
  167 + font-style: italic;
  168 +}
  169 +.token.entity {
  170 + cursor: help;
  171 +}
  172 +:not([dir=rtl]) code[class*="language-"],
  173 +:not([dir=rtl]) pre[class*="language-"] {
  174 + direction: ltr;
  175 + text-align: left;
  176 +}
  177 +[dir=rtl] code[class*="language-"],
  178 +[dir=rtl] pre[class*="language-"] {
  179 + direction: rtl;
  180 + text-align: right;
  181 +}
  182 +/* stylelint-enable */
  183 +.mce-content-body {
  184 + overflow-wrap: break-word;
  185 + word-wrap: break-word;
  186 +}
  187 +.mce-content-body .mce-visual-caret {
  188 + background-color: black;
  189 + background-color: currentcolor;
  190 + position: absolute;
  191 +}
  192 +.mce-content-body .mce-visual-caret-hidden {
  193 + display: none;
  194 +}
  195 +.mce-content-body *[data-mce-caret] {
  196 + left: -1000px;
  197 + margin: 0;
  198 + padding: 0;
  199 + position: absolute;
  200 + right: auto;
  201 + top: 0;
  202 +}
  203 +.mce-content-body .mce-offscreen-selection {
  204 + left: -9999999999px;
  205 + max-width: 1000000px;
  206 + position: absolute;
  207 +}
  208 +.mce-content-body *[contentEditable=false] {
  209 + cursor: default;
  210 +}
  211 +.mce-content-body *[contentEditable=true] {
  212 + cursor: text;
  213 +}
  214 +.tox-cursor-format-painter {
  215 + 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;
  216 +}
  217 +.mce-content-body figure.align-left {
  218 + float: left;
  219 +}
  220 +.mce-content-body figure.align-right {
  221 + float: right;
  222 +}
  223 +.mce-content-body figure.image.align-center {
  224 + display: table;
  225 + margin-left: auto;
  226 + margin-right: auto;
  227 +}
  228 +.mce-preview-object {
  229 + border: 1px solid gray;
  230 + display: inline-block;
  231 + line-height: 0;
  232 + margin: 0 2px 0 2px;
  233 + position: relative;
  234 +}
  235 +.mce-preview-object .mce-shim {
  236 + background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  237 + height: 100%;
  238 + left: 0;
  239 + position: absolute;
  240 + top: 0;
  241 + width: 100%;
  242 +}
  243 +.mce-preview-object[data-mce-selected="2"] .mce-shim {
  244 + display: none;
  245 +}
  246 +.mce-object {
  247 + 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;
  248 + border: 1px dashed #aaa;
  249 +}
  250 +.mce-pagebreak {
  251 + border: 1px dashed #aaa;
  252 + cursor: default;
  253 + display: block;
  254 + height: 5px;
  255 + margin-top: 15px;
  256 + page-break-before: always;
  257 + width: 100%;
  258 +}
  259 +@media print {
  260 + .mce-pagebreak {
  261 + border: 0;
  262 + }
  263 +}
  264 +.tiny-pageembed .mce-shim {
  265 + background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  266 + height: 100%;
  267 + left: 0;
  268 + position: absolute;
  269 + top: 0;
  270 + width: 100%;
  271 +}
  272 +.tiny-pageembed[data-mce-selected="2"] .mce-shim {
  273 + display: none;
  274 +}
  275 +.tiny-pageembed {
  276 + display: inline-block;
  277 + position: relative;
  278 +}
  279 +.tiny-pageembed--21by9,
  280 +.tiny-pageembed--16by9,
  281 +.tiny-pageembed--4by3,
  282 +.tiny-pageembed--1by1 {
  283 + display: block;
  284 + overflow: hidden;
  285 + padding: 0;
  286 + position: relative;
  287 + width: 100%;
  288 +}
  289 +.tiny-pageembed--21by9::before,
  290 +.tiny-pageembed--16by9::before,
  291 +.tiny-pageembed--4by3::before,
  292 +.tiny-pageembed--1by1::before {
  293 + content: "";
  294 + display: block;
  295 +}
  296 +.tiny-pageembed--21by9::before {
  297 + padding-top: 42.857143%;
  298 +}
  299 +.tiny-pageembed--16by9::before {
  300 + padding-top: 56.25%;
  301 +}
  302 +.tiny-pageembed--4by3::before {
  303 + padding-top: 75%;
  304 +}
  305 +.tiny-pageembed--1by1::before {
  306 + padding-top: 100%;
  307 +}
  308 +.tiny-pageembed--21by9 iframe,
  309 +.tiny-pageembed--16by9 iframe,
  310 +.tiny-pageembed--4by3 iframe,
  311 +.tiny-pageembed--1by1 iframe {
  312 + border: 0;
  313 + height: 100%;
  314 + left: 0;
  315 + position: absolute;
  316 + top: 0;
  317 + width: 100%;
  318 +}
  319 +.mce-content-body div.mce-resizehandle {
  320 + background-color: #4099ff;
  321 + border-color: #4099ff;
  322 + border-style: solid;
  323 + border-width: 1px;
  324 + box-sizing: border-box;
  325 + height: 10px;
  326 + position: absolute;
  327 + width: 10px;
  328 + z-index: 10000;
  329 +}
  330 +.mce-content-body div.mce-resizehandle:hover {
  331 + background-color: #4099ff;
  332 +}
  333 +.mce-content-body div.mce-resizehandle:nth-of-type(1) {
  334 + cursor: nwse-resize;
  335 +}
  336 +.mce-content-body div.mce-resizehandle:nth-of-type(2) {
  337 + cursor: nesw-resize;
  338 +}
  339 +.mce-content-body div.mce-resizehandle:nth-of-type(3) {
  340 + cursor: nwse-resize;
  341 +}
  342 +.mce-content-body div.mce-resizehandle:nth-of-type(4) {
  343 + cursor: nesw-resize;
  344 +}
  345 +.mce-content-body .mce-clonedresizable {
  346 + opacity: 0.5;
  347 + outline: 1px dashed black;
  348 + position: absolute;
  349 + z-index: 10000;
  350 +}
  351 +.mce-content-body .mce-resize-helper {
  352 + background: #555;
  353 + background: rgba(0, 0, 0, 0.75);
  354 + border: 1px;
  355 + border-radius: 3px;
  356 + color: white;
  357 + display: none;
  358 + font-family: sans-serif;
  359 + font-size: 12px;
  360 + line-height: 14px;
  361 + margin: 5px 10px;
  362 + padding: 5px;
  363 + position: absolute;
  364 + white-space: nowrap;
  365 + z-index: 10001;
  366 +}
  367 +.mce-match-marker {
  368 + background: #aaa;
  369 + color: #fff;
  370 +}
  371 +.mce-match-marker-selected {
  372 + background: #39f;
  373 + color: #fff;
  374 +}
  375 +.mce-content-body img[data-mce-selected],
  376 +.mce-content-body table[data-mce-selected] {
  377 + outline: 3px solid #b4d7ff;
  378 +}
  379 +.mce-content-body hr[data-mce-selected] {
  380 + outline: 3px solid #b4d7ff;
  381 + outline-offset: 1px;
  382 +}
  383 +.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
  384 + outline: 3px solid #b4d7ff;
  385 +}
  386 +.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
  387 + outline: 3px solid #b4d7ff;
  388 +}
  389 +.mce-content-body *[contentEditable=false][data-mce-selected] {
  390 + cursor: not-allowed;
  391 + outline: 3px solid #b4d7ff;
  392 +}
  393 +.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
  394 +.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
  395 + outline: none;
  396 +}
  397 +.mce-content-body *[data-mce-selected="inline-boundary"] {
  398 + background-color: #b4d7ff;
  399 +}
  400 +.mce-content-body .mce-edit-focus {
  401 + outline: 3px solid #b4d7ff;
  402 +}
  403 +.mce-content-body td[data-mce-selected],
  404 +.mce-content-body th[data-mce-selected] {
  405 + background-color: #b4d7ff !important;
  406 +}
  407 +.mce-content-body td[data-mce-selected]::-moz-selection,
  408 +.mce-content-body th[data-mce-selected]::-moz-selection {
  409 + background: none;
  410 +}
  411 +.mce-content-body td[data-mce-selected]::selection,
  412 +.mce-content-body th[data-mce-selected]::selection {
  413 + background: none;
  414 +}
  415 +.mce-content-body td[data-mce-selected] *,
  416 +.mce-content-body th[data-mce-selected] * {
  417 + -webkit-touch-callout: none;
  418 + -webkit-user-select: none;
  419 + -moz-user-select: none;
  420 + -ms-user-select: none;
  421 + user-select: none;
  422 +}
  423 +.mce-content-body img::-moz-selection {
  424 + background: none;
  425 +}
  426 +.mce-content-body img::selection {
  427 + background: none;
  428 +}
  429 +.ephox-snooker-resizer-bar {
  430 + background-color: #b4d7ff;
  431 + opacity: 0;
  432 +}
  433 +.ephox-snooker-resizer-cols {
  434 + cursor: col-resize;
  435 +}
  436 +.ephox-snooker-resizer-rows {
  437 + cursor: row-resize;
  438 +}
  439 +.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  440 + opacity: 1;
  441 +}
  442 +.mce-spellchecker-word {
  443 + 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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  444 + background-position: 0 calc(100% + 1px);
  445 + background-repeat: repeat-x;
  446 + background-size: auto 6px;
  447 + cursor: default;
  448 + height: 2rem;
  449 +}
  450 +.mce-spellchecker-grammar {
  451 + 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'%23008800'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  452 + background-position: 0 calc(100% + 1px);
  453 + background-repeat: repeat-x;
  454 + background-size: auto 6px;
  455 + cursor: default;
  456 +}
  457 +.mce-toc {
  458 + border: 1px solid gray;
  459 +}
  460 +.mce-toc h2 {
  461 + margin: 4px;
  462 +}
  463 +.mce-toc li {
  464 + list-style-type: none;
  465 +}
  466 +.mce-item-table,
  467 +.mce-item-table td,
  468 +.mce-item-table th,
  469 +.mce-item-table caption {
  470 + border: 1px dashed #bbb;
  471 +}
  472 +.mce-visualblocks p,
  473 +.mce-visualblocks h1,
  474 +.mce-visualblocks h2,
  475 +.mce-visualblocks h3,
  476 +.mce-visualblocks h4,
  477 +.mce-visualblocks h5,
  478 +.mce-visualblocks h6,
  479 +.mce-visualblocks div:not([data-mce-bogus]),
  480 +.mce-visualblocks section,
  481 +.mce-visualblocks article,
  482 +.mce-visualblocks blockquote,
  483 +.mce-visualblocks address,
  484 +.mce-visualblocks pre,
  485 +.mce-visualblocks figure,
  486 +.mce-visualblocks figcaption,
  487 +.mce-visualblocks hgroup,
  488 +.mce-visualblocks aside,
  489 +.mce-visualblocks ul,
  490 +.mce-visualblocks ol,
  491 +.mce-visualblocks dl {
  492 + background-repeat: no-repeat;
  493 + border: 1px dashed #bbb;
  494 + margin-left: 3px;
  495 + padding-top: 10px;
  496 +}
  497 +.mce-visualblocks p {
  498 + background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
  499 +}
  500 +.mce-visualblocks h1 {
  501 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
  502 +}
  503 +.mce-visualblocks h2 {
  504 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
  505 +}
  506 +.mce-visualblocks h3 {
  507 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
  508 +}
  509 +.mce-visualblocks h4 {
  510 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
  511 +}
  512 +.mce-visualblocks h5 {
  513 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
  514 +}
  515 +.mce-visualblocks h6 {
  516 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
  517 +}
  518 +.mce-visualblocks div:not([data-mce-bogus]) {
  519 + background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
  520 +}
  521 +.mce-visualblocks section {
  522 + background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
  523 +}
  524 +.mce-visualblocks article {
  525 + background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
  526 +}
  527 +.mce-visualblocks blockquote {
  528 + background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
  529 +}
  530 +.mce-visualblocks address {
  531 + background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
  532 +}
  533 +.mce-visualblocks pre {
  534 + background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
  535 +}
  536 +.mce-visualblocks figure {
  537 + background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
  538 +}
  539 +.mce-visualblocks figcaption {
  540 + border: 1px dashed #bbb;
  541 +}
  542 +.mce-visualblocks hgroup {
  543 + background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
  544 +}
  545 +.mce-visualblocks aside {
  546 + background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
  547 +}
  548 +.mce-visualblocks ul {
  549 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
  550 +}
  551 +.mce-visualblocks ol {
  552 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
  553 +}
  554 +.mce-visualblocks dl {
  555 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
  556 +}
  557 +.mce-visualblocks:not([dir=rtl]) p,
  558 +.mce-visualblocks:not([dir=rtl]) h1,
  559 +.mce-visualblocks:not([dir=rtl]) h2,
  560 +.mce-visualblocks:not([dir=rtl]) h3,
  561 +.mce-visualblocks:not([dir=rtl]) h4,
  562 +.mce-visualblocks:not([dir=rtl]) h5,
  563 +.mce-visualblocks:not([dir=rtl]) h6,
  564 +.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
  565 +.mce-visualblocks:not([dir=rtl]) section,
  566 +.mce-visualblocks:not([dir=rtl]) article,
  567 +.mce-visualblocks:not([dir=rtl]) blockquote,
  568 +.mce-visualblocks:not([dir=rtl]) address,
  569 +.mce-visualblocks:not([dir=rtl]) pre,
  570 +.mce-visualblocks:not([dir=rtl]) figure,
  571 +.mce-visualblocks:not([dir=rtl]) figcaption,
  572 +.mce-visualblocks:not([dir=rtl]) hgroup,
  573 +.mce-visualblocks:not([dir=rtl]) aside,
  574 +.mce-visualblocks:not([dir=rtl]) ul,
  575 +.mce-visualblocks:not([dir=rtl]) ol,
  576 +.mce-visualblocks:not([dir=rtl]) dl {
  577 + margin-left: 3px;
  578 +}
  579 +.mce-visualblocks[dir=rtl] p,
  580 +.mce-visualblocks[dir=rtl] h1,
  581 +.mce-visualblocks[dir=rtl] h2,
  582 +.mce-visualblocks[dir=rtl] h3,
  583 +.mce-visualblocks[dir=rtl] h4,
  584 +.mce-visualblocks[dir=rtl] h5,
  585 +.mce-visualblocks[dir=rtl] h6,
  586 +.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
  587 +.mce-visualblocks[dir=rtl] section,
  588 +.mce-visualblocks[dir=rtl] article,
  589 +.mce-visualblocks[dir=rtl] blockquote,
  590 +.mce-visualblocks[dir=rtl] address,
  591 +.mce-visualblocks[dir=rtl] pre,
  592 +.mce-visualblocks[dir=rtl] figure,
  593 +.mce-visualblocks[dir=rtl] figcaption,
  594 +.mce-visualblocks[dir=rtl] hgroup,
  595 +.mce-visualblocks[dir=rtl] aside,
  596 +.mce-visualblocks[dir=rtl] ul,
  597 +.mce-visualblocks[dir=rtl] ol,
  598 +.mce-visualblocks[dir=rtl] dl {
  599 + background-position-x: right;
  600 + margin-right: 3px;
  601 +}
  602 +.mce-nbsp,
  603 +.mce-shy {
  604 + background: #aaa;
  605 +}
  606 +.mce-shy::after {
  607 + content: '-';
  608 +}
  609 +body {
  610 + font-family: sans-serif;
  611 +}
  612 +table {
  613 + border-collapse: collapse;
  614 +}
... ...
public/resource/tinymce/skins/ui/oxide-dark/content.inline.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.mce-content-body .mce-item-anchor {
  8 + background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
  9 + cursor: default;
  10 + display: inline-block;
  11 + height: 12px !important;
  12 + padding: 0 2px;
  13 + -webkit-user-modify: read-only;
  14 + -moz-user-modify: read-only;
  15 + -webkit-user-select: all;
  16 + -moz-user-select: all;
  17 + -ms-user-select: all;
  18 + user-select: all;
  19 + width: 8px !important;
  20 +}
  21 +.mce-content-body .mce-item-anchor[data-mce-selected] {
  22 + outline-offset: 1px;
  23 +}
  24 +.tox-comments-visible .tox-comment {
  25 + background-color: #fff0b7;
  26 +}
  27 +.tox-comments-visible .tox-comment--active {
  28 + background-color: #ffe168;
  29 +}
  30 +.tox-checklist > li:not(.tox-checklist--hidden) {
  31 + list-style: none;
  32 + margin: 0.25em 0;
  33 +}
  34 +.tox-checklist > li:not(.tox-checklist--hidden)::before {
  35 + background-image: 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");
  36 + background-size: 100%;
  37 + content: '';
  38 + cursor: pointer;
  39 + height: 1em;
  40 + margin-left: -1.5em;
  41 + margin-top: 0.125em;
  42 + position: absolute;
  43 + width: 1em;
  44 +}
  45 +.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  46 + background-image: 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");
  47 +}
  48 +[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
  49 + margin-left: 0;
  50 + margin-right: -1.5em;
  51 +}
  52 +/* stylelint-disable */
  53 +/* http://prismjs.com/ */
  54 +/**
  55 + * prism.js default theme for JavaScript, CSS and HTML
  56 + * Based on dabblet (http://dabblet.com)
  57 + * @author Lea Verou
  58 + */
  59 +code[class*="language-"],
  60 +pre[class*="language-"] {
  61 + color: black;
  62 + text-shadow: 0 1px white;
  63 + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  64 + font-size: 0.875rem;
  65 + white-space: pre;
  66 + word-spacing: normal;
  67 + word-break: normal;
  68 + word-wrap: normal;
  69 + line-height: 1.5;
  70 + -moz-tab-size: 4;
  71 + tab-size: 4;
  72 + -webkit-hyphens: none;
  73 + -ms-hyphens: none;
  74 + hyphens: none;
  75 +}
  76 +pre[class*="language-"]::-moz-selection,
  77 +pre[class*="language-"] ::-moz-selection,
  78 +code[class*="language-"]::-moz-selection,
  79 +code[class*="language-"] ::-moz-selection {
  80 + text-shadow: none;
  81 + background: #b3d4fc;
  82 +}
  83 +pre[class*="language-"]::selection,
  84 +pre[class*="language-"] ::selection,
  85 +code[class*="language-"]::selection,
  86 +code[class*="language-"] ::selection {
  87 + text-shadow: none;
  88 + background: #b3d4fc;
  89 +}
  90 +@media print {
  91 + code[class*="language-"],
  92 + pre[class*="language-"] {
  93 + text-shadow: none;
  94 + }
  95 +}
  96 +/* Code blocks */
  97 +pre[class*="language-"] {
  98 + padding: 1em;
  99 + margin: 0.5em 0;
  100 + overflow: auto;
  101 +}
  102 +:not(pre) > code[class*="language-"],
  103 +pre[class*="language-"] {
  104 + background: transparent !important;
  105 + border: 1px solid #ccc;
  106 +}
  107 +/* Inline code */
  108 +:not(pre) > code[class*="language-"] {
  109 + padding: 0.1em;
  110 + border-radius: 0.3em;
  111 +}
  112 +.token.comment,
  113 +.token.prolog,
  114 +.token.doctype,
  115 +.token.cdata {
  116 + color: slategray;
  117 +}
  118 +.token.punctuation {
  119 + color: #999;
  120 +}
  121 +.namespace {
  122 + opacity: 0.7;
  123 +}
  124 +.token.property,
  125 +.token.tag,
  126 +.token.boolean,
  127 +.token.number,
  128 +.token.constant,
  129 +.token.symbol,
  130 +.token.deleted {
  131 + color: #905;
  132 +}
  133 +.token.selector,
  134 +.token.attr-name,
  135 +.token.string,
  136 +.token.char,
  137 +.token.builtin,
  138 +.token.inserted {
  139 + color: #690;
  140 +}
  141 +.token.operator,
  142 +.token.entity,
  143 +.token.url,
  144 +.language-css .token.string,
  145 +.style .token.string {
  146 + color: #a67f59;
  147 + background: hsla(0, 0%, 100%, 0.5);
  148 +}
  149 +.token.atrule,
  150 +.token.attr-value,
  151 +.token.keyword {
  152 + color: #07a;
  153 +}
  154 +.token.function {
  155 + color: #DD4A68;
  156 +}
  157 +.token.regex,
  158 +.token.important,
  159 +.token.variable {
  160 + color: #e90;
  161 +}
  162 +.token.important,
  163 +.token.bold {
  164 + font-weight: bold;
  165 +}
  166 +.token.italic {
  167 + font-style: italic;
  168 +}
  169 +.token.entity {
  170 + cursor: help;
  171 +}
  172 +:not([dir=rtl]) code[class*="language-"],
  173 +:not([dir=rtl]) pre[class*="language-"] {
  174 + direction: ltr;
  175 + text-align: left;
  176 +}
  177 +[dir=rtl] code[class*="language-"],
  178 +[dir=rtl] pre[class*="language-"] {
  179 + direction: rtl;
  180 + text-align: right;
  181 +}
  182 +/* stylelint-enable */
  183 +.mce-content-body {
  184 + overflow-wrap: break-word;
  185 + word-wrap: break-word;
  186 +}
  187 +.mce-content-body .mce-visual-caret {
  188 + background-color: black;
  189 + background-color: currentcolor;
  190 + position: absolute;
  191 +}
  192 +.mce-content-body .mce-visual-caret-hidden {
  193 + display: none;
  194 +}
  195 +.mce-content-body *[data-mce-caret] {
  196 + left: -1000px;
  197 + margin: 0;
  198 + padding: 0;
  199 + position: absolute;
  200 + right: auto;
  201 + top: 0;
  202 +}
  203 +.mce-content-body .mce-offscreen-selection {
  204 + left: -9999999999px;
  205 + max-width: 1000000px;
  206 + position: absolute;
  207 +}
  208 +.mce-content-body *[contentEditable=false] {
  209 + cursor: default;
  210 +}
  211 +.mce-content-body *[contentEditable=true] {
  212 + cursor: text;
  213 +}
  214 +.tox-cursor-format-painter {
  215 + 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;
  216 +}
  217 +.mce-content-body figure.align-left {
  218 + float: left;
  219 +}
  220 +.mce-content-body figure.align-right {
  221 + float: right;
  222 +}
  223 +.mce-content-body figure.image.align-center {
  224 + display: table;
  225 + margin-left: auto;
  226 + margin-right: auto;
  227 +}
  228 +.mce-preview-object {
  229 + border: 1px solid gray;
  230 + display: inline-block;
  231 + line-height: 0;
  232 + margin: 0 2px 0 2px;
  233 + position: relative;
  234 +}
  235 +.mce-preview-object .mce-shim {
  236 + background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  237 + height: 100%;
  238 + left: 0;
  239 + position: absolute;
  240 + top: 0;
  241 + width: 100%;
  242 +}
  243 +.mce-preview-object[data-mce-selected="2"] .mce-shim {
  244 + display: none;
  245 +}
  246 +.mce-object {
  247 + 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;
  248 + border: 1px dashed #aaa;
  249 +}
  250 +.mce-pagebreak {
  251 + border: 1px dashed #aaa;
  252 + cursor: default;
  253 + display: block;
  254 + height: 5px;
  255 + margin-top: 15px;
  256 + page-break-before: always;
  257 + width: 100%;
  258 +}
  259 +@media print {
  260 + .mce-pagebreak {
  261 + border: 0;
  262 + }
  263 +}
  264 +.tiny-pageembed .mce-shim {
  265 + background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  266 + height: 100%;
  267 + left: 0;
  268 + position: absolute;
  269 + top: 0;
  270 + width: 100%;
  271 +}
  272 +.tiny-pageembed[data-mce-selected="2"] .mce-shim {
  273 + display: none;
  274 +}
  275 +.tiny-pageembed {
  276 + display: inline-block;
  277 + position: relative;
  278 +}
  279 +.tiny-pageembed--21by9,
  280 +.tiny-pageembed--16by9,
  281 +.tiny-pageembed--4by3,
  282 +.tiny-pageembed--1by1 {
  283 + display: block;
  284 + overflow: hidden;
  285 + padding: 0;
  286 + position: relative;
  287 + width: 100%;
  288 +}
  289 +.tiny-pageembed--21by9::before,
  290 +.tiny-pageembed--16by9::before,
  291 +.tiny-pageembed--4by3::before,
  292 +.tiny-pageembed--1by1::before {
  293 + content: "";
  294 + display: block;
  295 +}
  296 +.tiny-pageembed--21by9::before {
  297 + padding-top: 42.857143%;
  298 +}
  299 +.tiny-pageembed--16by9::before {
  300 + padding-top: 56.25%;
  301 +}
  302 +.tiny-pageembed--4by3::before {
  303 + padding-top: 75%;
  304 +}
  305 +.tiny-pageembed--1by1::before {
  306 + padding-top: 100%;
  307 +}
  308 +.tiny-pageembed--21by9 iframe,
  309 +.tiny-pageembed--16by9 iframe,
  310 +.tiny-pageembed--4by3 iframe,
  311 +.tiny-pageembed--1by1 iframe {
  312 + border: 0;
  313 + height: 100%;
  314 + left: 0;
  315 + position: absolute;
  316 + top: 0;
  317 + width: 100%;
  318 +}
  319 +.mce-content-body div.mce-resizehandle {
  320 + background-color: #4099ff;
  321 + border-color: #4099ff;
  322 + border-style: solid;
  323 + border-width: 1px;
  324 + box-sizing: border-box;
  325 + height: 10px;
  326 + position: absolute;
  327 + width: 10px;
  328 + z-index: 10000;
  329 +}
  330 +.mce-content-body div.mce-resizehandle:hover {
  331 + background-color: #4099ff;
  332 +}
  333 +.mce-content-body div.mce-resizehandle:nth-of-type(1) {
  334 + cursor: nwse-resize;
  335 +}
  336 +.mce-content-body div.mce-resizehandle:nth-of-type(2) {
  337 + cursor: nesw-resize;
  338 +}
  339 +.mce-content-body div.mce-resizehandle:nth-of-type(3) {
  340 + cursor: nwse-resize;
  341 +}
  342 +.mce-content-body div.mce-resizehandle:nth-of-type(4) {
  343 + cursor: nesw-resize;
  344 +}
  345 +.mce-content-body .mce-clonedresizable {
  346 + opacity: 0.5;
  347 + outline: 1px dashed black;
  348 + position: absolute;
  349 + z-index: 10000;
  350 +}
  351 +.mce-content-body .mce-resize-helper {
  352 + background: #555;
  353 + background: rgba(0, 0, 0, 0.75);
  354 + border: 1px;
  355 + border-radius: 3px;
  356 + color: white;
  357 + display: none;
  358 + font-family: sans-serif;
  359 + font-size: 12px;
  360 + line-height: 14px;
  361 + margin: 5px 10px;
  362 + padding: 5px;
  363 + position: absolute;
  364 + white-space: nowrap;
  365 + z-index: 10001;
  366 +}
  367 +.mce-match-marker {
  368 + background: #aaa;
  369 + color: #fff;
  370 +}
  371 +.mce-match-marker-selected {
  372 + background: #39f;
  373 + color: #fff;
  374 +}
  375 +.mce-content-body img[data-mce-selected],
  376 +.mce-content-body table[data-mce-selected] {
  377 + outline: 3px solid #b4d7ff;
  378 +}
  379 +.mce-content-body hr[data-mce-selected] {
  380 + outline: 3px solid #b4d7ff;
  381 + outline-offset: 1px;
  382 +}
  383 +.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
  384 + outline: 3px solid #b4d7ff;
  385 +}
  386 +.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
  387 + outline: 3px solid #b4d7ff;
  388 +}
  389 +.mce-content-body *[contentEditable=false][data-mce-selected] {
  390 + cursor: not-allowed;
  391 + outline: 3px solid #b4d7ff;
  392 +}
  393 +.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
  394 +.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
  395 + outline: none;
  396 +}
  397 +.mce-content-body *[data-mce-selected="inline-boundary"] {
  398 + background-color: #b4d7ff;
  399 +}
  400 +.mce-content-body .mce-edit-focus {
  401 + outline: 3px solid #b4d7ff;
  402 +}
  403 +.mce-content-body td[data-mce-selected],
  404 +.mce-content-body th[data-mce-selected] {
  405 + background-color: #b4d7ff !important;
  406 +}
  407 +.mce-content-body td[data-mce-selected]::-moz-selection,
  408 +.mce-content-body th[data-mce-selected]::-moz-selection {
  409 + background: none;
  410 +}
  411 +.mce-content-body td[data-mce-selected]::selection,
  412 +.mce-content-body th[data-mce-selected]::selection {
  413 + background: none;
  414 +}
  415 +.mce-content-body td[data-mce-selected] *,
  416 +.mce-content-body th[data-mce-selected] * {
  417 + -webkit-touch-callout: none;
  418 + -webkit-user-select: none;
  419 + -moz-user-select: none;
  420 + -ms-user-select: none;
  421 + user-select: none;
  422 +}
  423 +.mce-content-body img::-moz-selection {
  424 + background: none;
  425 +}
  426 +.mce-content-body img::selection {
  427 + background: none;
  428 +}
  429 +.ephox-snooker-resizer-bar {
  430 + background-color: #b4d7ff;
  431 + opacity: 0;
  432 +}
  433 +.ephox-snooker-resizer-cols {
  434 + cursor: col-resize;
  435 +}
  436 +.ephox-snooker-resizer-rows {
  437 + cursor: row-resize;
  438 +}
  439 +.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  440 + opacity: 1;
  441 +}
  442 +.mce-spellchecker-word {
  443 + 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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  444 + background-position: 0 calc(100% + 1px);
  445 + background-repeat: repeat-x;
  446 + background-size: auto 6px;
  447 + cursor: default;
  448 + height: 2rem;
  449 +}
  450 +.mce-spellchecker-grammar {
  451 + 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'%23008800'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  452 + background-position: 0 calc(100% + 1px);
  453 + background-repeat: repeat-x;
  454 + background-size: auto 6px;
  455 + cursor: default;
  456 +}
  457 +.mce-toc {
  458 + border: 1px solid gray;
  459 +}
  460 +.mce-toc h2 {
  461 + margin: 4px;
  462 +}
  463 +.mce-toc li {
  464 + list-style-type: none;
  465 +}
  466 +.mce-item-table,
  467 +.mce-item-table td,
  468 +.mce-item-table th,
  469 +.mce-item-table caption {
  470 + border: 1px dashed #bbb;
  471 +}
  472 +.mce-visualblocks p,
  473 +.mce-visualblocks h1,
  474 +.mce-visualblocks h2,
  475 +.mce-visualblocks h3,
  476 +.mce-visualblocks h4,
  477 +.mce-visualblocks h5,
  478 +.mce-visualblocks h6,
  479 +.mce-visualblocks div:not([data-mce-bogus]),
  480 +.mce-visualblocks section,
  481 +.mce-visualblocks article,
  482 +.mce-visualblocks blockquote,
  483 +.mce-visualblocks address,
  484 +.mce-visualblocks pre,
  485 +.mce-visualblocks figure,
  486 +.mce-visualblocks figcaption,
  487 +.mce-visualblocks hgroup,
  488 +.mce-visualblocks aside,
  489 +.mce-visualblocks ul,
  490 +.mce-visualblocks ol,
  491 +.mce-visualblocks dl {
  492 + background-repeat: no-repeat;
  493 + border: 1px dashed #bbb;
  494 + margin-left: 3px;
  495 + padding-top: 10px;
  496 +}
  497 +.mce-visualblocks p {
  498 + background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
  499 +}
  500 +.mce-visualblocks h1 {
  501 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
  502 +}
  503 +.mce-visualblocks h2 {
  504 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
  505 +}
  506 +.mce-visualblocks h3 {
  507 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
  508 +}
  509 +.mce-visualblocks h4 {
  510 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
  511 +}
  512 +.mce-visualblocks h5 {
  513 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
  514 +}
  515 +.mce-visualblocks h6 {
  516 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
  517 +}
  518 +.mce-visualblocks div:not([data-mce-bogus]) {
  519 + background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
  520 +}
  521 +.mce-visualblocks section {
  522 + background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
  523 +}
  524 +.mce-visualblocks article {
  525 + background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
  526 +}
  527 +.mce-visualblocks blockquote {
  528 + background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
  529 +}
  530 +.mce-visualblocks address {
  531 + background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
  532 +}
  533 +.mce-visualblocks pre {
  534 + background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
  535 +}
  536 +.mce-visualblocks figure {
  537 + background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
  538 +}
  539 +.mce-visualblocks figcaption {
  540 + border: 1px dashed #bbb;
  541 +}
  542 +.mce-visualblocks hgroup {
  543 + background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
  544 +}
  545 +.mce-visualblocks aside {
  546 + background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
  547 +}
  548 +.mce-visualblocks ul {
  549 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
  550 +}
  551 +.mce-visualblocks ol {
  552 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
  553 +}
  554 +.mce-visualblocks dl {
  555 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
  556 +}
  557 +.mce-visualblocks:not([dir=rtl]) p,
  558 +.mce-visualblocks:not([dir=rtl]) h1,
  559 +.mce-visualblocks:not([dir=rtl]) h2,
  560 +.mce-visualblocks:not([dir=rtl]) h3,
  561 +.mce-visualblocks:not([dir=rtl]) h4,
  562 +.mce-visualblocks:not([dir=rtl]) h5,
  563 +.mce-visualblocks:not([dir=rtl]) h6,
  564 +.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
  565 +.mce-visualblocks:not([dir=rtl]) section,
  566 +.mce-visualblocks:not([dir=rtl]) article,
  567 +.mce-visualblocks:not([dir=rtl]) blockquote,
  568 +.mce-visualblocks:not([dir=rtl]) address,
  569 +.mce-visualblocks:not([dir=rtl]) pre,
  570 +.mce-visualblocks:not([dir=rtl]) figure,
  571 +.mce-visualblocks:not([dir=rtl]) figcaption,
  572 +.mce-visualblocks:not([dir=rtl]) hgroup,
  573 +.mce-visualblocks:not([dir=rtl]) aside,
  574 +.mce-visualblocks:not([dir=rtl]) ul,
  575 +.mce-visualblocks:not([dir=rtl]) ol,
  576 +.mce-visualblocks:not([dir=rtl]) dl {
  577 + margin-left: 3px;
  578 +}
  579 +.mce-visualblocks[dir=rtl] p,
  580 +.mce-visualblocks[dir=rtl] h1,
  581 +.mce-visualblocks[dir=rtl] h2,
  582 +.mce-visualblocks[dir=rtl] h3,
  583 +.mce-visualblocks[dir=rtl] h4,
  584 +.mce-visualblocks[dir=rtl] h5,
  585 +.mce-visualblocks[dir=rtl] h6,
  586 +.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
  587 +.mce-visualblocks[dir=rtl] section,
  588 +.mce-visualblocks[dir=rtl] article,
  589 +.mce-visualblocks[dir=rtl] blockquote,
  590 +.mce-visualblocks[dir=rtl] address,
  591 +.mce-visualblocks[dir=rtl] pre,
  592 +.mce-visualblocks[dir=rtl] figure,
  593 +.mce-visualblocks[dir=rtl] figcaption,
  594 +.mce-visualblocks[dir=rtl] hgroup,
  595 +.mce-visualblocks[dir=rtl] aside,
  596 +.mce-visualblocks[dir=rtl] ul,
  597 +.mce-visualblocks[dir=rtl] ol,
  598 +.mce-visualblocks[dir=rtl] dl {
  599 + background-position-x: right;
  600 + margin-right: 3px;
  601 +}
  602 +.mce-nbsp,
  603 +.mce-shy {
  604 + background: #aaa;
  605 +}
  606 +.mce-shy::after {
  607 + content: '-';
  608 +}
  609 +.tox-toolbar-dock-fadeout {
  610 + opacity: 0;
  611 + visibility: hidden;
  612 +}
  613 +.tox-toolbar-dock-fadein {
  614 + opacity: 1;
  615 + visibility: visible;
  616 +}
  617 +.tox-toolbar-dock-transition {
  618 + transition: visibility 0s linear 0.3s, opacity 0.3s ease;
  619 +}
  620 +.tox-toolbar-dock-transition.tox-toolbar-dock-fadein {
  621 + transition-delay: 0s;
  622 +}
... ...
public/resource/tinymce/skins/ui/oxide-dark/content.inline.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.mce-content-body .mce-item-anchor{display: inline-block;width: 8px !important;height: 12px !important;padding: 0 2px;cursor: default;background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;-webkit-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all;-webkit-user-modify: read-only;-moz-user-modify: read-only;}
  8 +
  9 +.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset: 1px;}
  10 +
  11 +.tox-comments-visible .tox-comment{background-color: #fff0b7;}
  12 +
  13 +.tox-comments-visible .tox-comment--active{background-color: #ffe168;}
  14 +
  15 +.tox-checklist>li:not(.tox-checklist--hidden){margin: .25em 0;list-style: none;}
  16 +
  17 +.tox-checklist>li:not(.tox-checklist--hidden)::before{position: absolute;width: 1em;height: 1em;margin-top: .125em;margin-left: -1.5em;cursor: pointer;background-image: 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");background-size: 100%;content: '';}
  18 +
  19 +.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{background-image: 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");}
  20 +
  21 +[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-right: -1.5em;margin-left: 0;}
  22 +
  23 +code[class*=language-],pre[class*=language-]{font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size: .875rem;-webkit-hyphens: none;-ms-hyphens: none;hyphens: none;line-height: 1.5;word-spacing: normal;color: #000;text-shadow: 0 1px #fff;word-break: normal;word-wrap: normal;white-space: pre;-moz-tab-size: 4;tab-size: 4;}
  24 +
  25 +code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow: none;background: #b3d4fc;}
  26 +
  27 +code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow: none;background: #b3d4fc;}@media print{code[class*=language-],pre[class*=language-]{text-shadow: none;}}
  28 +
  29 +pre[class*=language-]{padding: 1em;margin: .5em 0;overflow: auto;}
  30 +
  31 +:not(pre)>code[class*=language-],pre[class*=language-]{background: 0 0 !important;border: 1px solid #ccc;}
  32 +
  33 +:not(pre)>code[class*=language-]{padding: .1em;border-radius: .3em;}
  34 +
  35 +.token.cdata,.token.comment,.token.doctype,.token.prolog{color: #708090;}
  36 +
  37 +.token.punctuation{color: #999;}
  38 +
  39 +.namespace{opacity: .7;}
  40 +
  41 +.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color: #905;}
  42 +
  43 +.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color: #690;}
  44 +
  45 +.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color: #a67f59;background: hsla(0,0%,100%,.5);}
  46 +
  47 +.token.atrule,.token.attr-value,.token.keyword{color: #07a;}
  48 +
  49 +.token.function{color: #dd4a68;}
  50 +
  51 +.token.important,.token.regex,.token.variable{color: #e90;}
  52 +
  53 +.token.bold,.token.important{font-weight: 700;}
  54 +
  55 +.token.italic{font-style: italic;}
  56 +
  57 +.token.entity{cursor: help;}
  58 +
  59 +:not([dir=rtl]) code[class*=language-],:not([dir=rtl]) pre[class*=language-]{text-align: left;direction: ltr;}
  60 +
  61 +[dir=rtl] code[class*=language-],[dir=rtl] pre[class*=language-]{text-align: right;direction: rtl;}
  62 +
  63 +.mce-content-body{overflow-wrap: break-word;word-wrap: break-word;}
  64 +
  65 +.mce-content-body .mce-visual-caret{position: absolute;background-color: #000;background-color: currentColor;}
  66 +
  67 +.mce-content-body .mce-visual-caret-hidden{display: none;}
  68 +
  69 +.mce-content-body [data-mce-caret]{position: absolute;top: 0;right: auto;left: -1000px;padding: 0;margin: 0;}
  70 +
  71 +.mce-content-body .mce-offscreen-selection{position: absolute;left: -9999999999px;max-width: 1000000px;}
  72 +
  73 +.mce-content-body [contentEditable=false]{cursor: default;}
  74 +
  75 +.mce-content-body [contentEditable=true]{cursor: text;}
  76 +
  77 +.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;}
  78 +
  79 +.mce-content-body figure.align-left{float: left;}
  80 +
  81 +.mce-content-body figure.align-right{float: right;}
  82 +
  83 +.mce-content-body figure.image.align-center{display: table;margin-right: auto;margin-left: auto;}
  84 +
  85 +.mce-preview-object{position: relative;display: inline-block;margin: 0 2px 0 2px;line-height: 0;border: 1px solid gray;}
  86 +
  87 +.mce-preview-object .mce-shim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
  88 +
  89 +.mce-preview-object[data-mce-selected="2"] .mce-shim{display: none;}
  90 +
  91 +.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;}
  92 +
  93 +.mce-pagebreak{display: block;width: 100%;height: 5px;margin-top: 15px;cursor: default;border: 1px dashed #aaa;page-break-before: always;}@media print{.mce-pagebreak{border: 0;}}
  94 +
  95 +.tiny-pageembed .mce-shim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
  96 +
  97 +.tiny-pageembed[data-mce-selected="2"] .mce-shim{display: none;}
  98 +
  99 +.tiny-pageembed{position: relative;display: inline-block;}
  100 +
  101 +.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{position: relative;display: block;width: 100%;padding: 0;overflow: hidden;}
  102 +
  103 +.tiny-pageembed--16by9::before,.tiny-pageembed--1by1::before,.tiny-pageembed--21by9::before,.tiny-pageembed--4by3::before{display: block;content: "";}
  104 +
  105 +.tiny-pageembed--21by9::before{padding-top: 42.857143%;}
  106 +
  107 +.tiny-pageembed--16by9::before{padding-top: 56.25%;}
  108 +
  109 +.tiny-pageembed--4by3::before{padding-top: 75%;}
  110 +
  111 +.tiny-pageembed--1by1::before{padding-top: 100%;}
  112 +
  113 +.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
  114 +
  115 +.mce-content-body div.mce-resizehandle{position: absolute;z-index: 10000;width: 10px;height: 10px;background-color: #4099ff;border-color: #4099ff;border-style: solid;border-width: 1px;box-sizing: border-box;}
  116 +
  117 +.mce-content-body div.mce-resizehandle:hover{background-color: #4099ff;}
  118 +
  119 +.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor: nwse-resize;}
  120 +
  121 +.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor: nesw-resize;}
  122 +
  123 +.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor: nwse-resize;}
  124 +
  125 +.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor: nesw-resize;}
  126 +
  127 +.mce-content-body .mce-clonedresizable{position: absolute;z-index: 10000;outline: 1px dashed #000;opacity: .5;}
  128 +
  129 +.mce-content-body .mce-resize-helper{position: absolute;z-index: 10001;display: none;padding: 5px;margin: 5px 10px;font-family: sans-serif;font-size: 12px;line-height: 14px;color: #fff;white-space: nowrap;background: #555;background: rgba(0,0,0,.75);border: 1px;border-radius: 3px;}
  130 +
  131 +.mce-match-marker{color: #fff;background: #aaa;}
  132 +
  133 +.mce-match-marker-selected{color: #fff;background: #39f;}
  134 +
  135 +.mce-content-body img[data-mce-selected],.mce-content-body table[data-mce-selected]{outline: 3px solid #b4d7ff;}
  136 +
  137 +.mce-content-body hr[data-mce-selected]{outline: 3px solid #b4d7ff;outline-offset: 1px;}
  138 +
  139 +.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline: 3px solid #b4d7ff;}
  140 +
  141 +.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline: 3px solid #b4d7ff;}
  142 +
  143 +.mce-content-body [contentEditable=false][data-mce-selected]{cursor: not-allowed;outline: 3px solid #b4d7ff;}
  144 +
  145 +.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline: 0;}
  146 +
  147 +.mce-content-body [data-mce-selected=inline-boundary]{background-color: #b4d7ff;}
  148 +
  149 +.mce-content-body .mce-edit-focus{outline: 3px solid #b4d7ff;}
  150 +
  151 +.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{background-color: #b4d7ff !important;}
  152 +
  153 +.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background: 0 0;}
  154 +
  155 +.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background: 0 0;}
  156 +
  157 +.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  158 +
  159 +.mce-content-body img::-moz-selection{background: 0 0;}
  160 +
  161 +.mce-content-body img::selection{background: 0 0;}
  162 +
  163 +.ephox-snooker-resizer-bar{background-color: #b4d7ff;opacity: 0;}
  164 +
  165 +.ephox-snooker-resizer-cols{cursor: col-resize;}
  166 +
  167 +.ephox-snooker-resizer-rows{cursor: row-resize;}
  168 +
  169 +.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity: 1;}
  170 +
  171 +.mce-spellchecker-word{height: 2rem;cursor: default;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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position: 0 calc(100% + 1px);background-repeat: repeat-x;background-size: auto 6px;}
  172 +
  173 +.mce-spellchecker-grammar{cursor: default;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'%23008800'%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);background-repeat: repeat-x;background-size: auto 6px;}
  174 +
  175 +.mce-toc{border: 1px solid gray;}
  176 +
  177 +.mce-toc h2{margin: 4px;}
  178 +
  179 +.mce-toc li{list-style-type: none;}
  180 +
  181 +.mce-item-table,.mce-item-table caption,.mce-item-table td,.mce-item-table th{border: 1px dashed #bbb;}
  182 +
  183 +.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{padding-top: 10px;margin-left: 3px;background-repeat: no-repeat;border: 1px dashed #bbb;}
  184 +
  185 +.mce-visualblocks p{background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);}
  186 +
  187 +.mce-visualblocks h1{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);}
  188 +
  189 +.mce-visualblocks h2{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);}
  190 +
  191 +.mce-visualblocks h3{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);}
  192 +
  193 +.mce-visualblocks h4{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);}
  194 +
  195 +.mce-visualblocks h5{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);}
  196 +
  197 +.mce-visualblocks h6{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);}
  198 +
  199 +.mce-visualblocks div:not([data-mce-bogus]){background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);}
  200 +
  201 +.mce-visualblocks section{background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);}
  202 +
  203 +.mce-visualblocks article{background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);}
  204 +
  205 +.mce-visualblocks blockquote{background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);}
  206 +
  207 +.mce-visualblocks address{background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);}
  208 +
  209 +.mce-visualblocks pre{background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);}
  210 +
  211 +.mce-visualblocks figure{background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);}
  212 +
  213 +.mce-visualblocks figcaption{border: 1px dashed #bbb;}
  214 +
  215 +.mce-visualblocks hgroup{background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);}
  216 +
  217 +.mce-visualblocks aside{background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);}
  218 +
  219 +.mce-visualblocks ul{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);}
  220 +
  221 +.mce-visualblocks ol{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);}
  222 +
  223 +.mce-visualblocks dl{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);}
  224 +
  225 +.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left: 3px;}
  226 +
  227 +.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x: right;margin-right: 3px;}
  228 +
  229 +.mce-nbsp,.mce-shy{background: #aaa;}
  230 +
  231 +.mce-shy::after{content: '-';}
  232 +
  233 +.tox-toolbar-dock-fadeout{opacity: 0;visibility: hidden;}
  234 +
  235 +.tox-toolbar-dock-fadein{opacity: 1;visibility: visible;}
  236 +
  237 +.tox-toolbar-dock-transition{transition: visibility 0s linear .3s,opacity .3s ease;}
  238 +
  239 +.tox-toolbar-dock-transition.tox-toolbar-dock-fadein{transition-delay: 0s;}
... ...
public/resource/tinymce/skins/ui/oxide-dark/content.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.mce-content-body .mce-item-anchor{display: inline-block;width: 8px !important;height: 12px !important;padding: 0 2px;cursor: default;background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;-webkit-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all;-webkit-user-modify: read-only;-moz-user-modify: read-only;}
  8 +
  9 +.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset: 1px;}
  10 +
  11 +.tox-comments-visible .tox-comment{background-color: #fff0b7;}
  12 +
  13 +.tox-comments-visible .tox-comment--active{background-color: #ffe168;}
  14 +
  15 +.tox-checklist>li:not(.tox-checklist--hidden){margin: .25em 0;list-style: none;}
  16 +
  17 +.tox-checklist>li:not(.tox-checklist--hidden)::before{position: absolute;width: 1em;height: 1em;margin-top: .125em;margin-left: -1.5em;cursor: pointer;background-image: 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");background-size: 100%;content: '';}
  18 +
  19 +.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{background-image: 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");}
  20 +
  21 +[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-right: -1.5em;margin-left: 0;}
  22 +
  23 +code[class*=language-],pre[class*=language-]{font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size: .875rem;-webkit-hyphens: none;-ms-hyphens: none;hyphens: none;line-height: 1.5;word-spacing: normal;color: #000;text-shadow: 0 1px #fff;word-break: normal;word-wrap: normal;white-space: pre;-moz-tab-size: 4;tab-size: 4;}
  24 +
  25 +code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow: none;background: #b3d4fc;}
  26 +
  27 +code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow: none;background: #b3d4fc;}@media print{code[class*=language-],pre[class*=language-]{text-shadow: none;}}
  28 +
  29 +pre[class*=language-]{padding: 1em;margin: .5em 0;overflow: auto;}
  30 +
  31 +:not(pre)>code[class*=language-],pre[class*=language-]{background: 0 0 !important;border: 1px solid #ccc;}
  32 +
  33 +:not(pre)>code[class*=language-]{padding: .1em;border-radius: .3em;}
  34 +
  35 +.token.cdata,.token.comment,.token.doctype,.token.prolog{color: #708090;}
  36 +
  37 +.token.punctuation{color: #999;}
  38 +
  39 +.namespace{opacity: .7;}
  40 +
  41 +.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color: #905;}
  42 +
  43 +.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color: #690;}
  44 +
  45 +.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color: #a67f59;background: hsla(0,0%,100%,.5);}
  46 +
  47 +.token.atrule,.token.attr-value,.token.keyword{color: #07a;}
  48 +
  49 +.token.function{color: #dd4a68;}
  50 +
  51 +.token.important,.token.regex,.token.variable{color: #e90;}
  52 +
  53 +.token.bold,.token.important{font-weight: 700;}
  54 +
  55 +.token.italic{font-style: italic;}
  56 +
  57 +.token.entity{cursor: help;}
  58 +
  59 +:not([dir=rtl]) code[class*=language-],:not([dir=rtl]) pre[class*=language-]{text-align: left;direction: ltr;}
  60 +
  61 +[dir=rtl] code[class*=language-],[dir=rtl] pre[class*=language-]{text-align: right;direction: rtl;}
  62 +
  63 +.mce-content-body{overflow-wrap: break-word;word-wrap: break-word;}
  64 +
  65 +.mce-content-body .mce-visual-caret{position: absolute;background-color: #000;background-color: currentColor;}
  66 +
  67 +.mce-content-body .mce-visual-caret-hidden{display: none;}
  68 +
  69 +.mce-content-body [data-mce-caret]{position: absolute;top: 0;right: auto;left: -1000px;padding: 0;margin: 0;}
  70 +
  71 +.mce-content-body .mce-offscreen-selection{position: absolute;left: -9999999999px;max-width: 1000000px;}
  72 +
  73 +.mce-content-body [contentEditable=false]{cursor: default;}
  74 +
  75 +.mce-content-body [contentEditable=true]{cursor: text;}
  76 +
  77 +.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;}
  78 +
  79 +.mce-content-body figure.align-left{float: left;}
  80 +
  81 +.mce-content-body figure.align-right{float: right;}
  82 +
  83 +.mce-content-body figure.image.align-center{display: table;margin-right: auto;margin-left: auto;}
  84 +
  85 +.mce-preview-object{position: relative;display: inline-block;margin: 0 2px 0 2px;line-height: 0;border: 1px solid gray;}
  86 +
  87 +.mce-preview-object .mce-shim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
  88 +
  89 +.mce-preview-object[data-mce-selected="2"] .mce-shim{display: none;}
  90 +
  91 +.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;}
  92 +
  93 +.mce-pagebreak{display: block;width: 100%;height: 5px;margin-top: 15px;cursor: default;border: 1px dashed #aaa;page-break-before: always;}@media print{.mce-pagebreak{border: 0;}}
  94 +
  95 +.tiny-pageembed .mce-shim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
  96 +
  97 +.tiny-pageembed[data-mce-selected="2"] .mce-shim{display: none;}
  98 +
  99 +.tiny-pageembed{position: relative;display: inline-block;}
  100 +
  101 +.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{position: relative;display: block;width: 100%;padding: 0;overflow: hidden;}
  102 +
  103 +.tiny-pageembed--16by9::before,.tiny-pageembed--1by1::before,.tiny-pageembed--21by9::before,.tiny-pageembed--4by3::before{display: block;content: "";}
  104 +
  105 +.tiny-pageembed--21by9::before{padding-top: 42.857143%;}
  106 +
  107 +.tiny-pageembed--16by9::before{padding-top: 56.25%;}
  108 +
  109 +.tiny-pageembed--4by3::before{padding-top: 75%;}
  110 +
  111 +.tiny-pageembed--1by1::before{padding-top: 100%;}
  112 +
  113 +.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
  114 +
  115 +.mce-content-body div.mce-resizehandle{position: absolute;z-index: 10000;width: 10px;height: 10px;background-color: #4099ff;border-color: #4099ff;border-style: solid;border-width: 1px;box-sizing: border-box;}
  116 +
  117 +.mce-content-body div.mce-resizehandle:hover{background-color: #4099ff;}
  118 +
  119 +.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor: nwse-resize;}
  120 +
  121 +.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor: nesw-resize;}
  122 +
  123 +.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor: nwse-resize;}
  124 +
  125 +.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor: nesw-resize;}
  126 +
  127 +.mce-content-body .mce-clonedresizable{position: absolute;z-index: 10000;outline: 1px dashed #000;opacity: .5;}
  128 +
  129 +.mce-content-body .mce-resize-helper{position: absolute;z-index: 10001;display: none;padding: 5px;margin: 5px 10px;font-family: sans-serif;font-size: 12px;line-height: 14px;color: #fff;white-space: nowrap;background: #555;background: rgba(0,0,0,.75);border: 1px;border-radius: 3px;}
  130 +
  131 +.mce-match-marker{color: #fff;background: #aaa;}
  132 +
  133 +.mce-match-marker-selected{color: #fff;background: #39f;}
  134 +
  135 +.mce-content-body img[data-mce-selected],.mce-content-body table[data-mce-selected]{outline: 3px solid #b4d7ff;}
  136 +
  137 +.mce-content-body hr[data-mce-selected]{outline: 3px solid #b4d7ff;outline-offset: 1px;}
  138 +
  139 +.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline: 3px solid #b4d7ff;}
  140 +
  141 +.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline: 3px solid #b4d7ff;}
  142 +
  143 +.mce-content-body [contentEditable=false][data-mce-selected]{cursor: not-allowed;outline: 3px solid #b4d7ff;}
  144 +
  145 +.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline: 0;}
  146 +
  147 +.mce-content-body [data-mce-selected=inline-boundary]{background-color: #b4d7ff;}
  148 +
  149 +.mce-content-body .mce-edit-focus{outline: 3px solid #b4d7ff;}
  150 +
  151 +.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{background-color: #b4d7ff !important;}
  152 +
  153 +.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background: 0 0;}
  154 +
  155 +.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background: 0 0;}
  156 +
  157 +.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  158 +
  159 +.mce-content-body img::-moz-selection{background: 0 0;}
  160 +
  161 +.mce-content-body img::selection{background: 0 0;}
  162 +
  163 +.ephox-snooker-resizer-bar{background-color: #b4d7ff;opacity: 0;}
  164 +
  165 +.ephox-snooker-resizer-cols{cursor: col-resize;}
  166 +
  167 +.ephox-snooker-resizer-rows{cursor: row-resize;}
  168 +
  169 +.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity: 1;}
  170 +
  171 +.mce-spellchecker-word{height: 2rem;cursor: default;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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position: 0 calc(100% + 1px);background-repeat: repeat-x;background-size: auto 6px;}
  172 +
  173 +.mce-spellchecker-grammar{cursor: default;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'%23008800'%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);background-repeat: repeat-x;background-size: auto 6px;}
  174 +
  175 +.mce-toc{border: 1px solid gray;}
  176 +
  177 +.mce-toc h2{margin: 4px;}
  178 +
  179 +.mce-toc li{list-style-type: none;}
  180 +
  181 +.mce-item-table,.mce-item-table caption,.mce-item-table td,.mce-item-table th{border: 1px dashed #bbb;}
  182 +
  183 +.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{padding-top: 10px;margin-left: 3px;background-repeat: no-repeat;border: 1px dashed #bbb;}
  184 +
  185 +.mce-visualblocks p{background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);}
  186 +
  187 +.mce-visualblocks h1{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);}
  188 +
  189 +.mce-visualblocks h2{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);}
  190 +
  191 +.mce-visualblocks h3{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);}
  192 +
  193 +.mce-visualblocks h4{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);}
  194 +
  195 +.mce-visualblocks h5{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);}
  196 +
  197 +.mce-visualblocks h6{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);}
  198 +
  199 +.mce-visualblocks div:not([data-mce-bogus]){background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);}
  200 +
  201 +.mce-visualblocks section{background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);}
  202 +
  203 +.mce-visualblocks article{background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);}
  204 +
  205 +.mce-visualblocks blockquote{background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);}
  206 +
  207 +.mce-visualblocks address{background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);}
  208 +
  209 +.mce-visualblocks pre{background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);}
  210 +
  211 +.mce-visualblocks figure{background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);}
  212 +
  213 +.mce-visualblocks figcaption{border: 1px dashed #bbb;}
  214 +
  215 +.mce-visualblocks hgroup{background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);}
  216 +
  217 +.mce-visualblocks aside{background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);}
  218 +
  219 +.mce-visualblocks ul{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);}
  220 +
  221 +.mce-visualblocks ol{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);}
  222 +
  223 +.mce-visualblocks dl{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);}
  224 +
  225 +.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left: 3px;}
  226 +
  227 +.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x: right;margin-right: 3px;}
  228 +
  229 +.mce-nbsp,.mce-shy{background: #aaa;}
  230 +
  231 +.mce-shy::after{content: '-';}
  232 +
  233 +body{font-family: sans-serif;}
  234 +
  235 +table{border-collapse: collapse;}
... ...
public/resource/tinymce/skins/ui/oxide-dark/content.mobile.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
  8 + position: absolute;
  9 + display: inline-block;
  10 +
  11 + /* Note: this file is used inside the content, so isn't part of theming */
  12 + background-color: green;
  13 + opacity: 0.5;
  14 +}
  15 +
  16 +body {
  17 + -webkit-text-size-adjust: none;
  18 +}
  19 +
  20 +body img {
  21 + /* this is related to the content margin */
  22 + max-width: 96vw;
  23 +}
  24 +
  25 +body table img {
  26 + max-width: 95%;
  27 +}
  28 +
  29 +body {
  30 + font-family: sans-serif;
  31 +}
  32 +
  33 +table {
  34 + border-collapse: collapse;
  35 +}
0 36 \ No newline at end of file
... ...
public/resource/tinymce/skins/ui/oxide-dark/content.mobile.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection{position: absolute;display: inline-block;background-color: green;opacity: .5;}
  8 +
  9 +body{-webkit-text-size-adjust: none;}
  10 +
  11 +body img{max-width: 96vw;}
  12 +
  13 +body table img{max-width: 95%;}
  14 +
  15 +body{font-family: sans-serif;}
  16 +
  17 +table{border-collapse: collapse;}
... ...
public/resource/tinymce/skins/ui/oxide-dark/skin.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.tox {
  8 + box-sizing: content-box;
  9 + color: #222f3e;
  10 + cursor: auto;
  11 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  12 + font-size: 16px;
  13 + font-style: normal;
  14 + font-weight: normal;
  15 + line-height: normal;
  16 + -webkit-tap-highlight-color: transparent;
  17 + text-decoration: none;
  18 + text-shadow: none;
  19 + text-transform: none;
  20 + vertical-align: initial;
  21 + white-space: normal;
  22 +}
  23 +.tox *:not(svg) {
  24 + box-sizing: inherit;
  25 + color: inherit;
  26 + cursor: inherit;
  27 + direction: inherit;
  28 + font-family: inherit;
  29 + font-size: inherit;
  30 + font-style: inherit;
  31 + font-weight: inherit;
  32 + line-height: inherit;
  33 + -webkit-tap-highlight-color: inherit;
  34 + text-align: inherit;
  35 + text-decoration: inherit;
  36 + text-shadow: inherit;
  37 + text-transform: inherit;
  38 + vertical-align: inherit;
  39 + white-space: inherit;
  40 +}
  41 +.tox *:not(svg) {
  42 + /* stylelint-disable-line no-duplicate-selectors */
  43 + background: transparent;
  44 + border: 0;
  45 + float: none;
  46 + height: auto;
  47 + margin: 0;
  48 + max-width: none;
  49 + outline: 0;
  50 + padding: 0;
  51 + position: static;
  52 + width: auto;
  53 +}
  54 +.tox:not([dir=rtl]) {
  55 + direction: ltr;
  56 + text-align: left;
  57 +}
  58 +.tox[dir=rtl] {
  59 + direction: rtl;
  60 + text-align: right;
  61 +}
  62 +.tox-tinymce {
  63 + border: 1px solid #000000;
  64 + border-radius: 0;
  65 + box-shadow: none;
  66 + box-sizing: border-box;
  67 + display: flex;
  68 + flex-direction: column;
  69 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  70 + overflow: hidden;
  71 + position: relative;
  72 + visibility: inherit !important;
  73 +}
  74 +.tox-editor-container {
  75 + display: flex;
  76 + flex: 1 1 auto;
  77 + flex-direction: column;
  78 + overflow: hidden;
  79 +}
  80 +.tox-editor-container > *:first-child {
  81 + border-top: none !important;
  82 +}
  83 +.tox-tinymce-aux {
  84 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  85 +}
  86 +.tox-tinymce *:focus,
  87 +.tox-tinymce-aux *:focus {
  88 + outline: none;
  89 +}
  90 +button::-moz-focus-inner {
  91 + border: 0;
  92 +}
  93 +.tox-silver-sink {
  94 + z-index: 1300;
  95 +}
  96 +.tox .tox-anchorbar {
  97 + display: flex;
  98 + flex: 0 0 auto;
  99 +}
  100 +.tox .tox-bar {
  101 + display: flex;
  102 + flex: 0 0 auto;
  103 +}
  104 +.tox .tox-button {
  105 + background-color: #207ab7;
  106 + background-image: none;
  107 + background-position: none;
  108 + background-repeat: none;
  109 + border-color: #207ab7;
  110 + border-radius: 3px;
  111 + border-style: solid;
  112 + border-width: 1px;
  113 + box-shadow: none;
  114 + box-sizing: border-box;
  115 + color: #fff;
  116 + cursor: pointer;
  117 + display: inline-block;
  118 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  119 + font-size: 14px;
  120 + font-weight: bold;
  121 + letter-spacing: 1;
  122 + line-height: 24px;
  123 + margin: 0;
  124 + outline: none;
  125 + padding: 4px 16px;
  126 + text-align: center;
  127 + text-decoration: none;
  128 + text-transform: capitalize;
  129 + white-space: nowrap;
  130 +}
  131 +.tox .tox-button[disabled] {
  132 + background-color: #207ab7;
  133 + background-image: none;
  134 + border-color: #207ab7;
  135 + box-shadow: none;
  136 + color: rgba(255, 255, 255, 0.5);
  137 + cursor: not-allowed;
  138 +}
  139 +.tox .tox-button:focus:not(:disabled) {
  140 + background-color: #1c6ca1;
  141 + background-image: none;
  142 + border-color: #1c6ca1;
  143 + box-shadow: none;
  144 + color: #fff;
  145 +}
  146 +.tox .tox-button:hover:not(:disabled) {
  147 + background-color: #1c6ca1;
  148 + background-image: none;
  149 + border-color: #1c6ca1;
  150 + box-shadow: none;
  151 + color: #fff;
  152 +}
  153 +.tox .tox-button:active:not(:disabled) {
  154 + background-color: #185d8c;
  155 + background-image: none;
  156 + border-color: #185d8c;
  157 + box-shadow: none;
  158 + color: #fff;
  159 +}
  160 +.tox .tox-button--secondary {
  161 + background-color: #3d546f;
  162 + background-image: none;
  163 + background-position: none;
  164 + background-repeat: none;
  165 + border-color: #3d546f;
  166 + border-radius: 3px;
  167 + border-style: solid;
  168 + border-width: 1px;
  169 + box-shadow: none;
  170 + color: #fff;
  171 + outline: none;
  172 + padding: 4px 16px;
  173 + text-decoration: none;
  174 + text-transform: capitalize;
  175 +}
  176 +.tox .tox-button--secondary[disabled] {
  177 + background-color: #3d546f;
  178 + background-image: none;
  179 + border-color: #3d546f;
  180 + box-shadow: none;
  181 + color: rgba(255, 255, 255, 0.5);
  182 +}
  183 +.tox .tox-button--secondary:focus:not(:disabled) {
  184 + background-color: #34485f;
  185 + background-image: none;
  186 + border-color: #34485f;
  187 + box-shadow: none;
  188 + color: #fff;
  189 +}
  190 +.tox .tox-button--secondary:hover:not(:disabled) {
  191 + background-color: #34485f;
  192 + background-image: none;
  193 + border-color: #34485f;
  194 + box-shadow: none;
  195 + color: #fff;
  196 +}
  197 +.tox .tox-button--secondary:active:not(:disabled) {
  198 + background-color: #2b3b4e;
  199 + background-image: none;
  200 + border-color: #2b3b4e;
  201 + box-shadow: none;
  202 + color: #fff;
  203 +}
  204 +.tox .tox-button--icon,
  205 +.tox .tox-button.tox-button--icon,
  206 +.tox .tox-button.tox-button--secondary.tox-button--icon {
  207 + padding: 4px;
  208 +}
  209 +.tox .tox-button--icon .tox-icon svg,
  210 +.tox .tox-button.tox-button--icon .tox-icon svg,
  211 +.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
  212 + display: block;
  213 + fill: currentColor;
  214 +}
  215 +.tox .tox-button-link {
  216 + background: 0;
  217 + border: none;
  218 + box-sizing: border-box;
  219 + cursor: pointer;
  220 + display: inline-block;
  221 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  222 + font-size: 16px;
  223 + font-weight: normal;
  224 + line-height: 1.3;
  225 + margin: 0;
  226 + padding: 0;
  227 + white-space: nowrap;
  228 +}
  229 +.tox .tox-button-link--sm {
  230 + font-size: 14px;
  231 +}
  232 +.tox .tox-button--naked {
  233 + background-color: transparent;
  234 + border-color: transparent;
  235 + box-shadow: unset;
  236 + color: #fff;
  237 +}
  238 +.tox .tox-button--naked:hover:not(:disabled) {
  239 + background-color: #34485f;
  240 + border-color: #34485f;
  241 + box-shadow: none;
  242 + color: #fff;
  243 +}
  244 +.tox .tox-button--naked:focus:not(:disabled) {
  245 + background-color: #34485f;
  246 + border-color: #34485f;
  247 + box-shadow: none;
  248 + color: #fff;
  249 +}
  250 +.tox .tox-button--naked:active:not(:disabled) {
  251 + background-color: #2b3b4e;
  252 + border-color: #2b3b4e;
  253 + box-shadow: none;
  254 + color: #fff;
  255 +}
  256 +.tox .tox-button--naked .tox-icon svg {
  257 + fill: currentColor;
  258 +}
  259 +.tox .tox-button--naked.tox-button--icon {
  260 + color: currentColor;
  261 +}
  262 +.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
  263 + color: #fff;
  264 +}
  265 +.tox .tox-checkbox {
  266 + align-items: center;
  267 + border-radius: 3px;
  268 + cursor: pointer;
  269 + display: flex;
  270 + height: 36px;
  271 + min-width: 36px;
  272 +}
  273 +.tox .tox-checkbox__input {
  274 + /* Hide from view but visible to screen readers */
  275 + height: 1px;
  276 + left: -10000px;
  277 + overflow: hidden;
  278 + position: absolute;
  279 + top: auto;
  280 + width: 1px;
  281 +}
  282 +.tox .tox-checkbox__icons {
  283 + border-radius: 3px;
  284 + box-shadow: 0 0 0 2px transparent;
  285 + box-sizing: content-box;
  286 + height: 24px;
  287 + padding: calc(4px - 1px);
  288 + width: 24px;
  289 +}
  290 +.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  291 + display: block;
  292 + fill: rgba(255, 255, 255, 0.2);
  293 +}
  294 +.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  295 + display: none;
  296 + fill: #207ab7;
  297 +}
  298 +.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  299 + display: none;
  300 + fill: #207ab7;
  301 +}
  302 +.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  303 + display: none;
  304 +}
  305 +.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  306 + display: block;
  307 +}
  308 +.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  309 + display: none;
  310 +}
  311 +.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  312 + display: block;
  313 +}
  314 +.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
  315 + border-radius: 3px;
  316 + box-shadow: inset 0 0 0 1px #207ab7;
  317 + padding: calc(4px - 1px);
  318 +}
  319 +.tox:not([dir=rtl]) .tox-checkbox__label {
  320 + margin-left: 4px;
  321 +}
  322 +.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
  323 + margin-left: 4px;
  324 +}
  325 +.tox[dir=rtl] .tox-checkbox__label {
  326 + margin-right: 4px;
  327 +}
  328 +.tox[dir=rtl] .tox-bar .tox-checkbox {
  329 + margin-right: 4px;
  330 +}
  331 +.tox .tox-collection--toolbar .tox-collection__group {
  332 + display: flex;
  333 + padding: 0;
  334 +}
  335 +.tox .tox-collection--grid .tox-collection__group {
  336 + display: flex;
  337 + flex-wrap: wrap;
  338 + max-height: 208px;
  339 + overflow-x: hidden;
  340 + overflow-y: auto;
  341 + padding: 0;
  342 +}
  343 +.tox .tox-collection--list .tox-collection__group {
  344 + border-bottom-width: 0;
  345 + border-color: #1a1a1a;
  346 + border-left-width: 0;
  347 + border-right-width: 0;
  348 + border-style: solid;
  349 + border-top-width: 1px;
  350 + padding: 4px 0;
  351 +}
  352 +.tox .tox-collection--list .tox-collection__group:first-child {
  353 + border-top-width: 0;
  354 +}
  355 +.tox .tox-collection__group-heading {
  356 + background-color: #333333;
  357 + color: #fff;
  358 + cursor: default;
  359 + font-size: 12px;
  360 + font-style: normal;
  361 + font-weight: normal;
  362 + margin-bottom: 4px;
  363 + margin-top: -4px;
  364 + padding: 4px 8px;
  365 + text-transform: none;
  366 + -webkit-touch-callout: none;
  367 + -webkit-user-select: none;
  368 + -moz-user-select: none;
  369 + -ms-user-select: none;
  370 + user-select: none;
  371 +}
  372 +.tox .tox-collection__item {
  373 + align-items: center;
  374 + color: #fff;
  375 + cursor: pointer;
  376 + display: flex;
  377 + -webkit-touch-callout: none;
  378 + -webkit-user-select: none;
  379 + -moz-user-select: none;
  380 + -ms-user-select: none;
  381 + user-select: none;
  382 +}
  383 +.tox .tox-collection--list .tox-collection__item {
  384 + padding: 4px 8px;
  385 +}
  386 +.tox .tox-collection--toolbar .tox-collection__item {
  387 + border-radius: 3px;
  388 + padding: 4px;
  389 +}
  390 +.tox .tox-collection--grid .tox-collection__item {
  391 + border-radius: 3px;
  392 + padding: 4px;
  393 +}
  394 +.tox .tox-collection--list .tox-collection__item--enabled {
  395 + background-color: inherit;
  396 + color: contrast(inherit, #222f3e, #fff);
  397 +}
  398 +.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  399 + background-color: #434e5b;
  400 + color: #fff;
  401 +}
  402 +.tox .tox-collection--toolbar .tox-collection__item--enabled {
  403 + background-color: #6f7882;
  404 + color: #fff;
  405 +}
  406 +.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  407 + background-color: #434e5b;
  408 + color: #fff;
  409 +}
  410 +.tox .tox-collection--grid .tox-collection__item--enabled {
  411 + background-color: #6f7882;
  412 + color: #fff;
  413 +}
  414 +.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  415 + background-color: #434e5b;
  416 + color: #fff;
  417 +}
  418 +.tox .tox-collection__item--state-disabled {
  419 + background-color: transparent;
  420 + color: rgba(255, 255, 255, 0.5);
  421 + cursor: default;
  422 +}
  423 +.tox .tox-collection__item-icon {
  424 + align-items: center;
  425 + display: flex;
  426 + height: 24px;
  427 + justify-content: center;
  428 + width: 24px;
  429 +}
  430 +.tox .tox-collection__item-icon svg {
  431 + fill: currentColor;
  432 +}
  433 +.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
  434 + height: 48px;
  435 + width: 48px;
  436 +}
  437 +.tox .tox-collection__item[role="menuitemcheckbox"]:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
  438 + display: none;
  439 +}
  440 +.tox .tox-collection__item-label {
  441 + color: currentColor;
  442 + display: inline-block;
  443 + flex: 1;
  444 + -ms-flex-preferred-size: auto;
  445 + font-size: 14px;
  446 + font-style: normal;
  447 + font-weight: normal;
  448 + line-height: 24px;
  449 + text-transform: none;
  450 + word-break: break-all;
  451 +}
  452 +.tox .tox-collection__item-accessory {
  453 + color: rgba(255, 255, 255, 0.5);
  454 + display: inline-block;
  455 + font-size: 14px;
  456 + height: 24px;
  457 + line-height: 24px;
  458 + text-transform: normal;
  459 +}
  460 +.tox .tox-collection__item-caret {
  461 + align-items: center;
  462 + display: flex;
  463 + min-height: 24px;
  464 +}
  465 +.tox .tox-collection__item-caret::after {
  466 + content: '';
  467 + font-size: 0;
  468 + min-height: inherit;
  469 +}
  470 +.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
  471 + margin-left: 8px;
  472 +}
  473 +.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item-label:first-child {
  474 + margin-left: 4px;
  475 +}
  476 +.tox:not([dir=rtl]) .tox-collection__item-accessory {
  477 + margin-left: 16px;
  478 + text-align: right;
  479 +}
  480 +.tox:not([dir=rtl]) .tox-collection__item-caret {
  481 + margin-left: 16px;
  482 +}
  483 +.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
  484 + margin-right: 8px;
  485 +}
  486 +.tox[dir=rtl] .tox-collection--list .tox-collection__item-label:first-child {
  487 + margin-right: 4px;
  488 +}
  489 +.tox[dir=rtl] .tox-collection__item-icon-rtl {
  490 + /* stylelint-disable-next-line no-descending-specificity */
  491 +}
  492 +.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg {
  493 + transform: rotateY(180deg);
  494 +}
  495 +.tox[dir=rtl] .tox-collection__item-accessory {
  496 + margin-right: 16px;
  497 + text-align: left;
  498 +}
  499 +.tox[dir=rtl] .tox-collection__item-caret {
  500 + margin-right: 16px;
  501 + transform: rotateY(180deg);
  502 +}
  503 +.tox .tox-color-picker-container {
  504 + display: flex;
  505 + flex-direction: row;
  506 + height: 225px;
  507 + margin: 0;
  508 +}
  509 +.tox .tox-sv-palette {
  510 + box-sizing: border-box;
  511 + display: flex;
  512 + height: 100%;
  513 +}
  514 +.tox .tox-sv-palette-spectrum {
  515 + height: 100%;
  516 +}
  517 +.tox .tox-sv-palette,
  518 +.tox .tox-sv-palette-spectrum {
  519 + width: 225px;
  520 +}
  521 +.tox .tox-sv-palette-thumb {
  522 + background: none;
  523 + border: 1px solid black;
  524 + border-radius: 50%;
  525 + box-sizing: content-box;
  526 + height: 12px;
  527 + position: absolute;
  528 + width: 12px;
  529 +}
  530 +.tox .tox-sv-palette-inner-thumb {
  531 + border: 1px solid white;
  532 + border-radius: 50%;
  533 + height: 10px;
  534 + position: absolute;
  535 + width: 10px;
  536 +}
  537 +.tox .tox-hue-slider {
  538 + box-sizing: border-box;
  539 + height: 100%;
  540 + width: 25px;
  541 +}
  542 +.tox .tox-hue-slider-spectrum {
  543 + background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
  544 + height: 100%;
  545 + width: 100%;
  546 +}
  547 +.tox .tox-hue-slider,
  548 +.tox .tox-hue-slider-spectrum {
  549 + width: 20px;
  550 +}
  551 +.tox .tox-hue-slider-thumb {
  552 + background: white;
  553 + border: 1px solid black;
  554 + box-sizing: content-box;
  555 + height: 4px;
  556 + width: 100%;
  557 +}
  558 +.tox .tox-rgb-form {
  559 + display: flex;
  560 + flex-direction: column;
  561 + justify-content: space-between;
  562 +}
  563 +.tox .tox-rgb-form div {
  564 + align-items: center;
  565 + display: flex;
  566 + justify-content: space-between;
  567 + margin-bottom: 5px;
  568 + width: inherit;
  569 +}
  570 +.tox .tox-rgb-form input {
  571 + width: 6em;
  572 +}
  573 +.tox .tox-rgb-form input.tox-invalid {
  574 + /* Need !important to override Chrome's focus styling unfortunately */
  575 + border: 1px solid red !important;
  576 +}
  577 +.tox .tox-rgb-form .tox-rgba-preview {
  578 + border: 1px solid black;
  579 + flex-grow: 2;
  580 + margin-bottom: 0;
  581 +}
  582 +.tox:not([dir=rtl]) .tox-sv-palette {
  583 + margin-right: 15px;
  584 +}
  585 +.tox:not([dir=rtl]) .tox-hue-slider {
  586 + margin-right: 15px;
  587 +}
  588 +.tox:not([dir=rtl]) .tox-hue-slider-thumb {
  589 + margin-left: -1px;
  590 +}
  591 +.tox:not([dir=rtl]) .tox-rgb-form label {
  592 + margin-right: 0.5em;
  593 +}
  594 +.tox[dir=rtl] .tox-sv-palette {
  595 + margin-left: 15px;
  596 +}
  597 +.tox[dir=rtl] .tox-hue-slider {
  598 + margin-left: 15px;
  599 +}
  600 +.tox[dir=rtl] .tox-hue-slider-thumb {
  601 + margin-right: -1px;
  602 +}
  603 +.tox[dir=rtl] .tox-rgb-form label {
  604 + margin-left: 0.5em;
  605 +}
  606 +.tox .tox-toolbar .tox-swatches,
  607 +.tox .tox-toolbar__primary .tox-swatches,
  608 +.tox .tox-toolbar__overflow .tox-swatches {
  609 + margin: 2px 0 3px 4px;
  610 +}
  611 +.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
  612 + border: 0;
  613 + margin: -4px 0;
  614 +}
  615 +.tox .tox-swatches__row {
  616 + display: flex;
  617 +}
  618 +.tox .tox-swatch {
  619 + height: 30px;
  620 + transition: transform 0.15s, box-shadow 0.15s;
  621 + width: 30px;
  622 +}
  623 +.tox .tox-swatch:hover,
  624 +.tox .tox-swatch:focus {
  625 + box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
  626 + transform: scale(0.8);
  627 +}
  628 +.tox .tox-swatch--remove {
  629 + align-items: center;
  630 + display: flex;
  631 + justify-content: center;
  632 +}
  633 +.tox .tox-swatch--remove svg path {
  634 + stroke: #e74c3c;
  635 +}
  636 +.tox .tox-swatches__picker-btn {
  637 + align-items: center;
  638 + background-color: transparent;
  639 + border: 0;
  640 + cursor: pointer;
  641 + display: flex;
  642 + height: 30px;
  643 + justify-content: center;
  644 + outline: none;
  645 + padding: 0;
  646 + width: 30px;
  647 +}
  648 +.tox .tox-swatches__picker-btn svg {
  649 + height: 24px;
  650 + width: 24px;
  651 +}
  652 +.tox .tox-swatches__picker-btn:hover {
  653 + background: #434e5b;
  654 +}
  655 +.tox:not([dir=rtl]) .tox-swatches__picker-btn {
  656 + margin-left: auto;
  657 +}
  658 +.tox[dir=rtl] .tox-swatches__picker-btn {
  659 + margin-right: auto;
  660 +}
  661 +.tox .tox-comment-thread {
  662 + background: #2b3b4e;
  663 + position: relative;
  664 +}
  665 +.tox .tox-comment-thread > *:not(:first-child) {
  666 + margin-top: 8px;
  667 +}
  668 +.tox .tox-comment {
  669 + background: #2b3b4e;
  670 + border: 1px solid #000000;
  671 + border-radius: 3px;
  672 + box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  673 + padding: 8px 8px 16px 8px;
  674 + position: relative;
  675 +}
  676 +.tox .tox-comment__header {
  677 + align-items: center;
  678 + color: #fff;
  679 + display: flex;
  680 + justify-content: space-between;
  681 +}
  682 +.tox .tox-comment__date {
  683 + color: rgba(255, 255, 255, 0.5);
  684 + font-size: 12px;
  685 +}
  686 +.tox .tox-comment__body {
  687 + color: #fff;
  688 + font-size: 14px;
  689 + font-style: normal;
  690 + font-weight: normal;
  691 + line-height: 1.3;
  692 + margin-top: 8px;
  693 + position: relative;
  694 + text-transform: initial;
  695 +}
  696 +.tox .tox-comment__body textarea {
  697 + resize: none;
  698 + white-space: normal;
  699 + width: 100%;
  700 +}
  701 +.tox .tox-comment__expander {
  702 + padding-top: 8px;
  703 +}
  704 +.tox .tox-comment__expander p {
  705 + color: rgba(255, 255, 255, 0.5);
  706 + font-size: 14px;
  707 + font-style: normal;
  708 +}
  709 +.tox .tox-comment__body p {
  710 + margin: 0;
  711 +}
  712 +.tox .tox-comment__buttonspacing {
  713 + padding-top: 16px;
  714 + text-align: center;
  715 +}
  716 +.tox .tox-comment-thread__overlay::after {
  717 + background: #2b3b4e;
  718 + bottom: 0;
  719 + content: "";
  720 + display: flex;
  721 + left: 0;
  722 + opacity: 0.9;
  723 + position: absolute;
  724 + right: 0;
  725 + top: 0;
  726 + z-index: 5;
  727 +}
  728 +.tox .tox-comment__reply {
  729 + display: flex;
  730 + flex-shrink: 0;
  731 + flex-wrap: wrap;
  732 + justify-content: flex-end;
  733 + margin-top: 8px;
  734 +}
  735 +.tox .tox-comment__reply > *:first-child {
  736 + margin-bottom: 8px;
  737 + width: 100%;
  738 +}
  739 +.tox .tox-comment__edit {
  740 + display: flex;
  741 + flex-wrap: wrap;
  742 + justify-content: flex-end;
  743 + margin-top: 16px;
  744 +}
  745 +.tox .tox-comment__gradient::after {
  746 + background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);
  747 + bottom: 0;
  748 + content: "";
  749 + display: block;
  750 + height: 5em;
  751 + margin-top: -40px;
  752 + position: absolute;
  753 + width: 100%;
  754 +}
  755 +.tox .tox-comment__overlay {
  756 + background: #2b3b4e;
  757 + bottom: 0;
  758 + display: flex;
  759 + flex-direction: column;
  760 + flex-grow: 1;
  761 + left: 0;
  762 + opacity: 0.9;
  763 + position: absolute;
  764 + right: 0;
  765 + text-align: center;
  766 + top: 0;
  767 + z-index: 5;
  768 +}
  769 +.tox .tox-comment__loading-text {
  770 + align-items: center;
  771 + color: #fff;
  772 + display: flex;
  773 + flex-direction: column;
  774 + position: relative;
  775 +}
  776 +.tox .tox-comment__loading-text > div {
  777 + padding-bottom: 16px;
  778 +}
  779 +.tox .tox-comment__overlaytext {
  780 + bottom: 0;
  781 + flex-direction: column;
  782 + font-size: 14px;
  783 + left: 0;
  784 + padding: 1em;
  785 + position: absolute;
  786 + right: 0;
  787 + top: 0;
  788 + z-index: 10;
  789 +}
  790 +.tox .tox-comment__overlaytext p {
  791 + background-color: #2b3b4e;
  792 + box-shadow: 0 0 8px 8px #2b3b4e;
  793 + color: #fff;
  794 + text-align: center;
  795 +}
  796 +.tox .tox-comment__overlaytext div:nth-of-type(2) {
  797 + font-size: 0.8em;
  798 +}
  799 +.tox .tox-comment__busy-spinner {
  800 + align-items: center;
  801 + background-color: #2b3b4e;
  802 + bottom: 0;
  803 + display: flex;
  804 + justify-content: center;
  805 + left: 0;
  806 + position: absolute;
  807 + right: 0;
  808 + top: 0;
  809 + z-index: 1103;
  810 +}
  811 +.tox .tox-comment__scroll {
  812 + display: flex;
  813 + flex-direction: column;
  814 + flex-shrink: 1;
  815 + overflow: auto;
  816 +}
  817 +.tox .tox-conversations {
  818 + margin: 8px;
  819 +}
  820 +.tox:not([dir=rtl]) .tox-comment__edit {
  821 + margin-left: 8px;
  822 +}
  823 +.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
  824 +.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
  825 +.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
  826 + margin-left: 8px;
  827 +}
  828 +.tox[dir=rtl] .tox-comment__edit {
  829 + margin-right: 8px;
  830 +}
  831 +.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
  832 +.tox[dir=rtl] .tox-comment__edit > *:last-child,
  833 +.tox[dir=rtl] .tox-comment__reply > *:last-child {
  834 + margin-right: 8px;
  835 +}
  836 +.tox .tox-user {
  837 + align-items: center;
  838 + display: flex;
  839 +}
  840 +.tox .tox-user__avatar svg {
  841 + fill: rgba(255, 255, 255, 0.5);
  842 +}
  843 +.tox .tox-user__name {
  844 + color: rgba(255, 255, 255, 0.5);
  845 + font-size: 12px;
  846 + font-style: normal;
  847 + font-weight: bold;
  848 + text-transform: uppercase;
  849 +}
  850 +.tox:not([dir=rtl]) .tox-user__avatar svg {
  851 + margin-right: 8px;
  852 +}
  853 +.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
  854 + margin-left: 8px;
  855 +}
  856 +.tox[dir=rtl] .tox-user__avatar svg {
  857 + margin-left: 8px;
  858 +}
  859 +.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
  860 + margin-right: 8px;
  861 +}
  862 +.tox .tox-dialog-wrap {
  863 + align-items: center;
  864 + bottom: 0;
  865 + display: flex;
  866 + justify-content: center;
  867 + left: 0;
  868 + position: fixed;
  869 + right: 0;
  870 + top: 0;
  871 + z-index: 1100;
  872 +}
  873 +.tox .tox-dialog-wrap__backdrop {
  874 + background-color: rgba(34, 47, 62, 0.75);
  875 + bottom: 0;
  876 + left: 0;
  877 + position: absolute;
  878 + right: 0;
  879 + top: 0;
  880 + z-index: 1101;
  881 +}
  882 +.tox .tox-dialog {
  883 + background-color: #2b3b4e;
  884 + border-color: #000000;
  885 + border-radius: 3px;
  886 + border-style: solid;
  887 + border-width: 1px;
  888 + box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
  889 + display: flex;
  890 + flex-direction: column;
  891 + max-height: 100%;
  892 + max-width: 480px;
  893 + overflow: hidden;
  894 + position: relative;
  895 + width: 95vw;
  896 + z-index: 1102;
  897 +}
  898 +.tox .tox-dialog__header {
  899 + align-items: center;
  900 + background-color: #2b3b4e;
  901 + border-bottom: none;
  902 + color: #fff;
  903 + display: flex;
  904 + font-size: 16px;
  905 + justify-content: space-between;
  906 + margin-bottom: 16px;
  907 + padding: 8px 16px 0 16px;
  908 + position: relative;
  909 +}
  910 +.tox .tox-dialog__header .tox-button {
  911 + z-index: 1;
  912 +}
  913 +.tox .tox-dialog__draghandle {
  914 + cursor: grab;
  915 + height: 100%;
  916 + left: 0;
  917 + position: absolute;
  918 + top: 0;
  919 + width: 100%;
  920 +}
  921 +.tox .tox-dialog__draghandle:active {
  922 + cursor: grabbing;
  923 +}
  924 +.tox .tox-dialog__dismiss {
  925 + margin-left: auto;
  926 +}
  927 +.tox .tox-dialog__title {
  928 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  929 + font-size: 20px;
  930 + font-style: normal;
  931 + font-weight: normal;
  932 + line-height: 1.3;
  933 + margin: 0;
  934 + text-transform: normal;
  935 +}
  936 +.tox .tox-dialog__body {
  937 + color: #fff;
  938 + display: flex;
  939 + flex: 1;
  940 + -ms-flex-preferred-size: auto;
  941 + font-size: 16px;
  942 + font-style: normal;
  943 + font-weight: normal;
  944 + line-height: 1.3;
  945 + min-width: 0;
  946 + padding: 0 16px;
  947 + text-align: left;
  948 + text-transform: normal;
  949 +}
  950 +.tox .tox-dialog__body-nav {
  951 + align-items: flex-start;
  952 + display: flex;
  953 + flex-direction: column;
  954 +}
  955 +.tox .tox-dialog__body-nav-item {
  956 + border-bottom: 2px solid transparent;
  957 + color: rgba(255, 255, 255, 0.5);
  958 + display: inline-block;
  959 + font-size: 14px;
  960 + line-height: 1.3;
  961 + margin-bottom: 8px;
  962 + text-decoration: none;
  963 +}
  964 +.tox .tox-dialog__body-nav-item--active {
  965 + border-bottom: 2px solid #207ab7;
  966 + color: #207ab7;
  967 +}
  968 +.tox .tox-dialog__body-content {
  969 + display: flex;
  970 + flex: 1;
  971 + flex-direction: column;
  972 + -ms-flex-preferred-size: auto;
  973 + max-height: 650px;
  974 + overflow: auto;
  975 +}
  976 +.tox .tox-dialog__body-content > * {
  977 + margin-bottom: 0;
  978 + margin-top: 16px;
  979 +}
  980 +.tox .tox-dialog__body-content > *:first-child {
  981 + margin-top: 0;
  982 +}
  983 +.tox .tox-dialog__body-content > *:last-child {
  984 + margin-bottom: 0;
  985 +}
  986 +.tox .tox-dialog__body-content > *:only-child {
  987 + margin-bottom: 0;
  988 + margin-top: 0;
  989 +}
  990 +.tox .tox-dialog--width-lg {
  991 + height: 650px;
  992 + max-width: 1200px;
  993 +}
  994 +.tox .tox-dialog--width-md {
  995 + max-width: 800px;
  996 +}
  997 +.tox .tox-dialog--width-md .tox-dialog__body-content {
  998 + overflow: auto;
  999 +}
  1000 +.tox .tox-dialog__body-content--centered {
  1001 + text-align: center;
  1002 +}
  1003 +.tox .tox-dialog__body-content--spacious {
  1004 + margin-bottom: 16px;
  1005 +}
  1006 +.tox .tox-dialog__footer {
  1007 + align-items: center;
  1008 + background-color: #2b3b4e;
  1009 + border-top: 1px solid #000000;
  1010 + display: flex;
  1011 + justify-content: space-between;
  1012 + margin-top: 16px;
  1013 + padding: 8px 16px;
  1014 +}
  1015 +.tox .tox-dialog__busy-spinner {
  1016 + align-items: center;
  1017 + background-color: rgba(34, 47, 62, 0.75);
  1018 + bottom: 0;
  1019 + display: flex;
  1020 + justify-content: center;
  1021 + left: 0;
  1022 + position: absolute;
  1023 + right: 0;
  1024 + top: 0;
  1025 + z-index: 1103;
  1026 +}
  1027 +.tox .tox-dialog__table {
  1028 + border-collapse: collapse;
  1029 + width: 100%;
  1030 +}
  1031 +.tox .tox-dialog__table thead th {
  1032 + font-weight: bold;
  1033 + padding-bottom: 8px;
  1034 +}
  1035 +.tox .tox-dialog__table tbody tr {
  1036 + border-bottom: 1px solid #000000;
  1037 +}
  1038 +.tox .tox-dialog__table tbody tr:last-child {
  1039 + border-bottom: none;
  1040 +}
  1041 +.tox .tox-dialog__table td {
  1042 + padding-bottom: 8px;
  1043 + padding-top: 8px;
  1044 +}
  1045 +.tox .tox-dialog__popups {
  1046 + position: absolute;
  1047 + width: 100%;
  1048 + z-index: 1100;
  1049 +}
  1050 +.tox .tox-dialog__body-iframe {
  1051 + display: flex;
  1052 + flex: 1;
  1053 + flex-direction: column;
  1054 + -ms-flex-preferred-size: auto;
  1055 +}
  1056 +.tox .tox-dialog__body-iframe .tox-navobj {
  1057 + display: flex;
  1058 + flex: 1;
  1059 + -ms-flex-preferred-size: auto;
  1060 +}
  1061 +.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
  1062 + flex: 1;
  1063 + -ms-flex-preferred-size: auto;
  1064 + height: 100%;
  1065 +}
  1066 +body.tox-dialog__disable-scroll {
  1067 + overflow: hidden;
  1068 +}
  1069 +.tox.tox-platform-ie {
  1070 + /* IE11 CSS styles go here */
  1071 +}
  1072 +.tox.tox-platform-ie .tox-dialog-wrap {
  1073 + position: -ms-device-fixed;
  1074 +}
  1075 +.tox:not([dir=rtl]) .tox-dialog__body-nav {
  1076 + margin-right: 32px;
  1077 +}
  1078 +.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
  1079 +.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
  1080 + margin-left: 8px;
  1081 +}
  1082 +.tox[dir=rtl] .tox-dialog__body {
  1083 + text-align: right;
  1084 +}
  1085 +.tox[dir=rtl] .tox-dialog__body-nav {
  1086 + margin-left: 32px;
  1087 +}
  1088 +.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
  1089 +.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
  1090 + margin-right: 8px;
  1091 +}
  1092 +.tox .tox-dropzone-container {
  1093 + display: flex;
  1094 + flex: 1;
  1095 + -ms-flex-preferred-size: auto;
  1096 +}
  1097 +.tox .tox-dropzone {
  1098 + align-items: center;
  1099 + background: #fff;
  1100 + border: 2px dashed #000000;
  1101 + box-sizing: border-box;
  1102 + display: flex;
  1103 + flex-direction: column;
  1104 + flex-grow: 1;
  1105 + justify-content: center;
  1106 + min-height: 100px;
  1107 + padding: 10px;
  1108 +}
  1109 +.tox .tox-dropzone p {
  1110 + color: rgba(255, 255, 255, 0.5);
  1111 + margin: 0 0 16px 0;
  1112 +}
  1113 +.tox .tox-edit-area {
  1114 + border-top: 1px solid #000000;
  1115 + display: flex;
  1116 + flex: 1;
  1117 + -ms-flex-preferred-size: auto;
  1118 + overflow: hidden;
  1119 + position: relative;
  1120 +}
  1121 +.tox .tox-edit-area__iframe {
  1122 + background-color: #fff;
  1123 + border: 0;
  1124 + box-sizing: border-box;
  1125 + flex: 1;
  1126 + -ms-flex-preferred-size: auto;
  1127 + height: 100%;
  1128 + position: absolute;
  1129 + width: 100%;
  1130 +}
  1131 +.tox.tox-inline-edit-area {
  1132 + border: 1px dotted #000000;
  1133 +}
  1134 +.tox .tox-control-wrap {
  1135 + flex: 1;
  1136 + position: relative;
  1137 +}
  1138 +.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
  1139 +.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
  1140 +.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
  1141 + display: none;
  1142 +}
  1143 +.tox .tox-control-wrap svg {
  1144 + display: block;
  1145 +}
  1146 +.tox .tox-control-wrap__status-icon-wrap {
  1147 + position: absolute;
  1148 + top: 50%;
  1149 + transform: translateY(-50%);
  1150 +}
  1151 +.tox .tox-control-wrap__status-icon-invalid svg {
  1152 + fill: #c00;
  1153 +}
  1154 +.tox .tox-control-wrap__status-icon-unknown svg {
  1155 + fill: orange;
  1156 +}
  1157 +.tox .tox-control-wrap__status-icon-valid svg {
  1158 + fill: green;
  1159 +}
  1160 +.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
  1161 +.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
  1162 +.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
  1163 + padding-right: 32px;
  1164 +}
  1165 +.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
  1166 + right: 4px;
  1167 +}
  1168 +.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
  1169 +.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
  1170 +.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
  1171 + padding-left: 32px;
  1172 +}
  1173 +.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
  1174 + left: 4px;
  1175 +}
  1176 +.tox .tox-autocompleter {
  1177 + max-width: 25em;
  1178 +}
  1179 +.tox .tox-autocompleter .tox-menu {
  1180 + max-width: 25em;
  1181 +}
  1182 +.tox .tox-color-input {
  1183 + display: flex;
  1184 +}
  1185 +.tox .tox-color-input .tox-textfield {
  1186 + border-radius: 3px 0 0 3px;
  1187 + display: flex;
  1188 +}
  1189 +.tox .tox-color-input span {
  1190 + border-color: rgba(34, 47, 62, 0.2);
  1191 + border-radius: 0 3px 3px 0;
  1192 + border-style: solid;
  1193 + border-width: 1px 1px 1px 0;
  1194 + box-shadow: none;
  1195 + box-sizing: border-box;
  1196 + cursor: pointer;
  1197 + display: flex;
  1198 + width: 35px;
  1199 +}
  1200 +.tox .tox-color-input span:focus {
  1201 + border-color: #207ab7;
  1202 +}
  1203 +.tox[dir="rtl"] .tox-color-input .tox-textfield {
  1204 + border-radius: 0 3px 3px 0;
  1205 +}
  1206 +.tox[dir="rtl"] .tox-color-input span {
  1207 + border-radius: 3px 0 0 3px;
  1208 + border-width: 1px 0 1px 1px;
  1209 +}
  1210 +.tox .tox-label,
  1211 +.tox .tox-toolbar-label {
  1212 + color: rgba(255, 255, 255, 0.5);
  1213 + display: block;
  1214 + font-size: 14px;
  1215 + font-style: normal;
  1216 + font-weight: normal;
  1217 + line-height: 1.3;
  1218 + padding: 0 8px 0 0;
  1219 + text-transform: normal;
  1220 + white-space: nowrap;
  1221 +}
  1222 +.tox .tox-toolbar-label {
  1223 + padding: 0 8px;
  1224 +}
  1225 +.tox[dir=rtl] .tox-label {
  1226 + padding: 0 0 0 8px;
  1227 +}
  1228 +.tox .tox-form {
  1229 + display: flex;
  1230 + flex: 1;
  1231 + flex-direction: column;
  1232 + -ms-flex-preferred-size: auto;
  1233 +}
  1234 +.tox .tox-form__group {
  1235 + box-sizing: border-box;
  1236 + margin-bottom: 4px;
  1237 +}
  1238 +.tox .tox-form__group--error {
  1239 + color: #c00;
  1240 +}
  1241 +.tox .tox-form__group--collection {
  1242 + display: flex;
  1243 +}
  1244 +.tox .tox-form__grid {
  1245 + display: flex;
  1246 + flex-direction: row;
  1247 + flex-wrap: wrap;
  1248 + justify-content: space-between;
  1249 +}
  1250 +.tox .tox-form__grid--2col > .tox-form__group {
  1251 + width: calc(50% - (8px / 2));
  1252 +}
  1253 +.tox .tox-form__grid--3col > .tox-form__group {
  1254 + width: calc(100% / 3 - (8px / 2));
  1255 +}
  1256 +.tox .tox-form__grid--4col > .tox-form__group {
  1257 + width: calc(25% - (8px / 2));
  1258 +}
  1259 +.tox .tox-form__controls-h-stack {
  1260 + align-items: center;
  1261 + display: flex;
  1262 +}
  1263 +.tox .tox-form__group--inline {
  1264 + align-items: center;
  1265 + display: flex;
  1266 +}
  1267 +.tox .tox-form__group--stretched {
  1268 + display: flex;
  1269 + flex: 1;
  1270 + flex-direction: column;
  1271 + -ms-flex-preferred-size: auto;
  1272 +}
  1273 +.tox .tox-form__group--stretched .tox-textarea {
  1274 + flex: 1;
  1275 + -ms-flex-preferred-size: auto;
  1276 +}
  1277 +.tox .tox-form__group--stretched .tox-navobj {
  1278 + display: flex;
  1279 + flex: 1;
  1280 + -ms-flex-preferred-size: auto;
  1281 +}
  1282 +.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
  1283 + flex: 1;
  1284 + -ms-flex-preferred-size: auto;
  1285 + height: 100%;
  1286 +}
  1287 +.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
  1288 + margin-left: 4px;
  1289 +}
  1290 +.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
  1291 + margin-right: 4px;
  1292 +}
  1293 +.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
  1294 +.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
  1295 + display: none;
  1296 +}
  1297 +.tox .tox-textfield,
  1298 +.tox .tox-toolbar-textfield,
  1299 +.tox:not([dir=rtl]) .tox-selectfield select,
  1300 +.tox[dir=rtl] .tox-selectfield select,
  1301 +.tox .tox-textarea {
  1302 + -webkit-appearance: none;
  1303 + -moz-appearance: none;
  1304 + appearance: none;
  1305 + background-color: #2b3b4e;
  1306 + border-color: #000000;
  1307 + border-radius: 3px;
  1308 + border-style: solid;
  1309 + border-width: 1px;
  1310 + box-shadow: none;
  1311 + box-sizing: border-box;
  1312 + color: #fff;
  1313 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1314 + font-size: 16px;
  1315 + line-height: 24px;
  1316 + margin: 0;
  1317 + outline: none;
  1318 + padding: 5px 4.75px;
  1319 + resize: none;
  1320 + width: 100%;
  1321 +}
  1322 +.tox .tox-textfield:focus,
  1323 +.tox .tox-selectfield select:focus,
  1324 +.tox .tox-textarea:focus {
  1325 + border-color: #207ab7;
  1326 + box-shadow: none;
  1327 + outline: none;
  1328 +}
  1329 +.tox .tox-toolbar-textfield {
  1330 + border-width: 0;
  1331 + margin-bottom: 3px;
  1332 + margin-top: 2px;
  1333 + max-width: 250px;
  1334 +}
  1335 +.tox .tox-naked-btn {
  1336 + background-color: transparent;
  1337 + border: 0;
  1338 + border-color: transparent;
  1339 + box-shadow: unset;
  1340 + color: #207ab7;
  1341 + cursor: pointer;
  1342 + display: block;
  1343 + margin: 0;
  1344 + padding: 0;
  1345 +}
  1346 +.tox .tox-naked-btn svg {
  1347 + display: block;
  1348 + fill: #fff;
  1349 +}
  1350 +.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
  1351 + margin-left: 4px;
  1352 +}
  1353 +.tox[dir=rtl] .tox-toolbar-textfield + * {
  1354 + margin-right: 4px;
  1355 +}
  1356 +.tox .tox-selectfield {
  1357 + cursor: pointer;
  1358 + position: relative;
  1359 +}
  1360 +.tox .tox-selectfield select::-ms-expand {
  1361 + display: none;
  1362 +}
  1363 +.tox .tox-selectfield svg {
  1364 + pointer-events: none;
  1365 + position: absolute;
  1366 + top: 50%;
  1367 + transform: translateY(-50%);
  1368 +}
  1369 +.tox:not([dir=rtl]) .tox-selectfield select {
  1370 + padding-right: 24px;
  1371 +}
  1372 +.tox:not([dir=rtl]) .tox-selectfield svg {
  1373 + right: 8px;
  1374 +}
  1375 +.tox[dir=rtl] .tox-selectfield select {
  1376 + padding-left: 24px;
  1377 +}
  1378 +.tox[dir=rtl] .tox-selectfield svg {
  1379 + left: 8px;
  1380 +}
  1381 +.tox .tox-textarea {
  1382 + -webkit-appearance: textarea;
  1383 + -moz-appearance: textarea;
  1384 + appearance: textarea;
  1385 + white-space: pre-wrap;
  1386 +}
  1387 +.tox-fullscreen {
  1388 + border: 0;
  1389 + height: 100%;
  1390 + left: 0;
  1391 + margin: 0;
  1392 + overflow: hidden;
  1393 + padding: 0;
  1394 + position: fixed;
  1395 + top: 0;
  1396 + width: 100%;
  1397 +}
  1398 +.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
  1399 + display: none;
  1400 +}
  1401 +.tox-fullscreen .tox.tox-tinymce.tox-fullscreen {
  1402 + z-index: 1200;
  1403 +}
  1404 +.tox-fullscreen .tox.tox-tinymce-aux {
  1405 + z-index: 1201;
  1406 +}
  1407 +.tox .tox-image-tools {
  1408 + width: 100%;
  1409 +}
  1410 +.tox .tox-image-tools__toolbar {
  1411 + align-items: center;
  1412 + display: flex;
  1413 + justify-content: center;
  1414 +}
  1415 +.tox .tox-image-tools__image {
  1416 + background-color: #666;
  1417 + height: 380px;
  1418 + overflow: auto;
  1419 + position: relative;
  1420 + width: 100%;
  1421 +}
  1422 +.tox .tox-image-tools__image,
  1423 +.tox .tox-image-tools__image + .tox-image-tools__toolbar {
  1424 + margin-top: 8px;
  1425 +}
  1426 +.tox .tox-image-tools__image-bg {
  1427 + background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
  1428 +}
  1429 +.tox .tox-image-tools__toolbar > .tox-spacer {
  1430 + flex: 1;
  1431 + -ms-flex-preferred-size: auto;
  1432 +}
  1433 +.tox .tox-croprect-block {
  1434 + background: black;
  1435 + filter: alpha(opacity=50);
  1436 + opacity: 0.5;
  1437 + position: absolute;
  1438 + zoom: 1;
  1439 +}
  1440 +.tox .tox-croprect-handle {
  1441 + border: 2px solid white;
  1442 + height: 20px;
  1443 + left: 0;
  1444 + position: absolute;
  1445 + top: 0;
  1446 + width: 20px;
  1447 +}
  1448 +.tox .tox-croprect-handle-move {
  1449 + border: 0;
  1450 + cursor: move;
  1451 + position: absolute;
  1452 +}
  1453 +.tox .tox-croprect-handle-nw {
  1454 + border-width: 2px 0 0 2px;
  1455 + cursor: nw-resize;
  1456 + left: 100px;
  1457 + margin: -2px 0 0 -2px;
  1458 + top: 100px;
  1459 +}
  1460 +.tox .tox-croprect-handle-ne {
  1461 + border-width: 2px 2px 0 0;
  1462 + cursor: ne-resize;
  1463 + left: 200px;
  1464 + margin: -2px 0 0 -20px;
  1465 + top: 100px;
  1466 +}
  1467 +.tox .tox-croprect-handle-sw {
  1468 + border-width: 0 0 2px 2px;
  1469 + cursor: sw-resize;
  1470 + left: 100px;
  1471 + margin: -20px 2px 0 -2px;
  1472 + top: 200px;
  1473 +}
  1474 +.tox .tox-croprect-handle-se {
  1475 + border-width: 0 2px 2px 0;
  1476 + cursor: se-resize;
  1477 + left: 200px;
  1478 + margin: -20px 0 0 -20px;
  1479 + top: 200px;
  1480 +}
  1481 +.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
  1482 + margin-left: 8px;
  1483 +}
  1484 +.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
  1485 + margin-left: 32px;
  1486 +}
  1487 +.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
  1488 + margin-left: 32px;
  1489 +}
  1490 +.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
  1491 + margin-right: 8px;
  1492 +}
  1493 +.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
  1494 + margin-right: 32px;
  1495 +}
  1496 +.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
  1497 + margin-right: 32px;
  1498 +}
  1499 +.tox .tox-insert-table-picker {
  1500 + display: flex;
  1501 + flex-wrap: wrap;
  1502 + width: 169px;
  1503 +}
  1504 +.tox .tox-insert-table-picker > div {
  1505 + border-color: #070a0d;
  1506 + border-style: solid;
  1507 + border-width: 0 1px 1px 0;
  1508 + box-sizing: content-box;
  1509 + height: 16px;
  1510 + width: 16px;
  1511 +}
  1512 +.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
  1513 + margin: -4px 0;
  1514 +}
  1515 +.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
  1516 + background-color: rgba(32, 122, 183, 0.5);
  1517 + border-color: rgba(32, 122, 183, 0.5);
  1518 +}
  1519 +.tox .tox-insert-table-picker__label {
  1520 + color: #fff;
  1521 + display: block;
  1522 + font-size: 14px;
  1523 + padding: 4px;
  1524 + text-align: center;
  1525 + width: 100%;
  1526 +}
  1527 +.tox:not([dir=rtl]) {
  1528 + /* stylelint-disable-next-line no-descending-specificity */
  1529 +}
  1530 +.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
  1531 + border-right: 0;
  1532 +}
  1533 +.tox[dir=rtl] {
  1534 + /* stylelint-disable-next-line no-descending-specificity */
  1535 +}
  1536 +.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
  1537 + border-right: 0;
  1538 +}
  1539 +.tox {
  1540 + /* stylelint-disable */
  1541 + /* stylelint-enable */
  1542 +}
  1543 +.tox .tox-menu {
  1544 + background-color: #2b3b4e;
  1545 + border: 1px solid #000000;
  1546 + border-radius: 3px;
  1547 + box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  1548 + display: inline-block;
  1549 + overflow: hidden;
  1550 + vertical-align: top;
  1551 + z-index: 1;
  1552 +}
  1553 +.tox .tox-menu.tox-collection.tox-collection--list {
  1554 + padding: 0;
  1555 +}
  1556 +.tox .tox-menu.tox-collection.tox-collection--toolbar {
  1557 + padding: 4px;
  1558 +}
  1559 +.tox .tox-menu.tox-collection.tox-collection--grid {
  1560 + padding: 4px;
  1561 +}
  1562 +.tox .tox-menu__label h1,
  1563 +.tox .tox-menu__label h2,
  1564 +.tox .tox-menu__label h3,
  1565 +.tox .tox-menu__label h4,
  1566 +.tox .tox-menu__label h5,
  1567 +.tox .tox-menu__label h6,
  1568 +.tox .tox-menu__label p,
  1569 +.tox .tox-menu__label blockquote,
  1570 +.tox .tox-menu__label code {
  1571 + margin: 0;
  1572 +}
  1573 +.tox .tox-menubar {
  1574 + background: url("data:image/svg+xml;charset=utf8,%3Csvg height='43px' viewBox='0 0 40 43px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='42px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
  1575 + background-color: #222f3e;
  1576 + display: flex;
  1577 + flex: 0 0 auto;
  1578 + flex-shrink: 0;
  1579 + flex-wrap: wrap;
  1580 + margin-bottom: -1px;
  1581 + padding: 0 4px;
  1582 +}
  1583 +.tox .tox-mbtn {
  1584 + align-items: center;
  1585 + background: none;
  1586 + border: 0;
  1587 + border-radius: 3px;
  1588 + box-shadow: none;
  1589 + color: #fff;
  1590 + display: flex;
  1591 + flex: 0 0 auto;
  1592 + font-size: 14px;
  1593 + font-style: normal;
  1594 + font-weight: normal;
  1595 + height: 34px;
  1596 + justify-content: center;
  1597 + margin: 2px 0 3px 0;
  1598 + outline: none;
  1599 + overflow: hidden;
  1600 + padding: 0 4px;
  1601 + text-transform: normal;
  1602 + width: auto;
  1603 +}
  1604 +.tox .tox-mbtn[disabled] {
  1605 + background-color: none;
  1606 + border-color: none;
  1607 + box-shadow: none;
  1608 + color: rgba(255, 255, 255, 0.5);
  1609 + cursor: not-allowed;
  1610 +}
  1611 +.tox .tox-mbtn:hover:not(:disabled) {
  1612 + background: #434e5b;
  1613 + box-shadow: none;
  1614 + color: #fff;
  1615 +}
  1616 +.tox .tox-mbtn:focus:not(:disabled) {
  1617 + background: #434e5b;
  1618 + box-shadow: none;
  1619 + color: #fff;
  1620 +}
  1621 +.tox .tox-mbtn--active {
  1622 + background: #6f7882;
  1623 + box-shadow: none;
  1624 + color: #fff;
  1625 +}
  1626 +.tox .tox-mbtn__select-label {
  1627 + cursor: default;
  1628 + font-weight: normal;
  1629 + margin: 0 4px;
  1630 +}
  1631 +.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
  1632 + cursor: not-allowed;
  1633 +}
  1634 +.tox .tox-mbtn__select-chevron {
  1635 + align-items: center;
  1636 + display: flex;
  1637 + justify-content: center;
  1638 + width: 16px;
  1639 + display: none;
  1640 +}
  1641 +.tox .tox-notification {
  1642 + background-color: #fffaea;
  1643 + border-color: #ffe89d;
  1644 + border-style: solid;
  1645 + border-width: 1px;
  1646 + box-sizing: border-box;
  1647 + display: grid;
  1648 + grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
  1649 + margin-top: 5px;
  1650 + opacity: 0;
  1651 + padding: 5px;
  1652 + transition: transform 100ms ease-in, opacity 150ms ease-in;
  1653 +}
  1654 +.tox .tox-notification--in {
  1655 + opacity: 1;
  1656 +}
  1657 +.tox .tox-notification--success {
  1658 + background-color: #dff0d8;
  1659 + border-color: #d6e9c6;
  1660 +}
  1661 +.tox .tox-notification--error {
  1662 + background-color: #f2dede;
  1663 + border-color: #ebccd1;
  1664 +}
  1665 +.tox .tox-notification--warn {
  1666 + background-color: #fcf8e3;
  1667 + border-color: #faebcc;
  1668 +}
  1669 +.tox .tox-notification--info {
  1670 + background-color: #d9edf7;
  1671 + border-color: #779ecb;
  1672 +}
  1673 +.tox .tox-notification__body {
  1674 + align-self: center;
  1675 + color: #fff;
  1676 + font-size: 14px;
  1677 + grid-column-end: 3;
  1678 + -ms-grid-column-span: 1;
  1679 + grid-column-start: 2;
  1680 + grid-row-end: 2;
  1681 + grid-row-start: 1;
  1682 + text-align: center;
  1683 + white-space: normal;
  1684 + word-break: break-all;
  1685 + word-break: break-word;
  1686 +}
  1687 +.tox .tox-notification__body > * {
  1688 + margin: 0;
  1689 +}
  1690 +.tox .tox-notification__body > * + * {
  1691 + margin-top: 1rem;
  1692 +}
  1693 +.tox .tox-notification__icon {
  1694 + align-self: center;
  1695 + -ms-grid-column-align: end;
  1696 + grid-column-end: 2;
  1697 + -ms-grid-column-span: 1;
  1698 + grid-column-start: 1;
  1699 + grid-row-end: 2;
  1700 + grid-row-start: 1;
  1701 + justify-self: end;
  1702 +}
  1703 +.tox .tox-notification__icon svg {
  1704 + display: block;
  1705 +}
  1706 +.tox .tox-notification__dismiss {
  1707 + align-self: start;
  1708 + -ms-grid-column-align: end;
  1709 + grid-column-end: 4;
  1710 + -ms-grid-column-span: 1;
  1711 + grid-column-start: 3;
  1712 + grid-row-end: 2;
  1713 + grid-row-start: 1;
  1714 + justify-self: end;
  1715 +}
  1716 +.tox .tox-notification .tox-progress-bar {
  1717 + -ms-grid-column-align: center;
  1718 + grid-column-end: 4;
  1719 + -ms-grid-column-span: 3;
  1720 + grid-column-start: 1;
  1721 + grid-row-end: 3;
  1722 + -ms-grid-row-span: 1;
  1723 + grid-row-start: 2;
  1724 + justify-self: center;
  1725 +}
  1726 +.tox .tox-pop {
  1727 + display: inline-block;
  1728 + position: relative;
  1729 +}
  1730 +.tox .tox-pop--resizing {
  1731 + transition: width 0.1s ease;
  1732 +}
  1733 +.tox .tox-pop--resizing .tox-toolbar {
  1734 + flex-wrap: nowrap;
  1735 +}
  1736 +.tox .tox-pop__dialog {
  1737 + background-color: #222f3e;
  1738 + border: 1px solid #000000;
  1739 + border-radius: 3px;
  1740 + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  1741 + min-width: 0;
  1742 + overflow: hidden;
  1743 +}
  1744 +.tox .tox-pop__dialog > *:not(.tox-toolbar) {
  1745 + margin: 4px 4px 4px 8px;
  1746 +}
  1747 +.tox .tox-pop__dialog .tox-toolbar {
  1748 + background-color: transparent;
  1749 +}
  1750 +.tox .tox-pop::before,
  1751 +.tox .tox-pop::after {
  1752 + border-style: solid;
  1753 + content: '';
  1754 + display: block;
  1755 + height: 0;
  1756 + position: absolute;
  1757 + width: 0;
  1758 +}
  1759 +.tox .tox-pop.tox-pop--bottom::before,
  1760 +.tox .tox-pop.tox-pop--bottom::after {
  1761 + left: 50%;
  1762 + top: 100%;
  1763 +}
  1764 +.tox .tox-pop.tox-pop--bottom::after {
  1765 + border-color: #222f3e transparent transparent transparent;
  1766 + border-width: 8px;
  1767 + margin-left: -8px;
  1768 + margin-top: -1px;
  1769 +}
  1770 +.tox .tox-pop.tox-pop--bottom::before {
  1771 + border-color: #000000 transparent transparent transparent;
  1772 + border-width: 9px;
  1773 + margin-left: -9px;
  1774 +}
  1775 +.tox .tox-pop.tox-pop--top::before,
  1776 +.tox .tox-pop.tox-pop--top::after {
  1777 + left: 50%;
  1778 + top: 0;
  1779 + transform: translateY(-100%);
  1780 +}
  1781 +.tox .tox-pop.tox-pop--top::after {
  1782 + border-color: transparent transparent #222f3e transparent;
  1783 + border-width: 8px;
  1784 + margin-left: -8px;
  1785 + margin-top: 1px;
  1786 +}
  1787 +.tox .tox-pop.tox-pop--top::before {
  1788 + border-color: transparent transparent #000000 transparent;
  1789 + border-width: 9px;
  1790 + margin-left: -9px;
  1791 +}
  1792 +.tox .tox-pop.tox-pop--left::before,
  1793 +.tox .tox-pop.tox-pop--left::after {
  1794 + left: 0;
  1795 + top: calc(50% - 1px);
  1796 + transform: translateY(-50%);
  1797 +}
  1798 +.tox .tox-pop.tox-pop--left::after {
  1799 + border-color: transparent #222f3e transparent transparent;
  1800 + border-width: 8px;
  1801 + margin-left: -15px;
  1802 +}
  1803 +.tox .tox-pop.tox-pop--left::before {
  1804 + border-color: transparent #000000 transparent transparent;
  1805 + border-width: 10px;
  1806 + margin-left: -19px;
  1807 +}
  1808 +.tox .tox-pop.tox-pop--right::before,
  1809 +.tox .tox-pop.tox-pop--right::after {
  1810 + left: 100%;
  1811 + top: calc(50% + 1px);
  1812 + transform: translateY(-50%);
  1813 +}
  1814 +.tox .tox-pop.tox-pop--right::after {
  1815 + border-color: transparent transparent transparent #222f3e;
  1816 + border-width: 8px;
  1817 + margin-left: -1px;
  1818 +}
  1819 +.tox .tox-pop.tox-pop--right::before {
  1820 + border-color: transparent transparent transparent #000000;
  1821 + border-width: 10px;
  1822 + margin-left: -1px;
  1823 +}
  1824 +.tox .tox-pop.tox-pop--align-left::before,
  1825 +.tox .tox-pop.tox-pop--align-left::after {
  1826 + left: 20px;
  1827 +}
  1828 +.tox .tox-pop.tox-pop--align-right::before,
  1829 +.tox .tox-pop.tox-pop--align-right::after {
  1830 + left: calc(100% - 20px);
  1831 +}
  1832 +.tox .tox-sidebar-wrap {
  1833 + display: flex;
  1834 + flex-direction: row;
  1835 + flex-grow: 1;
  1836 + min-height: 0;
  1837 +}
  1838 +.tox .tox-sidebar {
  1839 + display: flex;
  1840 + flex-direction: row;
  1841 + justify-content: flex-end;
  1842 +}
  1843 +.tox .tox-sidebar__slider {
  1844 + display: flex;
  1845 + overflow: hidden;
  1846 +}
  1847 +.tox .tox-sidebar__pane-container {
  1848 + display: flex;
  1849 +}
  1850 +.tox .tox-sidebar__pane {
  1851 + display: flex;
  1852 +}
  1853 +.tox .tox-sidebar--sliding-closed {
  1854 + opacity: 0;
  1855 +}
  1856 +.tox .tox-sidebar--sliding-open {
  1857 + opacity: 1;
  1858 +}
  1859 +.tox .tox-sidebar--sliding-growing,
  1860 +.tox .tox-sidebar--sliding-shrinking {
  1861 + transition: width 0.5s ease, opacity 0.5s ease;
  1862 +}
  1863 +.tox .tox-slider {
  1864 + align-items: center;
  1865 + display: flex;
  1866 + flex: 1;
  1867 + -ms-flex-preferred-size: auto;
  1868 + height: 24px;
  1869 + justify-content: center;
  1870 + position: relative;
  1871 +}
  1872 +.tox .tox-slider__rail {
  1873 + background-color: transparent;
  1874 + border: 1px solid #000000;
  1875 + border-radius: 3px;
  1876 + height: 10px;
  1877 + min-width: 120px;
  1878 + width: 100%;
  1879 +}
  1880 +.tox .tox-slider__handle {
  1881 + background-color: #207ab7;
  1882 + border: 2px solid #185d8c;
  1883 + border-radius: 3px;
  1884 + box-shadow: none;
  1885 + height: 24px;
  1886 + left: 50%;
  1887 + position: absolute;
  1888 + top: 50%;
  1889 + transform: translateX(-50%) translateY(-50%);
  1890 + width: 14px;
  1891 +}
  1892 +.tox .tox-source-code {
  1893 + overflow: auto;
  1894 +}
  1895 +.tox .tox-spinner {
  1896 + display: flex;
  1897 +}
  1898 +.tox .tox-spinner > div {
  1899 + animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
  1900 + background-color: rgba(255, 255, 255, 0.5);
  1901 + border-radius: 100%;
  1902 + height: 8px;
  1903 + width: 8px;
  1904 +}
  1905 +.tox .tox-spinner > div:nth-child(1) {
  1906 + animation-delay: -0.32s;
  1907 +}
  1908 +.tox .tox-spinner > div:nth-child(2) {
  1909 + animation-delay: -0.16s;
  1910 +}
  1911 +@keyframes tam-bouncing-dots {
  1912 + 0%,
  1913 + 80%,
  1914 + 100% {
  1915 + transform: scale(0);
  1916 + }
  1917 + 40% {
  1918 + transform: scale(1);
  1919 + }
  1920 +}
  1921 +.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
  1922 + margin-left: 4px;
  1923 +}
  1924 +.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
  1925 + margin-right: 4px;
  1926 +}
  1927 +.tox .tox-statusbar {
  1928 + align-items: center;
  1929 + background-color: #222f3e;
  1930 + border-top: 1px solid #000000;
  1931 + color: rgba(255, 255, 255, 0.5);
  1932 + display: flex;
  1933 + flex: 0 0 auto;
  1934 + font-size: 12px;
  1935 + height: 18px;
  1936 + overflow: hidden;
  1937 + padding: 0 8px;
  1938 + position: relative;
  1939 + text-transform: uppercase;
  1940 +}
  1941 +.tox .tox-statusbar a {
  1942 + color: rgba(255, 255, 255, 0.5);
  1943 + text-decoration: none;
  1944 +}
  1945 +.tox .tox-statusbar a:hover {
  1946 + text-decoration: underline;
  1947 +}
  1948 +.tox .tox-statusbar__text-container {
  1949 + display: flex;
  1950 + flex: 1 1 auto;
  1951 + justify-content: flex-end;
  1952 + overflow: hidden;
  1953 +}
  1954 +.tox .tox-statusbar__path {
  1955 + display: flex;
  1956 + flex: 1 1 auto;
  1957 + margin-right: auto;
  1958 + overflow: hidden;
  1959 + text-overflow: ellipsis;
  1960 + white-space: nowrap;
  1961 +}
  1962 +.tox .tox-statusbar__path > * {
  1963 + display: inline;
  1964 + white-space: nowrap;
  1965 +}
  1966 +.tox .tox-statusbar__wordcount {
  1967 + flex: 0 0 auto;
  1968 + margin-left: 1ch;
  1969 +}
  1970 +.tox .tox-statusbar__resize-handle {
  1971 + align-items: flex-end;
  1972 + align-self: stretch;
  1973 + cursor: nwse-resize;
  1974 + display: flex;
  1975 + flex: 0 0 auto;
  1976 + justify-content: flex-end;
  1977 + margin-left: auto;
  1978 + margin-right: -8px;
  1979 + padding-left: 1ch;
  1980 +}
  1981 +.tox .tox-statusbar__resize-handle svg {
  1982 + display: block;
  1983 + fill: rgba(255, 255, 255, 0.5);
  1984 +}
  1985 +.tox:not([dir=rtl]) .tox-statusbar__path > * {
  1986 + margin-right: 4px;
  1987 +}
  1988 +.tox:not([dir=rtl]) .tox-statusbar__branding {
  1989 + margin-left: 1ch;
  1990 +}
  1991 +.tox[dir=rtl] .tox-statusbar {
  1992 + flex-direction: row-reverse;
  1993 +}
  1994 +.tox[dir=rtl] .tox-statusbar__path > * {
  1995 + margin-left: 4px;
  1996 +}
  1997 +.tox .tox-throbber {
  1998 + z-index: 1400;
  1999 +}
  2000 +.tox .tox-throbber__busy-spinner {
  2001 + align-items: center;
  2002 + background-color: rgba(34, 47, 62, 0.6);
  2003 + bottom: 0;
  2004 + display: flex;
  2005 + justify-content: center;
  2006 + left: 0;
  2007 + position: absolute;
  2008 + right: 0;
  2009 + top: 0;
  2010 +}
  2011 +.tox .tox-tbtn {
  2012 + align-items: center;
  2013 + background: none;
  2014 + border: 0;
  2015 + border-radius: 3px;
  2016 + box-shadow: none;
  2017 + color: #fff;
  2018 + display: flex;
  2019 + flex: 0 0 auto;
  2020 + font-size: 14px;
  2021 + font-style: normal;
  2022 + font-weight: normal;
  2023 + height: 34px;
  2024 + justify-content: center;
  2025 + margin: 2px 0 3px 0;
  2026 + outline: none;
  2027 + overflow: hidden;
  2028 + padding: 0;
  2029 + text-transform: normal;
  2030 + width: 34px;
  2031 +}
  2032 +.tox .tox-tbtn svg {
  2033 + display: block;
  2034 + fill: #fff;
  2035 +}
  2036 +.tox .tox-tbtn.tox-tbtn-more {
  2037 + padding-left: 5px;
  2038 + padding-right: 5px;
  2039 + width: inherit;
  2040 +}
  2041 +.tox .tox-tbtn--enabled {
  2042 + background: #6f7882;
  2043 + box-shadow: none;
  2044 + color: #fff;
  2045 +}
  2046 +.tox .tox-tbtn--enabled > * {
  2047 + transform: none;
  2048 +}
  2049 +.tox .tox-tbtn--enabled svg {
  2050 + fill: #fff;
  2051 +}
  2052 +.tox .tox-tbtn:hover {
  2053 + background: #434e5b;
  2054 + box-shadow: none;
  2055 + color: #fff;
  2056 +}
  2057 +.tox .tox-tbtn:hover svg {
  2058 + fill: #fff;
  2059 +}
  2060 +.tox .tox-tbtn:focus {
  2061 + background: #434e5b;
  2062 + box-shadow: none;
  2063 + color: #fff;
  2064 +}
  2065 +.tox .tox-tbtn:focus svg {
  2066 + fill: #fff;
  2067 +}
  2068 +.tox .tox-tbtn:active {
  2069 + background: #6f7882;
  2070 + box-shadow: none;
  2071 + color: #fff;
  2072 +}
  2073 +.tox .tox-tbtn:active svg {
  2074 + fill: #fff;
  2075 +}
  2076 +.tox .tox-tbtn--disabled,
  2077 +.tox .tox-tbtn--disabled:hover,
  2078 +.tox .tox-tbtn:disabled,
  2079 +.tox .tox-tbtn:disabled:hover {
  2080 + background: none;
  2081 + box-shadow: none;
  2082 + color: rgba(255, 255, 255, 0.5);
  2083 + cursor: not-allowed;
  2084 +}
  2085 +.tox .tox-tbtn--disabled svg,
  2086 +.tox .tox-tbtn--disabled:hover svg,
  2087 +.tox .tox-tbtn:disabled svg,
  2088 +.tox .tox-tbtn:disabled:hover svg {
  2089 + /* stylelint-disable-line no-descending-specificity */
  2090 + fill: rgba(255, 255, 255, 0.5);
  2091 +}
  2092 +.tox .tox-tbtn:active > * {
  2093 + transform: none;
  2094 +}
  2095 +.tox .tox-tbtn--md {
  2096 + height: 51px;
  2097 + width: 51px;
  2098 +}
  2099 +.tox .tox-tbtn--lg {
  2100 + flex-direction: column;
  2101 + height: 68px;
  2102 + width: 68px;
  2103 +}
  2104 +.tox .tox-tbtn--return {
  2105 + align-self: stretch;
  2106 + height: unset;
  2107 + width: 16px;
  2108 +}
  2109 +.tox .tox-tbtn--labeled {
  2110 + padding: 0 4px;
  2111 + width: unset;
  2112 +}
  2113 +.tox .tox-tbtn__vlabel {
  2114 + display: block;
  2115 + font-size: 10px;
  2116 + font-weight: normal;
  2117 + letter-spacing: -0.025em;
  2118 + margin-bottom: 4px;
  2119 + white-space: nowrap;
  2120 +}
  2121 +.tox .tox-tbtn--select {
  2122 + margin: 2px 0 3px 0;
  2123 + padding: 0 4px;
  2124 + width: auto;
  2125 +}
  2126 +.tox .tox-tbtn__select-label {
  2127 + cursor: default;
  2128 + font-weight: normal;
  2129 + margin: 0 4px;
  2130 +}
  2131 +.tox .tox-tbtn__select-chevron {
  2132 + align-items: center;
  2133 + display: flex;
  2134 + justify-content: center;
  2135 + width: 16px;
  2136 +}
  2137 +.tox .tox-tbtn__select-chevron svg {
  2138 + fill: rgba(255, 255, 255, 0.5);
  2139 +}
  2140 +.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
  2141 + overflow: hidden;
  2142 + text-overflow: ellipsis;
  2143 + white-space: nowrap;
  2144 + width: 7em;
  2145 +}
  2146 +.tox .tox-split-button {
  2147 + border: 0;
  2148 + border-radius: 3px;
  2149 + box-sizing: border-box;
  2150 + display: flex;
  2151 + margin: 2px 0 3px 0;
  2152 + overflow: hidden;
  2153 +}
  2154 +.tox .tox-split-button:hover {
  2155 + box-shadow: 0 0 0 1px #434e5b inset;
  2156 +}
  2157 +.tox .tox-split-button:focus {
  2158 + background: #434e5b;
  2159 + box-shadow: none;
  2160 + color: #fff;
  2161 +}
  2162 +.tox .tox-split-button > * {
  2163 + border-radius: 0;
  2164 +}
  2165 +.tox .tox-split-button__chevron {
  2166 + width: 16px;
  2167 +}
  2168 +.tox .tox-split-button__chevron svg {
  2169 + fill: rgba(255, 255, 255, 0.5);
  2170 +}
  2171 +.tox .tox-pop .tox-split-button__chevron svg {
  2172 + transform: rotate(-90deg);
  2173 +}
  2174 +.tox .tox-split-button .tox-tbtn {
  2175 + margin: 0;
  2176 +}
  2177 +.tox .tox-split-button.tox-tbtn--disabled:hover,
  2178 +.tox .tox-split-button.tox-tbtn--disabled:focus,
  2179 +.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
  2180 +.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
  2181 + background: none;
  2182 + box-shadow: none;
  2183 + color: rgba(255, 255, 255, 0.5);
  2184 +}
  2185 +.tox .tox-toolbar,
  2186 +.tox .tox-toolbar__primary,
  2187 +.tox .tox-toolbar__overflow {
  2188 + background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
  2189 + background-color: #222f3e;
  2190 + border-top: 1px solid #000000;
  2191 + display: flex;
  2192 + flex: 0 0 auto;
  2193 + flex-shrink: 0;
  2194 + flex-wrap: wrap;
  2195 + margin-bottom: -1px;
  2196 + padding: 0 0;
  2197 +}
  2198 +.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
  2199 + height: 0;
  2200 + opacity: 0;
  2201 + visibility: hidden;
  2202 +}
  2203 +.tox .tox-toolbar__overflow--growing {
  2204 + transition: height 0.3s ease, opacity 0.2s linear 0.1s;
  2205 +}
  2206 +.tox .tox-toolbar__overflow--shrinking {
  2207 + transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
  2208 +}
  2209 +.tox .tox-pop .tox-toolbar {
  2210 + border-width: 0;
  2211 +}
  2212 +.tox .tox-toolbar--no-divider {
  2213 + background-image: none;
  2214 +}
  2215 +.tox.tox-tinymce-aux .tox-toolbar__overflow {
  2216 + background-color: #222f3e;
  2217 + border: 1px solid #000000;
  2218 + border-radius: 3px;
  2219 + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  2220 +}
  2221 +.tox.tox-tinymce-aux:not([dir=rtl]) .tox-toolbar__overflow {
  2222 + margin-left: 4px;
  2223 +}
  2224 +.tox[dir=rtl] .tox-tbtn__icon-rtl svg {
  2225 + transform: rotateY(180deg);
  2226 +}
  2227 +.tox[dir=rtl].tox-tinymce-aux .tox-toolbar__overflow {
  2228 + margin-right: 4px;
  2229 +}
  2230 +.tox .tox-toolbar__group {
  2231 + align-items: center;
  2232 + display: flex;
  2233 + flex-wrap: wrap;
  2234 + margin: 0 0;
  2235 + padding: 0 4px;
  2236 +}
  2237 +.tox .tox-toolbar__group--pull-right {
  2238 + margin-left: auto;
  2239 +}
  2240 +.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  2241 + border-right: 1px solid #000000;
  2242 +}
  2243 +.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
  2244 + border-left: 1px solid #000000;
  2245 +}
  2246 +.tox .tox-tooltip {
  2247 + display: inline-block;
  2248 + padding: 8px;
  2249 + position: relative;
  2250 +}
  2251 +.tox .tox-tooltip__body {
  2252 + background-color: #3d546f;
  2253 + border-radius: 3px;
  2254 + box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
  2255 + color: rgba(255, 255, 255, 0.75);
  2256 + font-size: 14px;
  2257 + font-style: normal;
  2258 + font-weight: normal;
  2259 + padding: 4px 8px;
  2260 + text-transform: normal;
  2261 +}
  2262 +.tox .tox-tooltip__arrow {
  2263 + position: absolute;
  2264 +}
  2265 +.tox .tox-tooltip--down .tox-tooltip__arrow {
  2266 + border-left: 8px solid transparent;
  2267 + border-right: 8px solid transparent;
  2268 + border-top: 8px solid #3d546f;
  2269 + bottom: 0;
  2270 + left: 50%;
  2271 + position: absolute;
  2272 + transform: translateX(-50%);
  2273 +}
  2274 +.tox .tox-tooltip--up .tox-tooltip__arrow {
  2275 + border-bottom: 8px solid #3d546f;
  2276 + border-left: 8px solid transparent;
  2277 + border-right: 8px solid transparent;
  2278 + left: 50%;
  2279 + position: absolute;
  2280 + top: 0;
  2281 + transform: translateX(-50%);
  2282 +}
  2283 +.tox .tox-tooltip--right .tox-tooltip__arrow {
  2284 + border-bottom: 8px solid transparent;
  2285 + border-left: 8px solid #3d546f;
  2286 + border-top: 8px solid transparent;
  2287 + position: absolute;
  2288 + right: 0;
  2289 + top: 50%;
  2290 + transform: translateY(-50%);
  2291 +}
  2292 +.tox .tox-tooltip--left .tox-tooltip__arrow {
  2293 + border-bottom: 8px solid transparent;
  2294 + border-right: 8px solid #3d546f;
  2295 + border-top: 8px solid transparent;
  2296 + left: 0;
  2297 + position: absolute;
  2298 + top: 50%;
  2299 + transform: translateY(-50%);
  2300 +}
  2301 +.tox .tox-well {
  2302 + border: 1px solid #000000;
  2303 + border-radius: 3px;
  2304 + padding: 8px;
  2305 + width: 100%;
  2306 +}
  2307 +.tox .tox-well > *:first-child {
  2308 + margin-top: 0;
  2309 +}
  2310 +.tox .tox-well > *:last-child {
  2311 + margin-bottom: 0;
  2312 +}
  2313 +.tox .tox-well > *:only-child {
  2314 + margin: 0;
  2315 +}
  2316 +.tox .tox-custom-editor {
  2317 + border: 1px solid #000000;
  2318 + border-radius: 3px;
  2319 + display: flex;
  2320 + height: 525px;
  2321 +}
  2322 +/* stylelint-disable */
  2323 +.tox {
  2324 + /* stylelint-enable */
  2325 +}
  2326 +.tox .tox-dialog-loading::before {
  2327 + background-color: rgba(0, 0, 0, 0.5);
  2328 + content: "";
  2329 + height: 100%;
  2330 + position: absolute;
  2331 + width: 100%;
  2332 + z-index: 1000;
  2333 +}
  2334 +.tox .tox-tab {
  2335 + cursor: pointer;
  2336 +}
  2337 +.tox .tox-dialog__content-js {
  2338 + display: flex;
  2339 + flex: 1;
  2340 + -ms-flex-preferred-size: auto;
  2341 +}
  2342 +.tox .tox-dialog__body-content .tox-collection {
  2343 + display: flex;
  2344 + flex: 1;
  2345 + -ms-flex-preferred-size: auto;
  2346 +}
  2347 +.tox ul {
  2348 + display: block;
  2349 + list-style-type: disc;
  2350 + -webkit-margin-before: 1em;
  2351 + margin-block-start: 1em;
  2352 + -webkit-margin-after: 1em;
  2353 + margin-block-end: 1em;
  2354 + -webkit-margin-start: 0px;
  2355 + margin-inline-start: 0px;
  2356 + -webkit-margin-end: 0px;
  2357 + margin-inline-end: 0px;
  2358 + -webkit-padding-start: 40px;
  2359 + padding-inline-start: 40px;
  2360 +}
  2361 +.tox a {
  2362 + cursor: pointer;
  2363 + color: #2276d2;
  2364 +}
  2365 +.tox .tox-image-tools-edit-panel {
  2366 + height: 60px;
  2367 +}
  2368 +.tox .tox-image-tools__sidebar {
  2369 + height: 60px;
  2370 +}
... ...
public/resource/tinymce/skins/ui/oxide-dark/skin.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.tox{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;color: #222f3e;text-decoration: none;text-shadow: none;text-transform: none;white-space: normal;vertical-align: initial;cursor: auto;box-sizing: content-box;-webkit-tap-highlight-color: transparent;}
  8 +
  9 +.tox :not(svg){font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;line-height: inherit;color: inherit;text-align: inherit;text-decoration: inherit;text-shadow: inherit;text-transform: inherit;white-space: inherit;vertical-align: inherit;cursor: inherit;box-sizing: inherit;direction: inherit;-webkit-tap-highlight-color: inherit;}
  10 +
  11 +.tox :not(svg){position: static;float: none;width: auto;height: auto;max-width: none;padding: 0;margin: 0;background: 0 0;border: 0;outline: 0;}
  12 +
  13 +.tox:not([dir=rtl]){text-align: left;direction: ltr;}
  14 +
  15 +.tox[dir=rtl]{text-align: right;direction: rtl;}
  16 +
  17 +.tox-tinymce{position: relative;display: flex;overflow: hidden;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;border: 1px solid #000;border-radius: 0;visibility: inherit !important;box-shadow: none;box-sizing: border-box;flex-direction: column;}
  18 +
  19 +.tox-editor-container{display: flex;flex: 1 1 auto;flex-direction: column;overflow: hidden;}
  20 +
  21 +.tox-editor-container>:first-child{border-top: none !important;}
  22 +
  23 +.tox-tinymce-aux{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
  24 +
  25 +.tox-tinymce :focus,.tox-tinymce-aux :focus{outline: 0;}
  26 +
  27 +button::-moz-focus-inner{border: 0;}
  28 +
  29 +.tox-silver-sink{z-index: 1300;}
  30 +
  31 +.tox .tox-anchorbar{display: flex;flex: 0 0 auto;}
  32 +
  33 +.tox .tox-bar{display: flex;flex: 0 0 auto;}
  34 +
  35 +.tox .tox-button{display: inline-block;padding: 4px 16px;margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 14px;font-weight: 700;line-height: 24px;letter-spacing: 1;color: #fff;text-align: center;text-decoration: none;text-transform: capitalize;white-space: nowrap;cursor: pointer;background-color: #207ab7;background-image: none;background-position: none;background-repeat: none;border-color: #207ab7;border-style: solid;border-width: 1px;border-radius: 3px;outline: 0;box-shadow: none;box-sizing: border-box;}
  36 +
  37 +.tox .tox-button[disabled]{color: rgba(255,255,255,.5);cursor: not-allowed;background-color: #207ab7;background-image: none;border-color: #207ab7;box-shadow: none;}
  38 +
  39 +.tox .tox-button:focus:not(:disabled){color: #fff;background-color: #1c6ca1;background-image: none;border-color: #1c6ca1;box-shadow: none;}
  40 +
  41 +.tox .tox-button:hover:not(:disabled){color: #fff;background-color: #1c6ca1;background-image: none;border-color: #1c6ca1;box-shadow: none;}
  42 +
  43 +.tox .tox-button:active:not(:disabled){color: #fff;background-color: #185d8c;background-image: none;border-color: #185d8c;box-shadow: none;}
  44 +
  45 +.tox .tox-button--secondary{padding: 4px 16px;color: #fff;text-decoration: none;text-transform: capitalize;background-color: #3d546f;background-image: none;background-position: none;background-repeat: none;border-color: #3d546f;border-style: solid;border-width: 1px;border-radius: 3px;outline: 0;box-shadow: none;}
  46 +
  47 +.tox .tox-button--secondary[disabled]{color: rgba(255,255,255,.5);background-color: #3d546f;background-image: none;border-color: #3d546f;box-shadow: none;}
  48 +
  49 +.tox .tox-button--secondary:focus:not(:disabled){color: #fff;background-color: #34485f;background-image: none;border-color: #34485f;box-shadow: none;}
  50 +
  51 +.tox .tox-button--secondary:hover:not(:disabled){color: #fff;background-color: #34485f;background-image: none;border-color: #34485f;box-shadow: none;}
  52 +
  53 +.tox .tox-button--secondary:active:not(:disabled){color: #fff;background-color: #2b3b4e;background-image: none;border-color: #2b3b4e;box-shadow: none;}
  54 +
  55 +.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding: 4px;}
  56 +
  57 +.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display: block;fill: currentColor;}
  58 +
  59 +.tox .tox-button-link{display: inline-block;padding: 0;margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 16px;font-weight: 400;line-height: 1.3;white-space: nowrap;cursor: pointer;background: 0;border: none;box-sizing: border-box;}
  60 +
  61 +.tox .tox-button-link--sm{font-size: 14px;}
  62 +
  63 +.tox .tox-button--naked{color: #fff;background-color: transparent;border-color: transparent;box-shadow: unset;}
  64 +
  65 +.tox .tox-button--naked:hover:not(:disabled){color: #fff;background-color: #34485f;border-color: #34485f;box-shadow: none;}
  66 +
  67 +.tox .tox-button--naked:focus:not(:disabled){color: #fff;background-color: #34485f;border-color: #34485f;box-shadow: none;}
  68 +
  69 +.tox .tox-button--naked:active:not(:disabled){color: #fff;background-color: #2b3b4e;border-color: #2b3b4e;box-shadow: none;}
  70 +
  71 +.tox .tox-button--naked .tox-icon svg{fill: currentColor;}
  72 +
  73 +.tox .tox-button--naked.tox-button--icon{color: currentColor;}
  74 +
  75 +.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color: #fff;}
  76 +
  77 +.tox .tox-checkbox{display: flex;height: 36px;min-width: 36px;cursor: pointer;border-radius: 3px;align-items: center;}
  78 +
  79 +.tox .tox-checkbox__input{position: absolute;top: auto;left: -10000px;width: 1px;height: 1px;overflow: hidden;}
  80 +
  81 +.tox .tox-checkbox__icons{width: 24px;height: 24px;padding: calc(4px - 1px);border-radius: 3px;box-shadow: 0 0 0 2px transparent;box-sizing: content-box;}
  82 +
  83 +.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display: block;fill: rgba(255,255,255,.2);}
  84 +
  85 +.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display: none;fill: #207ab7;}
  86 +
  87 +.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display: none;fill: #207ab7;}
  88 +
  89 +.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display: none;}
  90 +
  91 +.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display: block;}
  92 +
  93 +.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display: none;}
  94 +
  95 +.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display: block;}
  96 +
  97 +.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{padding: calc(4px - 1px);border-radius: 3px;box-shadow: inset 0 0 0 1px #207ab7;}
  98 +
  99 +.tox:not([dir=rtl]) .tox-checkbox__label{margin-left: 4px;}
  100 +
  101 +.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left: 4px;}
  102 +
  103 +.tox[dir=rtl] .tox-checkbox__label{margin-right: 4px;}
  104 +
  105 +.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right: 4px;}
  106 +
  107 +.tox .tox-collection--toolbar .tox-collection__group{display: flex;padding: 0;}
  108 +
  109 +.tox .tox-collection--grid .tox-collection__group{display: flex;max-height: 208px;padding: 0;overflow-x: hidden;overflow-y: auto;flex-wrap: wrap;}
  110 +
  111 +.tox .tox-collection--list .tox-collection__group{padding: 4px 0;border-color: #1a1a1a;border-style: solid;border-top-width: 1px;border-right-width: 0;border-bottom-width: 0;border-left-width: 0;}
  112 +
  113 +.tox .tox-collection--list .tox-collection__group:first-child{border-top-width: 0;}
  114 +
  115 +.tox .tox-collection__group-heading{padding: 4px 8px;margin-top: -4px;margin-bottom: 4px;font-size: 12px;font-style: normal;font-weight: 400;color: #fff;text-transform: none;cursor: default;background-color: #333;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;}
  116 +
  117 +.tox .tox-collection__item{display: flex;color: #fff;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;align-items: center;-webkit-touch-callout: none;}
  118 +
  119 +.tox .tox-collection--list .tox-collection__item{padding: 4px 8px;}
  120 +
  121 +.tox .tox-collection--toolbar .tox-collection__item{padding: 4px;border-radius: 3px;}
  122 +
  123 +.tox .tox-collection--grid .tox-collection__item{padding: 4px;border-radius: 3px;}
  124 +
  125 +.tox .tox-collection--list .tox-collection__item--enabled{color: contrast(inherit,#222f3e,#fff);background-color: inherit;}
  126 +
  127 +.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){color: #fff;background-color: #434e5b;}
  128 +
  129 +.tox .tox-collection--toolbar .tox-collection__item--enabled{color: #fff;background-color: #6f7882;}
  130 +
  131 +.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color: #fff;background-color: #434e5b;}
  132 +
  133 +.tox .tox-collection--grid .tox-collection__item--enabled{color: #fff;background-color: #6f7882;}
  134 +
  135 +.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){color: #fff;background-color: #434e5b;}
  136 +
  137 +.tox .tox-collection__item--state-disabled{color: rgba(255,255,255,.5);cursor: default;background-color: transparent;}
  138 +
  139 +.tox .tox-collection__item-icon{display: flex;width: 24px;height: 24px;align-items: center;justify-content: center;}
  140 +
  141 +.tox .tox-collection__item-icon svg{fill: currentColor;}
  142 +
  143 +.tox .tox-collection--toolbar-lg .tox-collection__item-icon{width: 48px;height: 48px;}
  144 +
  145 +.tox .tox-collection__item[role=menuitemcheckbox]:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display: none;}
  146 +
  147 +.tox .tox-collection__item-label{display: inline-block;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;color: currentColor;text-transform: none;word-break: break-all;flex: 1;-ms-flex-preferred-size: auto;}
  148 +
  149 +.tox .tox-collection__item-accessory{display: inline-block;height: 24px;font-size: 14px;line-height: 24px;color: rgba(255,255,255,.5);text-transform: normal;}
  150 +
  151 +.tox .tox-collection__item-caret{align-items: center;display: flex;min-height: 24px;}
  152 +
  153 +.tox .tox-collection__item-caret::after{min-height: inherit;font-size: 0;content: '';}
  154 +
  155 +.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left: 8px;}
  156 +
  157 +.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item-label:first-child{margin-left: 4px;}
  158 +
  159 +.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left: 16px;text-align: right;}
  160 +
  161 +.tox:not([dir=rtl]) .tox-collection__item-caret{margin-left: 16px;}
  162 +
  163 +.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right: 8px;}
  164 +
  165 +.tox[dir=rtl] .tox-collection--list .tox-collection__item-label:first-child{margin-right: 4px;}
  166 +
  167 +.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg{transform: rotateY(180deg);}
  168 +
  169 +.tox[dir=rtl] .tox-collection__item-accessory{margin-right: 16px;text-align: left;}
  170 +
  171 +.tox[dir=rtl] .tox-collection__item-caret{margin-right: 16px;transform: rotateY(180deg);}
  172 +
  173 +.tox .tox-color-picker-container{display: flex;flex-direction: row;height: 225px;margin: 0;}
  174 +
  175 +.tox .tox-sv-palette{display: flex;height: 100%;box-sizing: border-box;}
  176 +
  177 +.tox .tox-sv-palette-spectrum{height: 100%;}
  178 +
  179 +.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width: 225px;}
  180 +
  181 +.tox .tox-sv-palette-thumb{position: absolute;width: 12px;height: 12px;background: 0 0;border: 1px solid #000;border-radius: 50%;box-sizing: content-box;}
  182 +
  183 +.tox .tox-sv-palette-inner-thumb{position: absolute;width: 10px;height: 10px;border: 1px solid #fff;border-radius: 50%;}
  184 +
  185 +.tox .tox-hue-slider{width: 25px;height: 100%;box-sizing: border-box;}
  186 +
  187 +.tox .tox-hue-slider-spectrum{width: 100%;height: 100%;background: linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);}
  188 +
  189 +.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width: 20px;}
  190 +
  191 +.tox .tox-hue-slider-thumb{width: 100%;height: 4px;background: #fff;border: 1px solid #000;box-sizing: content-box;}
  192 +
  193 +.tox .tox-rgb-form{display: flex;flex-direction: column;justify-content: space-between;}
  194 +
  195 +.tox .tox-rgb-form div{display: flex;width: inherit;margin-bottom: 5px;align-items: center;justify-content: space-between;}
  196 +
  197 +.tox .tox-rgb-form input{width: 6em;}
  198 +
  199 +.tox .tox-rgb-form input.tox-invalid{border: 1px solid red !important;}
  200 +
  201 +.tox .tox-rgb-form .tox-rgba-preview{margin-bottom: 0;border: 1px solid #000;flex-grow: 2;}
  202 +
  203 +.tox:not([dir=rtl]) .tox-sv-palette{margin-right: 15px;}
  204 +
  205 +.tox:not([dir=rtl]) .tox-hue-slider{margin-right: 15px;}
  206 +
  207 +.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left: -1px;}
  208 +
  209 +.tox:not([dir=rtl]) .tox-rgb-form label{margin-right: .5em;}
  210 +
  211 +.tox[dir=rtl] .tox-sv-palette{margin-left: 15px;}
  212 +
  213 +.tox[dir=rtl] .tox-hue-slider{margin-left: 15px;}
  214 +
  215 +.tox[dir=rtl] .tox-hue-slider-thumb{margin-right: -1px;}
  216 +
  217 +.tox[dir=rtl] .tox-rgb-form label{margin-left: .5em;}
  218 +
  219 +.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin: 2px 0 3px 4px;}
  220 +
  221 +.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{margin: -4px 0;border: 0;}
  222 +
  223 +.tox .tox-swatches__row{display: flex;}
  224 +
  225 +.tox .tox-swatch{width: 30px;height: 30px;transition: transform .15s,box-shadow .15s;}
  226 +
  227 +.tox .tox-swatch:focus,.tox .tox-swatch:hover{transform: scale(.8);box-shadow: 0 0 0 1px rgba(127,127,127,.3) inset;}
  228 +
  229 +.tox .tox-swatch--remove{align-items: center;display: flex;justify-content: center;}
  230 +
  231 +.tox .tox-swatch--remove svg path{stroke: #e74c3c;}
  232 +
  233 +.tox .tox-swatches__picker-btn{display: flex;width: 30px;height: 30px;padding: 0;cursor: pointer;background-color: transparent;border: 0;outline: 0;align-items: center;justify-content: center;}
  234 +
  235 +.tox .tox-swatches__picker-btn svg{width: 24px;height: 24px;}
  236 +
  237 +.tox .tox-swatches__picker-btn:hover{background: #434e5b;}
  238 +
  239 +.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left: auto;}
  240 +
  241 +.tox[dir=rtl] .tox-swatches__picker-btn{margin-right: auto;}
  242 +
  243 +.tox .tox-comment-thread{position: relative;background: #2b3b4e;}
  244 +
  245 +.tox .tox-comment-thread>:not(:first-child){margin-top: 8px;}
  246 +
  247 +.tox .tox-comment{position: relative;padding: 8px 8px 16px 8px;background: #2b3b4e;border: 1px solid #000;border-radius: 3px;box-shadow: 0 4px 8px 0 rgba(34,47,62,.1);}
  248 +
  249 +.tox .tox-comment__header{display: flex;color: #fff;align-items: center;justify-content: space-between;}
  250 +
  251 +.tox .tox-comment__date{font-size: 12px;color: rgba(255,255,255,.5);}
  252 +
  253 +.tox .tox-comment__body{position: relative;margin-top: 8px;font-size: 14px;font-style: normal;font-weight: 400;line-height: 1.3;color: #fff;text-transform: initial;}
  254 +
  255 +.tox .tox-comment__body textarea{width: 100%;white-space: normal;resize: none;}
  256 +
  257 +.tox .tox-comment__expander{padding-top: 8px;}
  258 +
  259 +.tox .tox-comment__expander p{font-size: 14px;font-style: normal;color: rgba(255,255,255,.5);}
  260 +
  261 +.tox .tox-comment__body p{margin: 0;}
  262 +
  263 +.tox .tox-comment__buttonspacing{padding-top: 16px;text-align: center;}
  264 +
  265 +.tox .tox-comment-thread__overlay::after{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 5;display: flex;background: #2b3b4e;content: "";opacity: .9;}
  266 +
  267 +.tox .tox-comment__reply{display: flex;flex-shrink: 0;flex-wrap: wrap;justify-content: flex-end;margin-top: 8px;}
  268 +
  269 +.tox .tox-comment__reply>:first-child{width: 100%;margin-bottom: 8px;}
  270 +
  271 +.tox .tox-comment__edit{display: flex;flex-wrap: wrap;justify-content: flex-end;margin-top: 16px;}
  272 +
  273 +.tox .tox-comment__gradient::after{position: absolute;bottom: 0;display: block;width: 100%;height: 5em;margin-top: -40px;background: linear-gradient(rgba(43,59,78,0),#2b3b4e);content: "";}
  274 +
  275 +.tox .tox-comment__overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 5;display: flex;text-align: center;background: #2b3b4e;opacity: .9;flex-direction: column;flex-grow: 1;}
  276 +
  277 +.tox .tox-comment__loading-text{position: relative;display: flex;color: #fff;align-items: center;flex-direction: column;}
  278 +
  279 +.tox .tox-comment__loading-text>div{padding-bottom: 16px;}
  280 +
  281 +.tox .tox-comment__overlaytext{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;padding: 1em;font-size: 14px;flex-direction: column;}
  282 +
  283 +.tox .tox-comment__overlaytext p{color: #fff;text-align: center;background-color: #2b3b4e;box-shadow: 0 0 8px 8px #2b3b4e;}
  284 +
  285 +.tox .tox-comment__overlaytext div:nth-of-type(2){font-size: .8em;}
  286 +
  287 +.tox .tox-comment__busy-spinner{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1103;display: flex;background-color: #2b3b4e;align-items: center;justify-content: center;}
  288 +
  289 +.tox .tox-comment__scroll{display: flex;flex-direction: column;flex-shrink: 1;overflow: auto;}
  290 +
  291 +.tox .tox-conversations{margin: 8px;}
  292 +
  293 +.tox:not([dir=rtl]) .tox-comment__edit{margin-left: 8px;}
  294 +
  295 +.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left: 8px;}
  296 +
  297 +.tox[dir=rtl] .tox-comment__edit{margin-right: 8px;}
  298 +
  299 +.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right: 8px;}
  300 +
  301 +.tox .tox-user{align-items: center;display: flex;}
  302 +
  303 +.tox .tox-user__avatar svg{fill: rgba(255,255,255,.5);}
  304 +
  305 +.tox .tox-user__name{font-size: 12px;font-style: normal;font-weight: 700;color: rgba(255,255,255,.5);text-transform: uppercase;}
  306 +
  307 +.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right: 8px;}
  308 +
  309 +.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left: 8px;}
  310 +
  311 +.tox[dir=rtl] .tox-user__avatar svg{margin-left: 8px;}
  312 +
  313 +.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right: 8px;}
  314 +
  315 +.tox .tox-dialog-wrap{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1100;display: flex;align-items: center;justify-content: center;}
  316 +
  317 +.tox .tox-dialog-wrap__backdrop{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1101;background-color: rgba(34,47,62,.75);}
  318 +
  319 +.tox .tox-dialog{position: relative;z-index: 1102;display: flex;width: 95vw;max-width: 480px;max-height: 100%;overflow: hidden;background-color: #2b3b4e;border-color: #000;border-style: solid;border-width: 1px;border-radius: 3px;box-shadow: 0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);flex-direction: column;}
  320 +
  321 +.tox .tox-dialog__header{position: relative;display: flex;padding: 8px 16px 0 16px;margin-bottom: 16px;font-size: 16px;color: #fff;background-color: #2b3b4e;border-bottom: none;align-items: center;justify-content: space-between;}
  322 +
  323 +.tox .tox-dialog__header .tox-button{z-index: 1;}
  324 +
  325 +.tox .tox-dialog__draghandle{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: grab;}
  326 +
  327 +.tox .tox-dialog__draghandle:active{cursor: grabbing;}
  328 +
  329 +.tox .tox-dialog__dismiss{margin-left: auto;}
  330 +
  331 +.tox .tox-dialog__title{margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 20px;font-style: normal;font-weight: 400;line-height: 1.3;text-transform: normal;}
  332 +
  333 +.tox .tox-dialog__body{display: flex;min-width: 0;padding: 0 16px;font-size: 16px;font-style: normal;font-weight: 400;line-height: 1.3;color: #fff;text-align: left;text-transform: normal;flex: 1;-ms-flex-preferred-size: auto;}
  334 +
  335 +.tox .tox-dialog__body-nav{align-items: flex-start;display: flex;flex-direction: column;}
  336 +
  337 +.tox .tox-dialog__body-nav-item{display: inline-block;margin-bottom: 8px;font-size: 14px;line-height: 1.3;color: rgba(255,255,255,.5);text-decoration: none;border-bottom: 2px solid transparent;}
  338 +
  339 +.tox .tox-dialog__body-nav-item--active{color: #207ab7;border-bottom: 2px solid #207ab7;}
  340 +
  341 +.tox .tox-dialog__body-content{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;max-height: 650px;overflow: auto;}
  342 +
  343 +.tox .tox-dialog__body-content>*{margin-top: 16px;margin-bottom: 0;}
  344 +
  345 +.tox .tox-dialog__body-content>:first-child{margin-top: 0;}
  346 +
  347 +.tox .tox-dialog__body-content>:last-child{margin-bottom: 0;}
  348 +
  349 +.tox .tox-dialog__body-content>:only-child{margin-top: 0;margin-bottom: 0;}
  350 +
  351 +.tox .tox-dialog--width-lg{height: 650px;max-width: 1200px;}
  352 +
  353 +.tox .tox-dialog--width-md{max-width: 800px;}
  354 +
  355 +.tox .tox-dialog--width-md .tox-dialog__body-content{overflow: auto;}
  356 +
  357 +.tox .tox-dialog__body-content--centered{text-align: center;}
  358 +
  359 +.tox .tox-dialog__body-content--spacious{margin-bottom: 16px;}
  360 +
  361 +.tox .tox-dialog__footer{display: flex;padding: 8px 16px;margin-top: 16px;background-color: #2b3b4e;border-top: 1px solid #000;align-items: center;justify-content: space-between;}
  362 +
  363 +.tox .tox-dialog__busy-spinner{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1103;display: flex;background-color: rgba(34,47,62,.75);align-items: center;justify-content: center;}
  364 +
  365 +.tox .tox-dialog__table{width: 100%;border-collapse: collapse;}
  366 +
  367 +.tox .tox-dialog__table thead th{padding-bottom: 8px;font-weight: 700;}
  368 +
  369 +.tox .tox-dialog__table tbody tr{border-bottom: 1px solid #000;}
  370 +
  371 +.tox .tox-dialog__table tbody tr:last-child{border-bottom: none;}
  372 +
  373 +.tox .tox-dialog__table td{padding-top: 8px;padding-bottom: 8px;}
  374 +
  375 +.tox .tox-dialog__popups{position: absolute;z-index: 1100;width: 100%;}
  376 +
  377 +.tox .tox-dialog__body-iframe{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;}
  378 +
  379 +.tox .tox-dialog__body-iframe .tox-navobj{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  380 +
  381 +.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex: 1;-ms-flex-preferred-size: auto;height: 100%;}
  382 +
  383 +body.tox-dialog__disable-scroll{overflow: hidden;}
  384 +
  385 +.tox.tox-platform-ie .tox-dialog-wrap{position: -ms-device-fixed;}
  386 +
  387 +.tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right: 32px;}
  388 +
  389 +.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left: 8px;}
  390 +
  391 +.tox[dir=rtl] .tox-dialog__body{text-align: right;}
  392 +
  393 +.tox[dir=rtl] .tox-dialog__body-nav{margin-left: 32px;}
  394 +
  395 +.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right: 8px;}
  396 +
  397 +.tox .tox-dropzone-container{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  398 +
  399 +.tox .tox-dropzone{display: flex;min-height: 100px;padding: 10px;background: #fff;border: 2px dashed #000;box-sizing: border-box;align-items: center;flex-direction: column;flex-grow: 1;justify-content: center;}
  400 +
  401 +.tox .tox-dropzone p{margin: 0 0 16px 0;color: rgba(255,255,255,.5);}
  402 +
  403 +.tox .tox-edit-area{position: relative;display: flex;overflow: hidden;border-top: 1px solid #000;flex: 1;-ms-flex-preferred-size: auto;}
  404 +
  405 +.tox .tox-edit-area__iframe{position: absolute;width: 100%;height: 100%;background-color: #fff;border: 0;box-sizing: border-box;flex: 1;-ms-flex-preferred-size: auto;}
  406 +
  407 +.tox.tox-inline-edit-area{border: 1px dotted #000;}
  408 +
  409 +.tox .tox-control-wrap{flex: 1;position: relative;}
  410 +
  411 +.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display: none;}
  412 +
  413 +.tox .tox-control-wrap svg{display: block;}
  414 +
  415 +.tox .tox-control-wrap__status-icon-wrap{position: absolute;top: 50%;transform: translateY(-50%);}
  416 +
  417 +.tox .tox-control-wrap__status-icon-invalid svg{fill: #c00;}
  418 +
  419 +.tox .tox-control-wrap__status-icon-unknown svg{fill: orange;}
  420 +
  421 +.tox .tox-control-wrap__status-icon-valid svg{fill: green;}
  422 +
  423 +.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right: 32px;}
  424 +
  425 +.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right: 4px;}
  426 +
  427 +.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left: 32px;}
  428 +
  429 +.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left: 4px;}
  430 +
  431 +.tox .tox-autocompleter{max-width: 25em;}
  432 +
  433 +.tox .tox-autocompleter .tox-menu{max-width: 25em;}
  434 +
  435 +.tox .tox-color-input{display: flex;}
  436 +
  437 +.tox .tox-color-input .tox-textfield{display: flex;border-radius: 3px 0 0 3px;}
  438 +
  439 +.tox .tox-color-input span{display: flex;width: 35px;cursor: pointer;border-color: rgba(34,47,62,.2);border-style: solid;border-width: 1px 1px 1px 0;border-radius: 0 3px 3px 0;box-shadow: none;box-sizing: border-box;}
  440 +
  441 +.tox .tox-color-input span:focus{border-color: #207ab7;}
  442 +
  443 +.tox[dir=rtl] .tox-color-input .tox-textfield{border-radius: 0 3px 3px 0;}
  444 +
  445 +.tox[dir=rtl] .tox-color-input span{border-width: 1px 0 1px 1px;border-radius: 3px 0 0 3px;}
  446 +
  447 +.tox .tox-label,.tox .tox-toolbar-label{display: block;padding: 0 8px 0 0;font-size: 14px;font-style: normal;font-weight: 400;line-height: 1.3;color: rgba(255,255,255,.5);text-transform: normal;white-space: nowrap;}
  448 +
  449 +.tox .tox-toolbar-label{padding: 0 8px;}
  450 +
  451 +.tox[dir=rtl] .tox-label{padding: 0 0 0 8px;}
  452 +
  453 +.tox .tox-form{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;}
  454 +
  455 +.tox .tox-form__group{margin-bottom: 4px;box-sizing: border-box;}
  456 +
  457 +.tox .tox-form__group--error{color: #c00;}
  458 +
  459 +.tox .tox-form__group--collection{display: flex;}
  460 +
  461 +.tox .tox-form__grid{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
  462 +
  463 +.tox .tox-form__grid--2col>.tox-form__group{width: calc(50% - (8px / 2));}
  464 +
  465 +.tox .tox-form__grid--3col>.tox-form__group{width: calc(100% / 3 - (8px / 2));}
  466 +
  467 +.tox .tox-form__grid--4col>.tox-form__group{width: calc(25% - (8px / 2));}
  468 +
  469 +.tox .tox-form__controls-h-stack{align-items: center;display: flex;}
  470 +
  471 +.tox .tox-form__group--inline{align-items: center;display: flex;}
  472 +
  473 +.tox .tox-form__group--stretched{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;}
  474 +
  475 +.tox .tox-form__group--stretched .tox-textarea{flex: 1;-ms-flex-preferred-size: auto;}
  476 +
  477 +.tox .tox-form__group--stretched .tox-navobj{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  478 +
  479 +.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex: 1;-ms-flex-preferred-size: auto;height: 100%;}
  480 +
  481 +.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left: 4px;}
  482 +
  483 +.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right: 4px;}
  484 +
  485 +.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display: none;}
  486 +
  487 +.tox .tox-textarea,.tox .tox-textfield,.tox .tox-toolbar-textfield,.tox:not([dir=rtl]) .tox-selectfield select,.tox[dir=rtl] .tox-selectfield select{width: 100%;padding: 5px 4.75px;margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 16px;line-height: 24px;color: #fff;background-color: #2b3b4e;border-color: #000;border-style: solid;border-width: 1px;border-radius: 3px;outline: 0;box-shadow: none;box-sizing: border-box;resize: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
  488 +
  489 +.tox .tox-selectfield select:focus,.tox .tox-textarea:focus,.tox .tox-textfield:focus{border-color: #207ab7;outline: 0;box-shadow: none;}
  490 +
  491 +.tox .tox-toolbar-textfield{max-width: 250px;margin-top: 2px;margin-bottom: 3px;border-width: 0;}
  492 +
  493 +.tox .tox-naked-btn{display: block;padding: 0;margin: 0;color: #207ab7;cursor: pointer;background-color: transparent;border: 0;border-color: transparent;box-shadow: unset;}
  494 +
  495 +.tox .tox-naked-btn svg{display: block;fill: #fff;}
  496 +
  497 +.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left: 4px;}
  498 +
  499 +.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right: 4px;}
  500 +
  501 +.tox .tox-selectfield{position: relative;cursor: pointer;}
  502 +
  503 +.tox .tox-selectfield select::-ms-expand{display: none;}
  504 +
  505 +.tox .tox-selectfield svg{position: absolute;top: 50%;pointer-events: none;transform: translateY(-50%);}
  506 +
  507 +.tox:not([dir=rtl]) .tox-selectfield select{padding-right: 24px;}
  508 +
  509 +.tox:not([dir=rtl]) .tox-selectfield svg{right: 8px;}
  510 +
  511 +.tox[dir=rtl] .tox-selectfield select{padding-left: 24px;}
  512 +
  513 +.tox[dir=rtl] .tox-selectfield svg{left: 8px;}
  514 +
  515 +.tox .tox-textarea{white-space: pre-wrap;-webkit-appearance: textarea;-moz-appearance: textarea;appearance: textarea;}
  516 +
  517 +.tox-fullscreen{position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding: 0;margin: 0;overflow: hidden;border: 0;}
  518 +
  519 +.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display: none;}
  520 +
  521 +.tox-fullscreen .tox.tox-tinymce.tox-fullscreen{z-index: 1200;}
  522 +
  523 +.tox-fullscreen .tox.tox-tinymce-aux{z-index: 1201;}
  524 +
  525 +.tox .tox-image-tools{width: 100%;}
  526 +
  527 +.tox .tox-image-tools__toolbar{align-items: center;display: flex;justify-content: center;}
  528 +
  529 +.tox .tox-image-tools__image{position: relative;width: 100%;height: 380px;overflow: auto;background-color: #666;}
  530 +
  531 +.tox .tox-image-tools__image,.tox .tox-image-tools__image+.tox-image-tools__toolbar{margin-top: 8px;}
  532 +
  533 +.tox .tox-image-tools__image-bg{background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);}
  534 +
  535 +.tox .tox-image-tools__toolbar>.tox-spacer{flex: 1;-ms-flex-preferred-size: auto;}
  536 +
  537 +.tox .tox-croprect-block{position: absolute;background: #000;opacity: .5;zoom: 1;}
  538 +
  539 +.tox .tox-croprect-handle{position: absolute;top: 0;left: 0;width: 20px;height: 20px;border: 2px solid #fff;}
  540 +
  541 +.tox .tox-croprect-handle-move{position: absolute;cursor: move;border: 0;}
  542 +
  543 +.tox .tox-croprect-handle-nw{top: 100px;left: 100px;margin: -2px 0 0 -2px;cursor: nw-resize;border-width: 2px 0 0 2px;}
  544 +
  545 +.tox .tox-croprect-handle-ne{top: 100px;left: 200px;margin: -2px 0 0 -20px;cursor: ne-resize;border-width: 2px 2px 0 0;}
  546 +
  547 +.tox .tox-croprect-handle-sw{top: 200px;left: 100px;margin: -20px 2px 0 -2px;cursor: sw-resize;border-width: 0 0 2px 2px;}
  548 +
  549 +.tox .tox-croprect-handle-se{top: 200px;left: 200px;margin: -20px 0 0 -20px;cursor: se-resize;border-width: 0 2px 2px 0;}
  550 +
  551 +.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-left: 8px;}
  552 +
  553 +.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-left: 32px;}
  554 +
  555 +.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-left: 32px;}
  556 +
  557 +.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-right: 8px;}
  558 +
  559 +.tox[dir=rtl] .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-right: 32px;}
  560 +
  561 +.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-right: 32px;}
  562 +
  563 +.tox .tox-insert-table-picker{display: flex;flex-wrap: wrap;width: 169px;}
  564 +
  565 +.tox .tox-insert-table-picker>div{width: 16px;height: 16px;border-color: #070a0d;border-style: solid;border-width: 0 1px 1px 0;box-sizing: content-box;}
  566 +
  567 +.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin: -4px 0;}
  568 +
  569 +.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color: rgba(32,122,183,.5);border-color: rgba(32,122,183,.5);}
  570 +
  571 +.tox .tox-insert-table-picker__label{display: block;width: 100%;padding: 4px;font-size: 14px;color: #fff;text-align: center;}
  572 +
  573 +.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right: 0;}
  574 +
  575 +.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right: 0;}
  576 +
  577 +.tox .tox-menu{z-index: 1;display: inline-block;overflow: hidden;vertical-align: top;background-color: #2b3b4e;border: 1px solid #000;border-radius: 3px;box-shadow: 0 4px 8px 0 rgba(34,47,62,.1);}
  578 +
  579 +.tox .tox-menu.tox-collection.tox-collection--list{padding: 0;}
  580 +
  581 +.tox .tox-menu.tox-collection.tox-collection--toolbar{padding: 4px;}
  582 +
  583 +.tox .tox-menu.tox-collection.tox-collection--grid{padding: 4px;}
  584 +
  585 +.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin: 0;}
  586 +
  587 +.tox .tox-menubar{display: flex;padding: 0 4px;margin-bottom: -1px;background: url("data:image/svg+xml;charset=utf8,%3Csvg height='43px' viewBox='0 0 40 43px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='42px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color: #222f3e;flex: 0 0 auto;flex-shrink: 0;flex-wrap: wrap;}
  588 +
  589 +.tox .tox-mbtn{display: flex;width: auto;height: 34px;padding: 0 4px;margin: 2px 0 3px 0;overflow: hidden;font-size: 14px;font-style: normal;font-weight: 400;color: #fff;text-transform: normal;background: 0 0;border: 0;border-radius: 3px;outline: 0;box-shadow: none;align-items: center;flex: 0 0 auto;justify-content: center;}
  590 +
  591 +.tox .tox-mbtn[disabled]{color: rgba(255,255,255,.5);cursor: not-allowed;background-color: none;border-color: none;box-shadow: none;}
  592 +
  593 +.tox .tox-mbtn:hover:not(:disabled){color: #fff;background: #434e5b;box-shadow: none;}
  594 +
  595 +.tox .tox-mbtn:focus:not(:disabled){color: #fff;background: #434e5b;box-shadow: none;}
  596 +
  597 +.tox .tox-mbtn--active{color: #fff;background: #6f7882;box-shadow: none;}
  598 +
  599 +.tox .tox-mbtn__select-label{margin: 0 4px;font-weight: 400;cursor: default;}
  600 +
  601 +.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor: not-allowed;}
  602 +
  603 +.tox .tox-mbtn__select-chevron{display: flex;display: none;width: 16px;align-items: center;justify-content: center;}
  604 +
  605 +.tox .tox-notification{display: grid;padding: 5px;margin-top: 5px;background-color: #fffaea;border-color: #ffe89d;border-style: solid;border-width: 1px;opacity: 0;box-sizing: border-box;transition: transform .1s ease-in,opacity 150ms ease-in;grid-template-columns: minmax(40px,1fr) auto minmax(40px,1fr);}
  606 +
  607 +.tox .tox-notification--in{opacity: 1;}
  608 +
  609 +.tox .tox-notification--success{background-color: #dff0d8;border-color: #d6e9c6;}
  610 +
  611 +.tox .tox-notification--error{background-color: #f2dede;border-color: #ebccd1;}
  612 +
  613 +.tox .tox-notification--warn{background-color: #fcf8e3;border-color: #faebcc;}
  614 +
  615 +.tox .tox-notification--info{background-color: #d9edf7;border-color: #779ecb;}
  616 +
  617 +.tox .tox-notification__body{font-size: 14px;color: #fff;text-align: center;word-break: break-all;word-break: break-word;white-space: normal;align-self: center;grid-column-end: 3;-ms-grid-column-span: 1;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;}
  618 +
  619 +.tox .tox-notification__body>*{margin: 0;}
  620 +
  621 +.tox .tox-notification__body>*+*{margin-top: 1rem;}
  622 +
  623 +.tox .tox-notification__icon{align-self: center;-ms-grid-column-align: end;grid-column-end: 2;-ms-grid-column-span: 1;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;justify-self: end;}
  624 +
  625 +.tox .tox-notification__icon svg{display: block;}
  626 +
  627 +.tox .tox-notification__dismiss{align-self: start;-ms-grid-column-align: end;grid-column-end: 4;-ms-grid-column-span: 1;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;justify-self: end;}
  628 +
  629 +.tox .tox-notification .tox-progress-bar{-ms-grid-column-align: center;grid-column-end: 4;-ms-grid-column-span: 3;grid-column-start: 1;grid-row-end: 3;-ms-grid-row-span: 1;grid-row-start: 2;justify-self: center;}
  630 +
  631 +.tox .tox-pop{position: relative;display: inline-block;}
  632 +
  633 +.tox .tox-pop--resizing{transition: width .1s ease;}
  634 +
  635 +.tox .tox-pop--resizing .tox-toolbar{flex-wrap: nowrap;}
  636 +
  637 +.tox .tox-pop__dialog{min-width: 0;overflow: hidden;background-color: #222f3e;border: 1px solid #000;border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,.15);}
  638 +
  639 +.tox .tox-pop__dialog>:not(.tox-toolbar){margin: 4px 4px 4px 8px;}
  640 +
  641 +.tox .tox-pop__dialog .tox-toolbar{background-color: transparent;}
  642 +
  643 +.tox .tox-pop::after,.tox .tox-pop::before{position: absolute;display: block;width: 0;height: 0;border-style: solid;content: '';}
  644 +
  645 +.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{top: 100%;left: 50%;}
  646 +
  647 +.tox .tox-pop.tox-pop--bottom::after{margin-top: -1px;margin-left: -8px;border-color: #222f3e transparent transparent transparent;border-width: 8px;}
  648 +
  649 +.tox .tox-pop.tox-pop--bottom::before{margin-left: -9px;border-color: #000 transparent transparent transparent;border-width: 9px;}
  650 +
  651 +.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{top: 0;left: 50%;transform: translateY(-100%);}
  652 +
  653 +.tox .tox-pop.tox-pop--top::after{margin-top: 1px;margin-left: -8px;border-color: transparent transparent #222f3e transparent;border-width: 8px;}
  654 +
  655 +.tox .tox-pop.tox-pop--top::before{margin-left: -9px;border-color: transparent transparent #000 transparent;border-width: 9px;}
  656 +
  657 +.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{top: calc(50% - 1px);left: 0;transform: translateY(-50%);}
  658 +
  659 +.tox .tox-pop.tox-pop--left::after{margin-left: -15px;border-color: transparent #222f3e transparent transparent;border-width: 8px;}
  660 +
  661 +.tox .tox-pop.tox-pop--left::before{margin-left: -19px;border-color: transparent #000 transparent transparent;border-width: 10px;}
  662 +
  663 +.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{top: calc(50% + 1px);left: 100%;transform: translateY(-50%);}
  664 +
  665 +.tox .tox-pop.tox-pop--right::after{margin-left: -1px;border-color: transparent transparent transparent #222f3e;border-width: 8px;}
  666 +
  667 +.tox .tox-pop.tox-pop--right::before{margin-left: -1px;border-color: transparent transparent transparent #000;border-width: 10px;}
  668 +
  669 +.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left: 20px;}
  670 +
  671 +.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left: calc(100% - 20px);}
  672 +
  673 +.tox .tox-sidebar-wrap{display: flex;flex-direction: row;flex-grow: 1;min-height: 0;}
  674 +
  675 +.tox .tox-sidebar{display: flex;flex-direction: row;justify-content: flex-end;}
  676 +
  677 +.tox .tox-sidebar__slider{display: flex;overflow: hidden;}
  678 +
  679 +.tox .tox-sidebar__pane-container{display: flex;}
  680 +
  681 +.tox .tox-sidebar__pane{display: flex;}
  682 +
  683 +.tox .tox-sidebar--sliding-closed{opacity: 0;}
  684 +
  685 +.tox .tox-sidebar--sliding-open{opacity: 1;}
  686 +
  687 +.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition: width .5s ease,opacity .5s ease;}
  688 +
  689 +.tox .tox-slider{position: relative;display: flex;height: 24px;align-items: center;flex: 1;-ms-flex-preferred-size: auto;justify-content: center;}
  690 +
  691 +.tox .tox-slider__rail{width: 100%;height: 10px;min-width: 120px;background-color: transparent;border: 1px solid #000;border-radius: 3px;}
  692 +
  693 +.tox .tox-slider__handle{position: absolute;top: 50%;left: 50%;width: 14px;height: 24px;background-color: #207ab7;border: 2px solid #185d8c;border-radius: 3px;transform: translateX(-50%) translateY(-50%);box-shadow: none;}
  694 +
  695 +.tox .tox-source-code{overflow: auto;}
  696 +
  697 +.tox .tox-spinner{display: flex;}
  698 +
  699 +.tox .tox-spinner>div{width: 8px;height: 8px;background-color: rgba(255,255,255,.5);border-radius: 100%;animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;}
  700 +
  701 +.tox .tox-spinner>div:nth-child(1){animation-delay: -.32s;}
  702 +
  703 +.tox .tox-spinner>div:nth-child(2){animation-delay: -.16s;}@keyframes tam-bouncing-dots{0%,100%,80%{transform: scale(0);}
  704 +
  705 +40%{transform: scale(1);}}
  706 +
  707 +.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left: 4px;}
  708 +
  709 +.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right: 4px;}
  710 +
  711 +.tox .tox-statusbar{position: relative;display: flex;height: 18px;padding: 0 8px;overflow: hidden;font-size: 12px;color: rgba(255,255,255,.5);text-transform: uppercase;background-color: #222f3e;border-top: 1px solid #000;align-items: center;flex: 0 0 auto;}
  712 +
  713 +.tox .tox-statusbar a{color: rgba(255,255,255,.5);text-decoration: none;}
  714 +
  715 +.tox .tox-statusbar a:hover{text-decoration: underline;}
  716 +
  717 +.tox .tox-statusbar__text-container{display: flex;flex: 1 1 auto;justify-content: flex-end;overflow: hidden;}
  718 +
  719 +.tox .tox-statusbar__path{display: flex;flex: 1 1 auto;margin-right: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  720 +
  721 +.tox .tox-statusbar__path>*{display: inline;white-space: nowrap;}
  722 +
  723 +.tox .tox-statusbar__wordcount{flex: 0 0 auto;margin-left: 1ch;}
  724 +
  725 +.tox .tox-statusbar__resize-handle{display: flex;padding-left: 1ch;margin-right: -8px;margin-left: auto;cursor: nwse-resize;align-items: flex-end;align-self: stretch;flex: 0 0 auto;justify-content: flex-end;}
  726 +
  727 +.tox .tox-statusbar__resize-handle svg{display: block;fill: rgba(255,255,255,.5);}
  728 +
  729 +.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right: 4px;}
  730 +
  731 +.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left: 1ch;}
  732 +
  733 +.tox[dir=rtl] .tox-statusbar{flex-direction: row-reverse;}
  734 +
  735 +.tox[dir=rtl] .tox-statusbar__path>*{margin-left: 4px;}
  736 +
  737 +.tox .tox-throbber{z-index: 1400;}
  738 +
  739 +.tox .tox-throbber__busy-spinner{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;background-color: rgba(34,47,62,.6);align-items: center;justify-content: center;}
  740 +
  741 +.tox .tox-tbtn{display: flex;width: 34px;height: 34px;padding: 0;margin: 2px 0 3px 0;overflow: hidden;font-size: 14px;font-style: normal;font-weight: 400;color: #fff;text-transform: normal;background: 0 0;border: 0;border-radius: 3px;outline: 0;box-shadow: none;align-items: center;flex: 0 0 auto;justify-content: center;}
  742 +
  743 +.tox .tox-tbtn svg{display: block;fill: #fff;}
  744 +
  745 +.tox .tox-tbtn.tox-tbtn-more{width: inherit;padding-right: 5px;padding-left: 5px;}
  746 +
  747 +.tox .tox-tbtn--enabled{color: #fff;background: #6f7882;box-shadow: none;}
  748 +
  749 +.tox .tox-tbtn--enabled>*{transform: none;}
  750 +
  751 +.tox .tox-tbtn--enabled svg{fill: #fff;}
  752 +
  753 +.tox .tox-tbtn:hover{color: #fff;background: #434e5b;box-shadow: none;}
  754 +
  755 +.tox .tox-tbtn:hover svg{fill: #fff;}
  756 +
  757 +.tox .tox-tbtn:focus{color: #fff;background: #434e5b;box-shadow: none;}
  758 +
  759 +.tox .tox-tbtn:focus svg{fill: #fff;}
  760 +
  761 +.tox .tox-tbtn:active{color: #fff;background: #6f7882;box-shadow: none;}
  762 +
  763 +.tox .tox-tbtn:active svg{fill: #fff;}
  764 +
  765 +.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{color: rgba(255,255,255,.5);cursor: not-allowed;background: 0 0;box-shadow: none;}
  766 +
  767 +.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill: rgba(255,255,255,.5);}
  768 +
  769 +.tox .tox-tbtn:active>*{transform: none;}
  770 +
  771 +.tox .tox-tbtn--md{width: 51px;height: 51px;}
  772 +
  773 +.tox .tox-tbtn--lg{width: 68px;height: 68px;flex-direction: column;}
  774 +
  775 +.tox .tox-tbtn--return{width: 16px;height: unset;align-self: stretch;}
  776 +
  777 +.tox .tox-tbtn--labeled{width: unset;padding: 0 4px;}
  778 +
  779 +.tox .tox-tbtn__vlabel{display: block;margin-bottom: 4px;font-size: 10px;font-weight: 400;letter-spacing: -.025em;white-space: nowrap;}
  780 +
  781 +.tox .tox-tbtn--select{width: auto;padding: 0 4px;margin: 2px 0 3px 0;}
  782 +
  783 +.tox .tox-tbtn__select-label{margin: 0 4px;font-weight: 400;cursor: default;}
  784 +
  785 +.tox .tox-tbtn__select-chevron{align-items: center;display: flex;justify-content: center;width: 16px;}
  786 +
  787 +.tox .tox-tbtn__select-chevron svg{fill: rgba(255,255,255,.5);}
  788 +
  789 +.tox .tox-tbtn--bespoke .tox-tbtn__select-label{width: 7em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  790 +
  791 +.tox .tox-split-button{display: flex;margin: 2px 0 3px 0;overflow: hidden;border: 0;border-radius: 3px;box-sizing: border-box;}
  792 +
  793 +.tox .tox-split-button:hover{box-shadow: 0 0 0 1px #434e5b inset;}
  794 +
  795 +.tox .tox-split-button:focus{color: #fff;background: #434e5b;box-shadow: none;}
  796 +
  797 +.tox .tox-split-button>*{border-radius: 0;}
  798 +
  799 +.tox .tox-split-button__chevron{width: 16px;}
  800 +
  801 +.tox .tox-split-button__chevron svg{fill: rgba(255,255,255,.5);}
  802 +
  803 +.tox .tox-pop .tox-split-button__chevron svg{transform: rotate(-90deg);}
  804 +
  805 +.tox .tox-split-button .tox-tbtn{margin: 0;}
  806 +
  807 +.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{color: rgba(255,255,255,.5);background: 0 0;box-shadow: none;}
  808 +
  809 +.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{display: flex;padding: 0 0;margin-bottom: -1px;background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color: #222f3e;border-top: 1px solid #000;flex: 0 0 auto;flex-shrink: 0;flex-wrap: wrap;}
  810 +
  811 +.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height: 0;opacity: 0;visibility: hidden;}
  812 +
  813 +.tox .tox-toolbar__overflow--growing{transition: height .3s ease,opacity .2s linear .1s;}
  814 +
  815 +.tox .tox-toolbar__overflow--shrinking{transition: opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s;}
  816 +
  817 +.tox .tox-pop .tox-toolbar{border-width: 0;}
  818 +
  819 +.tox .tox-toolbar--no-divider{background-image: none;}
  820 +
  821 +.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color: #222f3e;border: 1px solid #000;border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,.15);}
  822 +
  823 +.tox.tox-tinymce-aux:not([dir=rtl]) .tox-toolbar__overflow{margin-left: 4px;}
  824 +
  825 +.tox[dir=rtl] .tox-tbtn__icon-rtl svg{transform: rotateY(180deg);}
  826 +
  827 +.tox[dir=rtl].tox-tinymce-aux .tox-toolbar__overflow{margin-right: 4px;}
  828 +
  829 +.tox .tox-toolbar__group{display: flex;padding: 0 4px;margin: 0 0;align-items: center;flex-wrap: wrap;}
  830 +
  831 +.tox .tox-toolbar__group--pull-right{margin-left: auto;}
  832 +
  833 +.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right: 1px solid #000;}
  834 +
  835 +.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left: 1px solid #000;}
  836 +
  837 +.tox .tox-tooltip{position: relative;display: inline-block;padding: 8px;}
  838 +
  839 +.tox .tox-tooltip__body{padding: 4px 8px;font-size: 14px;font-style: normal;font-weight: 400;color: rgba(255,255,255,.75);text-transform: normal;background-color: #3d546f;border-radius: 3px;box-shadow: 0 2px 4px rgba(34,47,62,.3);}
  840 +
  841 +.tox .tox-tooltip__arrow{position: absolute;}
  842 +
  843 +.tox .tox-tooltip--down .tox-tooltip__arrow{position: absolute;bottom: 0;left: 50%;border-top: 8px solid #3d546f;border-right: 8px solid transparent;border-left: 8px solid transparent;transform: translateX(-50%);}
  844 +
  845 +.tox .tox-tooltip--up .tox-tooltip__arrow{position: absolute;top: 0;left: 50%;border-right: 8px solid transparent;border-bottom: 8px solid #3d546f;border-left: 8px solid transparent;transform: translateX(-50%);}
  846 +
  847 +.tox .tox-tooltip--right .tox-tooltip__arrow{position: absolute;top: 50%;right: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #3d546f;transform: translateY(-50%);}
  848 +
  849 +.tox .tox-tooltip--left .tox-tooltip__arrow{position: absolute;top: 50%;left: 0;border-top: 8px solid transparent;border-right: 8px solid #3d546f;border-bottom: 8px solid transparent;transform: translateY(-50%);}
  850 +
  851 +.tox .tox-well{width: 100%;padding: 8px;border: 1px solid #000;border-radius: 3px;}
  852 +
  853 +.tox .tox-well>:first-child{margin-top: 0;}
  854 +
  855 +.tox .tox-well>:last-child{margin-bottom: 0;}
  856 +
  857 +.tox .tox-well>:only-child{margin: 0;}
  858 +
  859 +.tox .tox-custom-editor{display: flex;height: 525px;border: 1px solid #000;border-radius: 3px;}
  860 +
  861 +.tox .tox-dialog-loading::before{position: absolute;z-index: 1000;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);content: "";}
  862 +
  863 +.tox .tox-tab{cursor: pointer;}
  864 +
  865 +.tox .tox-dialog__content-js{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  866 +
  867 +.tox .tox-dialog__body-content .tox-collection{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  868 +
  869 +.tox ul{display: block;list-style-type: disc;-webkit-margin-before: 1em;margin-block-start: 1em;-webkit-margin-after: 1em;margin-block-end: 1em;-webkit-margin-start: 0;margin-inline-start: 0;-webkit-margin-end: 0;margin-inline-end: 0;-webkit-padding-start: 40px;padding-inline-start: 40px;}
  870 +
  871 +.tox a{color: #2276d2;cursor: pointer;}
  872 +
  873 +.tox .tox-image-tools-edit-panel{height: 60px;}
  874 +
  875 +.tox .tox-image-tools__sidebar{height: 60px;}
... ...
public/resource/tinymce/skins/ui/oxide-dark/skin.mobile.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +
  8 +/* RESET all the things! */
  9 +.tinymce-mobile-outer-container {
  10 + all: initial;
  11 + display: block;
  12 +}
  13 +
  14 +.tinymce-mobile-outer-container * {
  15 + float: none;
  16 + padding: 0;
  17 + margin: 0;
  18 + line-height: 1;
  19 +
  20 + /* TBIO-3691, stop the gray flicker on touch. */
  21 + text-shadow: none;
  22 + white-space: nowrap;
  23 + cursor: inherit;
  24 + border: 0;
  25 + outline: 0;
  26 + box-sizing: initial;
  27 + -webkit-tap-highlight-color: transparent;
  28 +}
  29 +
  30 +.tinymce-mobile-icon-arrow-back::before {
  31 + content: "\e5cd";
  32 +}
  33 +
  34 +.tinymce-mobile-icon-image::before {
  35 + content: "\e412";
  36 +}
  37 +
  38 +.tinymce-mobile-icon-cancel-circle::before {
  39 + content: "\e5c9";
  40 +}
  41 +
  42 +.tinymce-mobile-icon-full-dot::before {
  43 + content: "\e061";
  44 +}
  45 +
  46 +.tinymce-mobile-icon-align-center::before {
  47 + content: "\e234";
  48 +}
  49 +
  50 +.tinymce-mobile-icon-align-left::before {
  51 + content: "\e236";
  52 +}
  53 +
  54 +.tinymce-mobile-icon-align-right::before {
  55 + content: "\e237";
  56 +}
  57 +
  58 +.tinymce-mobile-icon-bold::before {
  59 + content: "\e238";
  60 +}
  61 +
  62 +.tinymce-mobile-icon-italic::before {
  63 + content: "\e23f";
  64 +}
  65 +
  66 +.tinymce-mobile-icon-unordered-list::before {
  67 + content: "\e241";
  68 +}
  69 +
  70 +.tinymce-mobile-icon-ordered-list::before {
  71 + content: "\e242";
  72 +}
  73 +
  74 +.tinymce-mobile-icon-font-size::before {
  75 + content: "\e245";
  76 +}
  77 +
  78 +.tinymce-mobile-icon-underline::before {
  79 + content: "\e249";
  80 +}
  81 +
  82 +.tinymce-mobile-icon-link::before {
  83 + content: "\e157";
  84 +}
  85 +
  86 +.tinymce-mobile-icon-unlink::before {
  87 + content: "\eca2";
  88 +}
  89 +
  90 +.tinymce-mobile-icon-color::before {
  91 + content: "\e891";
  92 +}
  93 +
  94 +.tinymce-mobile-icon-previous::before {
  95 + content: "\e314";
  96 +}
  97 +
  98 +.tinymce-mobile-icon-next::before {
  99 + content: "\e315";
  100 +}
  101 +
  102 +.tinymce-mobile-icon-large-font::before,
  103 +.tinymce-mobile-icon-style-formats::before {
  104 + content: "\e264";
  105 +}
  106 +
  107 +.tinymce-mobile-icon-undo::before {
  108 + content: "\e166";
  109 +}
  110 +
  111 +.tinymce-mobile-icon-redo::before {
  112 + content: "\e15a";
  113 +}
  114 +
  115 +.tinymce-mobile-icon-removeformat::before {
  116 + content: "\e239";
  117 +}
  118 +
  119 +.tinymce-mobile-icon-small-font::before {
  120 + content: "\e906";
  121 +}
  122 +
  123 +.tinymce-mobile-icon-readonly-back::before,
  124 +.tinymce-mobile-format-matches::after {
  125 + content: "\e5ca";
  126 +}
  127 +
  128 +.tinymce-mobile-icon-small-heading::before {
  129 + content: "small";
  130 +}
  131 +
  132 +.tinymce-mobile-icon-large-heading::before {
  133 + content: "large";
  134 +}
  135 +
  136 +.tinymce-mobile-icon-small-heading::before,
  137 +.tinymce-mobile-icon-large-heading::before {
  138 + font-family: sans-serif;
  139 + font-size: 80%;
  140 +}
  141 +
  142 +.tinymce-mobile-mask-edit-icon::before {
  143 + content: "\e254";
  144 +}
  145 +
  146 +.tinymce-mobile-icon-back::before {
  147 + content: "\e5c4";
  148 +}
  149 +
  150 +.tinymce-mobile-icon-heading::before {
  151 + font-family: sans-serif;
  152 + font-size: 80%;
  153 + font-weight: bold;
  154 +
  155 + /* TODO: Translate */
  156 + content: "Headings";
  157 +}
  158 +
  159 +.tinymce-mobile-icon-h1::before {
  160 + font-weight: bold;
  161 + content: "H1";
  162 +}
  163 +
  164 +.tinymce-mobile-icon-h2::before {
  165 + font-weight: bold;
  166 + content: "H2";
  167 +}
  168 +
  169 +.tinymce-mobile-icon-h3::before {
  170 + font-weight: bold;
  171 + content: "H3";
  172 +}
  173 +
  174 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {
  175 + position: absolute;
  176 + top: 0;
  177 + display: flex;
  178 + width: 100%;
  179 + height: 100%;
  180 + background: rgba(51, 51, 51, 0.5);
  181 + align-items: center;
  182 + justify-content: center;
  183 +}
  184 +
  185 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container {
  186 + display: flex;
  187 + font-family: sans-serif;
  188 + font-size: 1em;
  189 + border-radius: 50%;
  190 + align-items: center;
  191 + flex-direction: column;
  192 + justify-content: space-between;
  193 +}
  194 +
  195 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item {
  196 + display: flex;
  197 + width: 2.1em;
  198 + height: 2.1em;
  199 + border-radius: 50%;
  200 + align-items: center;
  201 + justify-content: center;
  202 +}
  203 +
  204 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
  205 + align-items: center;
  206 + display: flex;
  207 + justify-content: center;
  208 + flex-direction: column;
  209 + font-size: 1em;
  210 +}
  211 +@media only screen and (min-device-width: 700px) {
  212 + .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
  213 + font-size: 1.2em;
  214 + }
  215 +}
  216 +
  217 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon {
  218 + display: flex;
  219 + width: 2.1em;
  220 + height: 2.1em;
  221 + color: #207ab7;
  222 + background-color: white;
  223 + border-radius: 50%;
  224 + align-items: center;
  225 + justify-content: center;
  226 +}
  227 +
  228 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before {
  229 + font-family: 'tinymce-mobile', sans-serif;
  230 + content: "\e900";
  231 +}
  232 +
  233 +.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 {
  234 + z-index: 2;
  235 +}
  236 +
  237 +.tinymce-mobile-android-container.tinymce-mobile-android-maximized {
  238 + position: fixed;
  239 + top: 0;
  240 + right: 0;
  241 + bottom: 0;
  242 + left: 0;
  243 + display: flex;
  244 + background: #fff;
  245 + border: none;
  246 + flex-direction: column;
  247 +}
  248 +
  249 +.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) {
  250 + position: relative;
  251 +}
  252 +
  253 +.tinymce-mobile-android-container .tinymce-mobile-editor-socket {
  254 + display: flex;
  255 + flex-grow: 1;
  256 +}
  257 +
  258 +.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {
  259 + display: flex !important;
  260 + flex-grow: 1;
  261 + height: auto !important;
  262 +}
  263 +
  264 +.tinymce-mobile-android-scroll-reload {
  265 + overflow: hidden;
  266 +}
  267 +
  268 +:not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar {
  269 + margin-top: 23px;
  270 +}
  271 +
  272 +.tinymce-mobile-toolstrip {
  273 + z-index: 1;
  274 + display: flex;
  275 + background: #fff;
  276 + flex: 0 0 auto;
  277 +}
  278 +
  279 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar {
  280 + display: flex;
  281 + width: 100%;
  282 + height: 2.5em;
  283 + background-color: #fff;
  284 + border-bottom: 1px solid #ccc;
  285 + align-items: center;
  286 + flex: 1;
  287 +
  288 + /* Make it no larger than the toolstrip, so that it needs to scroll */
  289 +}
  290 +
  291 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group {
  292 + align-items: center;
  293 + display: flex;
  294 + height: 100%;
  295 + flex-shrink: 1;
  296 +}
  297 +
  298 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div {
  299 + align-items: center;
  300 + display: flex;
  301 + height: 100%;
  302 + flex: 1;
  303 +}
  304 +
  305 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container {
  306 + background: #f44336;
  307 +}
  308 +
  309 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group {
  310 + flex-grow: 1;
  311 +}
  312 +
  313 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
  314 + padding-right: 0.5em;
  315 + padding-left: 0.5em;
  316 +}
  317 +
  318 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button {
  319 + display: flex;
  320 + height: 80%;
  321 + margin-right: 2px;
  322 + margin-left: 2px;
  323 + align-items: center;
  324 +}
  325 +
  326 +.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 {
  327 + color: #ccc;
  328 + background: #c8cbcf;
  329 +}
  330 +
  331 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,
  332 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {
  333 + color: #eceff1;
  334 + background: #207ab7;
  335 +}
  336 +
  337 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar {
  338 + /* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */
  339 +}
  340 +
  341 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group {
  342 + display: flex;
  343 + height: 100%;
  344 + padding-top: 0.4em;
  345 + padding-bottom: 0.4em;
  346 + align-items: center;
  347 + flex: 1;
  348 +
  349 + /* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */
  350 +
  351 + /* For widgets like the colour picker, use the whole height */
  352 +}
  353 +
  354 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog {
  355 + position: relative;
  356 + display: flex;
  357 + width: 100%;
  358 + min-height: 1.5em;
  359 + padding-right: 0;
  360 + padding-left: 0;
  361 + overflow: hidden;
  362 +}
  363 +
  364 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain {
  365 + display: flex;
  366 + width: 100%;
  367 + height: 100%;
  368 + transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s;
  369 +}
  370 +
  371 +.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 {
  372 + display: flex;
  373 + flex: 0 0 auto;
  374 + justify-content: space-between;
  375 + width: 100%;
  376 +}
  377 +
  378 +.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 {
  379 + font-family: sans-serif;
  380 +}
  381 +
  382 +.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 {
  383 + position: relative;
  384 + display: flex;
  385 + flex-grow: 1;
  386 +}
  387 +
  388 +.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 {
  389 + position: absolute;
  390 + right: 0;
  391 + height: 100%;
  392 + padding-right: 2px;
  393 + font-size: 0.6em;
  394 + font-weight: bold;
  395 + color: #888;
  396 + background: inherit;
  397 + border: none;
  398 + border-radius: 50%;
  399 + align-self: center;
  400 +}
  401 +
  402 +.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 {
  403 + display: none;
  404 +}
  405 +
  406 +.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,
  407 +.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 {
  408 + align-items: center;
  409 + display: flex;
  410 +}
  411 +
  412 +.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,
  413 +.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 {
  414 + display: flex;
  415 + height: 100%;
  416 + padding-right: 0.5em;
  417 + padding-left: 0.5em;
  418 + font-weight: bold;
  419 + align-items: center;
  420 +}
  421 +
  422 +.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,
  423 +.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 {
  424 + visibility: hidden;
  425 +}
  426 +
  427 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item {
  428 + padding-top: 3px;
  429 + margin: 0 2px;
  430 + font-size: 10px;
  431 + line-height: 10px;
  432 + color: #ccc;
  433 +}
  434 +
  435 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active {
  436 + color: #c8cbcf;
  437 +}
  438 +
  439 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,
  440 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before {
  441 + margin-right: 0.9em;
  442 + margin-left: 0.5em;
  443 +}
  444 +
  445 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,
  446 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before {
  447 + margin-right: 0.5em;
  448 + margin-left: 0.9em;
  449 +}
  450 +
  451 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider {
  452 + position: relative;
  453 + display: flex;
  454 + padding: 0.28em 0;
  455 + margin-right: 0;
  456 + margin-left: 0;
  457 + flex: 1;
  458 +}
  459 +
  460 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container {
  461 + align-items: center;
  462 + display: flex;
  463 + flex-grow: 1;
  464 + height: 100%;
  465 +}
  466 +
  467 +.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 {
  468 + display: flex;
  469 + height: 0.2em;
  470 + margin-top: 0.3em;
  471 + margin-bottom: 0.3em;
  472 + background: #ccc;
  473 + flex: 1;
  474 +}
  475 +
  476 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container {
  477 + padding-right: 2em;
  478 + padding-left: 2em;
  479 +}
  480 +
  481 +.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 {
  482 + align-items: center;
  483 + display: flex;
  484 + flex-grow: 1;
  485 + height: 100%;
  486 +}
  487 +
  488 +.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 {
  489 + display: flex;
  490 + height: 0.2em;
  491 + margin-top: 0.3em;
  492 + margin-bottom: 0.3em;
  493 + 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%);
  494 + flex: 1;
  495 +}
  496 +
  497 +.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 {
  498 + width: 1.2em;
  499 + height: 0.2em;
  500 + margin-top: 0.3em;
  501 + margin-bottom: 0.3em;
  502 +
  503 + /* Not part of theming */
  504 + background: black;
  505 +}
  506 +
  507 +.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 {
  508 + width: 1.2em;
  509 + height: 0.2em;
  510 + margin-top: 0.3em;
  511 + margin-bottom: 0.3em;
  512 +
  513 + /* Not part of theming */
  514 + background: white;
  515 +}
  516 +
  517 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb {
  518 + position: absolute;
  519 + top: 0;
  520 + bottom: 0;
  521 + left: -10px;
  522 + display: flex;
  523 + width: 0.5em;
  524 + height: 0.5em;
  525 + margin: auto;
  526 + color: #fff;
  527 + background-color: #455a64;
  528 + border: 0.5em solid rgba(136, 136, 136, 0);
  529 + border-radius: 3em;
  530 + transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1);
  531 + background-clip: padding-box;
  532 +
  533 + /* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave
  534 + * out these values, then it shows the thumb at the top of the spectrum. This is probably because it is
  535 + * absolutely positioned with only a left value, and not a top. Note, on Chrome it seems to be fine without
  536 + * this approach.
  537 + */
  538 + align-items: center;
  539 + justify-content: center;
  540 +}
  541 +
  542 +.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 {
  543 + border: 0.5em solid rgba(136, 136, 136, 0.39);
  544 +}
  545 +
  546 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,
  547 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div {
  548 + align-items: center;
  549 + display: flex;
  550 + height: 100%;
  551 + flex: 1;
  552 +}
  553 +
  554 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper {
  555 + flex-direction: column;
  556 + justify-content: center;
  557 +}
  558 +
  559 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
  560 + align-items: center;
  561 + display: flex;
  562 +}
  563 +
  564 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) {
  565 + height: 100%;
  566 +}
  567 +
  568 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container {
  569 + display: flex;
  570 +}
  571 +
  572 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input {
  573 + padding-top: 0.1em;
  574 + padding-bottom: 0.1em;
  575 + padding-left: 5px;
  576 + font-size: 0.85em;
  577 + color: #455a64;
  578 + background: #fff;
  579 + border: none;
  580 + border-radius: 0;
  581 + flex-grow: 1;
  582 +}
  583 +
  584 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder {
  585 + /* WebKit, Blink, Edge */
  586 + color: #888;
  587 +}
  588 +
  589 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder {
  590 + /* WebKit, Blink, Edge */
  591 + color: #888;
  592 +}
  593 +
  594 +/* dropup */
  595 +.tinymce-mobile-dropup {
  596 + display: flex;
  597 + width: 100%;
  598 + overflow: hidden;
  599 + background: white;
  600 +}
  601 +
  602 +.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking {
  603 + transition: height 0.3s ease-out;
  604 +}
  605 +
  606 +.tinymce-mobile-dropup.tinymce-mobile-dropup-growing {
  607 + transition: height 0.3s ease-in;
  608 +}
  609 +
  610 +.tinymce-mobile-dropup.tinymce-mobile-dropup-closed {
  611 + flex-grow: 0;
  612 +}
  613 +
  614 +.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) {
  615 + flex-grow: 1;
  616 +}
  617 +
  618 +/* TODO min-height for device size and orientation */
  619 +.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
  620 + min-height: 200px;
  621 +}
  622 +@media only screen and (orientation: landscape) {
  623 + .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
  624 + min-height: 200px;
  625 + }
  626 +}
  627 +@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  628 + .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
  629 + min-height: 150px;
  630 + }
  631 +}
  632 +
  633 +/* styles menu */
  634 +.tinymce-mobile-styles-menu {
  635 + position: relative;
  636 + width: 100%;
  637 + overflow: hidden;
  638 + font-family: sans-serif;
  639 + outline: 4px solid black;
  640 +}
  641 +
  642 +.tinymce-mobile-styles-menu [role="menu"] {
  643 + position: absolute;
  644 + display: flex;
  645 + width: 100%;
  646 + height: 100%;
  647 + flex-direction: column;
  648 +}
  649 +
  650 +.tinymce-mobile-styles-menu [role="menu"].transitioning {
  651 + transition: transform 0.5s ease-in-out;
  652 +}
  653 +
  654 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item {
  655 + position: relative;
  656 + display: flex;
  657 + padding: 1em 1em;
  658 + color: #455a64;
  659 + cursor: pointer;
  660 + border-bottom: 1px solid #ddd;
  661 +}
  662 +
  663 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before {
  664 + font-family: 'tinymce-mobile', sans-serif;
  665 + color: #455a64;
  666 + content: "\e314";
  667 +}
  668 +
  669 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after {
  670 + position: absolute;
  671 + right: 0;
  672 + padding-right: 1em;
  673 + padding-left: 1em;
  674 + font-family: 'tinymce-mobile', sans-serif;
  675 + color: #455a64;
  676 + content: "\e315";
  677 +}
  678 +
  679 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after {
  680 + position: absolute;
  681 + right: 0;
  682 + padding-right: 1em;
  683 + padding-left: 1em;
  684 + font-family: 'tinymce-mobile', sans-serif;
  685 +}
  686 +
  687 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator,
  688 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser {
  689 + display: flex;
  690 + min-height: 2.5em;
  691 + padding-right: 1em;
  692 + padding-left: 1em;
  693 + color: #455a64;
  694 + background: #fff;
  695 + border-top: #455a64;
  696 + align-items: center;
  697 +}
  698 +
  699 +.tinymce-mobile-styles-menu [data-transitioning-destination="before"][data-transitioning-state],
  700 +.tinymce-mobile-styles-menu [data-transitioning-state="before"] {
  701 + transform: translate(-100%);
  702 +}
  703 +
  704 +.tinymce-mobile-styles-menu [data-transitioning-destination="current"][data-transitioning-state],
  705 +.tinymce-mobile-styles-menu [data-transitioning-state="current"] {
  706 + transform: translate(0%);
  707 +}
  708 +
  709 +.tinymce-mobile-styles-menu [data-transitioning-destination="after"][data-transitioning-state],
  710 +.tinymce-mobile-styles-menu [data-transitioning-state="after"] {
  711 + transform: translate(100%);
  712 +}
  713 +@font-face {
  714 + font-family: 'tinymce-mobile';
  715 + font-style: normal;
  716 + font-weight: normal;
  717 + src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff');
  718 +}
  719 +@media (min-device-width: 700px) {
  720 + .tinymce-mobile-outer-container,
  721 + .tinymce-mobile-outer-container input {
  722 + font-size: 25px;
  723 + }
  724 +}
  725 +@media (max-device-width: 700px) {
  726 + .tinymce-mobile-outer-container,
  727 + .tinymce-mobile-outer-container input {
  728 + font-size: 18px;
  729 + }
  730 +}
  731 +
  732 +.tinymce-mobile-icon {
  733 + font-family: 'tinymce-mobile', sans-serif;
  734 +}
  735 +
  736 +.mixin-flex-and-centre {
  737 + align-items: center;
  738 + display: flex;
  739 + justify-content: center;
  740 +}
  741 +
  742 +.mixin-flex-bar {
  743 + align-items: center;
  744 + display: flex;
  745 + height: 100%;
  746 +}
  747 +
  748 +.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe {
  749 + width: 100%;
  750 + background-color: #fff;
  751 +}
  752 +
  753 +.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
  754 + position: fixed;
  755 + right: 2em;
  756 + bottom: 1em;
  757 + display: flex;
  758 + width: 2.1em;
  759 + height: 2.1em;
  760 + font-size: 1em;
  761 + color: white;
  762 +
  763 + /* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */
  764 + background-color: #207ab7;
  765 + border-radius: 50%;
  766 + align-items: center;
  767 + justify-content: center;
  768 +}
  769 +@media only screen and (min-device-width: 700px) {
  770 + .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
  771 + font-size: 1.2em;
  772 + }
  773 +}
  774 +
  775 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {
  776 + height: 300px;
  777 + overflow: hidden;
  778 +}
  779 +
  780 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe {
  781 + height: 100%;
  782 +}
  783 +
  784 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip {
  785 + display: none;
  786 +}
  787 +
  788 +/*
  789 + Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets
  790 + increased and the whole body becomes scrollable. It's important!
  791 + */
  792 +input[type="file"]::-webkit-file-upload-button {
  793 + display: none;
  794 +}
  795 +@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  796 + .tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
  797 + bottom: 50%;
  798 + }
  799 +}
... ...
public/resource/tinymce/skins/ui/oxide-dark/skin.mobile.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.tinymce-mobile-outer-container{all: initial;display: block;}
  8 +
  9 +.tinymce-mobile-outer-container *{float: none;padding: 0;margin: 0;line-height: 1;text-shadow: none;white-space: nowrap;cursor: inherit;border: 0;outline: 0;box-sizing: initial;-webkit-tap-highlight-color: transparent;}
  10 +
  11 +.tinymce-mobile-icon-arrow-back::before{content: "\e5cd";}
  12 +
  13 +.tinymce-mobile-icon-image::before{content: "\e412";}
  14 +
  15 +.tinymce-mobile-icon-cancel-circle::before{content: "\e5c9";}
  16 +
  17 +.tinymce-mobile-icon-full-dot::before{content: "\e061";}
  18 +
  19 +.tinymce-mobile-icon-align-center::before{content: "\e234";}
  20 +
  21 +.tinymce-mobile-icon-align-left::before{content: "\e236";}
  22 +
  23 +.tinymce-mobile-icon-align-right::before{content: "\e237";}
  24 +
  25 +.tinymce-mobile-icon-bold::before{content: "\e238";}
  26 +
  27 +.tinymce-mobile-icon-italic::before{content: "\e23f";}
  28 +
  29 +.tinymce-mobile-icon-unordered-list::before{content: "\e241";}
  30 +
  31 +.tinymce-mobile-icon-ordered-list::before{content: "\e242";}
  32 +
  33 +.tinymce-mobile-icon-font-size::before{content: "\e245";}
  34 +
  35 +.tinymce-mobile-icon-underline::before{content: "\e249";}
  36 +
  37 +.tinymce-mobile-icon-link::before{content: "\e157";}
  38 +
  39 +.tinymce-mobile-icon-unlink::before{content: "\eca2";}
  40 +
  41 +.tinymce-mobile-icon-color::before{content: "\e891";}
  42 +
  43 +.tinymce-mobile-icon-previous::before{content: "\e314";}
  44 +
  45 +.tinymce-mobile-icon-next::before{content: "\e315";}
  46 +
  47 +.tinymce-mobile-icon-large-font::before,.tinymce-mobile-icon-style-formats::before{content: "\e264";}
  48 +
  49 +.tinymce-mobile-icon-undo::before{content: "\e166";}
  50 +
  51 +.tinymce-mobile-icon-redo::before{content: "\e15a";}
  52 +
  53 +.tinymce-mobile-icon-removeformat::before{content: "\e239";}
  54 +
  55 +.tinymce-mobile-icon-small-font::before{content: "\e906";}
  56 +
  57 +.tinymce-mobile-format-matches::after,.tinymce-mobile-icon-readonly-back::before{content: "\e5ca";}
  58 +
  59 +.tinymce-mobile-icon-small-heading::before{content: "small";}
  60 +
  61 +.tinymce-mobile-icon-large-heading::before{content: "large";}
  62 +
  63 +.tinymce-mobile-icon-large-heading::before,.tinymce-mobile-icon-small-heading::before{font-family: sans-serif;font-size: 80%;}
  64 +
  65 +.tinymce-mobile-mask-edit-icon::before{content: "\e254";}
  66 +
  67 +.tinymce-mobile-icon-back::before{content: "\e5c4";}
  68 +
  69 +.tinymce-mobile-icon-heading::before{font-family: sans-serif;font-size: 80%;font-weight: 700;content: "Headings";}
  70 +
  71 +.tinymce-mobile-icon-h1::before{font-weight: 700;content: "H1";}
  72 +
  73 +.tinymce-mobile-icon-h2::before{font-weight: 700;content: "H2";}
  74 +
  75 +.tinymce-mobile-icon-h3::before{font-weight: 700;content: "H3";}
  76 +
  77 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask{position: absolute;top: 0;display: flex;width: 100%;height: 100%;background: rgba(51,51,51,.5);align-items: center;justify-content: center;}
  78 +
  79 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container{display: flex;font-family: sans-serif;font-size: 1em;border-radius: 50%;align-items: center;flex-direction: column;justify-content: space-between;}
  80 +
  81 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item{display: flex;width: 2.1em;height: 2.1em;border-radius: 50%;align-items: center;justify-content: center;}
  82 +
  83 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{align-items: center;display: flex;justify-content: center;flex-direction: column;font-size: 1em;}@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;}}
  84 +
  85 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon{display: flex;width: 2.1em;height: 2.1em;color: #207ab7;background-color: #fff;border-radius: 50%;align-items: center;justify-content: center;}
  86 +
  87 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before{font-family: tinymce-mobile,sans-serif;content: "\e900";}
  88 +
  89 +.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;}
  90 +
  91 +.tinymce-mobile-android-container.tinymce-mobile-android-maximized{position: fixed;top: 0;right: 0;bottom: 0;left: 0;display: flex;background: #fff;border: none;flex-direction: column;}
  92 +
  93 +.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized){position: relative;}
  94 +
  95 +.tinymce-mobile-android-container .tinymce-mobile-editor-socket{display: flex;flex-grow: 1;}
  96 +
  97 +.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe{display: flex !important;flex-grow: 1;height: auto !important;}
  98 +
  99 +.tinymce-mobile-android-scroll-reload{overflow: hidden;}
  100 +
  101 +:not(.tinymce-mobile-readonly-mode)>.tinymce-mobile-android-selection-context-toolbar{margin-top: 23px;}
  102 +
  103 +.tinymce-mobile-toolstrip{z-index: 1;display: flex;background: #fff;flex: 0 0 auto;}
  104 +
  105 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar{display: flex;width: 100%;height: 2.5em;background-color: #fff;border-bottom: 1px solid #ccc;align-items: center;flex: 1;}
  106 +
  107 +.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;}
  108 +
  109 +.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;}
  110 +
  111 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container{background: #f44336;}
  112 +
  113 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group{flex-grow: 1;}
  114 +
  115 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{padding-right: .5em;padding-left: .5em;}
  116 +
  117 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button{display: flex;height: 80%;margin-right: 2px;margin-left: 2px;align-items: center;}
  118 +
  119 +.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{color: #ccc;background: #c8cbcf;}
  120 +
  121 +.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{color: #eceff1;background: #207ab7;}
  122 +
  123 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group{display: flex;height: 100%;padding-top: .4em;padding-bottom: .4em;align-items: center;flex: 1;}
  124 +
  125 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog{position: relative;display: flex;width: 100%;min-height: 1.5em;padding-right: 0;padding-left: 0;overflow: hidden;}
  126 +
  127 +.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;width: 100%;height: 100%;transition: left cubic-bezier(.4,0,1,1) .15s;}
  128 +
  129 +.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%;}
  130 +
  131 +.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;}
  132 +
  133 +.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{position: relative;display: flex;flex-grow: 1;}
  134 +
  135 +.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{position: absolute;right: 0;height: 100%;padding-right: 2px;font-size: .6em;font-weight: 700;color: #888;background: inherit;border: none;border-radius: 50%;align-self: center;}
  136 +
  137 +.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;}
  138 +
  139 +.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-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{align-items: center;display: flex;}
  140 +
  141 +.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,.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{display: flex;height: 100%;padding-right: .5em;padding-left: .5em;font-weight: 700;align-items: center;}
  142 +
  143 +.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,.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{visibility: hidden;}
  144 +
  145 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item{padding-top: 3px;margin: 0 2px;font-size: 10px;line-height: 10px;color: #ccc;}
  146 +
  147 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active{color: #c8cbcf;}
  148 +
  149 +.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-right: .9em;margin-left: .5em;}
  150 +
  151 +.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-right: .5em;margin-left: .9em;}
  152 +
  153 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider{position: relative;display: flex;padding: .28em 0;margin-right: 0;margin-left: 0;flex: 1;}
  154 +
  155 +.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%;}
  156 +
  157 +.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{display: flex;height: .2em;margin-top: .3em;margin-bottom: .3em;background: #ccc;flex: 1;}
  158 +
  159 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container{padding-right: 2em;padding-left: 2em;}
  160 +
  161 +.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%;}
  162 +
  163 +.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{display: flex;height: .2em;margin-top: .3em;margin-bottom: .3em;background: linear-gradient(to right,red 0,#feff00 17%,#0f0 33%,#00feff 50%,#00f 67%,#ff00fe 83%,red 100%);flex: 1;}
  164 +
  165 +.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{width: 1.2em;height: .2em;margin-top: .3em;margin-bottom: .3em;background: #000;}
  166 +
  167 +.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{width: 1.2em;height: .2em;margin-top: .3em;margin-bottom: .3em;background: #fff;}
  168 +
  169 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb{position: absolute;top: 0;bottom: 0;left: -10px;display: flex;width: .5em;height: .5em;margin: auto;color: #fff;background-color: #455a64;border: .5em solid rgba(136,136,136,0);border-radius: 3em;transition: border 120ms cubic-bezier(.39,.58,.57,1);background-clip: padding-box;align-items: center;justify-content: center;}
  170 +
  171 +.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: .5em solid rgba(136,136,136,.39);}
  172 +
  173 +.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;display: flex;height: 100%;flex: 1;}
  174 +
  175 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper{flex-direction: column;justify-content: center;}
  176 +
  177 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{align-items: center;display: flex;}
  178 +
  179 +.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%;}
  180 +
  181 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container{display: flex;}
  182 +
  183 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input{padding-top: .1em;padding-bottom: .1em;padding-left: 5px;font-size: .85em;color: #455a64;background: #fff;border: none;border-radius: 0;flex-grow: 1;}
  184 +
  185 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder{color: #888;}
  186 +
  187 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder{color: #888;}
  188 +
  189 +.tinymce-mobile-dropup{display: flex;width: 100%;overflow: hidden;background: #fff;}
  190 +
  191 +.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking{transition: height .3s ease-out;}
  192 +
  193 +.tinymce-mobile-dropup.tinymce-mobile-dropup-growing{transition: height .3s ease-in;}
  194 +
  195 +.tinymce-mobile-dropup.tinymce-mobile-dropup-closed{flex-grow: 0;}
  196 +
  197 +.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing){flex-grow: 1;}
  198 +
  199 +.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){.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height: 150px;}}
  200 +
  201 +.tinymce-mobile-styles-menu{position: relative;width: 100%;overflow: hidden;font-family: sans-serif;outline: 4px solid #000;}
  202 +
  203 +.tinymce-mobile-styles-menu [role=menu]{position: absolute;display: flex;width: 100%;height: 100%;flex-direction: column;}
  204 +
  205 +.tinymce-mobile-styles-menu [role=menu].transitioning{transition: transform .5s ease-in-out;}
  206 +
  207 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item{position: relative;display: flex;padding: 1em 1em;color: #455a64;cursor: pointer;border-bottom: 1px solid #ddd;}
  208 +
  209 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before{font-family: tinymce-mobile,sans-serif;color: #455a64;content: "\e314";}
  210 +
  211 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after{position: absolute;right: 0;padding-right: 1em;padding-left: 1em;font-family: tinymce-mobile,sans-serif;color: #455a64;content: "\e315";}
  212 +
  213 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after{position: absolute;right: 0;padding-right: 1em;padding-left: 1em;font-family: tinymce-mobile,sans-serif;}
  214 +
  215 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser,.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator{display: flex;min-height: 2.5em;padding-right: 1em;padding-left: 1em;color: #455a64;background: #fff;border-top: #455a64;align-items: center;}
  216 +
  217 +.tinymce-mobile-styles-menu [data-transitioning-destination=before][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=before]{transform: translate(-100%);}
  218 +
  219 +.tinymce-mobile-styles-menu [data-transitioning-destination=current][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=current]{transform: translate(0);}
  220 +
  221 +.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: 400;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;}}
  222 +
  223 +.tinymce-mobile-icon{font-family: tinymce-mobile,sans-serif;}
  224 +
  225 +.mixin-flex-and-centre{align-items: center;display: flex;justify-content: center;}
  226 +
  227 +.mixin-flex-bar{align-items: center;display: flex;height: 100%;}
  228 +
  229 +.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe{width: 100%;background-color: #fff;}
  230 +
  231 +.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{position: fixed;right: 2em;bottom: 1em;display: flex;width: 2.1em;height: 2.1em;font-size: 1em;color: #fff;background-color: #207ab7;border-radius: 50%;align-items: center;justify-content: center;}@media only screen and (min-device-width: 700px){.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{font-size: 1.2em;}}
  232 +
  233 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{height: 300px;overflow: hidden;}
  234 +
  235 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe{height: 100%;}
  236 +
  237 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip{display: none;}
  238 +
  239 +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){.tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{bottom: 50%;}}
... ...
public/resource/tinymce/skins/ui/oxide/content.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.mce-content-body .mce-item-anchor {
  8 + background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
  9 + cursor: default;
  10 + display: inline-block;
  11 + height: 12px !important;
  12 + padding: 0 2px;
  13 + -webkit-user-modify: read-only;
  14 + -moz-user-modify: read-only;
  15 + -webkit-user-select: all;
  16 + -moz-user-select: all;
  17 + -ms-user-select: all;
  18 + user-select: all;
  19 + width: 8px !important;
  20 +}
  21 +.mce-content-body .mce-item-anchor[data-mce-selected] {
  22 + outline-offset: 1px;
  23 +}
  24 +.tox-comments-visible .tox-comment {
  25 + background-color: #fff0b7;
  26 +}
  27 +.tox-comments-visible .tox-comment--active {
  28 + background-color: #ffe168;
  29 +}
  30 +.tox-checklist > li:not(.tox-checklist--hidden) {
  31 + list-style: none;
  32 + margin: 0.25em 0;
  33 +}
  34 +.tox-checklist > li:not(.tox-checklist--hidden)::before {
  35 + background-image: 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");
  36 + background-size: 100%;
  37 + content: '';
  38 + cursor: pointer;
  39 + height: 1em;
  40 + margin-left: -1.5em;
  41 + margin-top: 0.125em;
  42 + position: absolute;
  43 + width: 1em;
  44 +}
  45 +.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  46 + background-image: 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");
  47 +}
  48 +[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
  49 + margin-left: 0;
  50 + margin-right: -1.5em;
  51 +}
  52 +/* stylelint-disable */
  53 +/* http://prismjs.com/ */
  54 +/**
  55 + * prism.js default theme for JavaScript, CSS and HTML
  56 + * Based on dabblet (http://dabblet.com)
  57 + * @author Lea Verou
  58 + */
  59 +code[class*="language-"],
  60 +pre[class*="language-"] {
  61 + color: black;
  62 + text-shadow: 0 1px white;
  63 + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  64 + font-size: 0.875rem;
  65 + white-space: pre;
  66 + word-spacing: normal;
  67 + word-break: normal;
  68 + word-wrap: normal;
  69 + line-height: 1.5;
  70 + -moz-tab-size: 4;
  71 + tab-size: 4;
  72 + -webkit-hyphens: none;
  73 + -ms-hyphens: none;
  74 + hyphens: none;
  75 +}
  76 +pre[class*="language-"]::-moz-selection,
  77 +pre[class*="language-"] ::-moz-selection,
  78 +code[class*="language-"]::-moz-selection,
  79 +code[class*="language-"] ::-moz-selection {
  80 + text-shadow: none;
  81 + background: #b3d4fc;
  82 +}
  83 +pre[class*="language-"]::selection,
  84 +pre[class*="language-"] ::selection,
  85 +code[class*="language-"]::selection,
  86 +code[class*="language-"] ::selection {
  87 + text-shadow: none;
  88 + background: #b3d4fc;
  89 +}
  90 +@media print {
  91 + code[class*="language-"],
  92 + pre[class*="language-"] {
  93 + text-shadow: none;
  94 + }
  95 +}
  96 +/* Code blocks */
  97 +pre[class*="language-"] {
  98 + padding: 1em;
  99 + margin: 0.5em 0;
  100 + overflow: auto;
  101 +}
  102 +:not(pre) > code[class*="language-"],
  103 +pre[class*="language-"] {
  104 + background: transparent !important;
  105 + border: 1px solid #ccc;
  106 +}
  107 +/* Inline code */
  108 +:not(pre) > code[class*="language-"] {
  109 + padding: 0.1em;
  110 + border-radius: 0.3em;
  111 +}
  112 +.token.comment,
  113 +.token.prolog,
  114 +.token.doctype,
  115 +.token.cdata {
  116 + color: slategray;
  117 +}
  118 +.token.punctuation {
  119 + color: #999;
  120 +}
  121 +.namespace {
  122 + opacity: 0.7;
  123 +}
  124 +.token.property,
  125 +.token.tag,
  126 +.token.boolean,
  127 +.token.number,
  128 +.token.constant,
  129 +.token.symbol,
  130 +.token.deleted {
  131 + color: #905;
  132 +}
  133 +.token.selector,
  134 +.token.attr-name,
  135 +.token.string,
  136 +.token.char,
  137 +.token.builtin,
  138 +.token.inserted {
  139 + color: #690;
  140 +}
  141 +.token.operator,
  142 +.token.entity,
  143 +.token.url,
  144 +.language-css .token.string,
  145 +.style .token.string {
  146 + color: #a67f59;
  147 + background: hsla(0, 0%, 100%, 0.5);
  148 +}
  149 +.token.atrule,
  150 +.token.attr-value,
  151 +.token.keyword {
  152 + color: #07a;
  153 +}
  154 +.token.function {
  155 + color: #DD4A68;
  156 +}
  157 +.token.regex,
  158 +.token.important,
  159 +.token.variable {
  160 + color: #e90;
  161 +}
  162 +.token.important,
  163 +.token.bold {
  164 + font-weight: bold;
  165 +}
  166 +.token.italic {
  167 + font-style: italic;
  168 +}
  169 +.token.entity {
  170 + cursor: help;
  171 +}
  172 +:not([dir=rtl]) code[class*="language-"],
  173 +:not([dir=rtl]) pre[class*="language-"] {
  174 + direction: ltr;
  175 + text-align: left;
  176 +}
  177 +[dir=rtl] code[class*="language-"],
  178 +[dir=rtl] pre[class*="language-"] {
  179 + direction: rtl;
  180 + text-align: right;
  181 +}
  182 +/* stylelint-enable */
  183 +.mce-content-body {
  184 + overflow-wrap: break-word;
  185 + word-wrap: break-word;
  186 +}
  187 +.mce-content-body .mce-visual-caret {
  188 + background-color: black;
  189 + background-color: currentcolor;
  190 + position: absolute;
  191 +}
  192 +.mce-content-body .mce-visual-caret-hidden {
  193 + display: none;
  194 +}
  195 +.mce-content-body *[data-mce-caret] {
  196 + left: -1000px;
  197 + margin: 0;
  198 + padding: 0;
  199 + position: absolute;
  200 + right: auto;
  201 + top: 0;
  202 +}
  203 +.mce-content-body .mce-offscreen-selection {
  204 + left: -9999999999px;
  205 + max-width: 1000000px;
  206 + position: absolute;
  207 +}
  208 +.mce-content-body *[contentEditable=false] {
  209 + cursor: default;
  210 +}
  211 +.mce-content-body *[contentEditable=true] {
  212 + cursor: text;
  213 +}
  214 +.tox-cursor-format-painter {
  215 + 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;
  216 +}
  217 +.mce-content-body figure.align-left {
  218 + float: left;
  219 +}
  220 +.mce-content-body figure.align-right {
  221 + float: right;
  222 +}
  223 +.mce-content-body figure.image.align-center {
  224 + display: table;
  225 + margin-left: auto;
  226 + margin-right: auto;
  227 +}
  228 +.mce-preview-object {
  229 + border: 1px solid gray;
  230 + display: inline-block;
  231 + line-height: 0;
  232 + margin: 0 2px 0 2px;
  233 + position: relative;
  234 +}
  235 +.mce-preview-object .mce-shim {
  236 + background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  237 + height: 100%;
  238 + left: 0;
  239 + position: absolute;
  240 + top: 0;
  241 + width: 100%;
  242 +}
  243 +.mce-preview-object[data-mce-selected="2"] .mce-shim {
  244 + display: none;
  245 +}
  246 +.mce-object {
  247 + 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;
  248 + border: 1px dashed #aaa;
  249 +}
  250 +.mce-pagebreak {
  251 + border: 1px dashed #aaa;
  252 + cursor: default;
  253 + display: block;
  254 + height: 5px;
  255 + margin-top: 15px;
  256 + page-break-before: always;
  257 + width: 100%;
  258 +}
  259 +@media print {
  260 + .mce-pagebreak {
  261 + border: 0;
  262 + }
  263 +}
  264 +.tiny-pageembed .mce-shim {
  265 + background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  266 + height: 100%;
  267 + left: 0;
  268 + position: absolute;
  269 + top: 0;
  270 + width: 100%;
  271 +}
  272 +.tiny-pageembed[data-mce-selected="2"] .mce-shim {
  273 + display: none;
  274 +}
  275 +.tiny-pageembed {
  276 + display: inline-block;
  277 + position: relative;
  278 +}
  279 +.tiny-pageembed--21by9,
  280 +.tiny-pageembed--16by9,
  281 +.tiny-pageembed--4by3,
  282 +.tiny-pageembed--1by1 {
  283 + display: block;
  284 + overflow: hidden;
  285 + padding: 0;
  286 + position: relative;
  287 + width: 100%;
  288 +}
  289 +.tiny-pageembed--21by9::before,
  290 +.tiny-pageembed--16by9::before,
  291 +.tiny-pageembed--4by3::before,
  292 +.tiny-pageembed--1by1::before {
  293 + content: "";
  294 + display: block;
  295 +}
  296 +.tiny-pageembed--21by9::before {
  297 + padding-top: 42.857143%;
  298 +}
  299 +.tiny-pageembed--16by9::before {
  300 + padding-top: 56.25%;
  301 +}
  302 +.tiny-pageembed--4by3::before {
  303 + padding-top: 75%;
  304 +}
  305 +.tiny-pageembed--1by1::before {
  306 + padding-top: 100%;
  307 +}
  308 +.tiny-pageembed--21by9 iframe,
  309 +.tiny-pageembed--16by9 iframe,
  310 +.tiny-pageembed--4by3 iframe,
  311 +.tiny-pageembed--1by1 iframe {
  312 + border: 0;
  313 + height: 100%;
  314 + left: 0;
  315 + position: absolute;
  316 + top: 0;
  317 + width: 100%;
  318 +}
  319 +.mce-content-body div.mce-resizehandle {
  320 + background-color: #4099ff;
  321 + border-color: #4099ff;
  322 + border-style: solid;
  323 + border-width: 1px;
  324 + box-sizing: border-box;
  325 + height: 10px;
  326 + position: absolute;
  327 + width: 10px;
  328 + z-index: 10000;
  329 +}
  330 +.mce-content-body div.mce-resizehandle:hover {
  331 + background-color: #4099ff;
  332 +}
  333 +.mce-content-body div.mce-resizehandle:nth-of-type(1) {
  334 + cursor: nwse-resize;
  335 +}
  336 +.mce-content-body div.mce-resizehandle:nth-of-type(2) {
  337 + cursor: nesw-resize;
  338 +}
  339 +.mce-content-body div.mce-resizehandle:nth-of-type(3) {
  340 + cursor: nwse-resize;
  341 +}
  342 +.mce-content-body div.mce-resizehandle:nth-of-type(4) {
  343 + cursor: nesw-resize;
  344 +}
  345 +.mce-content-body .mce-clonedresizable {
  346 + opacity: 0.5;
  347 + outline: 1px dashed black;
  348 + position: absolute;
  349 + z-index: 10000;
  350 +}
  351 +.mce-content-body .mce-resize-helper {
  352 + background: #555;
  353 + background: rgba(0, 0, 0, 0.75);
  354 + border: 1px;
  355 + border-radius: 3px;
  356 + color: white;
  357 + display: none;
  358 + font-family: sans-serif;
  359 + font-size: 12px;
  360 + line-height: 14px;
  361 + margin: 5px 10px;
  362 + padding: 5px;
  363 + position: absolute;
  364 + white-space: nowrap;
  365 + z-index: 10001;
  366 +}
  367 +.mce-match-marker {
  368 + background: #aaa;
  369 + color: #fff;
  370 +}
  371 +.mce-match-marker-selected {
  372 + background: #39f;
  373 + color: #fff;
  374 +}
  375 +.mce-content-body img[data-mce-selected],
  376 +.mce-content-body table[data-mce-selected] {
  377 + outline: 3px solid #b4d7ff;
  378 +}
  379 +.mce-content-body hr[data-mce-selected] {
  380 + outline: 3px solid #b4d7ff;
  381 + outline-offset: 1px;
  382 +}
  383 +.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
  384 + outline: 3px solid #b4d7ff;
  385 +}
  386 +.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
  387 + outline: 3px solid #b4d7ff;
  388 +}
  389 +.mce-content-body *[contentEditable=false][data-mce-selected] {
  390 + cursor: not-allowed;
  391 + outline: 3px solid #b4d7ff;
  392 +}
  393 +.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
  394 +.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
  395 + outline: none;
  396 +}
  397 +.mce-content-body *[data-mce-selected="inline-boundary"] {
  398 + background-color: #b4d7ff;
  399 +}
  400 +.mce-content-body .mce-edit-focus {
  401 + outline: 3px solid #b4d7ff;
  402 +}
  403 +.mce-content-body td[data-mce-selected],
  404 +.mce-content-body th[data-mce-selected] {
  405 + background-color: #b4d7ff !important;
  406 +}
  407 +.mce-content-body td[data-mce-selected]::-moz-selection,
  408 +.mce-content-body th[data-mce-selected]::-moz-selection {
  409 + background: none;
  410 +}
  411 +.mce-content-body td[data-mce-selected]::selection,
  412 +.mce-content-body th[data-mce-selected]::selection {
  413 + background: none;
  414 +}
  415 +.mce-content-body td[data-mce-selected] *,
  416 +.mce-content-body th[data-mce-selected] * {
  417 + -webkit-touch-callout: none;
  418 + -webkit-user-select: none;
  419 + -moz-user-select: none;
  420 + -ms-user-select: none;
  421 + user-select: none;
  422 +}
  423 +.mce-content-body img::-moz-selection {
  424 + background: none;
  425 +}
  426 +.mce-content-body img::selection {
  427 + background: none;
  428 +}
  429 +.ephox-snooker-resizer-bar {
  430 + background-color: #b4d7ff;
  431 + opacity: 0;
  432 +}
  433 +.ephox-snooker-resizer-cols {
  434 + cursor: col-resize;
  435 +}
  436 +.ephox-snooker-resizer-rows {
  437 + cursor: row-resize;
  438 +}
  439 +.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  440 + opacity: 1;
  441 +}
  442 +.mce-spellchecker-word {
  443 + 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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  444 + background-position: 0 calc(100% + 1px);
  445 + background-repeat: repeat-x;
  446 + background-size: auto 6px;
  447 + cursor: default;
  448 + height: 2rem;
  449 +}
  450 +.mce-spellchecker-grammar {
  451 + 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'%23008800'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  452 + background-position: 0 calc(100% + 1px);
  453 + background-repeat: repeat-x;
  454 + background-size: auto 6px;
  455 + cursor: default;
  456 +}
  457 +.mce-toc {
  458 + border: 1px solid gray;
  459 +}
  460 +.mce-toc h2 {
  461 + margin: 4px;
  462 +}
  463 +.mce-toc li {
  464 + list-style-type: none;
  465 +}
  466 +.mce-item-table,
  467 +.mce-item-table td,
  468 +.mce-item-table th,
  469 +.mce-item-table caption {
  470 + border: 1px dashed #bbb;
  471 +}
  472 +.mce-visualblocks p,
  473 +.mce-visualblocks h1,
  474 +.mce-visualblocks h2,
  475 +.mce-visualblocks h3,
  476 +.mce-visualblocks h4,
  477 +.mce-visualblocks h5,
  478 +.mce-visualblocks h6,
  479 +.mce-visualblocks div:not([data-mce-bogus]),
  480 +.mce-visualblocks section,
  481 +.mce-visualblocks article,
  482 +.mce-visualblocks blockquote,
  483 +.mce-visualblocks address,
  484 +.mce-visualblocks pre,
  485 +.mce-visualblocks figure,
  486 +.mce-visualblocks figcaption,
  487 +.mce-visualblocks hgroup,
  488 +.mce-visualblocks aside,
  489 +.mce-visualblocks ul,
  490 +.mce-visualblocks ol,
  491 +.mce-visualblocks dl {
  492 + background-repeat: no-repeat;
  493 + border: 1px dashed #bbb;
  494 + margin-left: 3px;
  495 + padding-top: 10px;
  496 +}
  497 +.mce-visualblocks p {
  498 + background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
  499 +}
  500 +.mce-visualblocks h1 {
  501 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
  502 +}
  503 +.mce-visualblocks h2 {
  504 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
  505 +}
  506 +.mce-visualblocks h3 {
  507 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
  508 +}
  509 +.mce-visualblocks h4 {
  510 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
  511 +}
  512 +.mce-visualblocks h5 {
  513 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
  514 +}
  515 +.mce-visualblocks h6 {
  516 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
  517 +}
  518 +.mce-visualblocks div:not([data-mce-bogus]) {
  519 + background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
  520 +}
  521 +.mce-visualblocks section {
  522 + background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
  523 +}
  524 +.mce-visualblocks article {
  525 + background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
  526 +}
  527 +.mce-visualblocks blockquote {
  528 + background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
  529 +}
  530 +.mce-visualblocks address {
  531 + background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
  532 +}
  533 +.mce-visualblocks pre {
  534 + background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
  535 +}
  536 +.mce-visualblocks figure {
  537 + background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
  538 +}
  539 +.mce-visualblocks figcaption {
  540 + border: 1px dashed #bbb;
  541 +}
  542 +.mce-visualblocks hgroup {
  543 + background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
  544 +}
  545 +.mce-visualblocks aside {
  546 + background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
  547 +}
  548 +.mce-visualblocks ul {
  549 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
  550 +}
  551 +.mce-visualblocks ol {
  552 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
  553 +}
  554 +.mce-visualblocks dl {
  555 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
  556 +}
  557 +.mce-visualblocks:not([dir=rtl]) p,
  558 +.mce-visualblocks:not([dir=rtl]) h1,
  559 +.mce-visualblocks:not([dir=rtl]) h2,
  560 +.mce-visualblocks:not([dir=rtl]) h3,
  561 +.mce-visualblocks:not([dir=rtl]) h4,
  562 +.mce-visualblocks:not([dir=rtl]) h5,
  563 +.mce-visualblocks:not([dir=rtl]) h6,
  564 +.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
  565 +.mce-visualblocks:not([dir=rtl]) section,
  566 +.mce-visualblocks:not([dir=rtl]) article,
  567 +.mce-visualblocks:not([dir=rtl]) blockquote,
  568 +.mce-visualblocks:not([dir=rtl]) address,
  569 +.mce-visualblocks:not([dir=rtl]) pre,
  570 +.mce-visualblocks:not([dir=rtl]) figure,
  571 +.mce-visualblocks:not([dir=rtl]) figcaption,
  572 +.mce-visualblocks:not([dir=rtl]) hgroup,
  573 +.mce-visualblocks:not([dir=rtl]) aside,
  574 +.mce-visualblocks:not([dir=rtl]) ul,
  575 +.mce-visualblocks:not([dir=rtl]) ol,
  576 +.mce-visualblocks:not([dir=rtl]) dl {
  577 + margin-left: 3px;
  578 +}
  579 +.mce-visualblocks[dir=rtl] p,
  580 +.mce-visualblocks[dir=rtl] h1,
  581 +.mce-visualblocks[dir=rtl] h2,
  582 +.mce-visualblocks[dir=rtl] h3,
  583 +.mce-visualblocks[dir=rtl] h4,
  584 +.mce-visualblocks[dir=rtl] h5,
  585 +.mce-visualblocks[dir=rtl] h6,
  586 +.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
  587 +.mce-visualblocks[dir=rtl] section,
  588 +.mce-visualblocks[dir=rtl] article,
  589 +.mce-visualblocks[dir=rtl] blockquote,
  590 +.mce-visualblocks[dir=rtl] address,
  591 +.mce-visualblocks[dir=rtl] pre,
  592 +.mce-visualblocks[dir=rtl] figure,
  593 +.mce-visualblocks[dir=rtl] figcaption,
  594 +.mce-visualblocks[dir=rtl] hgroup,
  595 +.mce-visualblocks[dir=rtl] aside,
  596 +.mce-visualblocks[dir=rtl] ul,
  597 +.mce-visualblocks[dir=rtl] ol,
  598 +.mce-visualblocks[dir=rtl] dl {
  599 + background-position-x: right;
  600 + margin-right: 3px;
  601 +}
  602 +.mce-nbsp,
  603 +.mce-shy {
  604 + background: #aaa;
  605 +}
  606 +.mce-shy::after {
  607 + content: '-';
  608 +}
  609 +body {
  610 + font-family: sans-serif;
  611 +}
  612 +table {
  613 + border-collapse: collapse;
  614 +}
... ...
public/resource/tinymce/skins/ui/oxide/content.inline.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.mce-content-body .mce-item-anchor {
  8 + background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
  9 + cursor: default;
  10 + display: inline-block;
  11 + height: 12px !important;
  12 + padding: 0 2px;
  13 + -webkit-user-modify: read-only;
  14 + -moz-user-modify: read-only;
  15 + -webkit-user-select: all;
  16 + -moz-user-select: all;
  17 + -ms-user-select: all;
  18 + user-select: all;
  19 + width: 8px !important;
  20 +}
  21 +.mce-content-body .mce-item-anchor[data-mce-selected] {
  22 + outline-offset: 1px;
  23 +}
  24 +.tox-comments-visible .tox-comment {
  25 + background-color: #fff0b7;
  26 +}
  27 +.tox-comments-visible .tox-comment--active {
  28 + background-color: #ffe168;
  29 +}
  30 +.tox-checklist > li:not(.tox-checklist--hidden) {
  31 + list-style: none;
  32 + margin: 0.25em 0;
  33 +}
  34 +.tox-checklist > li:not(.tox-checklist--hidden)::before {
  35 + background-image: 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");
  36 + background-size: 100%;
  37 + content: '';
  38 + cursor: pointer;
  39 + height: 1em;
  40 + margin-left: -1.5em;
  41 + margin-top: 0.125em;
  42 + position: absolute;
  43 + width: 1em;
  44 +}
  45 +.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  46 + background-image: 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");
  47 +}
  48 +[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
  49 + margin-left: 0;
  50 + margin-right: -1.5em;
  51 +}
  52 +/* stylelint-disable */
  53 +/* http://prismjs.com/ */
  54 +/**
  55 + * prism.js default theme for JavaScript, CSS and HTML
  56 + * Based on dabblet (http://dabblet.com)
  57 + * @author Lea Verou
  58 + */
  59 +code[class*="language-"],
  60 +pre[class*="language-"] {
  61 + color: black;
  62 + text-shadow: 0 1px white;
  63 + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  64 + font-size: 0.875rem;
  65 + white-space: pre;
  66 + word-spacing: normal;
  67 + word-break: normal;
  68 + word-wrap: normal;
  69 + line-height: 1.5;
  70 + -moz-tab-size: 4;
  71 + tab-size: 4;
  72 + -webkit-hyphens: none;
  73 + -ms-hyphens: none;
  74 + hyphens: none;
  75 +}
  76 +pre[class*="language-"]::-moz-selection,
  77 +pre[class*="language-"] ::-moz-selection,
  78 +code[class*="language-"]::-moz-selection,
  79 +code[class*="language-"] ::-moz-selection {
  80 + text-shadow: none;
  81 + background: #b3d4fc;
  82 +}
  83 +pre[class*="language-"]::selection,
  84 +pre[class*="language-"] ::selection,
  85 +code[class*="language-"]::selection,
  86 +code[class*="language-"] ::selection {
  87 + text-shadow: none;
  88 + background: #b3d4fc;
  89 +}
  90 +@media print {
  91 + code[class*="language-"],
  92 + pre[class*="language-"] {
  93 + text-shadow: none;
  94 + }
  95 +}
  96 +/* Code blocks */
  97 +pre[class*="language-"] {
  98 + padding: 1em;
  99 + margin: 0.5em 0;
  100 + overflow: auto;
  101 +}
  102 +:not(pre) > code[class*="language-"],
  103 +pre[class*="language-"] {
  104 + background: transparent !important;
  105 + border: 1px solid #ccc;
  106 +}
  107 +/* Inline code */
  108 +:not(pre) > code[class*="language-"] {
  109 + padding: 0.1em;
  110 + border-radius: 0.3em;
  111 +}
  112 +.token.comment,
  113 +.token.prolog,
  114 +.token.doctype,
  115 +.token.cdata {
  116 + color: slategray;
  117 +}
  118 +.token.punctuation {
  119 + color: #999;
  120 +}
  121 +.namespace {
  122 + opacity: 0.7;
  123 +}
  124 +.token.property,
  125 +.token.tag,
  126 +.token.boolean,
  127 +.token.number,
  128 +.token.constant,
  129 +.token.symbol,
  130 +.token.deleted {
  131 + color: #905;
  132 +}
  133 +.token.selector,
  134 +.token.attr-name,
  135 +.token.string,
  136 +.token.char,
  137 +.token.builtin,
  138 +.token.inserted {
  139 + color: #690;
  140 +}
  141 +.token.operator,
  142 +.token.entity,
  143 +.token.url,
  144 +.language-css .token.string,
  145 +.style .token.string {
  146 + color: #a67f59;
  147 + background: hsla(0, 0%, 100%, 0.5);
  148 +}
  149 +.token.atrule,
  150 +.token.attr-value,
  151 +.token.keyword {
  152 + color: #07a;
  153 +}
  154 +.token.function {
  155 + color: #DD4A68;
  156 +}
  157 +.token.regex,
  158 +.token.important,
  159 +.token.variable {
  160 + color: #e90;
  161 +}
  162 +.token.important,
  163 +.token.bold {
  164 + font-weight: bold;
  165 +}
  166 +.token.italic {
  167 + font-style: italic;
  168 +}
  169 +.token.entity {
  170 + cursor: help;
  171 +}
  172 +:not([dir=rtl]) code[class*="language-"],
  173 +:not([dir=rtl]) pre[class*="language-"] {
  174 + direction: ltr;
  175 + text-align: left;
  176 +}
  177 +[dir=rtl] code[class*="language-"],
  178 +[dir=rtl] pre[class*="language-"] {
  179 + direction: rtl;
  180 + text-align: right;
  181 +}
  182 +/* stylelint-enable */
  183 +.mce-content-body {
  184 + overflow-wrap: break-word;
  185 + word-wrap: break-word;
  186 +}
  187 +.mce-content-body .mce-visual-caret {
  188 + background-color: black;
  189 + background-color: currentcolor;
  190 + position: absolute;
  191 +}
  192 +.mce-content-body .mce-visual-caret-hidden {
  193 + display: none;
  194 +}
  195 +.mce-content-body *[data-mce-caret] {
  196 + left: -1000px;
  197 + margin: 0;
  198 + padding: 0;
  199 + position: absolute;
  200 + right: auto;
  201 + top: 0;
  202 +}
  203 +.mce-content-body .mce-offscreen-selection {
  204 + left: -9999999999px;
  205 + max-width: 1000000px;
  206 + position: absolute;
  207 +}
  208 +.mce-content-body *[contentEditable=false] {
  209 + cursor: default;
  210 +}
  211 +.mce-content-body *[contentEditable=true] {
  212 + cursor: text;
  213 +}
  214 +.tox-cursor-format-painter {
  215 + 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;
  216 +}
  217 +.mce-content-body figure.align-left {
  218 + float: left;
  219 +}
  220 +.mce-content-body figure.align-right {
  221 + float: right;
  222 +}
  223 +.mce-content-body figure.image.align-center {
  224 + display: table;
  225 + margin-left: auto;
  226 + margin-right: auto;
  227 +}
  228 +.mce-preview-object {
  229 + border: 1px solid gray;
  230 + display: inline-block;
  231 + line-height: 0;
  232 + margin: 0 2px 0 2px;
  233 + position: relative;
  234 +}
  235 +.mce-preview-object .mce-shim {
  236 + background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  237 + height: 100%;
  238 + left: 0;
  239 + position: absolute;
  240 + top: 0;
  241 + width: 100%;
  242 +}
  243 +.mce-preview-object[data-mce-selected="2"] .mce-shim {
  244 + display: none;
  245 +}
  246 +.mce-object {
  247 + 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;
  248 + border: 1px dashed #aaa;
  249 +}
  250 +.mce-pagebreak {
  251 + border: 1px dashed #aaa;
  252 + cursor: default;
  253 + display: block;
  254 + height: 5px;
  255 + margin-top: 15px;
  256 + page-break-before: always;
  257 + width: 100%;
  258 +}
  259 +@media print {
  260 + .mce-pagebreak {
  261 + border: 0;
  262 + }
  263 +}
  264 +.tiny-pageembed .mce-shim {
  265 + background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  266 + height: 100%;
  267 + left: 0;
  268 + position: absolute;
  269 + top: 0;
  270 + width: 100%;
  271 +}
  272 +.tiny-pageembed[data-mce-selected="2"] .mce-shim {
  273 + display: none;
  274 +}
  275 +.tiny-pageembed {
  276 + display: inline-block;
  277 + position: relative;
  278 +}
  279 +.tiny-pageembed--21by9,
  280 +.tiny-pageembed--16by9,
  281 +.tiny-pageembed--4by3,
  282 +.tiny-pageembed--1by1 {
  283 + display: block;
  284 + overflow: hidden;
  285 + padding: 0;
  286 + position: relative;
  287 + width: 100%;
  288 +}
  289 +.tiny-pageembed--21by9::before,
  290 +.tiny-pageembed--16by9::before,
  291 +.tiny-pageembed--4by3::before,
  292 +.tiny-pageembed--1by1::before {
  293 + content: "";
  294 + display: block;
  295 +}
  296 +.tiny-pageembed--21by9::before {
  297 + padding-top: 42.857143%;
  298 +}
  299 +.tiny-pageembed--16by9::before {
  300 + padding-top: 56.25%;
  301 +}
  302 +.tiny-pageembed--4by3::before {
  303 + padding-top: 75%;
  304 +}
  305 +.tiny-pageembed--1by1::before {
  306 + padding-top: 100%;
  307 +}
  308 +.tiny-pageembed--21by9 iframe,
  309 +.tiny-pageembed--16by9 iframe,
  310 +.tiny-pageembed--4by3 iframe,
  311 +.tiny-pageembed--1by1 iframe {
  312 + border: 0;
  313 + height: 100%;
  314 + left: 0;
  315 + position: absolute;
  316 + top: 0;
  317 + width: 100%;
  318 +}
  319 +.mce-content-body div.mce-resizehandle {
  320 + background-color: #4099ff;
  321 + border-color: #4099ff;
  322 + border-style: solid;
  323 + border-width: 1px;
  324 + box-sizing: border-box;
  325 + height: 10px;
  326 + position: absolute;
  327 + width: 10px;
  328 + z-index: 10000;
  329 +}
  330 +.mce-content-body div.mce-resizehandle:hover {
  331 + background-color: #4099ff;
  332 +}
  333 +.mce-content-body div.mce-resizehandle:nth-of-type(1) {
  334 + cursor: nwse-resize;
  335 +}
  336 +.mce-content-body div.mce-resizehandle:nth-of-type(2) {
  337 + cursor: nesw-resize;
  338 +}
  339 +.mce-content-body div.mce-resizehandle:nth-of-type(3) {
  340 + cursor: nwse-resize;
  341 +}
  342 +.mce-content-body div.mce-resizehandle:nth-of-type(4) {
  343 + cursor: nesw-resize;
  344 +}
  345 +.mce-content-body .mce-clonedresizable {
  346 + opacity: 0.5;
  347 + outline: 1px dashed black;
  348 + position: absolute;
  349 + z-index: 10000;
  350 +}
  351 +.mce-content-body .mce-resize-helper {
  352 + background: #555;
  353 + background: rgba(0, 0, 0, 0.75);
  354 + border: 1px;
  355 + border-radius: 3px;
  356 + color: white;
  357 + display: none;
  358 + font-family: sans-serif;
  359 + font-size: 12px;
  360 + line-height: 14px;
  361 + margin: 5px 10px;
  362 + padding: 5px;
  363 + position: absolute;
  364 + white-space: nowrap;
  365 + z-index: 10001;
  366 +}
  367 +.mce-match-marker {
  368 + background: #aaa;
  369 + color: #fff;
  370 +}
  371 +.mce-match-marker-selected {
  372 + background: #39f;
  373 + color: #fff;
  374 +}
  375 +.mce-content-body img[data-mce-selected],
  376 +.mce-content-body table[data-mce-selected] {
  377 + outline: 3px solid #b4d7ff;
  378 +}
  379 +.mce-content-body hr[data-mce-selected] {
  380 + outline: 3px solid #b4d7ff;
  381 + outline-offset: 1px;
  382 +}
  383 +.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
  384 + outline: 3px solid #b4d7ff;
  385 +}
  386 +.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
  387 + outline: 3px solid #b4d7ff;
  388 +}
  389 +.mce-content-body *[contentEditable=false][data-mce-selected] {
  390 + cursor: not-allowed;
  391 + outline: 3px solid #b4d7ff;
  392 +}
  393 +.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
  394 +.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
  395 + outline: none;
  396 +}
  397 +.mce-content-body *[data-mce-selected="inline-boundary"] {
  398 + background-color: #b4d7ff;
  399 +}
  400 +.mce-content-body .mce-edit-focus {
  401 + outline: 3px solid #b4d7ff;
  402 +}
  403 +.mce-content-body td[data-mce-selected],
  404 +.mce-content-body th[data-mce-selected] {
  405 + background-color: #b4d7ff !important;
  406 +}
  407 +.mce-content-body td[data-mce-selected]::-moz-selection,
  408 +.mce-content-body th[data-mce-selected]::-moz-selection {
  409 + background: none;
  410 +}
  411 +.mce-content-body td[data-mce-selected]::selection,
  412 +.mce-content-body th[data-mce-selected]::selection {
  413 + background: none;
  414 +}
  415 +.mce-content-body td[data-mce-selected] *,
  416 +.mce-content-body th[data-mce-selected] * {
  417 + -webkit-touch-callout: none;
  418 + -webkit-user-select: none;
  419 + -moz-user-select: none;
  420 + -ms-user-select: none;
  421 + user-select: none;
  422 +}
  423 +.mce-content-body img::-moz-selection {
  424 + background: none;
  425 +}
  426 +.mce-content-body img::selection {
  427 + background: none;
  428 +}
  429 +.ephox-snooker-resizer-bar {
  430 + background-color: #b4d7ff;
  431 + opacity: 0;
  432 +}
  433 +.ephox-snooker-resizer-cols {
  434 + cursor: col-resize;
  435 +}
  436 +.ephox-snooker-resizer-rows {
  437 + cursor: row-resize;
  438 +}
  439 +.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  440 + opacity: 1;
  441 +}
  442 +.mce-spellchecker-word {
  443 + 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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  444 + background-position: 0 calc(100% + 1px);
  445 + background-repeat: repeat-x;
  446 + background-size: auto 6px;
  447 + cursor: default;
  448 + height: 2rem;
  449 +}
  450 +.mce-spellchecker-grammar {
  451 + 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'%23008800'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  452 + background-position: 0 calc(100% + 1px);
  453 + background-repeat: repeat-x;
  454 + background-size: auto 6px;
  455 + cursor: default;
  456 +}
  457 +.mce-toc {
  458 + border: 1px solid gray;
  459 +}
  460 +.mce-toc h2 {
  461 + margin: 4px;
  462 +}
  463 +.mce-toc li {
  464 + list-style-type: none;
  465 +}
  466 +.mce-item-table,
  467 +.mce-item-table td,
  468 +.mce-item-table th,
  469 +.mce-item-table caption {
  470 + border: 1px dashed #bbb;
  471 +}
  472 +.mce-visualblocks p,
  473 +.mce-visualblocks h1,
  474 +.mce-visualblocks h2,
  475 +.mce-visualblocks h3,
  476 +.mce-visualblocks h4,
  477 +.mce-visualblocks h5,
  478 +.mce-visualblocks h6,
  479 +.mce-visualblocks div:not([data-mce-bogus]),
  480 +.mce-visualblocks section,
  481 +.mce-visualblocks article,
  482 +.mce-visualblocks blockquote,
  483 +.mce-visualblocks address,
  484 +.mce-visualblocks pre,
  485 +.mce-visualblocks figure,
  486 +.mce-visualblocks figcaption,
  487 +.mce-visualblocks hgroup,
  488 +.mce-visualblocks aside,
  489 +.mce-visualblocks ul,
  490 +.mce-visualblocks ol,
  491 +.mce-visualblocks dl {
  492 + background-repeat: no-repeat;
  493 + border: 1px dashed #bbb;
  494 + margin-left: 3px;
  495 + padding-top: 10px;
  496 +}
  497 +.mce-visualblocks p {
  498 + background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
  499 +}
  500 +.mce-visualblocks h1 {
  501 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
  502 +}
  503 +.mce-visualblocks h2 {
  504 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
  505 +}
  506 +.mce-visualblocks h3 {
  507 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
  508 +}
  509 +.mce-visualblocks h4 {
  510 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
  511 +}
  512 +.mce-visualblocks h5 {
  513 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
  514 +}
  515 +.mce-visualblocks h6 {
  516 + background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
  517 +}
  518 +.mce-visualblocks div:not([data-mce-bogus]) {
  519 + background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
  520 +}
  521 +.mce-visualblocks section {
  522 + background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
  523 +}
  524 +.mce-visualblocks article {
  525 + background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
  526 +}
  527 +.mce-visualblocks blockquote {
  528 + background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
  529 +}
  530 +.mce-visualblocks address {
  531 + background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
  532 +}
  533 +.mce-visualblocks pre {
  534 + background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
  535 +}
  536 +.mce-visualblocks figure {
  537 + background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
  538 +}
  539 +.mce-visualblocks figcaption {
  540 + border: 1px dashed #bbb;
  541 +}
  542 +.mce-visualblocks hgroup {
  543 + background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
  544 +}
  545 +.mce-visualblocks aside {
  546 + background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
  547 +}
  548 +.mce-visualblocks ul {
  549 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
  550 +}
  551 +.mce-visualblocks ol {
  552 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
  553 +}
  554 +.mce-visualblocks dl {
  555 + background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
  556 +}
  557 +.mce-visualblocks:not([dir=rtl]) p,
  558 +.mce-visualblocks:not([dir=rtl]) h1,
  559 +.mce-visualblocks:not([dir=rtl]) h2,
  560 +.mce-visualblocks:not([dir=rtl]) h3,
  561 +.mce-visualblocks:not([dir=rtl]) h4,
  562 +.mce-visualblocks:not([dir=rtl]) h5,
  563 +.mce-visualblocks:not([dir=rtl]) h6,
  564 +.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
  565 +.mce-visualblocks:not([dir=rtl]) section,
  566 +.mce-visualblocks:not([dir=rtl]) article,
  567 +.mce-visualblocks:not([dir=rtl]) blockquote,
  568 +.mce-visualblocks:not([dir=rtl]) address,
  569 +.mce-visualblocks:not([dir=rtl]) pre,
  570 +.mce-visualblocks:not([dir=rtl]) figure,
  571 +.mce-visualblocks:not([dir=rtl]) figcaption,
  572 +.mce-visualblocks:not([dir=rtl]) hgroup,
  573 +.mce-visualblocks:not([dir=rtl]) aside,
  574 +.mce-visualblocks:not([dir=rtl]) ul,
  575 +.mce-visualblocks:not([dir=rtl]) ol,
  576 +.mce-visualblocks:not([dir=rtl]) dl {
  577 + margin-left: 3px;
  578 +}
  579 +.mce-visualblocks[dir=rtl] p,
  580 +.mce-visualblocks[dir=rtl] h1,
  581 +.mce-visualblocks[dir=rtl] h2,
  582 +.mce-visualblocks[dir=rtl] h3,
  583 +.mce-visualblocks[dir=rtl] h4,
  584 +.mce-visualblocks[dir=rtl] h5,
  585 +.mce-visualblocks[dir=rtl] h6,
  586 +.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
  587 +.mce-visualblocks[dir=rtl] section,
  588 +.mce-visualblocks[dir=rtl] article,
  589 +.mce-visualblocks[dir=rtl] blockquote,
  590 +.mce-visualblocks[dir=rtl] address,
  591 +.mce-visualblocks[dir=rtl] pre,
  592 +.mce-visualblocks[dir=rtl] figure,
  593 +.mce-visualblocks[dir=rtl] figcaption,
  594 +.mce-visualblocks[dir=rtl] hgroup,
  595 +.mce-visualblocks[dir=rtl] aside,
  596 +.mce-visualblocks[dir=rtl] ul,
  597 +.mce-visualblocks[dir=rtl] ol,
  598 +.mce-visualblocks[dir=rtl] dl {
  599 + background-position-x: right;
  600 + margin-right: 3px;
  601 +}
  602 +.mce-nbsp,
  603 +.mce-shy {
  604 + background: #aaa;
  605 +}
  606 +.mce-shy::after {
  607 + content: '-';
  608 +}
  609 +.tox-toolbar-dock-fadeout {
  610 + opacity: 0;
  611 + visibility: hidden;
  612 +}
  613 +.tox-toolbar-dock-fadein {
  614 + opacity: 1;
  615 + visibility: visible;
  616 +}
  617 +.tox-toolbar-dock-transition {
  618 + transition: visibility 0s linear 0.3s, opacity 0.3s ease;
  619 +}
  620 +.tox-toolbar-dock-transition.tox-toolbar-dock-fadein {
  621 + transition-delay: 0s;
  622 +}
... ...
public/resource/tinymce/skins/ui/oxide/content.inline.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.mce-content-body .mce-item-anchor{display: inline-block;width: 8px !important;height: 12px !important;padding: 0 2px;cursor: default;background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;-webkit-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all;-webkit-user-modify: read-only;-moz-user-modify: read-only;}
  8 +
  9 +.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset: 1px;}
  10 +
  11 +.tox-comments-visible .tox-comment{background-color: #fff0b7;}
  12 +
  13 +.tox-comments-visible .tox-comment--active{background-color: #ffe168;}
  14 +
  15 +.tox-checklist>li:not(.tox-checklist--hidden){margin: .25em 0;list-style: none;}
  16 +
  17 +.tox-checklist>li:not(.tox-checklist--hidden)::before{position: absolute;width: 1em;height: 1em;margin-top: .125em;margin-left: -1.5em;cursor: pointer;background-image: 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");background-size: 100%;content: '';}
  18 +
  19 +.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{background-image: 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");}
  20 +
  21 +[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-right: -1.5em;margin-left: 0;}
  22 +
  23 +code[class*=language-],pre[class*=language-]{font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size: .875rem;-webkit-hyphens: none;-ms-hyphens: none;hyphens: none;line-height: 1.5;word-spacing: normal;color: #000;text-shadow: 0 1px #fff;word-break: normal;word-wrap: normal;white-space: pre;-moz-tab-size: 4;tab-size: 4;}
  24 +
  25 +code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow: none;background: #b3d4fc;}
  26 +
  27 +code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow: none;background: #b3d4fc;}@media print{code[class*=language-],pre[class*=language-]{text-shadow: none;}}
  28 +
  29 +pre[class*=language-]{padding: 1em;margin: .5em 0;overflow: auto;}
  30 +
  31 +:not(pre)>code[class*=language-],pre[class*=language-]{background: 0 0 !important;border: 1px solid #ccc;}
  32 +
  33 +:not(pre)>code[class*=language-]{padding: .1em;border-radius: .3em;}
  34 +
  35 +.token.cdata,.token.comment,.token.doctype,.token.prolog{color: #708090;}
  36 +
  37 +.token.punctuation{color: #999;}
  38 +
  39 +.namespace{opacity: .7;}
  40 +
  41 +.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color: #905;}
  42 +
  43 +.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color: #690;}
  44 +
  45 +.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color: #a67f59;background: hsla(0,0%,100%,.5);}
  46 +
  47 +.token.atrule,.token.attr-value,.token.keyword{color: #07a;}
  48 +
  49 +.token.function{color: #dd4a68;}
  50 +
  51 +.token.important,.token.regex,.token.variable{color: #e90;}
  52 +
  53 +.token.bold,.token.important{font-weight: 700;}
  54 +
  55 +.token.italic{font-style: italic;}
  56 +
  57 +.token.entity{cursor: help;}
  58 +
  59 +:not([dir=rtl]) code[class*=language-],:not([dir=rtl]) pre[class*=language-]{text-align: left;direction: ltr;}
  60 +
  61 +[dir=rtl] code[class*=language-],[dir=rtl] pre[class*=language-]{text-align: right;direction: rtl;}
  62 +
  63 +.mce-content-body{overflow-wrap: break-word;word-wrap: break-word;}
  64 +
  65 +.mce-content-body .mce-visual-caret{position: absolute;background-color: #000;background-color: currentColor;}
  66 +
  67 +.mce-content-body .mce-visual-caret-hidden{display: none;}
  68 +
  69 +.mce-content-body [data-mce-caret]{position: absolute;top: 0;right: auto;left: -1000px;padding: 0;margin: 0;}
  70 +
  71 +.mce-content-body .mce-offscreen-selection{position: absolute;left: -9999999999px;max-width: 1000000px;}
  72 +
  73 +.mce-content-body [contentEditable=false]{cursor: default;}
  74 +
  75 +.mce-content-body [contentEditable=true]{cursor: text;}
  76 +
  77 +.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;}
  78 +
  79 +.mce-content-body figure.align-left{float: left;}
  80 +
  81 +.mce-content-body figure.align-right{float: right;}
  82 +
  83 +.mce-content-body figure.image.align-center{display: table;margin-right: auto;margin-left: auto;}
  84 +
  85 +.mce-preview-object{position: relative;display: inline-block;margin: 0 2px 0 2px;line-height: 0;border: 1px solid gray;}
  86 +
  87 +.mce-preview-object .mce-shim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
  88 +
  89 +.mce-preview-object[data-mce-selected="2"] .mce-shim{display: none;}
  90 +
  91 +.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;}
  92 +
  93 +.mce-pagebreak{display: block;width: 100%;height: 5px;margin-top: 15px;cursor: default;border: 1px dashed #aaa;page-break-before: always;}@media print{.mce-pagebreak{border: 0;}}
  94 +
  95 +.tiny-pageembed .mce-shim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
  96 +
  97 +.tiny-pageembed[data-mce-selected="2"] .mce-shim{display: none;}
  98 +
  99 +.tiny-pageembed{position: relative;display: inline-block;}
  100 +
  101 +.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{position: relative;display: block;width: 100%;padding: 0;overflow: hidden;}
  102 +
  103 +.tiny-pageembed--16by9::before,.tiny-pageembed--1by1::before,.tiny-pageembed--21by9::before,.tiny-pageembed--4by3::before{display: block;content: "";}
  104 +
  105 +.tiny-pageembed--21by9::before{padding-top: 42.857143%;}
  106 +
  107 +.tiny-pageembed--16by9::before{padding-top: 56.25%;}
  108 +
  109 +.tiny-pageembed--4by3::before{padding-top: 75%;}
  110 +
  111 +.tiny-pageembed--1by1::before{padding-top: 100%;}
  112 +
  113 +.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
  114 +
  115 +.mce-content-body div.mce-resizehandle{position: absolute;z-index: 10000;width: 10px;height: 10px;background-color: #4099ff;border-color: #4099ff;border-style: solid;border-width: 1px;box-sizing: border-box;}
  116 +
  117 +.mce-content-body div.mce-resizehandle:hover{background-color: #4099ff;}
  118 +
  119 +.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor: nwse-resize;}
  120 +
  121 +.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor: nesw-resize;}
  122 +
  123 +.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor: nwse-resize;}
  124 +
  125 +.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor: nesw-resize;}
  126 +
  127 +.mce-content-body .mce-clonedresizable{position: absolute;z-index: 10000;outline: 1px dashed #000;opacity: .5;}
  128 +
  129 +.mce-content-body .mce-resize-helper{position: absolute;z-index: 10001;display: none;padding: 5px;margin: 5px 10px;font-family: sans-serif;font-size: 12px;line-height: 14px;color: #fff;white-space: nowrap;background: #555;background: rgba(0,0,0,.75);border: 1px;border-radius: 3px;}
  130 +
  131 +.mce-match-marker{color: #fff;background: #aaa;}
  132 +
  133 +.mce-match-marker-selected{color: #fff;background: #39f;}
  134 +
  135 +.mce-content-body img[data-mce-selected],.mce-content-body table[data-mce-selected]{outline: 3px solid #b4d7ff;}
  136 +
  137 +.mce-content-body hr[data-mce-selected]{outline: 3px solid #b4d7ff;outline-offset: 1px;}
  138 +
  139 +.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline: 3px solid #b4d7ff;}
  140 +
  141 +.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline: 3px solid #b4d7ff;}
  142 +
  143 +.mce-content-body [contentEditable=false][data-mce-selected]{cursor: not-allowed;outline: 3px solid #b4d7ff;}
  144 +
  145 +.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline: 0;}
  146 +
  147 +.mce-content-body [data-mce-selected=inline-boundary]{background-color: #b4d7ff;}
  148 +
  149 +.mce-content-body .mce-edit-focus{outline: 3px solid #b4d7ff;}
  150 +
  151 +.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{background-color: #b4d7ff !important;}
  152 +
  153 +.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background: 0 0;}
  154 +
  155 +.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background: 0 0;}
  156 +
  157 +.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  158 +
  159 +.mce-content-body img::-moz-selection{background: 0 0;}
  160 +
  161 +.mce-content-body img::selection{background: 0 0;}
  162 +
  163 +.ephox-snooker-resizer-bar{background-color: #b4d7ff;opacity: 0;}
  164 +
  165 +.ephox-snooker-resizer-cols{cursor: col-resize;}
  166 +
  167 +.ephox-snooker-resizer-rows{cursor: row-resize;}
  168 +
  169 +.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity: 1;}
  170 +
  171 +.mce-spellchecker-word{height: 2rem;cursor: default;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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position: 0 calc(100% + 1px);background-repeat: repeat-x;background-size: auto 6px;}
  172 +
  173 +.mce-spellchecker-grammar{cursor: default;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'%23008800'%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);background-repeat: repeat-x;background-size: auto 6px;}
  174 +
  175 +.mce-toc{border: 1px solid gray;}
  176 +
  177 +.mce-toc h2{margin: 4px;}
  178 +
  179 +.mce-toc li{list-style-type: none;}
  180 +
  181 +.mce-item-table,.mce-item-table caption,.mce-item-table td,.mce-item-table th{border: 1px dashed #bbb;}
  182 +
  183 +.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{padding-top: 10px;margin-left: 3px;background-repeat: no-repeat;border: 1px dashed #bbb;}
  184 +
  185 +.mce-visualblocks p{background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);}
  186 +
  187 +.mce-visualblocks h1{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);}
  188 +
  189 +.mce-visualblocks h2{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);}
  190 +
  191 +.mce-visualblocks h3{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);}
  192 +
  193 +.mce-visualblocks h4{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);}
  194 +
  195 +.mce-visualblocks h5{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);}
  196 +
  197 +.mce-visualblocks h6{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);}
  198 +
  199 +.mce-visualblocks div:not([data-mce-bogus]){background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);}
  200 +
  201 +.mce-visualblocks section{background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);}
  202 +
  203 +.mce-visualblocks article{background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);}
  204 +
  205 +.mce-visualblocks blockquote{background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);}
  206 +
  207 +.mce-visualblocks address{background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);}
  208 +
  209 +.mce-visualblocks pre{background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);}
  210 +
  211 +.mce-visualblocks figure{background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);}
  212 +
  213 +.mce-visualblocks figcaption{border: 1px dashed #bbb;}
  214 +
  215 +.mce-visualblocks hgroup{background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);}
  216 +
  217 +.mce-visualblocks aside{background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);}
  218 +
  219 +.mce-visualblocks ul{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);}
  220 +
  221 +.mce-visualblocks ol{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);}
  222 +
  223 +.mce-visualblocks dl{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);}
  224 +
  225 +.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left: 3px;}
  226 +
  227 +.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x: right;margin-right: 3px;}
  228 +
  229 +.mce-nbsp,.mce-shy{background: #aaa;}
  230 +
  231 +.mce-shy::after{content: '-';}
  232 +
  233 +.tox-toolbar-dock-fadeout{opacity: 0;visibility: hidden;}
  234 +
  235 +.tox-toolbar-dock-fadein{opacity: 1;visibility: visible;}
  236 +
  237 +.tox-toolbar-dock-transition{transition: visibility 0s linear .3s,opacity .3s ease;}
  238 +
  239 +.tox-toolbar-dock-transition.tox-toolbar-dock-fadein{transition-delay: 0s;}
... ...
public/resource/tinymce/skins/ui/oxide/content.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.mce-content-body .mce-item-anchor{display: inline-block;width: 8px !important;height: 12px !important;padding: 0 2px;cursor: default;background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;-webkit-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all;-webkit-user-modify: read-only;-moz-user-modify: read-only;}
  8 +
  9 +.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset: 1px;}
  10 +
  11 +.tox-comments-visible .tox-comment{background-color: #fff0b7;}
  12 +
  13 +.tox-comments-visible .tox-comment--active{background-color: #ffe168;}
  14 +
  15 +.tox-checklist>li:not(.tox-checklist--hidden){margin: .25em 0;list-style: none;}
  16 +
  17 +.tox-checklist>li:not(.tox-checklist--hidden)::before{position: absolute;width: 1em;height: 1em;margin-top: .125em;margin-left: -1.5em;cursor: pointer;background-image: 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");background-size: 100%;content: '';}
  18 +
  19 +.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{background-image: 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");}
  20 +
  21 +[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-right: -1.5em;margin-left: 0;}
  22 +
  23 +code[class*=language-],pre[class*=language-]{font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size: .875rem;-webkit-hyphens: none;-ms-hyphens: none;hyphens: none;line-height: 1.5;word-spacing: normal;color: #000;text-shadow: 0 1px #fff;word-break: normal;word-wrap: normal;white-space: pre;-moz-tab-size: 4;tab-size: 4;}
  24 +
  25 +code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow: none;background: #b3d4fc;}
  26 +
  27 +code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow: none;background: #b3d4fc;}@media print{code[class*=language-],pre[class*=language-]{text-shadow: none;}}
  28 +
  29 +pre[class*=language-]{padding: 1em;margin: .5em 0;overflow: auto;}
  30 +
  31 +:not(pre)>code[class*=language-],pre[class*=language-]{background: 0 0 !important;border: 1px solid #ccc;}
  32 +
  33 +:not(pre)>code[class*=language-]{padding: .1em;border-radius: .3em;}
  34 +
  35 +.token.cdata,.token.comment,.token.doctype,.token.prolog{color: #708090;}
  36 +
  37 +.token.punctuation{color: #999;}
  38 +
  39 +.namespace{opacity: .7;}
  40 +
  41 +.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color: #905;}
  42 +
  43 +.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color: #690;}
  44 +
  45 +.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color: #a67f59;background: hsla(0,0%,100%,.5);}
  46 +
  47 +.token.atrule,.token.attr-value,.token.keyword{color: #07a;}
  48 +
  49 +.token.function{color: #dd4a68;}
  50 +
  51 +.token.important,.token.regex,.token.variable{color: #e90;}
  52 +
  53 +.token.bold,.token.important{font-weight: 700;}
  54 +
  55 +.token.italic{font-style: italic;}
  56 +
  57 +.token.entity{cursor: help;}
  58 +
  59 +:not([dir=rtl]) code[class*=language-],:not([dir=rtl]) pre[class*=language-]{text-align: left;direction: ltr;}
  60 +
  61 +[dir=rtl] code[class*=language-],[dir=rtl] pre[class*=language-]{text-align: right;direction: rtl;}
  62 +
  63 +.mce-content-body{overflow-wrap: break-word;word-wrap: break-word;}
  64 +
  65 +.mce-content-body .mce-visual-caret{position: absolute;background-color: #000;background-color: currentColor;}
  66 +
  67 +.mce-content-body .mce-visual-caret-hidden{display: none;}
  68 +
  69 +.mce-content-body [data-mce-caret]{position: absolute;top: 0;right: auto;left: -1000px;padding: 0;margin: 0;}
  70 +
  71 +.mce-content-body .mce-offscreen-selection{position: absolute;left: -9999999999px;max-width: 1000000px;}
  72 +
  73 +.mce-content-body [contentEditable=false]{cursor: default;}
  74 +
  75 +.mce-content-body [contentEditable=true]{cursor: text;}
  76 +
  77 +.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;}
  78 +
  79 +.mce-content-body figure.align-left{float: left;}
  80 +
  81 +.mce-content-body figure.align-right{float: right;}
  82 +
  83 +.mce-content-body figure.image.align-center{display: table;margin-right: auto;margin-left: auto;}
  84 +
  85 +.mce-preview-object{position: relative;display: inline-block;margin: 0 2px 0 2px;line-height: 0;border: 1px solid gray;}
  86 +
  87 +.mce-preview-object .mce-shim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
  88 +
  89 +.mce-preview-object[data-mce-selected="2"] .mce-shim{display: none;}
  90 +
  91 +.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;}
  92 +
  93 +.mce-pagebreak{display: block;width: 100%;height: 5px;margin-top: 15px;cursor: default;border: 1px dashed #aaa;page-break-before: always;}@media print{.mce-pagebreak{border: 0;}}
  94 +
  95 +.tiny-pageembed .mce-shim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
  96 +
  97 +.tiny-pageembed[data-mce-selected="2"] .mce-shim{display: none;}
  98 +
  99 +.tiny-pageembed{position: relative;display: inline-block;}
  100 +
  101 +.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{position: relative;display: block;width: 100%;padding: 0;overflow: hidden;}
  102 +
  103 +.tiny-pageembed--16by9::before,.tiny-pageembed--1by1::before,.tiny-pageembed--21by9::before,.tiny-pageembed--4by3::before{display: block;content: "";}
  104 +
  105 +.tiny-pageembed--21by9::before{padding-top: 42.857143%;}
  106 +
  107 +.tiny-pageembed--16by9::before{padding-top: 56.25%;}
  108 +
  109 +.tiny-pageembed--4by3::before{padding-top: 75%;}
  110 +
  111 +.tiny-pageembed--1by1::before{padding-top: 100%;}
  112 +
  113 +.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
  114 +
  115 +.mce-content-body div.mce-resizehandle{position: absolute;z-index: 10000;width: 10px;height: 10px;background-color: #4099ff;border-color: #4099ff;border-style: solid;border-width: 1px;box-sizing: border-box;}
  116 +
  117 +.mce-content-body div.mce-resizehandle:hover{background-color: #4099ff;}
  118 +
  119 +.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor: nwse-resize;}
  120 +
  121 +.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor: nesw-resize;}
  122 +
  123 +.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor: nwse-resize;}
  124 +
  125 +.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor: nesw-resize;}
  126 +
  127 +.mce-content-body .mce-clonedresizable{position: absolute;z-index: 10000;outline: 1px dashed #000;opacity: .5;}
  128 +
  129 +.mce-content-body .mce-resize-helper{position: absolute;z-index: 10001;display: none;padding: 5px;margin: 5px 10px;font-family: sans-serif;font-size: 12px;line-height: 14px;color: #fff;white-space: nowrap;background: #555;background: rgba(0,0,0,.75);border: 1px;border-radius: 3px;}
  130 +
  131 +.mce-match-marker{color: #fff;background: #aaa;}
  132 +
  133 +.mce-match-marker-selected{color: #fff;background: #39f;}
  134 +
  135 +.mce-content-body img[data-mce-selected],.mce-content-body table[data-mce-selected]{outline: 3px solid #b4d7ff;}
  136 +
  137 +.mce-content-body hr[data-mce-selected]{outline: 3px solid #b4d7ff;outline-offset: 1px;}
  138 +
  139 +.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline: 3px solid #b4d7ff;}
  140 +
  141 +.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline: 3px solid #b4d7ff;}
  142 +
  143 +.mce-content-body [contentEditable=false][data-mce-selected]{cursor: not-allowed;outline: 3px solid #b4d7ff;}
  144 +
  145 +.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline: 0;}
  146 +
  147 +.mce-content-body [data-mce-selected=inline-boundary]{background-color: #b4d7ff;}
  148 +
  149 +.mce-content-body .mce-edit-focus{outline: 3px solid #b4d7ff;}
  150 +
  151 +.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{background-color: #b4d7ff !important;}
  152 +
  153 +.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background: 0 0;}
  154 +
  155 +.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background: 0 0;}
  156 +
  157 +.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  158 +
  159 +.mce-content-body img::-moz-selection{background: 0 0;}
  160 +
  161 +.mce-content-body img::selection{background: 0 0;}
  162 +
  163 +.ephox-snooker-resizer-bar{background-color: #b4d7ff;opacity: 0;}
  164 +
  165 +.ephox-snooker-resizer-cols{cursor: col-resize;}
  166 +
  167 +.ephox-snooker-resizer-rows{cursor: row-resize;}
  168 +
  169 +.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity: 1;}
  170 +
  171 +.mce-spellchecker-word{height: 2rem;cursor: default;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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position: 0 calc(100% + 1px);background-repeat: repeat-x;background-size: auto 6px;}
  172 +
  173 +.mce-spellchecker-grammar{cursor: default;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'%23008800'%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);background-repeat: repeat-x;background-size: auto 6px;}
  174 +
  175 +.mce-toc{border: 1px solid gray;}
  176 +
  177 +.mce-toc h2{margin: 4px;}
  178 +
  179 +.mce-toc li{list-style-type: none;}
  180 +
  181 +.mce-item-table,.mce-item-table caption,.mce-item-table td,.mce-item-table th{border: 1px dashed #bbb;}
  182 +
  183 +.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{padding-top: 10px;margin-left: 3px;background-repeat: no-repeat;border: 1px dashed #bbb;}
  184 +
  185 +.mce-visualblocks p{background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);}
  186 +
  187 +.mce-visualblocks h1{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);}
  188 +
  189 +.mce-visualblocks h2{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);}
  190 +
  191 +.mce-visualblocks h3{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);}
  192 +
  193 +.mce-visualblocks h4{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);}
  194 +
  195 +.mce-visualblocks h5{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);}
  196 +
  197 +.mce-visualblocks h6{background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);}
  198 +
  199 +.mce-visualblocks div:not([data-mce-bogus]){background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);}
  200 +
  201 +.mce-visualblocks section{background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);}
  202 +
  203 +.mce-visualblocks article{background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);}
  204 +
  205 +.mce-visualblocks blockquote{background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);}
  206 +
  207 +.mce-visualblocks address{background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);}
  208 +
  209 +.mce-visualblocks pre{background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);}
  210 +
  211 +.mce-visualblocks figure{background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);}
  212 +
  213 +.mce-visualblocks figcaption{border: 1px dashed #bbb;}
  214 +
  215 +.mce-visualblocks hgroup{background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);}
  216 +
  217 +.mce-visualblocks aside{background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);}
  218 +
  219 +.mce-visualblocks ul{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);}
  220 +
  221 +.mce-visualblocks ol{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);}
  222 +
  223 +.mce-visualblocks dl{background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);}
  224 +
  225 +.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left: 3px;}
  226 +
  227 +.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x: right;margin-right: 3px;}
  228 +
  229 +.mce-nbsp,.mce-shy{background: #aaa;}
  230 +
  231 +.mce-shy::after{content: '-';}
  232 +
  233 +body{font-family: sans-serif;}
  234 +
  235 +table{border-collapse: collapse;}
... ...
public/resource/tinymce/skins/ui/oxide/content.mobile.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
  8 + position: absolute;
  9 + display: inline-block;
  10 +
  11 + /* Note: this file is used inside the content, so isn't part of theming */
  12 + background-color: green;
  13 + opacity: 0.5;
  14 +}
  15 +
  16 +body {
  17 + -webkit-text-size-adjust: none;
  18 +}
  19 +
  20 +body img {
  21 + /* this is related to the content margin */
  22 + max-width: 96vw;
  23 +}
  24 +
  25 +body table img {
  26 + max-width: 95%;
  27 +}
  28 +
  29 +body {
  30 + font-family: sans-serif;
  31 +}
  32 +
  33 +table {
  34 + border-collapse: collapse;
  35 +}
0 36 \ No newline at end of file
... ...
public/resource/tinymce/skins/ui/oxide/content.mobile.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection{position: absolute;display: inline-block;background-color: green;opacity: .5;}
  8 +
  9 +body{-webkit-text-size-adjust: none;}
  10 +
  11 +body img{max-width: 96vw;}
  12 +
  13 +body table img{max-width: 95%;}
  14 +
  15 +body{font-family: sans-serif;}
  16 +
  17 +table{border-collapse: collapse;}
... ...
public/resource/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff 0 → 100644
View file @39d629a
No preview for this file type
public/resource/tinymce/skins/ui/oxide/skin.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.tox {
  8 + box-sizing: content-box;
  9 + color: #222f3e;
  10 + cursor: auto;
  11 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  12 + font-size: 16px;
  13 + font-style: normal;
  14 + font-weight: normal;
  15 + line-height: normal;
  16 + -webkit-tap-highlight-color: transparent;
  17 + text-decoration: none;
  18 + text-shadow: none;
  19 + text-transform: none;
  20 + vertical-align: initial;
  21 + white-space: normal;
  22 +}
  23 +.tox *:not(svg) {
  24 + box-sizing: inherit;
  25 + color: inherit;
  26 + cursor: inherit;
  27 + direction: inherit;
  28 + font-family: inherit;
  29 + font-size: inherit;
  30 + font-style: inherit;
  31 + font-weight: inherit;
  32 + line-height: inherit;
  33 + -webkit-tap-highlight-color: inherit;
  34 + text-align: inherit;
  35 + text-decoration: inherit;
  36 + text-shadow: inherit;
  37 + text-transform: inherit;
  38 + vertical-align: inherit;
  39 + white-space: inherit;
  40 +}
  41 +.tox *:not(svg) {
  42 + /* stylelint-disable-line no-duplicate-selectors */
  43 + background: transparent;
  44 + border: 0;
  45 + float: none;
  46 + height: auto;
  47 + margin: 0;
  48 + max-width: none;
  49 + outline: 0;
  50 + padding: 0;
  51 + position: static;
  52 + width: auto;
  53 +}
  54 +.tox:not([dir=rtl]) {
  55 + direction: ltr;
  56 + text-align: left;
  57 +}
  58 +.tox[dir=rtl] {
  59 + direction: rtl;
  60 + text-align: right;
  61 +}
  62 +.tox-tinymce {
  63 + border: 1px solid #cccccc;
  64 + border-radius: 0;
  65 + box-shadow: none;
  66 + box-sizing: border-box;
  67 + display: flex;
  68 + flex-direction: column;
  69 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  70 + overflow: hidden;
  71 + position: relative;
  72 + visibility: inherit !important;
  73 +}
  74 +.tox-editor-container {
  75 + display: flex;
  76 + flex: 1 1 auto;
  77 + flex-direction: column;
  78 + overflow: hidden;
  79 +}
  80 +.tox-editor-container > *:first-child {
  81 + border-top: none !important;
  82 +}
  83 +.tox-tinymce-aux {
  84 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  85 +}
  86 +.tox-tinymce *:focus,
  87 +.tox-tinymce-aux *:focus {
  88 + outline: none;
  89 +}
  90 +button::-moz-focus-inner {
  91 + border: 0;
  92 +}
  93 +.tox-silver-sink {
  94 + z-index: 1300;
  95 +}
  96 +.tox .tox-anchorbar {
  97 + display: flex;
  98 + flex: 0 0 auto;
  99 +}
  100 +.tox .tox-bar {
  101 + display: flex;
  102 + flex: 0 0 auto;
  103 +}
  104 +.tox .tox-button {
  105 + background-color: #207ab7;
  106 + background-image: none;
  107 + background-position: none;
  108 + background-repeat: none;
  109 + border-color: #207ab7;
  110 + border-radius: 3px;
  111 + border-style: solid;
  112 + border-width: 1px;
  113 + box-shadow: none;
  114 + box-sizing: border-box;
  115 + color: #fff;
  116 + cursor: pointer;
  117 + display: inline-block;
  118 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  119 + font-size: 14px;
  120 + font-weight: bold;
  121 + letter-spacing: 1;
  122 + line-height: 24px;
  123 + margin: 0;
  124 + outline: none;
  125 + padding: 4px 16px;
  126 + text-align: center;
  127 + text-decoration: none;
  128 + text-transform: capitalize;
  129 + white-space: nowrap;
  130 +}
  131 +.tox .tox-button[disabled] {
  132 + background-color: #207ab7;
  133 + background-image: none;
  134 + border-color: #207ab7;
  135 + box-shadow: none;
  136 + color: rgba(255, 255, 255, 0.5);
  137 + cursor: not-allowed;
  138 +}
  139 +.tox .tox-button:focus:not(:disabled) {
  140 + background-color: #1c6ca1;
  141 + background-image: none;
  142 + border-color: #1c6ca1;
  143 + box-shadow: none;
  144 + color: #fff;
  145 +}
  146 +.tox .tox-button:hover:not(:disabled) {
  147 + background-color: #1c6ca1;
  148 + background-image: none;
  149 + border-color: #1c6ca1;
  150 + box-shadow: none;
  151 + color: #fff;
  152 +}
  153 +.tox .tox-button:active:not(:disabled) {
  154 + background-color: #185d8c;
  155 + background-image: none;
  156 + border-color: #185d8c;
  157 + box-shadow: none;
  158 + color: #fff;
  159 +}
  160 +.tox .tox-button--secondary {
  161 + background-color: #f0f0f0;
  162 + background-image: none;
  163 + background-position: none;
  164 + background-repeat: none;
  165 + border-color: #f0f0f0;
  166 + border-radius: 3px;
  167 + border-style: solid;
  168 + border-width: 1px;
  169 + box-shadow: none;
  170 + color: #222f3e;
  171 + outline: none;
  172 + padding: 4px 16px;
  173 + text-decoration: none;
  174 + text-transform: capitalize;
  175 +}
  176 +.tox .tox-button--secondary[disabled] {
  177 + background-color: #f0f0f0;
  178 + background-image: none;
  179 + border-color: #f0f0f0;
  180 + box-shadow: none;
  181 + color: rgba(34, 47, 62, 0.5);
  182 +}
  183 +.tox .tox-button--secondary:focus:not(:disabled) {
  184 + background-color: #e3e3e3;
  185 + background-image: none;
  186 + border-color: #e3e3e3;
  187 + box-shadow: none;
  188 + color: #222f3e;
  189 +}
  190 +.tox .tox-button--secondary:hover:not(:disabled) {
  191 + background-color: #e3e3e3;
  192 + background-image: none;
  193 + border-color: #e3e3e3;
  194 + box-shadow: none;
  195 + color: #222f3e;
  196 +}
  197 +.tox .tox-button--secondary:active:not(:disabled) {
  198 + background-color: #d6d6d6;
  199 + background-image: none;
  200 + border-color: #d6d6d6;
  201 + box-shadow: none;
  202 + color: #222f3e;
  203 +}
  204 +.tox .tox-button--icon,
  205 +.tox .tox-button.tox-button--icon,
  206 +.tox .tox-button.tox-button--secondary.tox-button--icon {
  207 + padding: 4px;
  208 +}
  209 +.tox .tox-button--icon .tox-icon svg,
  210 +.tox .tox-button.tox-button--icon .tox-icon svg,
  211 +.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
  212 + display: block;
  213 + fill: currentColor;
  214 +}
  215 +.tox .tox-button-link {
  216 + background: 0;
  217 + border: none;
  218 + box-sizing: border-box;
  219 + cursor: pointer;
  220 + display: inline-block;
  221 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  222 + font-size: 16px;
  223 + font-weight: normal;
  224 + line-height: 1.3;
  225 + margin: 0;
  226 + padding: 0;
  227 + white-space: nowrap;
  228 +}
  229 +.tox .tox-button-link--sm {
  230 + font-size: 14px;
  231 +}
  232 +.tox .tox-button--naked {
  233 + background-color: transparent;
  234 + border-color: transparent;
  235 + box-shadow: unset;
  236 + color: #222f3e;
  237 +}
  238 +.tox .tox-button--naked:hover:not(:disabled) {
  239 + background-color: #e3e3e3;
  240 + border-color: #e3e3e3;
  241 + box-shadow: none;
  242 + color: #222f3e;
  243 +}
  244 +.tox .tox-button--naked:focus:not(:disabled) {
  245 + background-color: #e3e3e3;
  246 + border-color: #e3e3e3;
  247 + box-shadow: none;
  248 + color: #222f3e;
  249 +}
  250 +.tox .tox-button--naked:active:not(:disabled) {
  251 + background-color: #d6d6d6;
  252 + border-color: #d6d6d6;
  253 + box-shadow: none;
  254 + color: #222f3e;
  255 +}
  256 +.tox .tox-button--naked .tox-icon svg {
  257 + fill: currentColor;
  258 +}
  259 +.tox .tox-button--naked.tox-button--icon {
  260 + color: currentColor;
  261 +}
  262 +.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
  263 + color: #222f3e;
  264 +}
  265 +.tox .tox-checkbox {
  266 + align-items: center;
  267 + border-radius: 3px;
  268 + cursor: pointer;
  269 + display: flex;
  270 + height: 36px;
  271 + min-width: 36px;
  272 +}
  273 +.tox .tox-checkbox__input {
  274 + /* Hide from view but visible to screen readers */
  275 + height: 1px;
  276 + left: -10000px;
  277 + overflow: hidden;
  278 + position: absolute;
  279 + top: auto;
  280 + width: 1px;
  281 +}
  282 +.tox .tox-checkbox__icons {
  283 + border-radius: 3px;
  284 + box-shadow: 0 0 0 2px transparent;
  285 + box-sizing: content-box;
  286 + height: 24px;
  287 + padding: calc(4px - 1px);
  288 + width: 24px;
  289 +}
  290 +.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  291 + display: block;
  292 + fill: rgba(34, 47, 62, 0.3);
  293 +}
  294 +.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  295 + display: none;
  296 + fill: #207ab7;
  297 +}
  298 +.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  299 + display: none;
  300 + fill: #207ab7;
  301 +}
  302 +.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  303 + display: none;
  304 +}
  305 +.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  306 + display: block;
  307 +}
  308 +.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  309 + display: none;
  310 +}
  311 +.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  312 + display: block;
  313 +}
  314 +.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
  315 + border-radius: 3px;
  316 + box-shadow: inset 0 0 0 1px #207ab7;
  317 + padding: calc(4px - 1px);
  318 +}
  319 +.tox:not([dir=rtl]) .tox-checkbox__label {
  320 + margin-left: 4px;
  321 +}
  322 +.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
  323 + margin-left: 4px;
  324 +}
  325 +.tox[dir=rtl] .tox-checkbox__label {
  326 + margin-right: 4px;
  327 +}
  328 +.tox[dir=rtl] .tox-bar .tox-checkbox {
  329 + margin-right: 4px;
  330 +}
  331 +.tox .tox-collection--toolbar .tox-collection__group {
  332 + display: flex;
  333 + padding: 0;
  334 +}
  335 +.tox .tox-collection--grid .tox-collection__group {
  336 + display: flex;
  337 + flex-wrap: wrap;
  338 + max-height: 208px;
  339 + overflow-x: hidden;
  340 + overflow-y: auto;
  341 + padding: 0;
  342 +}
  343 +.tox .tox-collection--list .tox-collection__group {
  344 + border-bottom-width: 0;
  345 + border-color: #cccccc;
  346 + border-left-width: 0;
  347 + border-right-width: 0;
  348 + border-style: solid;
  349 + border-top-width: 1px;
  350 + padding: 4px 0;
  351 +}
  352 +.tox .tox-collection--list .tox-collection__group:first-child {
  353 + border-top-width: 0;
  354 +}
  355 +.tox .tox-collection__group-heading {
  356 + background-color: #e6e6e6;
  357 + color: rgba(34, 47, 62, 0.7);
  358 + cursor: default;
  359 + font-size: 12px;
  360 + font-style: normal;
  361 + font-weight: normal;
  362 + margin-bottom: 4px;
  363 + margin-top: -4px;
  364 + padding: 4px 8px;
  365 + text-transform: none;
  366 + -webkit-touch-callout: none;
  367 + -webkit-user-select: none;
  368 + -moz-user-select: none;
  369 + -ms-user-select: none;
  370 + user-select: none;
  371 +}
  372 +.tox .tox-collection__item {
  373 + align-items: center;
  374 + color: #222f3e;
  375 + cursor: pointer;
  376 + display: flex;
  377 + -webkit-touch-callout: none;
  378 + -webkit-user-select: none;
  379 + -moz-user-select: none;
  380 + -ms-user-select: none;
  381 + user-select: none;
  382 +}
  383 +.tox .tox-collection--list .tox-collection__item {
  384 + padding: 4px 8px;
  385 +}
  386 +.tox .tox-collection--toolbar .tox-collection__item {
  387 + border-radius: 3px;
  388 + padding: 4px;
  389 +}
  390 +.tox .tox-collection--grid .tox-collection__item {
  391 + border-radius: 3px;
  392 + padding: 4px;
  393 +}
  394 +.tox .tox-collection--list .tox-collection__item--enabled {
  395 + background-color: inherit;
  396 + color: contrast(inherit, #222f3e, #fff);
  397 +}
  398 +.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  399 + background-color: #dee0e2;
  400 + color: #222f3e;
  401 +}
  402 +.tox .tox-collection--toolbar .tox-collection__item--enabled {
  403 + background-color: #c8cbcf;
  404 + color: #222f3e;
  405 +}
  406 +.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  407 + background-color: #dee0e2;
  408 + color: #222f3e;
  409 +}
  410 +.tox .tox-collection--grid .tox-collection__item--enabled {
  411 + background-color: #c8cbcf;
  412 + color: #222f3e;
  413 +}
  414 +.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  415 + background-color: #dee0e2;
  416 + color: #222f3e;
  417 +}
  418 +.tox .tox-collection__item--state-disabled {
  419 + background-color: transparent;
  420 + color: rgba(34, 47, 62, 0.5);
  421 + cursor: default;
  422 +}
  423 +.tox .tox-collection__item-icon {
  424 + align-items: center;
  425 + display: flex;
  426 + height: 24px;
  427 + justify-content: center;
  428 + width: 24px;
  429 +}
  430 +.tox .tox-collection__item-icon svg {
  431 + fill: currentColor;
  432 +}
  433 +.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
  434 + height: 48px;
  435 + width: 48px;
  436 +}
  437 +.tox .tox-collection__item[role="menuitemcheckbox"]:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
  438 + display: none;
  439 +}
  440 +.tox .tox-collection__item-label {
  441 + color: currentColor;
  442 + display: inline-block;
  443 + flex: 1;
  444 + -ms-flex-preferred-size: auto;
  445 + font-size: 14px;
  446 + font-style: normal;
  447 + font-weight: normal;
  448 + line-height: 24px;
  449 + text-transform: none;
  450 + word-break: break-all;
  451 +}
  452 +.tox .tox-collection__item-accessory {
  453 + color: rgba(34, 47, 62, 0.7);
  454 + display: inline-block;
  455 + font-size: 14px;
  456 + height: 24px;
  457 + line-height: 24px;
  458 + text-transform: normal;
  459 +}
  460 +.tox .tox-collection__item-caret {
  461 + align-items: center;
  462 + display: flex;
  463 + min-height: 24px;
  464 +}
  465 +.tox .tox-collection__item-caret::after {
  466 + content: '';
  467 + font-size: 0;
  468 + min-height: inherit;
  469 +}
  470 +.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
  471 + margin-left: 8px;
  472 +}
  473 +.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item-label:first-child {
  474 + margin-left: 4px;
  475 +}
  476 +.tox:not([dir=rtl]) .tox-collection__item-accessory {
  477 + margin-left: 16px;
  478 + text-align: right;
  479 +}
  480 +.tox:not([dir=rtl]) .tox-collection__item-caret {
  481 + margin-left: 16px;
  482 +}
  483 +.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
  484 + margin-right: 8px;
  485 +}
  486 +.tox[dir=rtl] .tox-collection--list .tox-collection__item-label:first-child {
  487 + margin-right: 4px;
  488 +}
  489 +.tox[dir=rtl] .tox-collection__item-icon-rtl {
  490 + /* stylelint-disable-next-line no-descending-specificity */
  491 +}
  492 +.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg {
  493 + transform: rotateY(180deg);
  494 +}
  495 +.tox[dir=rtl] .tox-collection__item-accessory {
  496 + margin-right: 16px;
  497 + text-align: left;
  498 +}
  499 +.tox[dir=rtl] .tox-collection__item-caret {
  500 + margin-right: 16px;
  501 + transform: rotateY(180deg);
  502 +}
  503 +.tox .tox-color-picker-container {
  504 + display: flex;
  505 + flex-direction: row;
  506 + height: 225px;
  507 + margin: 0;
  508 +}
  509 +.tox .tox-sv-palette {
  510 + box-sizing: border-box;
  511 + display: flex;
  512 + height: 100%;
  513 +}
  514 +.tox .tox-sv-palette-spectrum {
  515 + height: 100%;
  516 +}
  517 +.tox .tox-sv-palette,
  518 +.tox .tox-sv-palette-spectrum {
  519 + width: 225px;
  520 +}
  521 +.tox .tox-sv-palette-thumb {
  522 + background: none;
  523 + border: 1px solid black;
  524 + border-radius: 50%;
  525 + box-sizing: content-box;
  526 + height: 12px;
  527 + position: absolute;
  528 + width: 12px;
  529 +}
  530 +.tox .tox-sv-palette-inner-thumb {
  531 + border: 1px solid white;
  532 + border-radius: 50%;
  533 + height: 10px;
  534 + position: absolute;
  535 + width: 10px;
  536 +}
  537 +.tox .tox-hue-slider {
  538 + box-sizing: border-box;
  539 + height: 100%;
  540 + width: 25px;
  541 +}
  542 +.tox .tox-hue-slider-spectrum {
  543 + background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
  544 + height: 100%;
  545 + width: 100%;
  546 +}
  547 +.tox .tox-hue-slider,
  548 +.tox .tox-hue-slider-spectrum {
  549 + width: 20px;
  550 +}
  551 +.tox .tox-hue-slider-thumb {
  552 + background: white;
  553 + border: 1px solid black;
  554 + box-sizing: content-box;
  555 + height: 4px;
  556 + width: 100%;
  557 +}
  558 +.tox .tox-rgb-form {
  559 + display: flex;
  560 + flex-direction: column;
  561 + justify-content: space-between;
  562 +}
  563 +.tox .tox-rgb-form div {
  564 + align-items: center;
  565 + display: flex;
  566 + justify-content: space-between;
  567 + margin-bottom: 5px;
  568 + width: inherit;
  569 +}
  570 +.tox .tox-rgb-form input {
  571 + width: 6em;
  572 +}
  573 +.tox .tox-rgb-form input.tox-invalid {
  574 + /* Need !important to override Chrome's focus styling unfortunately */
  575 + border: 1px solid red !important;
  576 +}
  577 +.tox .tox-rgb-form .tox-rgba-preview {
  578 + border: 1px solid black;
  579 + flex-grow: 2;
  580 + margin-bottom: 0;
  581 +}
  582 +.tox:not([dir=rtl]) .tox-sv-palette {
  583 + margin-right: 15px;
  584 +}
  585 +.tox:not([dir=rtl]) .tox-hue-slider {
  586 + margin-right: 15px;
  587 +}
  588 +.tox:not([dir=rtl]) .tox-hue-slider-thumb {
  589 + margin-left: -1px;
  590 +}
  591 +.tox:not([dir=rtl]) .tox-rgb-form label {
  592 + margin-right: 0.5em;
  593 +}
  594 +.tox[dir=rtl] .tox-sv-palette {
  595 + margin-left: 15px;
  596 +}
  597 +.tox[dir=rtl] .tox-hue-slider {
  598 + margin-left: 15px;
  599 +}
  600 +.tox[dir=rtl] .tox-hue-slider-thumb {
  601 + margin-right: -1px;
  602 +}
  603 +.tox[dir=rtl] .tox-rgb-form label {
  604 + margin-left: 0.5em;
  605 +}
  606 +.tox .tox-toolbar .tox-swatches,
  607 +.tox .tox-toolbar__primary .tox-swatches,
  608 +.tox .tox-toolbar__overflow .tox-swatches {
  609 + margin: 2px 0 3px 4px;
  610 +}
  611 +.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
  612 + border: 0;
  613 + margin: -4px 0;
  614 +}
  615 +.tox .tox-swatches__row {
  616 + display: flex;
  617 +}
  618 +.tox .tox-swatch {
  619 + height: 30px;
  620 + transition: transform 0.15s, box-shadow 0.15s;
  621 + width: 30px;
  622 +}
  623 +.tox .tox-swatch:hover,
  624 +.tox .tox-swatch:focus {
  625 + box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
  626 + transform: scale(0.8);
  627 +}
  628 +.tox .tox-swatch--remove {
  629 + align-items: center;
  630 + display: flex;
  631 + justify-content: center;
  632 +}
  633 +.tox .tox-swatch--remove svg path {
  634 + stroke: #e74c3c;
  635 +}
  636 +.tox .tox-swatches__picker-btn {
  637 + align-items: center;
  638 + background-color: transparent;
  639 + border: 0;
  640 + cursor: pointer;
  641 + display: flex;
  642 + height: 30px;
  643 + justify-content: center;
  644 + outline: none;
  645 + padding: 0;
  646 + width: 30px;
  647 +}
  648 +.tox .tox-swatches__picker-btn svg {
  649 + height: 24px;
  650 + width: 24px;
  651 +}
  652 +.tox .tox-swatches__picker-btn:hover {
  653 + background: #dee0e2;
  654 +}
  655 +.tox:not([dir=rtl]) .tox-swatches__picker-btn {
  656 + margin-left: auto;
  657 +}
  658 +.tox[dir=rtl] .tox-swatches__picker-btn {
  659 + margin-right: auto;
  660 +}
  661 +.tox .tox-comment-thread {
  662 + background: #fff;
  663 + position: relative;
  664 +}
  665 +.tox .tox-comment-thread > *:not(:first-child) {
  666 + margin-top: 8px;
  667 +}
  668 +.tox .tox-comment {
  669 + background: #fff;
  670 + border: 1px solid #cccccc;
  671 + border-radius: 3px;
  672 + box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  673 + padding: 8px 8px 16px 8px;
  674 + position: relative;
  675 +}
  676 +.tox .tox-comment__header {
  677 + align-items: center;
  678 + color: #222f3e;
  679 + display: flex;
  680 + justify-content: space-between;
  681 +}
  682 +.tox .tox-comment__date {
  683 + color: rgba(34, 47, 62, 0.7);
  684 + font-size: 12px;
  685 +}
  686 +.tox .tox-comment__body {
  687 + color: #222f3e;
  688 + font-size: 14px;
  689 + font-style: normal;
  690 + font-weight: normal;
  691 + line-height: 1.3;
  692 + margin-top: 8px;
  693 + position: relative;
  694 + text-transform: initial;
  695 +}
  696 +.tox .tox-comment__body textarea {
  697 + resize: none;
  698 + white-space: normal;
  699 + width: 100%;
  700 +}
  701 +.tox .tox-comment__expander {
  702 + padding-top: 8px;
  703 +}
  704 +.tox .tox-comment__expander p {
  705 + color: rgba(34, 47, 62, 0.7);
  706 + font-size: 14px;
  707 + font-style: normal;
  708 +}
  709 +.tox .tox-comment__body p {
  710 + margin: 0;
  711 +}
  712 +.tox .tox-comment__buttonspacing {
  713 + padding-top: 16px;
  714 + text-align: center;
  715 +}
  716 +.tox .tox-comment-thread__overlay::after {
  717 + background: #fff;
  718 + bottom: 0;
  719 + content: "";
  720 + display: flex;
  721 + left: 0;
  722 + opacity: 0.9;
  723 + position: absolute;
  724 + right: 0;
  725 + top: 0;
  726 + z-index: 5;
  727 +}
  728 +.tox .tox-comment__reply {
  729 + display: flex;
  730 + flex-shrink: 0;
  731 + flex-wrap: wrap;
  732 + justify-content: flex-end;
  733 + margin-top: 8px;
  734 +}
  735 +.tox .tox-comment__reply > *:first-child {
  736 + margin-bottom: 8px;
  737 + width: 100%;
  738 +}
  739 +.tox .tox-comment__edit {
  740 + display: flex;
  741 + flex-wrap: wrap;
  742 + justify-content: flex-end;
  743 + margin-top: 16px;
  744 +}
  745 +.tox .tox-comment__gradient::after {
  746 + background: linear-gradient(rgba(255, 255, 255, 0), #fff);
  747 + bottom: 0;
  748 + content: "";
  749 + display: block;
  750 + height: 5em;
  751 + margin-top: -40px;
  752 + position: absolute;
  753 + width: 100%;
  754 +}
  755 +.tox .tox-comment__overlay {
  756 + background: #fff;
  757 + bottom: 0;
  758 + display: flex;
  759 + flex-direction: column;
  760 + flex-grow: 1;
  761 + left: 0;
  762 + opacity: 0.9;
  763 + position: absolute;
  764 + right: 0;
  765 + text-align: center;
  766 + top: 0;
  767 + z-index: 5;
  768 +}
  769 +.tox .tox-comment__loading-text {
  770 + align-items: center;
  771 + color: #222f3e;
  772 + display: flex;
  773 + flex-direction: column;
  774 + position: relative;
  775 +}
  776 +.tox .tox-comment__loading-text > div {
  777 + padding-bottom: 16px;
  778 +}
  779 +.tox .tox-comment__overlaytext {
  780 + bottom: 0;
  781 + flex-direction: column;
  782 + font-size: 14px;
  783 + left: 0;
  784 + padding: 1em;
  785 + position: absolute;
  786 + right: 0;
  787 + top: 0;
  788 + z-index: 10;
  789 +}
  790 +.tox .tox-comment__overlaytext p {
  791 + background-color: #fff;
  792 + box-shadow: 0 0 8px 8px #fff;
  793 + color: #222f3e;
  794 + text-align: center;
  795 +}
  796 +.tox .tox-comment__overlaytext div:nth-of-type(2) {
  797 + font-size: 0.8em;
  798 +}
  799 +.tox .tox-comment__busy-spinner {
  800 + align-items: center;
  801 + background-color: #fff;
  802 + bottom: 0;
  803 + display: flex;
  804 + justify-content: center;
  805 + left: 0;
  806 + position: absolute;
  807 + right: 0;
  808 + top: 0;
  809 + z-index: 1103;
  810 +}
  811 +.tox .tox-comment__scroll {
  812 + display: flex;
  813 + flex-direction: column;
  814 + flex-shrink: 1;
  815 + overflow: auto;
  816 +}
  817 +.tox .tox-conversations {
  818 + margin: 8px;
  819 +}
  820 +.tox:not([dir=rtl]) .tox-comment__edit {
  821 + margin-left: 8px;
  822 +}
  823 +.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
  824 +.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
  825 +.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
  826 + margin-left: 8px;
  827 +}
  828 +.tox[dir=rtl] .tox-comment__edit {
  829 + margin-right: 8px;
  830 +}
  831 +.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
  832 +.tox[dir=rtl] .tox-comment__edit > *:last-child,
  833 +.tox[dir=rtl] .tox-comment__reply > *:last-child {
  834 + margin-right: 8px;
  835 +}
  836 +.tox .tox-user {
  837 + align-items: center;
  838 + display: flex;
  839 +}
  840 +.tox .tox-user__avatar svg {
  841 + fill: rgba(34, 47, 62, 0.7);
  842 +}
  843 +.tox .tox-user__name {
  844 + color: rgba(34, 47, 62, 0.7);
  845 + font-size: 12px;
  846 + font-style: normal;
  847 + font-weight: bold;
  848 + text-transform: uppercase;
  849 +}
  850 +.tox:not([dir=rtl]) .tox-user__avatar svg {
  851 + margin-right: 8px;
  852 +}
  853 +.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
  854 + margin-left: 8px;
  855 +}
  856 +.tox[dir=rtl] .tox-user__avatar svg {
  857 + margin-left: 8px;
  858 +}
  859 +.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
  860 + margin-right: 8px;
  861 +}
  862 +.tox .tox-dialog-wrap {
  863 + align-items: center;
  864 + bottom: 0;
  865 + display: flex;
  866 + justify-content: center;
  867 + left: 0;
  868 + position: fixed;
  869 + right: 0;
  870 + top: 0;
  871 + z-index: 1100;
  872 +}
  873 +.tox .tox-dialog-wrap__backdrop {
  874 + background-color: rgba(255, 255, 255, 0.75);
  875 + bottom: 0;
  876 + left: 0;
  877 + position: absolute;
  878 + right: 0;
  879 + top: 0;
  880 + z-index: 1101;
  881 +}
  882 +.tox .tox-dialog {
  883 + background-color: #fff;
  884 + border-color: #cccccc;
  885 + border-radius: 3px;
  886 + border-style: solid;
  887 + border-width: 1px;
  888 + box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
  889 + display: flex;
  890 + flex-direction: column;
  891 + max-height: 100%;
  892 + max-width: 480px;
  893 + overflow: hidden;
  894 + position: relative;
  895 + width: 95vw;
  896 + z-index: 1102;
  897 +}
  898 +.tox .tox-dialog__header {
  899 + align-items: center;
  900 + background-color: #fff;
  901 + border-bottom: none;
  902 + color: #222f3e;
  903 + display: flex;
  904 + font-size: 16px;
  905 + justify-content: space-between;
  906 + margin-bottom: 16px;
  907 + padding: 8px 16px 0 16px;
  908 + position: relative;
  909 +}
  910 +.tox .tox-dialog__header .tox-button {
  911 + z-index: 1;
  912 +}
  913 +.tox .tox-dialog__draghandle {
  914 + cursor: grab;
  915 + height: 100%;
  916 + left: 0;
  917 + position: absolute;
  918 + top: 0;
  919 + width: 100%;
  920 +}
  921 +.tox .tox-dialog__draghandle:active {
  922 + cursor: grabbing;
  923 +}
  924 +.tox .tox-dialog__dismiss {
  925 + margin-left: auto;
  926 +}
  927 +.tox .tox-dialog__title {
  928 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  929 + font-size: 20px;
  930 + font-style: normal;
  931 + font-weight: normal;
  932 + line-height: 1.3;
  933 + margin: 0;
  934 + text-transform: normal;
  935 +}
  936 +.tox .tox-dialog__body {
  937 + color: #222f3e;
  938 + display: flex;
  939 + flex: 1;
  940 + -ms-flex-preferred-size: auto;
  941 + font-size: 16px;
  942 + font-style: normal;
  943 + font-weight: normal;
  944 + line-height: 1.3;
  945 + min-width: 0;
  946 + padding: 0 16px;
  947 + text-align: left;
  948 + text-transform: normal;
  949 +}
  950 +.tox .tox-dialog__body-nav {
  951 + align-items: flex-start;
  952 + display: flex;
  953 + flex-direction: column;
  954 +}
  955 +.tox .tox-dialog__body-nav-item {
  956 + border-bottom: 2px solid transparent;
  957 + color: rgba(34, 47, 62, 0.7);
  958 + display: inline-block;
  959 + font-size: 14px;
  960 + line-height: 1.3;
  961 + margin-bottom: 8px;
  962 + text-decoration: none;
  963 +}
  964 +.tox .tox-dialog__body-nav-item--active {
  965 + border-bottom: 2px solid #207ab7;
  966 + color: #207ab7;
  967 +}
  968 +.tox .tox-dialog__body-content {
  969 + display: flex;
  970 + flex: 1;
  971 + flex-direction: column;
  972 + -ms-flex-preferred-size: auto;
  973 + max-height: 650px;
  974 + overflow: auto;
  975 +}
  976 +.tox .tox-dialog__body-content > * {
  977 + margin-bottom: 0;
  978 + margin-top: 16px;
  979 +}
  980 +.tox .tox-dialog__body-content > *:first-child {
  981 + margin-top: 0;
  982 +}
  983 +.tox .tox-dialog__body-content > *:last-child {
  984 + margin-bottom: 0;
  985 +}
  986 +.tox .tox-dialog__body-content > *:only-child {
  987 + margin-bottom: 0;
  988 + margin-top: 0;
  989 +}
  990 +.tox .tox-dialog--width-lg {
  991 + height: 650px;
  992 + max-width: 1200px;
  993 +}
  994 +.tox .tox-dialog--width-md {
  995 + max-width: 800px;
  996 +}
  997 +.tox .tox-dialog--width-md .tox-dialog__body-content {
  998 + overflow: auto;
  999 +}
  1000 +.tox .tox-dialog__body-content--centered {
  1001 + text-align: center;
  1002 +}
  1003 +.tox .tox-dialog__body-content--spacious {
  1004 + margin-bottom: 16px;
  1005 +}
  1006 +.tox .tox-dialog__footer {
  1007 + align-items: center;
  1008 + background-color: #fff;
  1009 + border-top: 1px solid #cccccc;
  1010 + display: flex;
  1011 + justify-content: space-between;
  1012 + margin-top: 16px;
  1013 + padding: 8px 16px;
  1014 +}
  1015 +.tox .tox-dialog__busy-spinner {
  1016 + align-items: center;
  1017 + background-color: rgba(255, 255, 255, 0.75);
  1018 + bottom: 0;
  1019 + display: flex;
  1020 + justify-content: center;
  1021 + left: 0;
  1022 + position: absolute;
  1023 + right: 0;
  1024 + top: 0;
  1025 + z-index: 1103;
  1026 +}
  1027 +.tox .tox-dialog__table {
  1028 + border-collapse: collapse;
  1029 + width: 100%;
  1030 +}
  1031 +.tox .tox-dialog__table thead th {
  1032 + font-weight: bold;
  1033 + padding-bottom: 8px;
  1034 +}
  1035 +.tox .tox-dialog__table tbody tr {
  1036 + border-bottom: 1px solid #cccccc;
  1037 +}
  1038 +.tox .tox-dialog__table tbody tr:last-child {
  1039 + border-bottom: none;
  1040 +}
  1041 +.tox .tox-dialog__table td {
  1042 + padding-bottom: 8px;
  1043 + padding-top: 8px;
  1044 +}
  1045 +.tox .tox-dialog__popups {
  1046 + position: absolute;
  1047 + width: 100%;
  1048 + z-index: 1100;
  1049 +}
  1050 +.tox .tox-dialog__body-iframe {
  1051 + display: flex;
  1052 + flex: 1;
  1053 + flex-direction: column;
  1054 + -ms-flex-preferred-size: auto;
  1055 +}
  1056 +.tox .tox-dialog__body-iframe .tox-navobj {
  1057 + display: flex;
  1058 + flex: 1;
  1059 + -ms-flex-preferred-size: auto;
  1060 +}
  1061 +.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
  1062 + flex: 1;
  1063 + -ms-flex-preferred-size: auto;
  1064 + height: 100%;
  1065 +}
  1066 +body.tox-dialog__disable-scroll {
  1067 + overflow: hidden;
  1068 +}
  1069 +.tox.tox-platform-ie {
  1070 + /* IE11 CSS styles go here */
  1071 +}
  1072 +.tox.tox-platform-ie .tox-dialog-wrap {
  1073 + position: -ms-device-fixed;
  1074 +}
  1075 +.tox:not([dir=rtl]) .tox-dialog__body-nav {
  1076 + margin-right: 32px;
  1077 +}
  1078 +.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
  1079 +.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
  1080 + margin-left: 8px;
  1081 +}
  1082 +.tox[dir=rtl] .tox-dialog__body {
  1083 + text-align: right;
  1084 +}
  1085 +.tox[dir=rtl] .tox-dialog__body-nav {
  1086 + margin-left: 32px;
  1087 +}
  1088 +.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
  1089 +.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
  1090 + margin-right: 8px;
  1091 +}
  1092 +.tox .tox-dropzone-container {
  1093 + display: flex;
  1094 + flex: 1;
  1095 + -ms-flex-preferred-size: auto;
  1096 +}
  1097 +.tox .tox-dropzone {
  1098 + align-items: center;
  1099 + background: #fff;
  1100 + border: 2px dashed #cccccc;
  1101 + box-sizing: border-box;
  1102 + display: flex;
  1103 + flex-direction: column;
  1104 + flex-grow: 1;
  1105 + justify-content: center;
  1106 + min-height: 100px;
  1107 + padding: 10px;
  1108 +}
  1109 +.tox .tox-dropzone p {
  1110 + color: rgba(34, 47, 62, 0.7);
  1111 + margin: 0 0 16px 0;
  1112 +}
  1113 +.tox .tox-edit-area {
  1114 + border-top: 1px solid #cccccc;
  1115 + display: flex;
  1116 + flex: 1;
  1117 + -ms-flex-preferred-size: auto;
  1118 + overflow: hidden;
  1119 + position: relative;
  1120 +}
  1121 +.tox .tox-edit-area__iframe {
  1122 + background-color: #fff;
  1123 + border: 0;
  1124 + box-sizing: border-box;
  1125 + flex: 1;
  1126 + -ms-flex-preferred-size: auto;
  1127 + height: 100%;
  1128 + position: absolute;
  1129 + width: 100%;
  1130 +}
  1131 +.tox.tox-inline-edit-area {
  1132 + border: 1px dotted #cccccc;
  1133 +}
  1134 +.tox .tox-control-wrap {
  1135 + flex: 1;
  1136 + position: relative;
  1137 +}
  1138 +.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
  1139 +.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
  1140 +.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
  1141 + display: none;
  1142 +}
  1143 +.tox .tox-control-wrap svg {
  1144 + display: block;
  1145 +}
  1146 +.tox .tox-control-wrap__status-icon-wrap {
  1147 + position: absolute;
  1148 + top: 50%;
  1149 + transform: translateY(-50%);
  1150 +}
  1151 +.tox .tox-control-wrap__status-icon-invalid svg {
  1152 + fill: #c00;
  1153 +}
  1154 +.tox .tox-control-wrap__status-icon-unknown svg {
  1155 + fill: orange;
  1156 +}
  1157 +.tox .tox-control-wrap__status-icon-valid svg {
  1158 + fill: green;
  1159 +}
  1160 +.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
  1161 +.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
  1162 +.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
  1163 + padding-right: 32px;
  1164 +}
  1165 +.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
  1166 + right: 4px;
  1167 +}
  1168 +.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
  1169 +.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
  1170 +.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
  1171 + padding-left: 32px;
  1172 +}
  1173 +.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
  1174 + left: 4px;
  1175 +}
  1176 +.tox .tox-autocompleter {
  1177 + max-width: 25em;
  1178 +}
  1179 +.tox .tox-autocompleter .tox-menu {
  1180 + max-width: 25em;
  1181 +}
  1182 +.tox .tox-color-input {
  1183 + display: flex;
  1184 +}
  1185 +.tox .tox-color-input .tox-textfield {
  1186 + border-radius: 3px 0 0 3px;
  1187 + display: flex;
  1188 +}
  1189 +.tox .tox-color-input span {
  1190 + border-color: rgba(34, 47, 62, 0.2);
  1191 + border-radius: 0 3px 3px 0;
  1192 + border-style: solid;
  1193 + border-width: 1px 1px 1px 0;
  1194 + box-shadow: none;
  1195 + box-sizing: border-box;
  1196 + cursor: pointer;
  1197 + display: flex;
  1198 + width: 35px;
  1199 +}
  1200 +.tox .tox-color-input span:focus {
  1201 + border-color: #207ab7;
  1202 +}
  1203 +.tox[dir="rtl"] .tox-color-input .tox-textfield {
  1204 + border-radius: 0 3px 3px 0;
  1205 +}
  1206 +.tox[dir="rtl"] .tox-color-input span {
  1207 + border-radius: 3px 0 0 3px;
  1208 + border-width: 1px 0 1px 1px;
  1209 +}
  1210 +.tox .tox-label,
  1211 +.tox .tox-toolbar-label {
  1212 + color: rgba(34, 47, 62, 0.7);
  1213 + display: block;
  1214 + font-size: 14px;
  1215 + font-style: normal;
  1216 + font-weight: normal;
  1217 + line-height: 1.3;
  1218 + padding: 0 8px 0 0;
  1219 + text-transform: normal;
  1220 + white-space: nowrap;
  1221 +}
  1222 +.tox .tox-toolbar-label {
  1223 + padding: 0 8px;
  1224 +}
  1225 +.tox[dir=rtl] .tox-label {
  1226 + padding: 0 0 0 8px;
  1227 +}
  1228 +.tox .tox-form {
  1229 + display: flex;
  1230 + flex: 1;
  1231 + flex-direction: column;
  1232 + -ms-flex-preferred-size: auto;
  1233 +}
  1234 +.tox .tox-form__group {
  1235 + box-sizing: border-box;
  1236 + margin-bottom: 4px;
  1237 +}
  1238 +.tox .tox-form__group--error {
  1239 + color: #c00;
  1240 +}
  1241 +.tox .tox-form__group--collection {
  1242 + display: flex;
  1243 +}
  1244 +.tox .tox-form__grid {
  1245 + display: flex;
  1246 + flex-direction: row;
  1247 + flex-wrap: wrap;
  1248 + justify-content: space-between;
  1249 +}
  1250 +.tox .tox-form__grid--2col > .tox-form__group {
  1251 + width: calc(50% - (8px / 2));
  1252 +}
  1253 +.tox .tox-form__grid--3col > .tox-form__group {
  1254 + width: calc(100% / 3 - (8px / 2));
  1255 +}
  1256 +.tox .tox-form__grid--4col > .tox-form__group {
  1257 + width: calc(25% - (8px / 2));
  1258 +}
  1259 +.tox .tox-form__controls-h-stack {
  1260 + align-items: center;
  1261 + display: flex;
  1262 +}
  1263 +.tox .tox-form__group--inline {
  1264 + align-items: center;
  1265 + display: flex;
  1266 +}
  1267 +.tox .tox-form__group--stretched {
  1268 + display: flex;
  1269 + flex: 1;
  1270 + flex-direction: column;
  1271 + -ms-flex-preferred-size: auto;
  1272 +}
  1273 +.tox .tox-form__group--stretched .tox-textarea {
  1274 + flex: 1;
  1275 + -ms-flex-preferred-size: auto;
  1276 +}
  1277 +.tox .tox-form__group--stretched .tox-navobj {
  1278 + display: flex;
  1279 + flex: 1;
  1280 + -ms-flex-preferred-size: auto;
  1281 +}
  1282 +.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
  1283 + flex: 1;
  1284 + -ms-flex-preferred-size: auto;
  1285 + height: 100%;
  1286 +}
  1287 +.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
  1288 + margin-left: 4px;
  1289 +}
  1290 +.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
  1291 + margin-right: 4px;
  1292 +}
  1293 +.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
  1294 +.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
  1295 + display: none;
  1296 +}
  1297 +.tox .tox-textfield,
  1298 +.tox .tox-toolbar-textfield,
  1299 +.tox:not([dir=rtl]) .tox-selectfield select,
  1300 +.tox[dir=rtl] .tox-selectfield select,
  1301 +.tox .tox-textarea {
  1302 + -webkit-appearance: none;
  1303 + -moz-appearance: none;
  1304 + appearance: none;
  1305 + background-color: #fff;
  1306 + border-color: #cccccc;
  1307 + border-radius: 3px;
  1308 + border-style: solid;
  1309 + border-width: 1px;
  1310 + box-shadow: none;
  1311 + box-sizing: border-box;
  1312 + color: #222f3e;
  1313 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1314 + font-size: 16px;
  1315 + line-height: 24px;
  1316 + margin: 0;
  1317 + outline: none;
  1318 + padding: 5px 4.75px;
  1319 + resize: none;
  1320 + width: 100%;
  1321 +}
  1322 +.tox .tox-textfield:focus,
  1323 +.tox .tox-selectfield select:focus,
  1324 +.tox .tox-textarea:focus {
  1325 + border-color: #207ab7;
  1326 + box-shadow: none;
  1327 + outline: none;
  1328 +}
  1329 +.tox .tox-toolbar-textfield {
  1330 + border-width: 0;
  1331 + margin-bottom: 3px;
  1332 + margin-top: 2px;
  1333 + max-width: 250px;
  1334 +}
  1335 +.tox .tox-naked-btn {
  1336 + background-color: transparent;
  1337 + border: 0;
  1338 + border-color: transparent;
  1339 + box-shadow: unset;
  1340 + color: #207ab7;
  1341 + cursor: pointer;
  1342 + display: block;
  1343 + margin: 0;
  1344 + padding: 0;
  1345 +}
  1346 +.tox .tox-naked-btn svg {
  1347 + display: block;
  1348 + fill: #222f3e;
  1349 +}
  1350 +.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
  1351 + margin-left: 4px;
  1352 +}
  1353 +.tox[dir=rtl] .tox-toolbar-textfield + * {
  1354 + margin-right: 4px;
  1355 +}
  1356 +.tox .tox-selectfield {
  1357 + cursor: pointer;
  1358 + position: relative;
  1359 +}
  1360 +.tox .tox-selectfield select::-ms-expand {
  1361 + display: none;
  1362 +}
  1363 +.tox .tox-selectfield svg {
  1364 + pointer-events: none;
  1365 + position: absolute;
  1366 + top: 50%;
  1367 + transform: translateY(-50%);
  1368 +}
  1369 +.tox:not([dir=rtl]) .tox-selectfield select {
  1370 + padding-right: 24px;
  1371 +}
  1372 +.tox:not([dir=rtl]) .tox-selectfield svg {
  1373 + right: 8px;
  1374 +}
  1375 +.tox[dir=rtl] .tox-selectfield select {
  1376 + padding-left: 24px;
  1377 +}
  1378 +.tox[dir=rtl] .tox-selectfield svg {
  1379 + left: 8px;
  1380 +}
  1381 +.tox .tox-textarea {
  1382 + -webkit-appearance: textarea;
  1383 + -moz-appearance: textarea;
  1384 + appearance: textarea;
  1385 + white-space: pre-wrap;
  1386 +}
  1387 +.tox-fullscreen {
  1388 + border: 0;
  1389 + height: 100%;
  1390 + left: 0;
  1391 + margin: 0;
  1392 + overflow: hidden;
  1393 + padding: 0;
  1394 + position: fixed;
  1395 + top: 0;
  1396 + width: 100%;
  1397 +}
  1398 +.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
  1399 + display: none;
  1400 +}
  1401 +.tox-fullscreen .tox.tox-tinymce.tox-fullscreen {
  1402 + z-index: 1200;
  1403 +}
  1404 +.tox-fullscreen .tox.tox-tinymce-aux {
  1405 + z-index: 1201;
  1406 +}
  1407 +.tox .tox-image-tools {
  1408 + width: 100%;
  1409 +}
  1410 +.tox .tox-image-tools__toolbar {
  1411 + align-items: center;
  1412 + display: flex;
  1413 + justify-content: center;
  1414 +}
  1415 +.tox .tox-image-tools__image {
  1416 + background-color: #666;
  1417 + height: 380px;
  1418 + overflow: auto;
  1419 + position: relative;
  1420 + width: 100%;
  1421 +}
  1422 +.tox .tox-image-tools__image,
  1423 +.tox .tox-image-tools__image + .tox-image-tools__toolbar {
  1424 + margin-top: 8px;
  1425 +}
  1426 +.tox .tox-image-tools__image-bg {
  1427 + background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
  1428 +}
  1429 +.tox .tox-image-tools__toolbar > .tox-spacer {
  1430 + flex: 1;
  1431 + -ms-flex-preferred-size: auto;
  1432 +}
  1433 +.tox .tox-croprect-block {
  1434 + background: black;
  1435 + filter: alpha(opacity=50);
  1436 + opacity: 0.5;
  1437 + position: absolute;
  1438 + zoom: 1;
  1439 +}
  1440 +.tox .tox-croprect-handle {
  1441 + border: 2px solid white;
  1442 + height: 20px;
  1443 + left: 0;
  1444 + position: absolute;
  1445 + top: 0;
  1446 + width: 20px;
  1447 +}
  1448 +.tox .tox-croprect-handle-move {
  1449 + border: 0;
  1450 + cursor: move;
  1451 + position: absolute;
  1452 +}
  1453 +.tox .tox-croprect-handle-nw {
  1454 + border-width: 2px 0 0 2px;
  1455 + cursor: nw-resize;
  1456 + left: 100px;
  1457 + margin: -2px 0 0 -2px;
  1458 + top: 100px;
  1459 +}
  1460 +.tox .tox-croprect-handle-ne {
  1461 + border-width: 2px 2px 0 0;
  1462 + cursor: ne-resize;
  1463 + left: 200px;
  1464 + margin: -2px 0 0 -20px;
  1465 + top: 100px;
  1466 +}
  1467 +.tox .tox-croprect-handle-sw {
  1468 + border-width: 0 0 2px 2px;
  1469 + cursor: sw-resize;
  1470 + left: 100px;
  1471 + margin: -20px 2px 0 -2px;
  1472 + top: 200px;
  1473 +}
  1474 +.tox .tox-croprect-handle-se {
  1475 + border-width: 0 2px 2px 0;
  1476 + cursor: se-resize;
  1477 + left: 200px;
  1478 + margin: -20px 0 0 -20px;
  1479 + top: 200px;
  1480 +}
  1481 +.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
  1482 + margin-left: 8px;
  1483 +}
  1484 +.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
  1485 + margin-left: 32px;
  1486 +}
  1487 +.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
  1488 + margin-left: 32px;
  1489 +}
  1490 +.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
  1491 + margin-right: 8px;
  1492 +}
  1493 +.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
  1494 + margin-right: 32px;
  1495 +}
  1496 +.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
  1497 + margin-right: 32px;
  1498 +}
  1499 +.tox .tox-insert-table-picker {
  1500 + display: flex;
  1501 + flex-wrap: wrap;
  1502 + width: 169px;
  1503 +}
  1504 +.tox .tox-insert-table-picker > div {
  1505 + border-color: #cccccc;
  1506 + border-style: solid;
  1507 + border-width: 0 1px 1px 0;
  1508 + box-sizing: content-box;
  1509 + height: 16px;
  1510 + width: 16px;
  1511 +}
  1512 +.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
  1513 + margin: -4px 0;
  1514 +}
  1515 +.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
  1516 + background-color: rgba(32, 122, 183, 0.5);
  1517 + border-color: rgba(32, 122, 183, 0.5);
  1518 +}
  1519 +.tox .tox-insert-table-picker__label {
  1520 + color: rgba(34, 47, 62, 0.7);
  1521 + display: block;
  1522 + font-size: 14px;
  1523 + padding: 4px;
  1524 + text-align: center;
  1525 + width: 100%;
  1526 +}
  1527 +.tox:not([dir=rtl]) {
  1528 + /* stylelint-disable-next-line no-descending-specificity */
  1529 +}
  1530 +.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
  1531 + border-right: 0;
  1532 +}
  1533 +.tox[dir=rtl] {
  1534 + /* stylelint-disable-next-line no-descending-specificity */
  1535 +}
  1536 +.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
  1537 + border-right: 0;
  1538 +}
  1539 +.tox {
  1540 + /* stylelint-disable */
  1541 + /* stylelint-enable */
  1542 +}
  1543 +.tox .tox-menu {
  1544 + background-color: #fff;
  1545 + border: 1px solid #cccccc;
  1546 + border-radius: 3px;
  1547 + box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  1548 + display: inline-block;
  1549 + overflow: hidden;
  1550 + vertical-align: top;
  1551 + z-index: 1;
  1552 +}
  1553 +.tox .tox-menu.tox-collection.tox-collection--list {
  1554 + padding: 0;
  1555 +}
  1556 +.tox .tox-menu.tox-collection.tox-collection--toolbar {
  1557 + padding: 4px;
  1558 +}
  1559 +.tox .tox-menu.tox-collection.tox-collection--grid {
  1560 + padding: 4px;
  1561 +}
  1562 +.tox .tox-menu__label h1,
  1563 +.tox .tox-menu__label h2,
  1564 +.tox .tox-menu__label h3,
  1565 +.tox .tox-menu__label h4,
  1566 +.tox .tox-menu__label h5,
  1567 +.tox .tox-menu__label h6,
  1568 +.tox .tox-menu__label p,
  1569 +.tox .tox-menu__label blockquote,
  1570 +.tox .tox-menu__label code {
  1571 + margin: 0;
  1572 +}
  1573 +.tox .tox-menubar {
  1574 + background: url("data:image/svg+xml;charset=utf8,%3Csvg height='43px' viewBox='0 0 40 43px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='42px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
  1575 + background-color: #fff;
  1576 + display: flex;
  1577 + flex: 0 0 auto;
  1578 + flex-shrink: 0;
  1579 + flex-wrap: wrap;
  1580 + margin-bottom: -1px;
  1581 + padding: 0 4px;
  1582 +}
  1583 +.tox .tox-mbtn {
  1584 + align-items: center;
  1585 + background: none;
  1586 + border: 0;
  1587 + border-radius: 3px;
  1588 + box-shadow: none;
  1589 + color: #222f3e;
  1590 + display: flex;
  1591 + flex: 0 0 auto;
  1592 + font-size: 14px;
  1593 + font-style: normal;
  1594 + font-weight: normal;
  1595 + height: 34px;
  1596 + justify-content: center;
  1597 + margin: 2px 0 3px 0;
  1598 + outline: none;
  1599 + overflow: hidden;
  1600 + padding: 0 4px;
  1601 + text-transform: normal;
  1602 + width: auto;
  1603 +}
  1604 +.tox .tox-mbtn[disabled] {
  1605 + background-color: none;
  1606 + border-color: none;
  1607 + box-shadow: none;
  1608 + color: rgba(34, 47, 62, 0.5);
  1609 + cursor: not-allowed;
  1610 +}
  1611 +.tox .tox-mbtn:hover:not(:disabled) {
  1612 + background: #dee0e2;
  1613 + box-shadow: none;
  1614 + color: #222f3e;
  1615 +}
  1616 +.tox .tox-mbtn:focus:not(:disabled) {
  1617 + background: #dee0e2;
  1618 + box-shadow: none;
  1619 + color: #222f3e;
  1620 +}
  1621 +.tox .tox-mbtn--active {
  1622 + background: #c8cbcf;
  1623 + box-shadow: none;
  1624 + color: #222f3e;
  1625 +}
  1626 +.tox .tox-mbtn__select-label {
  1627 + cursor: default;
  1628 + font-weight: normal;
  1629 + margin: 0 4px;
  1630 +}
  1631 +.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
  1632 + cursor: not-allowed;
  1633 +}
  1634 +.tox .tox-mbtn__select-chevron {
  1635 + align-items: center;
  1636 + display: flex;
  1637 + justify-content: center;
  1638 + width: 16px;
  1639 + display: none;
  1640 +}
  1641 +.tox .tox-notification {
  1642 + background-color: #fffaea;
  1643 + border-color: #ffe89d;
  1644 + border-style: solid;
  1645 + border-width: 1px;
  1646 + box-sizing: border-box;
  1647 + display: grid;
  1648 + grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
  1649 + margin-top: 5px;
  1650 + opacity: 0;
  1651 + padding: 5px;
  1652 + transition: transform 100ms ease-in, opacity 150ms ease-in;
  1653 +}
  1654 +.tox .tox-notification--in {
  1655 + opacity: 1;
  1656 +}
  1657 +.tox .tox-notification--success {
  1658 + background-color: #dff0d8;
  1659 + border-color: #d6e9c6;
  1660 +}
  1661 +.tox .tox-notification--error {
  1662 + background-color: #f2dede;
  1663 + border-color: #ebccd1;
  1664 +}
  1665 +.tox .tox-notification--warn {
  1666 + background-color: #fcf8e3;
  1667 + border-color: #faebcc;
  1668 +}
  1669 +.tox .tox-notification--info {
  1670 + background-color: #d9edf7;
  1671 + border-color: #779ecb;
  1672 +}
  1673 +.tox .tox-notification__body {
  1674 + align-self: center;
  1675 + color: #222f3e;
  1676 + font-size: 14px;
  1677 + grid-column-end: 3;
  1678 + -ms-grid-column-span: 1;
  1679 + grid-column-start: 2;
  1680 + grid-row-end: 2;
  1681 + grid-row-start: 1;
  1682 + text-align: center;
  1683 + white-space: normal;
  1684 + word-break: break-all;
  1685 + word-break: break-word;
  1686 +}
  1687 +.tox .tox-notification__body > * {
  1688 + margin: 0;
  1689 +}
  1690 +.tox .tox-notification__body > * + * {
  1691 + margin-top: 1rem;
  1692 +}
  1693 +.tox .tox-notification__icon {
  1694 + align-self: center;
  1695 + -ms-grid-column-align: end;
  1696 + grid-column-end: 2;
  1697 + -ms-grid-column-span: 1;
  1698 + grid-column-start: 1;
  1699 + grid-row-end: 2;
  1700 + grid-row-start: 1;
  1701 + justify-self: end;
  1702 +}
  1703 +.tox .tox-notification__icon svg {
  1704 + display: block;
  1705 +}
  1706 +.tox .tox-notification__dismiss {
  1707 + align-self: start;
  1708 + -ms-grid-column-align: end;
  1709 + grid-column-end: 4;
  1710 + -ms-grid-column-span: 1;
  1711 + grid-column-start: 3;
  1712 + grid-row-end: 2;
  1713 + grid-row-start: 1;
  1714 + justify-self: end;
  1715 +}
  1716 +.tox .tox-notification .tox-progress-bar {
  1717 + -ms-grid-column-align: center;
  1718 + grid-column-end: 4;
  1719 + -ms-grid-column-span: 3;
  1720 + grid-column-start: 1;
  1721 + grid-row-end: 3;
  1722 + -ms-grid-row-span: 1;
  1723 + grid-row-start: 2;
  1724 + justify-self: center;
  1725 +}
  1726 +.tox .tox-pop {
  1727 + display: inline-block;
  1728 + position: relative;
  1729 +}
  1730 +.tox .tox-pop--resizing {
  1731 + transition: width 0.1s ease;
  1732 +}
  1733 +.tox .tox-pop--resizing .tox-toolbar {
  1734 + flex-wrap: nowrap;
  1735 +}
  1736 +.tox .tox-pop__dialog {
  1737 + background-color: #fff;
  1738 + border: 1px solid #cccccc;
  1739 + border-radius: 3px;
  1740 + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  1741 + min-width: 0;
  1742 + overflow: hidden;
  1743 +}
  1744 +.tox .tox-pop__dialog > *:not(.tox-toolbar) {
  1745 + margin: 4px 4px 4px 8px;
  1746 +}
  1747 +.tox .tox-pop__dialog .tox-toolbar {
  1748 + background-color: transparent;
  1749 +}
  1750 +.tox .tox-pop::before,
  1751 +.tox .tox-pop::after {
  1752 + border-style: solid;
  1753 + content: '';
  1754 + display: block;
  1755 + height: 0;
  1756 + position: absolute;
  1757 + width: 0;
  1758 +}
  1759 +.tox .tox-pop.tox-pop--bottom::before,
  1760 +.tox .tox-pop.tox-pop--bottom::after {
  1761 + left: 50%;
  1762 + top: 100%;
  1763 +}
  1764 +.tox .tox-pop.tox-pop--bottom::after {
  1765 + border-color: #fff transparent transparent transparent;
  1766 + border-width: 8px;
  1767 + margin-left: -8px;
  1768 + margin-top: -1px;
  1769 +}
  1770 +.tox .tox-pop.tox-pop--bottom::before {
  1771 + border-color: #cccccc transparent transparent transparent;
  1772 + border-width: 9px;
  1773 + margin-left: -9px;
  1774 +}
  1775 +.tox .tox-pop.tox-pop--top::before,
  1776 +.tox .tox-pop.tox-pop--top::after {
  1777 + left: 50%;
  1778 + top: 0;
  1779 + transform: translateY(-100%);
  1780 +}
  1781 +.tox .tox-pop.tox-pop--top::after {
  1782 + border-color: transparent transparent #fff transparent;
  1783 + border-width: 8px;
  1784 + margin-left: -8px;
  1785 + margin-top: 1px;
  1786 +}
  1787 +.tox .tox-pop.tox-pop--top::before {
  1788 + border-color: transparent transparent #cccccc transparent;
  1789 + border-width: 9px;
  1790 + margin-left: -9px;
  1791 +}
  1792 +.tox .tox-pop.tox-pop--left::before,
  1793 +.tox .tox-pop.tox-pop--left::after {
  1794 + left: 0;
  1795 + top: calc(50% - 1px);
  1796 + transform: translateY(-50%);
  1797 +}
  1798 +.tox .tox-pop.tox-pop--left::after {
  1799 + border-color: transparent #fff transparent transparent;
  1800 + border-width: 8px;
  1801 + margin-left: -15px;
  1802 +}
  1803 +.tox .tox-pop.tox-pop--left::before {
  1804 + border-color: transparent #cccccc transparent transparent;
  1805 + border-width: 10px;
  1806 + margin-left: -19px;
  1807 +}
  1808 +.tox .tox-pop.tox-pop--right::before,
  1809 +.tox .tox-pop.tox-pop--right::after {
  1810 + left: 100%;
  1811 + top: calc(50% + 1px);
  1812 + transform: translateY(-50%);
  1813 +}
  1814 +.tox .tox-pop.tox-pop--right::after {
  1815 + border-color: transparent transparent transparent #fff;
  1816 + border-width: 8px;
  1817 + margin-left: -1px;
  1818 +}
  1819 +.tox .tox-pop.tox-pop--right::before {
  1820 + border-color: transparent transparent transparent #cccccc;
  1821 + border-width: 10px;
  1822 + margin-left: -1px;
  1823 +}
  1824 +.tox .tox-pop.tox-pop--align-left::before,
  1825 +.tox .tox-pop.tox-pop--align-left::after {
  1826 + left: 20px;
  1827 +}
  1828 +.tox .tox-pop.tox-pop--align-right::before,
  1829 +.tox .tox-pop.tox-pop--align-right::after {
  1830 + left: calc(100% - 20px);
  1831 +}
  1832 +.tox .tox-sidebar-wrap {
  1833 + display: flex;
  1834 + flex-direction: row;
  1835 + flex-grow: 1;
  1836 + min-height: 0;
  1837 +}
  1838 +.tox .tox-sidebar {
  1839 + display: flex;
  1840 + flex-direction: row;
  1841 + justify-content: flex-end;
  1842 +}
  1843 +.tox .tox-sidebar__slider {
  1844 + display: flex;
  1845 + overflow: hidden;
  1846 +}
  1847 +.tox .tox-sidebar__pane-container {
  1848 + display: flex;
  1849 +}
  1850 +.tox .tox-sidebar__pane {
  1851 + display: flex;
  1852 +}
  1853 +.tox .tox-sidebar--sliding-closed {
  1854 + opacity: 0;
  1855 +}
  1856 +.tox .tox-sidebar--sliding-open {
  1857 + opacity: 1;
  1858 +}
  1859 +.tox .tox-sidebar--sliding-growing,
  1860 +.tox .tox-sidebar--sliding-shrinking {
  1861 + transition: width 0.5s ease, opacity 0.5s ease;
  1862 +}
  1863 +.tox .tox-slider {
  1864 + align-items: center;
  1865 + display: flex;
  1866 + flex: 1;
  1867 + -ms-flex-preferred-size: auto;
  1868 + height: 24px;
  1869 + justify-content: center;
  1870 + position: relative;
  1871 +}
  1872 +.tox .tox-slider__rail {
  1873 + background-color: transparent;
  1874 + border: 1px solid #cccccc;
  1875 + border-radius: 3px;
  1876 + height: 10px;
  1877 + min-width: 120px;
  1878 + width: 100%;
  1879 +}
  1880 +.tox .tox-slider__handle {
  1881 + background-color: #207ab7;
  1882 + border: 2px solid #185d8c;
  1883 + border-radius: 3px;
  1884 + box-shadow: none;
  1885 + height: 24px;
  1886 + left: 50%;
  1887 + position: absolute;
  1888 + top: 50%;
  1889 + transform: translateX(-50%) translateY(-50%);
  1890 + width: 14px;
  1891 +}
  1892 +.tox .tox-source-code {
  1893 + overflow: auto;
  1894 +}
  1895 +.tox .tox-spinner {
  1896 + display: flex;
  1897 +}
  1898 +.tox .tox-spinner > div {
  1899 + animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
  1900 + background-color: rgba(34, 47, 62, 0.7);
  1901 + border-radius: 100%;
  1902 + height: 8px;
  1903 + width: 8px;
  1904 +}
  1905 +.tox .tox-spinner > div:nth-child(1) {
  1906 + animation-delay: -0.32s;
  1907 +}
  1908 +.tox .tox-spinner > div:nth-child(2) {
  1909 + animation-delay: -0.16s;
  1910 +}
  1911 +@keyframes tam-bouncing-dots {
  1912 + 0%,
  1913 + 80%,
  1914 + 100% {
  1915 + transform: scale(0);
  1916 + }
  1917 + 40% {
  1918 + transform: scale(1);
  1919 + }
  1920 +}
  1921 +.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
  1922 + margin-left: 4px;
  1923 +}
  1924 +.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
  1925 + margin-right: 4px;
  1926 +}
  1927 +.tox .tox-statusbar {
  1928 + align-items: center;
  1929 + background-color: #fff;
  1930 + border-top: 1px solid #cccccc;
  1931 + color: rgba(34, 47, 62, 0.7);
  1932 + display: flex;
  1933 + flex: 0 0 auto;
  1934 + font-size: 12px;
  1935 + height: 18px;
  1936 + overflow: hidden;
  1937 + padding: 0 8px;
  1938 + position: relative;
  1939 + text-transform: uppercase;
  1940 +}
  1941 +.tox .tox-statusbar a {
  1942 + color: rgba(34, 47, 62, 0.7);
  1943 + text-decoration: none;
  1944 +}
  1945 +.tox .tox-statusbar a:hover {
  1946 + text-decoration: underline;
  1947 +}
  1948 +.tox .tox-statusbar__text-container {
  1949 + display: flex;
  1950 + flex: 1 1 auto;
  1951 + justify-content: flex-end;
  1952 + overflow: hidden;
  1953 +}
  1954 +.tox .tox-statusbar__path {
  1955 + display: flex;
  1956 + flex: 1 1 auto;
  1957 + margin-right: auto;
  1958 + overflow: hidden;
  1959 + text-overflow: ellipsis;
  1960 + white-space: nowrap;
  1961 +}
  1962 +.tox .tox-statusbar__path > * {
  1963 + display: inline;
  1964 + white-space: nowrap;
  1965 +}
  1966 +.tox .tox-statusbar__wordcount {
  1967 + flex: 0 0 auto;
  1968 + margin-left: 1ch;
  1969 +}
  1970 +.tox .tox-statusbar__resize-handle {
  1971 + align-items: flex-end;
  1972 + align-self: stretch;
  1973 + cursor: nwse-resize;
  1974 + display: flex;
  1975 + flex: 0 0 auto;
  1976 + justify-content: flex-end;
  1977 + margin-left: auto;
  1978 + margin-right: -8px;
  1979 + padding-left: 1ch;
  1980 +}
  1981 +.tox .tox-statusbar__resize-handle svg {
  1982 + display: block;
  1983 + fill: rgba(34, 47, 62, 0.7);
  1984 +}
  1985 +.tox:not([dir=rtl]) .tox-statusbar__path > * {
  1986 + margin-right: 4px;
  1987 +}
  1988 +.tox:not([dir=rtl]) .tox-statusbar__branding {
  1989 + margin-left: 1ch;
  1990 +}
  1991 +.tox[dir=rtl] .tox-statusbar {
  1992 + flex-direction: row-reverse;
  1993 +}
  1994 +.tox[dir=rtl] .tox-statusbar__path > * {
  1995 + margin-left: 4px;
  1996 +}
  1997 +.tox .tox-throbber {
  1998 + z-index: 1400;
  1999 +}
  2000 +.tox .tox-throbber__busy-spinner {
  2001 + align-items: center;
  2002 + background-color: rgba(255, 255, 255, 0.6);
  2003 + bottom: 0;
  2004 + display: flex;
  2005 + justify-content: center;
  2006 + left: 0;
  2007 + position: absolute;
  2008 + right: 0;
  2009 + top: 0;
  2010 +}
  2011 +.tox .tox-tbtn {
  2012 + align-items: center;
  2013 + background: none;
  2014 + border: 0;
  2015 + border-radius: 3px;
  2016 + box-shadow: none;
  2017 + color: #222f3e;
  2018 + display: flex;
  2019 + flex: 0 0 auto;
  2020 + font-size: 14px;
  2021 + font-style: normal;
  2022 + font-weight: normal;
  2023 + height: 34px;
  2024 + justify-content: center;
  2025 + margin: 2px 0 3px 0;
  2026 + outline: none;
  2027 + overflow: hidden;
  2028 + padding: 0;
  2029 + text-transform: normal;
  2030 + width: 34px;
  2031 +}
  2032 +.tox .tox-tbtn svg {
  2033 + display: block;
  2034 + fill: #222f3e;
  2035 +}
  2036 +.tox .tox-tbtn.tox-tbtn-more {
  2037 + padding-left: 5px;
  2038 + padding-right: 5px;
  2039 + width: inherit;
  2040 +}
  2041 +.tox .tox-tbtn--enabled {
  2042 + background: #c8cbcf;
  2043 + box-shadow: none;
  2044 + color: #222f3e;
  2045 +}
  2046 +.tox .tox-tbtn--enabled > * {
  2047 + transform: none;
  2048 +}
  2049 +.tox .tox-tbtn--enabled svg {
  2050 + fill: #222f3e;
  2051 +}
  2052 +.tox .tox-tbtn:hover {
  2053 + background: #dee0e2;
  2054 + box-shadow: none;
  2055 + color: #222f3e;
  2056 +}
  2057 +.tox .tox-tbtn:hover svg {
  2058 + fill: #222f3e;
  2059 +}
  2060 +.tox .tox-tbtn:focus {
  2061 + background: #dee0e2;
  2062 + box-shadow: none;
  2063 + color: #222f3e;
  2064 +}
  2065 +.tox .tox-tbtn:focus svg {
  2066 + fill: #222f3e;
  2067 +}
  2068 +.tox .tox-tbtn:active {
  2069 + background: #c8cbcf;
  2070 + box-shadow: none;
  2071 + color: #222f3e;
  2072 +}
  2073 +.tox .tox-tbtn:active svg {
  2074 + fill: #222f3e;
  2075 +}
  2076 +.tox .tox-tbtn--disabled,
  2077 +.tox .tox-tbtn--disabled:hover,
  2078 +.tox .tox-tbtn:disabled,
  2079 +.tox .tox-tbtn:disabled:hover {
  2080 + background: none;
  2081 + box-shadow: none;
  2082 + color: rgba(34, 47, 62, 0.5);
  2083 + cursor: not-allowed;
  2084 +}
  2085 +.tox .tox-tbtn--disabled svg,
  2086 +.tox .tox-tbtn--disabled:hover svg,
  2087 +.tox .tox-tbtn:disabled svg,
  2088 +.tox .tox-tbtn:disabled:hover svg {
  2089 + /* stylelint-disable-line no-descending-specificity */
  2090 + fill: rgba(34, 47, 62, 0.5);
  2091 +}
  2092 +.tox .tox-tbtn:active > * {
  2093 + transform: none;
  2094 +}
  2095 +.tox .tox-tbtn--md {
  2096 + height: 51px;
  2097 + width: 51px;
  2098 +}
  2099 +.tox .tox-tbtn--lg {
  2100 + flex-direction: column;
  2101 + height: 68px;
  2102 + width: 68px;
  2103 +}
  2104 +.tox .tox-tbtn--return {
  2105 + align-self: stretch;
  2106 + height: unset;
  2107 + width: 16px;
  2108 +}
  2109 +.tox .tox-tbtn--labeled {
  2110 + padding: 0 4px;
  2111 + width: unset;
  2112 +}
  2113 +.tox .tox-tbtn__vlabel {
  2114 + display: block;
  2115 + font-size: 10px;
  2116 + font-weight: normal;
  2117 + letter-spacing: -0.025em;
  2118 + margin-bottom: 4px;
  2119 + white-space: nowrap;
  2120 +}
  2121 +.tox .tox-tbtn--select {
  2122 + margin: 2px 0 3px 0;
  2123 + padding: 0 4px;
  2124 + width: auto;
  2125 +}
  2126 +.tox .tox-tbtn__select-label {
  2127 + cursor: default;
  2128 + font-weight: normal;
  2129 + margin: 0 4px;
  2130 +}
  2131 +.tox .tox-tbtn__select-chevron {
  2132 + align-items: center;
  2133 + display: flex;
  2134 + justify-content: center;
  2135 + width: 16px;
  2136 +}
  2137 +.tox .tox-tbtn__select-chevron svg {
  2138 + fill: rgba(34, 47, 62, 0.7);
  2139 +}
  2140 +.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
  2141 + overflow: hidden;
  2142 + text-overflow: ellipsis;
  2143 + white-space: nowrap;
  2144 + width: 7em;
  2145 +}
  2146 +.tox .tox-split-button {
  2147 + border: 0;
  2148 + border-radius: 3px;
  2149 + box-sizing: border-box;
  2150 + display: flex;
  2151 + margin: 2px 0 3px 0;
  2152 + overflow: hidden;
  2153 +}
  2154 +.tox .tox-split-button:hover {
  2155 + box-shadow: 0 0 0 1px #dee0e2 inset;
  2156 +}
  2157 +.tox .tox-split-button:focus {
  2158 + background: #dee0e2;
  2159 + box-shadow: none;
  2160 + color: #222f3e;
  2161 +}
  2162 +.tox .tox-split-button > * {
  2163 + border-radius: 0;
  2164 +}
  2165 +.tox .tox-split-button__chevron {
  2166 + width: 16px;
  2167 +}
  2168 +.tox .tox-split-button__chevron svg {
  2169 + fill: rgba(34, 47, 62, 0.7);
  2170 +}
  2171 +.tox .tox-pop .tox-split-button__chevron svg {
  2172 + transform: rotate(-90deg);
  2173 +}
  2174 +.tox .tox-split-button .tox-tbtn {
  2175 + margin: 0;
  2176 +}
  2177 +.tox .tox-split-button.tox-tbtn--disabled:hover,
  2178 +.tox .tox-split-button.tox-tbtn--disabled:focus,
  2179 +.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
  2180 +.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
  2181 + background: none;
  2182 + box-shadow: none;
  2183 + color: rgba(34, 47, 62, 0.5);
  2184 +}
  2185 +.tox .tox-toolbar,
  2186 +.tox .tox-toolbar__primary,
  2187 +.tox .tox-toolbar__overflow {
  2188 + background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
  2189 + background-color: #fff;
  2190 + border-top: 1px solid #cccccc;
  2191 + display: flex;
  2192 + flex: 0 0 auto;
  2193 + flex-shrink: 0;
  2194 + flex-wrap: wrap;
  2195 + margin-bottom: -1px;
  2196 + padding: 0 0;
  2197 +}
  2198 +.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
  2199 + height: 0;
  2200 + opacity: 0;
  2201 + visibility: hidden;
  2202 +}
  2203 +.tox .tox-toolbar__overflow--growing {
  2204 + transition: height 0.3s ease, opacity 0.2s linear 0.1s;
  2205 +}
  2206 +.tox .tox-toolbar__overflow--shrinking {
  2207 + transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
  2208 +}
  2209 +.tox .tox-pop .tox-toolbar {
  2210 + border-width: 0;
  2211 +}
  2212 +.tox .tox-toolbar--no-divider {
  2213 + background-image: none;
  2214 +}
  2215 +.tox.tox-tinymce-aux .tox-toolbar__overflow {
  2216 + background-color: #fff;
  2217 + border: 1px solid #cccccc;
  2218 + border-radius: 3px;
  2219 + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  2220 +}
  2221 +.tox.tox-tinymce-aux:not([dir=rtl]) .tox-toolbar__overflow {
  2222 + margin-left: 4px;
  2223 +}
  2224 +.tox[dir=rtl] .tox-tbtn__icon-rtl svg {
  2225 + transform: rotateY(180deg);
  2226 +}
  2227 +.tox[dir=rtl].tox-tinymce-aux .tox-toolbar__overflow {
  2228 + margin-right: 4px;
  2229 +}
  2230 +.tox .tox-toolbar__group {
  2231 + align-items: center;
  2232 + display: flex;
  2233 + flex-wrap: wrap;
  2234 + margin: 0 0;
  2235 + padding: 0 4px;
  2236 +}
  2237 +.tox .tox-toolbar__group--pull-right {
  2238 + margin-left: auto;
  2239 +}
  2240 +.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  2241 + border-right: 1px solid #cccccc;
  2242 +}
  2243 +.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
  2244 + border-left: 1px solid #cccccc;
  2245 +}
  2246 +.tox .tox-tooltip {
  2247 + display: inline-block;
  2248 + padding: 8px;
  2249 + position: relative;
  2250 +}
  2251 +.tox .tox-tooltip__body {
  2252 + background-color: #222f3e;
  2253 + border-radius: 3px;
  2254 + box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
  2255 + color: rgba(255, 255, 255, 0.75);
  2256 + font-size: 14px;
  2257 + font-style: normal;
  2258 + font-weight: normal;
  2259 + padding: 4px 8px;
  2260 + text-transform: normal;
  2261 +}
  2262 +.tox .tox-tooltip__arrow {
  2263 + position: absolute;
  2264 +}
  2265 +.tox .tox-tooltip--down .tox-tooltip__arrow {
  2266 + border-left: 8px solid transparent;
  2267 + border-right: 8px solid transparent;
  2268 + border-top: 8px solid #222f3e;
  2269 + bottom: 0;
  2270 + left: 50%;
  2271 + position: absolute;
  2272 + transform: translateX(-50%);
  2273 +}
  2274 +.tox .tox-tooltip--up .tox-tooltip__arrow {
  2275 + border-bottom: 8px solid #222f3e;
  2276 + border-left: 8px solid transparent;
  2277 + border-right: 8px solid transparent;
  2278 + left: 50%;
  2279 + position: absolute;
  2280 + top: 0;
  2281 + transform: translateX(-50%);
  2282 +}
  2283 +.tox .tox-tooltip--right .tox-tooltip__arrow {
  2284 + border-bottom: 8px solid transparent;
  2285 + border-left: 8px solid #222f3e;
  2286 + border-top: 8px solid transparent;
  2287 + position: absolute;
  2288 + right: 0;
  2289 + top: 50%;
  2290 + transform: translateY(-50%);
  2291 +}
  2292 +.tox .tox-tooltip--left .tox-tooltip__arrow {
  2293 + border-bottom: 8px solid transparent;
  2294 + border-right: 8px solid #222f3e;
  2295 + border-top: 8px solid transparent;
  2296 + left: 0;
  2297 + position: absolute;
  2298 + top: 50%;
  2299 + transform: translateY(-50%);
  2300 +}
  2301 +.tox .tox-well {
  2302 + border: 1px solid #cccccc;
  2303 + border-radius: 3px;
  2304 + padding: 8px;
  2305 + width: 100%;
  2306 +}
  2307 +.tox .tox-well > *:first-child {
  2308 + margin-top: 0;
  2309 +}
  2310 +.tox .tox-well > *:last-child {
  2311 + margin-bottom: 0;
  2312 +}
  2313 +.tox .tox-well > *:only-child {
  2314 + margin: 0;
  2315 +}
  2316 +.tox .tox-custom-editor {
  2317 + border: 1px solid #cccccc;
  2318 + border-radius: 3px;
  2319 + display: flex;
  2320 + height: 525px;
  2321 +}
  2322 +/* stylelint-disable */
  2323 +.tox {
  2324 + /* stylelint-enable */
  2325 +}
  2326 +.tox .tox-dialog-loading::before {
  2327 + background-color: rgba(0, 0, 0, 0.5);
  2328 + content: "";
  2329 + height: 100%;
  2330 + position: absolute;
  2331 + width: 100%;
  2332 + z-index: 1000;
  2333 +}
  2334 +.tox .tox-tab {
  2335 + cursor: pointer;
  2336 +}
  2337 +.tox .tox-dialog__content-js {
  2338 + display: flex;
  2339 + flex: 1;
  2340 + -ms-flex-preferred-size: auto;
  2341 +}
  2342 +.tox .tox-dialog__body-content .tox-collection {
  2343 + display: flex;
  2344 + flex: 1;
  2345 + -ms-flex-preferred-size: auto;
  2346 +}
  2347 +.tox ul {
  2348 + display: block;
  2349 + list-style-type: disc;
  2350 + -webkit-margin-before: 1em;
  2351 + margin-block-start: 1em;
  2352 + -webkit-margin-after: 1em;
  2353 + margin-block-end: 1em;
  2354 + -webkit-margin-start: 0px;
  2355 + margin-inline-start: 0px;
  2356 + -webkit-margin-end: 0px;
  2357 + margin-inline-end: 0px;
  2358 + -webkit-padding-start: 40px;
  2359 + padding-inline-start: 40px;
  2360 +}
  2361 +.tox a {
  2362 + cursor: pointer;
  2363 + color: #2276d2;
  2364 +}
  2365 +.tox .tox-image-tools-edit-panel {
  2366 + height: 60px;
  2367 +}
  2368 +.tox .tox-image-tools__sidebar {
  2369 + height: 60px;
  2370 +}
... ...
public/resource/tinymce/skins/ui/oxide/skin.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.tox{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;color: #222f3e;text-decoration: none;text-shadow: none;text-transform: none;white-space: normal;vertical-align: initial;cursor: auto;box-sizing: content-box;-webkit-tap-highlight-color: transparent;}
  8 +
  9 +.tox :not(svg){font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;line-height: inherit;color: inherit;text-align: inherit;text-decoration: inherit;text-shadow: inherit;text-transform: inherit;white-space: inherit;vertical-align: inherit;cursor: inherit;box-sizing: inherit;direction: inherit;-webkit-tap-highlight-color: inherit;}
  10 +
  11 +.tox :not(svg){position: static;float: none;width: auto;height: auto;max-width: none;padding: 0;margin: 0;background: 0 0;border: 0;outline: 0;}
  12 +
  13 +.tox:not([dir=rtl]){text-align: left;direction: ltr;}
  14 +
  15 +.tox[dir=rtl]{text-align: right;direction: rtl;}
  16 +
  17 +.tox-tinymce{position: relative;display: flex;overflow: hidden;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;border: 1px solid #ccc;border-radius: 0;visibility: inherit !important;box-shadow: none;box-sizing: border-box;flex-direction: column;}
  18 +
  19 +.tox-editor-container{display: flex;flex: 1 1 auto;flex-direction: column;overflow: hidden;}
  20 +
  21 +.tox-editor-container>:first-child{border-top: none !important;}
  22 +
  23 +.tox-tinymce-aux{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
  24 +
  25 +.tox-tinymce :focus,.tox-tinymce-aux :focus{outline: 0;}
  26 +
  27 +button::-moz-focus-inner{border: 0;}
  28 +
  29 +.tox-silver-sink{z-index: 1300;}
  30 +
  31 +.tox .tox-anchorbar{display: flex;flex: 0 0 auto;}
  32 +
  33 +.tox .tox-bar{display: flex;flex: 0 0 auto;}
  34 +
  35 +.tox .tox-button{display: inline-block;padding: 4px 16px;margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 14px;font-weight: 700;line-height: 24px;letter-spacing: 1;color: #fff;text-align: center;text-decoration: none;text-transform: capitalize;white-space: nowrap;cursor: pointer;background-color: #207ab7;background-image: none;background-position: none;background-repeat: none;border-color: #207ab7;border-style: solid;border-width: 1px;border-radius: 3px;outline: 0;box-shadow: none;box-sizing: border-box;}
  36 +
  37 +.tox .tox-button[disabled]{color: rgba(255,255,255,.5);cursor: not-allowed;background-color: #207ab7;background-image: none;border-color: #207ab7;box-shadow: none;}
  38 +
  39 +.tox .tox-button:focus:not(:disabled){color: #fff;background-color: #1c6ca1;background-image: none;border-color: #1c6ca1;box-shadow: none;}
  40 +
  41 +.tox .tox-button:hover:not(:disabled){color: #fff;background-color: #1c6ca1;background-image: none;border-color: #1c6ca1;box-shadow: none;}
  42 +
  43 +.tox .tox-button:active:not(:disabled){color: #fff;background-color: #185d8c;background-image: none;border-color: #185d8c;box-shadow: none;}
  44 +
  45 +.tox .tox-button--secondary{padding: 4px 16px;color: #222f3e;text-decoration: none;text-transform: capitalize;background-color: #f0f0f0;background-image: none;background-position: none;background-repeat: none;border-color: #f0f0f0;border-style: solid;border-width: 1px;border-radius: 3px;outline: 0;box-shadow: none;}
  46 +
  47 +.tox .tox-button--secondary[disabled]{color: rgba(34,47,62,.5);background-color: #f0f0f0;background-image: none;border-color: #f0f0f0;box-shadow: none;}
  48 +
  49 +.tox .tox-button--secondary:focus:not(:disabled){color: #222f3e;background-color: #e3e3e3;background-image: none;border-color: #e3e3e3;box-shadow: none;}
  50 +
  51 +.tox .tox-button--secondary:hover:not(:disabled){color: #222f3e;background-color: #e3e3e3;background-image: none;border-color: #e3e3e3;box-shadow: none;}
  52 +
  53 +.tox .tox-button--secondary:active:not(:disabled){color: #222f3e;background-color: #d6d6d6;background-image: none;border-color: #d6d6d6;box-shadow: none;}
  54 +
  55 +.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding: 4px;}
  56 +
  57 +.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display: block;fill: currentColor;}
  58 +
  59 +.tox .tox-button-link{display: inline-block;padding: 0;margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 16px;font-weight: 400;line-height: 1.3;white-space: nowrap;cursor: pointer;background: 0;border: none;box-sizing: border-box;}
  60 +
  61 +.tox .tox-button-link--sm{font-size: 14px;}
  62 +
  63 +.tox .tox-button--naked{color: #222f3e;background-color: transparent;border-color: transparent;box-shadow: unset;}
  64 +
  65 +.tox .tox-button--naked:hover:not(:disabled){color: #222f3e;background-color: #e3e3e3;border-color: #e3e3e3;box-shadow: none;}
  66 +
  67 +.tox .tox-button--naked:focus:not(:disabled){color: #222f3e;background-color: #e3e3e3;border-color: #e3e3e3;box-shadow: none;}
  68 +
  69 +.tox .tox-button--naked:active:not(:disabled){color: #222f3e;background-color: #d6d6d6;border-color: #d6d6d6;box-shadow: none;}
  70 +
  71 +.tox .tox-button--naked .tox-icon svg{fill: currentColor;}
  72 +
  73 +.tox .tox-button--naked.tox-button--icon{color: currentColor;}
  74 +
  75 +.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color: #222f3e;}
  76 +
  77 +.tox .tox-checkbox{display: flex;height: 36px;min-width: 36px;cursor: pointer;border-radius: 3px;align-items: center;}
  78 +
  79 +.tox .tox-checkbox__input{position: absolute;top: auto;left: -10000px;width: 1px;height: 1px;overflow: hidden;}
  80 +
  81 +.tox .tox-checkbox__icons{width: 24px;height: 24px;padding: calc(4px - 1px);border-radius: 3px;box-shadow: 0 0 0 2px transparent;box-sizing: content-box;}
  82 +
  83 +.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display: block;fill: rgba(34,47,62,.3);}
  84 +
  85 +.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display: none;fill: #207ab7;}
  86 +
  87 +.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display: none;fill: #207ab7;}
  88 +
  89 +.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display: none;}
  90 +
  91 +.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display: block;}
  92 +
  93 +.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display: none;}
  94 +
  95 +.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display: block;}
  96 +
  97 +.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{padding: calc(4px - 1px);border-radius: 3px;box-shadow: inset 0 0 0 1px #207ab7;}
  98 +
  99 +.tox:not([dir=rtl]) .tox-checkbox__label{margin-left: 4px;}
  100 +
  101 +.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left: 4px;}
  102 +
  103 +.tox[dir=rtl] .tox-checkbox__label{margin-right: 4px;}
  104 +
  105 +.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right: 4px;}
  106 +
  107 +.tox .tox-collection--toolbar .tox-collection__group{display: flex;padding: 0;}
  108 +
  109 +.tox .tox-collection--grid .tox-collection__group{display: flex;max-height: 208px;padding: 0;overflow-x: hidden;overflow-y: auto;flex-wrap: wrap;}
  110 +
  111 +.tox .tox-collection--list .tox-collection__group{padding: 4px 0;border-color: #ccc;border-style: solid;border-top-width: 1px;border-right-width: 0;border-bottom-width: 0;border-left-width: 0;}
  112 +
  113 +.tox .tox-collection--list .tox-collection__group:first-child{border-top-width: 0;}
  114 +
  115 +.tox .tox-collection__group-heading{padding: 4px 8px;margin-top: -4px;margin-bottom: 4px;font-size: 12px;font-style: normal;font-weight: 400;color: rgba(34,47,62,.7);text-transform: none;cursor: default;background-color: #e6e6e6;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;}
  116 +
  117 +.tox .tox-collection__item{display: flex;color: #222f3e;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;align-items: center;-webkit-touch-callout: none;}
  118 +
  119 +.tox .tox-collection--list .tox-collection__item{padding: 4px 8px;}
  120 +
  121 +.tox .tox-collection--toolbar .tox-collection__item{padding: 4px;border-radius: 3px;}
  122 +
  123 +.tox .tox-collection--grid .tox-collection__item{padding: 4px;border-radius: 3px;}
  124 +
  125 +.tox .tox-collection--list .tox-collection__item--enabled{color: contrast(inherit,#222f3e,#fff);background-color: inherit;}
  126 +
  127 +.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){color: #222f3e;background-color: #dee0e2;}
  128 +
  129 +.tox .tox-collection--toolbar .tox-collection__item--enabled{color: #222f3e;background-color: #c8cbcf;}
  130 +
  131 +.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color: #222f3e;background-color: #dee0e2;}
  132 +
  133 +.tox .tox-collection--grid .tox-collection__item--enabled{color: #222f3e;background-color: #c8cbcf;}
  134 +
  135 +.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){color: #222f3e;background-color: #dee0e2;}
  136 +
  137 +.tox .tox-collection__item--state-disabled{color: rgba(34,47,62,.5);cursor: default;background-color: transparent;}
  138 +
  139 +.tox .tox-collection__item-icon{display: flex;width: 24px;height: 24px;align-items: center;justify-content: center;}
  140 +
  141 +.tox .tox-collection__item-icon svg{fill: currentColor;}
  142 +
  143 +.tox .tox-collection--toolbar-lg .tox-collection__item-icon{width: 48px;height: 48px;}
  144 +
  145 +.tox .tox-collection__item[role=menuitemcheckbox]:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display: none;}
  146 +
  147 +.tox .tox-collection__item-label{display: inline-block;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;color: currentColor;text-transform: none;word-break: break-all;flex: 1;-ms-flex-preferred-size: auto;}
  148 +
  149 +.tox .tox-collection__item-accessory{display: inline-block;height: 24px;font-size: 14px;line-height: 24px;color: rgba(34,47,62,.7);text-transform: normal;}
  150 +
  151 +.tox .tox-collection__item-caret{align-items: center;display: flex;min-height: 24px;}
  152 +
  153 +.tox .tox-collection__item-caret::after{min-height: inherit;font-size: 0;content: '';}
  154 +
  155 +.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left: 8px;}
  156 +
  157 +.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item-label:first-child{margin-left: 4px;}
  158 +
  159 +.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left: 16px;text-align: right;}
  160 +
  161 +.tox:not([dir=rtl]) .tox-collection__item-caret{margin-left: 16px;}
  162 +
  163 +.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right: 8px;}
  164 +
  165 +.tox[dir=rtl] .tox-collection--list .tox-collection__item-label:first-child{margin-right: 4px;}
  166 +
  167 +.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg{transform: rotateY(180deg);}
  168 +
  169 +.tox[dir=rtl] .tox-collection__item-accessory{margin-right: 16px;text-align: left;}
  170 +
  171 +.tox[dir=rtl] .tox-collection__item-caret{margin-right: 16px;transform: rotateY(180deg);}
  172 +
  173 +.tox .tox-color-picker-container{display: flex;flex-direction: row;height: 225px;margin: 0;}
  174 +
  175 +.tox .tox-sv-palette{display: flex;height: 100%;box-sizing: border-box;}
  176 +
  177 +.tox .tox-sv-palette-spectrum{height: 100%;}
  178 +
  179 +.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width: 225px;}
  180 +
  181 +.tox .tox-sv-palette-thumb{position: absolute;width: 12px;height: 12px;background: 0 0;border: 1px solid #000;border-radius: 50%;box-sizing: content-box;}
  182 +
  183 +.tox .tox-sv-palette-inner-thumb{position: absolute;width: 10px;height: 10px;border: 1px solid #fff;border-radius: 50%;}
  184 +
  185 +.tox .tox-hue-slider{width: 25px;height: 100%;box-sizing: border-box;}
  186 +
  187 +.tox .tox-hue-slider-spectrum{width: 100%;height: 100%;background: linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);}
  188 +
  189 +.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width: 20px;}
  190 +
  191 +.tox .tox-hue-slider-thumb{width: 100%;height: 4px;background: #fff;border: 1px solid #000;box-sizing: content-box;}
  192 +
  193 +.tox .tox-rgb-form{display: flex;flex-direction: column;justify-content: space-between;}
  194 +
  195 +.tox .tox-rgb-form div{display: flex;width: inherit;margin-bottom: 5px;align-items: center;justify-content: space-between;}
  196 +
  197 +.tox .tox-rgb-form input{width: 6em;}
  198 +
  199 +.tox .tox-rgb-form input.tox-invalid{border: 1px solid red !important;}
  200 +
  201 +.tox .tox-rgb-form .tox-rgba-preview{margin-bottom: 0;border: 1px solid #000;flex-grow: 2;}
  202 +
  203 +.tox:not([dir=rtl]) .tox-sv-palette{margin-right: 15px;}
  204 +
  205 +.tox:not([dir=rtl]) .tox-hue-slider{margin-right: 15px;}
  206 +
  207 +.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left: -1px;}
  208 +
  209 +.tox:not([dir=rtl]) .tox-rgb-form label{margin-right: .5em;}
  210 +
  211 +.tox[dir=rtl] .tox-sv-palette{margin-left: 15px;}
  212 +
  213 +.tox[dir=rtl] .tox-hue-slider{margin-left: 15px;}
  214 +
  215 +.tox[dir=rtl] .tox-hue-slider-thumb{margin-right: -1px;}
  216 +
  217 +.tox[dir=rtl] .tox-rgb-form label{margin-left: .5em;}
  218 +
  219 +.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin: 2px 0 3px 4px;}
  220 +
  221 +.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{margin: -4px 0;border: 0;}
  222 +
  223 +.tox .tox-swatches__row{display: flex;}
  224 +
  225 +.tox .tox-swatch{width: 30px;height: 30px;transition: transform .15s,box-shadow .15s;}
  226 +
  227 +.tox .tox-swatch:focus,.tox .tox-swatch:hover{transform: scale(.8);box-shadow: 0 0 0 1px rgba(127,127,127,.3) inset;}
  228 +
  229 +.tox .tox-swatch--remove{align-items: center;display: flex;justify-content: center;}
  230 +
  231 +.tox .tox-swatch--remove svg path{stroke: #e74c3c;}
  232 +
  233 +.tox .tox-swatches__picker-btn{display: flex;width: 30px;height: 30px;padding: 0;cursor: pointer;background-color: transparent;border: 0;outline: 0;align-items: center;justify-content: center;}
  234 +
  235 +.tox .tox-swatches__picker-btn svg{width: 24px;height: 24px;}
  236 +
  237 +.tox .tox-swatches__picker-btn:hover{background: #dee0e2;}
  238 +
  239 +.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left: auto;}
  240 +
  241 +.tox[dir=rtl] .tox-swatches__picker-btn{margin-right: auto;}
  242 +
  243 +.tox .tox-comment-thread{position: relative;background: #fff;}
  244 +
  245 +.tox .tox-comment-thread>:not(:first-child){margin-top: 8px;}
  246 +
  247 +.tox .tox-comment{position: relative;padding: 8px 8px 16px 8px;background: #fff;border: 1px solid #ccc;border-radius: 3px;box-shadow: 0 4px 8px 0 rgba(34,47,62,.1);}
  248 +
  249 +.tox .tox-comment__header{display: flex;color: #222f3e;align-items: center;justify-content: space-between;}
  250 +
  251 +.tox .tox-comment__date{font-size: 12px;color: rgba(34,47,62,.7);}
  252 +
  253 +.tox .tox-comment__body{position: relative;margin-top: 8px;font-size: 14px;font-style: normal;font-weight: 400;line-height: 1.3;color: #222f3e;text-transform: initial;}
  254 +
  255 +.tox .tox-comment__body textarea{width: 100%;white-space: normal;resize: none;}
  256 +
  257 +.tox .tox-comment__expander{padding-top: 8px;}
  258 +
  259 +.tox .tox-comment__expander p{font-size: 14px;font-style: normal;color: rgba(34,47,62,.7);}
  260 +
  261 +.tox .tox-comment__body p{margin: 0;}
  262 +
  263 +.tox .tox-comment__buttonspacing{padding-top: 16px;text-align: center;}
  264 +
  265 +.tox .tox-comment-thread__overlay::after{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 5;display: flex;background: #fff;content: "";opacity: .9;}
  266 +
  267 +.tox .tox-comment__reply{display: flex;flex-shrink: 0;flex-wrap: wrap;justify-content: flex-end;margin-top: 8px;}
  268 +
  269 +.tox .tox-comment__reply>:first-child{width: 100%;margin-bottom: 8px;}
  270 +
  271 +.tox .tox-comment__edit{display: flex;flex-wrap: wrap;justify-content: flex-end;margin-top: 16px;}
  272 +
  273 +.tox .tox-comment__gradient::after{position: absolute;bottom: 0;display: block;width: 100%;height: 5em;margin-top: -40px;background: linear-gradient(rgba(255,255,255,0),#fff);content: "";}
  274 +
  275 +.tox .tox-comment__overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 5;display: flex;text-align: center;background: #fff;opacity: .9;flex-direction: column;flex-grow: 1;}
  276 +
  277 +.tox .tox-comment__loading-text{position: relative;display: flex;color: #222f3e;align-items: center;flex-direction: column;}
  278 +
  279 +.tox .tox-comment__loading-text>div{padding-bottom: 16px;}
  280 +
  281 +.tox .tox-comment__overlaytext{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;padding: 1em;font-size: 14px;flex-direction: column;}
  282 +
  283 +.tox .tox-comment__overlaytext p{color: #222f3e;text-align: center;background-color: #fff;box-shadow: 0 0 8px 8px #fff;}
  284 +
  285 +.tox .tox-comment__overlaytext div:nth-of-type(2){font-size: .8em;}
  286 +
  287 +.tox .tox-comment__busy-spinner{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1103;display: flex;background-color: #fff;align-items: center;justify-content: center;}
  288 +
  289 +.tox .tox-comment__scroll{display: flex;flex-direction: column;flex-shrink: 1;overflow: auto;}
  290 +
  291 +.tox .tox-conversations{margin: 8px;}
  292 +
  293 +.tox:not([dir=rtl]) .tox-comment__edit{margin-left: 8px;}
  294 +
  295 +.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left: 8px;}
  296 +
  297 +.tox[dir=rtl] .tox-comment__edit{margin-right: 8px;}
  298 +
  299 +.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right: 8px;}
  300 +
  301 +.tox .tox-user{align-items: center;display: flex;}
  302 +
  303 +.tox .tox-user__avatar svg{fill: rgba(34,47,62,.7);}
  304 +
  305 +.tox .tox-user__name{font-size: 12px;font-style: normal;font-weight: 700;color: rgba(34,47,62,.7);text-transform: uppercase;}
  306 +
  307 +.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right: 8px;}
  308 +
  309 +.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left: 8px;}
  310 +
  311 +.tox[dir=rtl] .tox-user__avatar svg{margin-left: 8px;}
  312 +
  313 +.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right: 8px;}
  314 +
  315 +.tox .tox-dialog-wrap{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1100;display: flex;align-items: center;justify-content: center;}
  316 +
  317 +.tox .tox-dialog-wrap__backdrop{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1101;background-color: rgba(255,255,255,.75);}
  318 +
  319 +.tox .tox-dialog{position: relative;z-index: 1102;display: flex;width: 95vw;max-width: 480px;max-height: 100%;overflow: hidden;background-color: #fff;border-color: #ccc;border-style: solid;border-width: 1px;border-radius: 3px;box-shadow: 0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);flex-direction: column;}
  320 +
  321 +.tox .tox-dialog__header{position: relative;display: flex;padding: 8px 16px 0 16px;margin-bottom: 16px;font-size: 16px;color: #222f3e;background-color: #fff;border-bottom: none;align-items: center;justify-content: space-between;}
  322 +
  323 +.tox .tox-dialog__header .tox-button{z-index: 1;}
  324 +
  325 +.tox .tox-dialog__draghandle{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: grab;}
  326 +
  327 +.tox .tox-dialog__draghandle:active{cursor: grabbing;}
  328 +
  329 +.tox .tox-dialog__dismiss{margin-left: auto;}
  330 +
  331 +.tox .tox-dialog__title{margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 20px;font-style: normal;font-weight: 400;line-height: 1.3;text-transform: normal;}
  332 +
  333 +.tox .tox-dialog__body{display: flex;min-width: 0;padding: 0 16px;font-size: 16px;font-style: normal;font-weight: 400;line-height: 1.3;color: #222f3e;text-align: left;text-transform: normal;flex: 1;-ms-flex-preferred-size: auto;}
  334 +
  335 +.tox .tox-dialog__body-nav{align-items: flex-start;display: flex;flex-direction: column;}
  336 +
  337 +.tox .tox-dialog__body-nav-item{display: inline-block;margin-bottom: 8px;font-size: 14px;line-height: 1.3;color: rgba(34,47,62,.7);text-decoration: none;border-bottom: 2px solid transparent;}
  338 +
  339 +.tox .tox-dialog__body-nav-item--active{color: #207ab7;border-bottom: 2px solid #207ab7;}
  340 +
  341 +.tox .tox-dialog__body-content{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;max-height: 650px;overflow: auto;}
  342 +
  343 +.tox .tox-dialog__body-content>*{margin-top: 16px;margin-bottom: 0;}
  344 +
  345 +.tox .tox-dialog__body-content>:first-child{margin-top: 0;}
  346 +
  347 +.tox .tox-dialog__body-content>:last-child{margin-bottom: 0;}
  348 +
  349 +.tox .tox-dialog__body-content>:only-child{margin-top: 0;margin-bottom: 0;}
  350 +
  351 +.tox .tox-dialog--width-lg{height: 650px;max-width: 1200px;}
  352 +
  353 +.tox .tox-dialog--width-md{max-width: 800px;}
  354 +
  355 +.tox .tox-dialog--width-md .tox-dialog__body-content{overflow: auto;}
  356 +
  357 +.tox .tox-dialog__body-content--centered{text-align: center;}
  358 +
  359 +.tox .tox-dialog__body-content--spacious{margin-bottom: 16px;}
  360 +
  361 +.tox .tox-dialog__footer{display: flex;padding: 8px 16px;margin-top: 16px;background-color: #fff;border-top: 1px solid #ccc;align-items: center;justify-content: space-between;}
  362 +
  363 +.tox .tox-dialog__busy-spinner{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1103;display: flex;background-color: rgba(255,255,255,.75);align-items: center;justify-content: center;}
  364 +
  365 +.tox .tox-dialog__table{width: 100%;border-collapse: collapse;}
  366 +
  367 +.tox .tox-dialog__table thead th{padding-bottom: 8px;font-weight: 700;}
  368 +
  369 +.tox .tox-dialog__table tbody tr{border-bottom: 1px solid #ccc;}
  370 +
  371 +.tox .tox-dialog__table tbody tr:last-child{border-bottom: none;}
  372 +
  373 +.tox .tox-dialog__table td{padding-top: 8px;padding-bottom: 8px;}
  374 +
  375 +.tox .tox-dialog__popups{position: absolute;z-index: 1100;width: 100%;}
  376 +
  377 +.tox .tox-dialog__body-iframe{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;}
  378 +
  379 +.tox .tox-dialog__body-iframe .tox-navobj{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  380 +
  381 +.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex: 1;-ms-flex-preferred-size: auto;height: 100%;}
  382 +
  383 +body.tox-dialog__disable-scroll{overflow: hidden;}
  384 +
  385 +.tox.tox-platform-ie .tox-dialog-wrap{position: -ms-device-fixed;}
  386 +
  387 +.tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right: 32px;}
  388 +
  389 +.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left: 8px;}
  390 +
  391 +.tox[dir=rtl] .tox-dialog__body{text-align: right;}
  392 +
  393 +.tox[dir=rtl] .tox-dialog__body-nav{margin-left: 32px;}
  394 +
  395 +.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right: 8px;}
  396 +
  397 +.tox .tox-dropzone-container{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  398 +
  399 +.tox .tox-dropzone{display: flex;min-height: 100px;padding: 10px;background: #fff;border: 2px dashed #ccc;box-sizing: border-box;align-items: center;flex-direction: column;flex-grow: 1;justify-content: center;}
  400 +
  401 +.tox .tox-dropzone p{margin: 0 0 16px 0;color: rgba(34,47,62,.7);}
  402 +
  403 +.tox .tox-edit-area{position: relative;display: flex;overflow: hidden;border-top: 1px solid #ccc;flex: 1;-ms-flex-preferred-size: auto;}
  404 +
  405 +.tox .tox-edit-area__iframe{position: absolute;width: 100%;height: 100%;background-color: #fff;border: 0;box-sizing: border-box;flex: 1;-ms-flex-preferred-size: auto;}
  406 +
  407 +.tox.tox-inline-edit-area{border: 1px dotted #ccc;}
  408 +
  409 +.tox .tox-control-wrap{flex: 1;position: relative;}
  410 +
  411 +.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display: none;}
  412 +
  413 +.tox .tox-control-wrap svg{display: block;}
  414 +
  415 +.tox .tox-control-wrap__status-icon-wrap{position: absolute;top: 50%;transform: translateY(-50%);}
  416 +
  417 +.tox .tox-control-wrap__status-icon-invalid svg{fill: #c00;}
  418 +
  419 +.tox .tox-control-wrap__status-icon-unknown svg{fill: orange;}
  420 +
  421 +.tox .tox-control-wrap__status-icon-valid svg{fill: green;}
  422 +
  423 +.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right: 32px;}
  424 +
  425 +.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right: 4px;}
  426 +
  427 +.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left: 32px;}
  428 +
  429 +.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left: 4px;}
  430 +
  431 +.tox .tox-autocompleter{max-width: 25em;}
  432 +
  433 +.tox .tox-autocompleter .tox-menu{max-width: 25em;}
  434 +
  435 +.tox .tox-color-input{display: flex;}
  436 +
  437 +.tox .tox-color-input .tox-textfield{display: flex;border-radius: 3px 0 0 3px;}
  438 +
  439 +.tox .tox-color-input span{display: flex;width: 35px;cursor: pointer;border-color: rgba(34,47,62,.2);border-style: solid;border-width: 1px 1px 1px 0;border-radius: 0 3px 3px 0;box-shadow: none;box-sizing: border-box;}
  440 +
  441 +.tox .tox-color-input span:focus{border-color: #207ab7;}
  442 +
  443 +.tox[dir=rtl] .tox-color-input .tox-textfield{border-radius: 0 3px 3px 0;}
  444 +
  445 +.tox[dir=rtl] .tox-color-input span{border-width: 1px 0 1px 1px;border-radius: 3px 0 0 3px;}
  446 +
  447 +.tox .tox-label,.tox .tox-toolbar-label{display: block;padding: 0 8px 0 0;font-size: 14px;font-style: normal;font-weight: 400;line-height: 1.3;color: rgba(34,47,62,.7);text-transform: normal;white-space: nowrap;}
  448 +
  449 +.tox .tox-toolbar-label{padding: 0 8px;}
  450 +
  451 +.tox[dir=rtl] .tox-label{padding: 0 0 0 8px;}
  452 +
  453 +.tox .tox-form{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;}
  454 +
  455 +.tox .tox-form__group{margin-bottom: 4px;box-sizing: border-box;}
  456 +
  457 +.tox .tox-form__group--error{color: #c00;}
  458 +
  459 +.tox .tox-form__group--collection{display: flex;}
  460 +
  461 +.tox .tox-form__grid{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
  462 +
  463 +.tox .tox-form__grid--2col>.tox-form__group{width: calc(50% - (8px / 2));}
  464 +
  465 +.tox .tox-form__grid--3col>.tox-form__group{width: calc(100% / 3 - (8px / 2));}
  466 +
  467 +.tox .tox-form__grid--4col>.tox-form__group{width: calc(25% - (8px / 2));}
  468 +
  469 +.tox .tox-form__controls-h-stack{align-items: center;display: flex;}
  470 +
  471 +.tox .tox-form__group--inline{align-items: center;display: flex;}
  472 +
  473 +.tox .tox-form__group--stretched{display: flex;flex: 1;flex-direction: column;-ms-flex-preferred-size: auto;}
  474 +
  475 +.tox .tox-form__group--stretched .tox-textarea{flex: 1;-ms-flex-preferred-size: auto;}
  476 +
  477 +.tox .tox-form__group--stretched .tox-navobj{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  478 +
  479 +.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex: 1;-ms-flex-preferred-size: auto;height: 100%;}
  480 +
  481 +.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left: 4px;}
  482 +
  483 +.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right: 4px;}
  484 +
  485 +.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display: none;}
  486 +
  487 +.tox .tox-textarea,.tox .tox-textfield,.tox .tox-toolbar-textfield,.tox:not([dir=rtl]) .tox-selectfield select,.tox[dir=rtl] .tox-selectfield select{width: 100%;padding: 5px 4.75px;margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 16px;line-height: 24px;color: #222f3e;background-color: #fff;border-color: #ccc;border-style: solid;border-width: 1px;border-radius: 3px;outline: 0;box-shadow: none;box-sizing: border-box;resize: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
  488 +
  489 +.tox .tox-selectfield select:focus,.tox .tox-textarea:focus,.tox .tox-textfield:focus{border-color: #207ab7;outline: 0;box-shadow: none;}
  490 +
  491 +.tox .tox-toolbar-textfield{max-width: 250px;margin-top: 2px;margin-bottom: 3px;border-width: 0;}
  492 +
  493 +.tox .tox-naked-btn{display: block;padding: 0;margin: 0;color: #207ab7;cursor: pointer;background-color: transparent;border: 0;border-color: transparent;box-shadow: unset;}
  494 +
  495 +.tox .tox-naked-btn svg{display: block;fill: #222f3e;}
  496 +
  497 +.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left: 4px;}
  498 +
  499 +.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right: 4px;}
  500 +
  501 +.tox .tox-selectfield{position: relative;cursor: pointer;}
  502 +
  503 +.tox .tox-selectfield select::-ms-expand{display: none;}
  504 +
  505 +.tox .tox-selectfield svg{position: absolute;top: 50%;pointer-events: none;transform: translateY(-50%);}
  506 +
  507 +.tox:not([dir=rtl]) .tox-selectfield select{padding-right: 24px;}
  508 +
  509 +.tox:not([dir=rtl]) .tox-selectfield svg{right: 8px;}
  510 +
  511 +.tox[dir=rtl] .tox-selectfield select{padding-left: 24px;}
  512 +
  513 +.tox[dir=rtl] .tox-selectfield svg{left: 8px;}
  514 +
  515 +.tox .tox-textarea{white-space: pre-wrap;-webkit-appearance: textarea;-moz-appearance: textarea;appearance: textarea;}
  516 +
  517 +.tox-fullscreen{position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding: 0;margin: 0;overflow: hidden;border: 0;}
  518 +
  519 +.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display: none;}
  520 +
  521 +.tox-fullscreen .tox.tox-tinymce.tox-fullscreen{z-index: 1200;}
  522 +
  523 +.tox-fullscreen .tox.tox-tinymce-aux{z-index: 1201;}
  524 +
  525 +.tox .tox-image-tools{width: 100%;}
  526 +
  527 +.tox .tox-image-tools__toolbar{align-items: center;display: flex;justify-content: center;}
  528 +
  529 +.tox .tox-image-tools__image{position: relative;width: 100%;height: 380px;overflow: auto;background-color: #666;}
  530 +
  531 +.tox .tox-image-tools__image,.tox .tox-image-tools__image+.tox-image-tools__toolbar{margin-top: 8px;}
  532 +
  533 +.tox .tox-image-tools__image-bg{background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);}
  534 +
  535 +.tox .tox-image-tools__toolbar>.tox-spacer{flex: 1;-ms-flex-preferred-size: auto;}
  536 +
  537 +.tox .tox-croprect-block{position: absolute;background: #000;opacity: .5;zoom: 1;}
  538 +
  539 +.tox .tox-croprect-handle{position: absolute;top: 0;left: 0;width: 20px;height: 20px;border: 2px solid #fff;}
  540 +
  541 +.tox .tox-croprect-handle-move{position: absolute;cursor: move;border: 0;}
  542 +
  543 +.tox .tox-croprect-handle-nw{top: 100px;left: 100px;margin: -2px 0 0 -2px;cursor: nw-resize;border-width: 2px 0 0 2px;}
  544 +
  545 +.tox .tox-croprect-handle-ne{top: 100px;left: 200px;margin: -2px 0 0 -20px;cursor: ne-resize;border-width: 2px 2px 0 0;}
  546 +
  547 +.tox .tox-croprect-handle-sw{top: 200px;left: 100px;margin: -20px 2px 0 -2px;cursor: sw-resize;border-width: 0 0 2px 2px;}
  548 +
  549 +.tox .tox-croprect-handle-se{top: 200px;left: 200px;margin: -20px 0 0 -20px;cursor: se-resize;border-width: 0 2px 2px 0;}
  550 +
  551 +.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-left: 8px;}
  552 +
  553 +.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-left: 32px;}
  554 +
  555 +.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-left: 32px;}
  556 +
  557 +.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-right: 8px;}
  558 +
  559 +.tox[dir=rtl] .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-right: 32px;}
  560 +
  561 +.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-right: 32px;}
  562 +
  563 +.tox .tox-insert-table-picker{display: flex;flex-wrap: wrap;width: 169px;}
  564 +
  565 +.tox .tox-insert-table-picker>div{width: 16px;height: 16px;border-color: #ccc;border-style: solid;border-width: 0 1px 1px 0;box-sizing: content-box;}
  566 +
  567 +.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin: -4px 0;}
  568 +
  569 +.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color: rgba(32,122,183,.5);border-color: rgba(32,122,183,.5);}
  570 +
  571 +.tox .tox-insert-table-picker__label{display: block;width: 100%;padding: 4px;font-size: 14px;color: rgba(34,47,62,.7);text-align: center;}
  572 +
  573 +.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right: 0;}
  574 +
  575 +.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right: 0;}
  576 +
  577 +.tox .tox-menu{z-index: 1;display: inline-block;overflow: hidden;vertical-align: top;background-color: #fff;border: 1px solid #ccc;border-radius: 3px;box-shadow: 0 4px 8px 0 rgba(34,47,62,.1);}
  578 +
  579 +.tox .tox-menu.tox-collection.tox-collection--list{padding: 0;}
  580 +
  581 +.tox .tox-menu.tox-collection.tox-collection--toolbar{padding: 4px;}
  582 +
  583 +.tox .tox-menu.tox-collection.tox-collection--grid{padding: 4px;}
  584 +
  585 +.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin: 0;}
  586 +
  587 +.tox .tox-menubar{display: flex;padding: 0 4px;margin-bottom: -1px;background: url("data:image/svg+xml;charset=utf8,%3Csvg height='43px' viewBox='0 0 40 43px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='42px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color: #fff;flex: 0 0 auto;flex-shrink: 0;flex-wrap: wrap;}
  588 +
  589 +.tox .tox-mbtn{display: flex;width: auto;height: 34px;padding: 0 4px;margin: 2px 0 3px 0;overflow: hidden;font-size: 14px;font-style: normal;font-weight: 400;color: #222f3e;text-transform: normal;background: 0 0;border: 0;border-radius: 3px;outline: 0;box-shadow: none;align-items: center;flex: 0 0 auto;justify-content: center;}
  590 +
  591 +.tox .tox-mbtn[disabled]{color: rgba(34,47,62,.5);cursor: not-allowed;background-color: none;border-color: none;box-shadow: none;}
  592 +
  593 +.tox .tox-mbtn:hover:not(:disabled){color: #222f3e;background: #dee0e2;box-shadow: none;}
  594 +
  595 +.tox .tox-mbtn:focus:not(:disabled){color: #222f3e;background: #dee0e2;box-shadow: none;}
  596 +
  597 +.tox .tox-mbtn--active{color: #222f3e;background: #c8cbcf;box-shadow: none;}
  598 +
  599 +.tox .tox-mbtn__select-label{margin: 0 4px;font-weight: 400;cursor: default;}
  600 +
  601 +.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor: not-allowed;}
  602 +
  603 +.tox .tox-mbtn__select-chevron{display: flex;display: none;width: 16px;align-items: center;justify-content: center;}
  604 +
  605 +.tox .tox-notification{display: grid;padding: 5px;margin-top: 5px;background-color: #fffaea;border-color: #ffe89d;border-style: solid;border-width: 1px;opacity: 0;box-sizing: border-box;transition: transform .1s ease-in,opacity 150ms ease-in;grid-template-columns: minmax(40px,1fr) auto minmax(40px,1fr);}
  606 +
  607 +.tox .tox-notification--in{opacity: 1;}
  608 +
  609 +.tox .tox-notification--success{background-color: #dff0d8;border-color: #d6e9c6;}
  610 +
  611 +.tox .tox-notification--error{background-color: #f2dede;border-color: #ebccd1;}
  612 +
  613 +.tox .tox-notification--warn{background-color: #fcf8e3;border-color: #faebcc;}
  614 +
  615 +.tox .tox-notification--info{background-color: #d9edf7;border-color: #779ecb;}
  616 +
  617 +.tox .tox-notification__body{font-size: 14px;color: #222f3e;text-align: center;word-break: break-all;word-break: break-word;white-space: normal;align-self: center;grid-column-end: 3;-ms-grid-column-span: 1;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;}
  618 +
  619 +.tox .tox-notification__body>*{margin: 0;}
  620 +
  621 +.tox .tox-notification__body>*+*{margin-top: 1rem;}
  622 +
  623 +.tox .tox-notification__icon{align-self: center;-ms-grid-column-align: end;grid-column-end: 2;-ms-grid-column-span: 1;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;justify-self: end;}
  624 +
  625 +.tox .tox-notification__icon svg{display: block;}
  626 +
  627 +.tox .tox-notification__dismiss{align-self: start;-ms-grid-column-align: end;grid-column-end: 4;-ms-grid-column-span: 1;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;justify-self: end;}
  628 +
  629 +.tox .tox-notification .tox-progress-bar{-ms-grid-column-align: center;grid-column-end: 4;-ms-grid-column-span: 3;grid-column-start: 1;grid-row-end: 3;-ms-grid-row-span: 1;grid-row-start: 2;justify-self: center;}
  630 +
  631 +.tox .tox-pop{position: relative;display: inline-block;}
  632 +
  633 +.tox .tox-pop--resizing{transition: width .1s ease;}
  634 +
  635 +.tox .tox-pop--resizing .tox-toolbar{flex-wrap: nowrap;}
  636 +
  637 +.tox .tox-pop__dialog{min-width: 0;overflow: hidden;background-color: #fff;border: 1px solid #ccc;border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,.15);}
  638 +
  639 +.tox .tox-pop__dialog>:not(.tox-toolbar){margin: 4px 4px 4px 8px;}
  640 +
  641 +.tox .tox-pop__dialog .tox-toolbar{background-color: transparent;}
  642 +
  643 +.tox .tox-pop::after,.tox .tox-pop::before{position: absolute;display: block;width: 0;height: 0;border-style: solid;content: '';}
  644 +
  645 +.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{top: 100%;left: 50%;}
  646 +
  647 +.tox .tox-pop.tox-pop--bottom::after{margin-top: -1px;margin-left: -8px;border-color: #fff transparent transparent transparent;border-width: 8px;}
  648 +
  649 +.tox .tox-pop.tox-pop--bottom::before{margin-left: -9px;border-color: #ccc transparent transparent transparent;border-width: 9px;}
  650 +
  651 +.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{top: 0;left: 50%;transform: translateY(-100%);}
  652 +
  653 +.tox .tox-pop.tox-pop--top::after{margin-top: 1px;margin-left: -8px;border-color: transparent transparent #fff transparent;border-width: 8px;}
  654 +
  655 +.tox .tox-pop.tox-pop--top::before{margin-left: -9px;border-color: transparent transparent #ccc transparent;border-width: 9px;}
  656 +
  657 +.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{top: calc(50% - 1px);left: 0;transform: translateY(-50%);}
  658 +
  659 +.tox .tox-pop.tox-pop--left::after{margin-left: -15px;border-color: transparent #fff transparent transparent;border-width: 8px;}
  660 +
  661 +.tox .tox-pop.tox-pop--left::before{margin-left: -19px;border-color: transparent #ccc transparent transparent;border-width: 10px;}
  662 +
  663 +.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{top: calc(50% + 1px);left: 100%;transform: translateY(-50%);}
  664 +
  665 +.tox .tox-pop.tox-pop--right::after{margin-left: -1px;border-color: transparent transparent transparent #fff;border-width: 8px;}
  666 +
  667 +.tox .tox-pop.tox-pop--right::before{margin-left: -1px;border-color: transparent transparent transparent #ccc;border-width: 10px;}
  668 +
  669 +.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left: 20px;}
  670 +
  671 +.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left: calc(100% - 20px);}
  672 +
  673 +.tox .tox-sidebar-wrap{display: flex;flex-direction: row;flex-grow: 1;min-height: 0;}
  674 +
  675 +.tox .tox-sidebar{display: flex;flex-direction: row;justify-content: flex-end;}
  676 +
  677 +.tox .tox-sidebar__slider{display: flex;overflow: hidden;}
  678 +
  679 +.tox .tox-sidebar__pane-container{display: flex;}
  680 +
  681 +.tox .tox-sidebar__pane{display: flex;}
  682 +
  683 +.tox .tox-sidebar--sliding-closed{opacity: 0;}
  684 +
  685 +.tox .tox-sidebar--sliding-open{opacity: 1;}
  686 +
  687 +.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition: width .5s ease,opacity .5s ease;}
  688 +
  689 +.tox .tox-slider{position: relative;display: flex;height: 24px;align-items: center;flex: 1;-ms-flex-preferred-size: auto;justify-content: center;}
  690 +
  691 +.tox .tox-slider__rail{width: 100%;height: 10px;min-width: 120px;background-color: transparent;border: 1px solid #ccc;border-radius: 3px;}
  692 +
  693 +.tox .tox-slider__handle{position: absolute;top: 50%;left: 50%;width: 14px;height: 24px;background-color: #207ab7;border: 2px solid #185d8c;border-radius: 3px;transform: translateX(-50%) translateY(-50%);box-shadow: none;}
  694 +
  695 +.tox .tox-source-code{overflow: auto;}
  696 +
  697 +.tox .tox-spinner{display: flex;}
  698 +
  699 +.tox .tox-spinner>div{width: 8px;height: 8px;background-color: rgba(34,47,62,.7);border-radius: 100%;animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;}
  700 +
  701 +.tox .tox-spinner>div:nth-child(1){animation-delay: -.32s;}
  702 +
  703 +.tox .tox-spinner>div:nth-child(2){animation-delay: -.16s;}@keyframes tam-bouncing-dots{0%,100%,80%{transform: scale(0);}
  704 +
  705 +40%{transform: scale(1);}}
  706 +
  707 +.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left: 4px;}
  708 +
  709 +.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right: 4px;}
  710 +
  711 +.tox .tox-statusbar{position: relative;display: flex;height: 18px;padding: 0 8px;overflow: hidden;font-size: 12px;color: rgba(34,47,62,.7);text-transform: uppercase;background-color: #fff;border-top: 1px solid #ccc;align-items: center;flex: 0 0 auto;}
  712 +
  713 +.tox .tox-statusbar a{color: rgba(34,47,62,.7);text-decoration: none;}
  714 +
  715 +.tox .tox-statusbar a:hover{text-decoration: underline;}
  716 +
  717 +.tox .tox-statusbar__text-container{display: flex;flex: 1 1 auto;justify-content: flex-end;overflow: hidden;}
  718 +
  719 +.tox .tox-statusbar__path{display: flex;flex: 1 1 auto;margin-right: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  720 +
  721 +.tox .tox-statusbar__path>*{display: inline;white-space: nowrap;}
  722 +
  723 +.tox .tox-statusbar__wordcount{flex: 0 0 auto;margin-left: 1ch;}
  724 +
  725 +.tox .tox-statusbar__resize-handle{display: flex;padding-left: 1ch;margin-right: -8px;margin-left: auto;cursor: nwse-resize;align-items: flex-end;align-self: stretch;flex: 0 0 auto;justify-content: flex-end;}
  726 +
  727 +.tox .tox-statusbar__resize-handle svg{display: block;fill: rgba(34,47,62,.7);}
  728 +
  729 +.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right: 4px;}
  730 +
  731 +.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left: 1ch;}
  732 +
  733 +.tox[dir=rtl] .tox-statusbar{flex-direction: row-reverse;}
  734 +
  735 +.tox[dir=rtl] .tox-statusbar__path>*{margin-left: 4px;}
  736 +
  737 +.tox .tox-throbber{z-index: 1400;}
  738 +
  739 +.tox .tox-throbber__busy-spinner{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;background-color: rgba(255,255,255,.6);align-items: center;justify-content: center;}
  740 +
  741 +.tox .tox-tbtn{display: flex;width: 34px;height: 34px;padding: 0;margin: 2px 0 3px 0;overflow: hidden;font-size: 14px;font-style: normal;font-weight: 400;color: #222f3e;text-transform: normal;background: 0 0;border: 0;border-radius: 3px;outline: 0;box-shadow: none;align-items: center;flex: 0 0 auto;justify-content: center;}
  742 +
  743 +.tox .tox-tbtn svg{display: block;fill: #222f3e;}
  744 +
  745 +.tox .tox-tbtn.tox-tbtn-more{width: inherit;padding-right: 5px;padding-left: 5px;}
  746 +
  747 +.tox .tox-tbtn--enabled{color: #222f3e;background: #c8cbcf;box-shadow: none;}
  748 +
  749 +.tox .tox-tbtn--enabled>*{transform: none;}
  750 +
  751 +.tox .tox-tbtn--enabled svg{fill: #222f3e;}
  752 +
  753 +.tox .tox-tbtn:hover{color: #222f3e;background: #dee0e2;box-shadow: none;}
  754 +
  755 +.tox .tox-tbtn:hover svg{fill: #222f3e;}
  756 +
  757 +.tox .tox-tbtn:focus{color: #222f3e;background: #dee0e2;box-shadow: none;}
  758 +
  759 +.tox .tox-tbtn:focus svg{fill: #222f3e;}
  760 +
  761 +.tox .tox-tbtn:active{color: #222f3e;background: #c8cbcf;box-shadow: none;}
  762 +
  763 +.tox .tox-tbtn:active svg{fill: #222f3e;}
  764 +
  765 +.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{color: rgba(34,47,62,.5);cursor: not-allowed;background: 0 0;box-shadow: none;}
  766 +
  767 +.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill: rgba(34,47,62,.5);}
  768 +
  769 +.tox .tox-tbtn:active>*{transform: none;}
  770 +
  771 +.tox .tox-tbtn--md{width: 51px;height: 51px;}
  772 +
  773 +.tox .tox-tbtn--lg{width: 68px;height: 68px;flex-direction: column;}
  774 +
  775 +.tox .tox-tbtn--return{width: 16px;height: unset;align-self: stretch;}
  776 +
  777 +.tox .tox-tbtn--labeled{width: unset;padding: 0 4px;}
  778 +
  779 +.tox .tox-tbtn__vlabel{display: block;margin-bottom: 4px;font-size: 10px;font-weight: 400;letter-spacing: -.025em;white-space: nowrap;}
  780 +
  781 +.tox .tox-tbtn--select{width: auto;padding: 0 4px;margin: 2px 0 3px 0;}
  782 +
  783 +.tox .tox-tbtn__select-label{margin: 0 4px;font-weight: 400;cursor: default;}
  784 +
  785 +.tox .tox-tbtn__select-chevron{align-items: center;display: flex;justify-content: center;width: 16px;}
  786 +
  787 +.tox .tox-tbtn__select-chevron svg{fill: rgba(34,47,62,.7);}
  788 +
  789 +.tox .tox-tbtn--bespoke .tox-tbtn__select-label{width: 7em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  790 +
  791 +.tox .tox-split-button{display: flex;margin: 2px 0 3px 0;overflow: hidden;border: 0;border-radius: 3px;box-sizing: border-box;}
  792 +
  793 +.tox .tox-split-button:hover{box-shadow: 0 0 0 1px #dee0e2 inset;}
  794 +
  795 +.tox .tox-split-button:focus{color: #222f3e;background: #dee0e2;box-shadow: none;}
  796 +
  797 +.tox .tox-split-button>*{border-radius: 0;}
  798 +
  799 +.tox .tox-split-button__chevron{width: 16px;}
  800 +
  801 +.tox .tox-split-button__chevron svg{fill: rgba(34,47,62,.7);}
  802 +
  803 +.tox .tox-pop .tox-split-button__chevron svg{transform: rotate(-90deg);}
  804 +
  805 +.tox .tox-split-button .tox-tbtn{margin: 0;}
  806 +
  807 +.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{color: rgba(34,47,62,.5);background: 0 0;box-shadow: none;}
  808 +
  809 +.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{display: flex;padding: 0 0;margin-bottom: -1px;background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color: #fff;border-top: 1px solid #ccc;flex: 0 0 auto;flex-shrink: 0;flex-wrap: wrap;}
  810 +
  811 +.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height: 0;opacity: 0;visibility: hidden;}
  812 +
  813 +.tox .tox-toolbar__overflow--growing{transition: height .3s ease,opacity .2s linear .1s;}
  814 +
  815 +.tox .tox-toolbar__overflow--shrinking{transition: opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s;}
  816 +
  817 +.tox .tox-pop .tox-toolbar{border-width: 0;}
  818 +
  819 +.tox .tox-toolbar--no-divider{background-image: none;}
  820 +
  821 +.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color: #fff;border: 1px solid #ccc;border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,.15);}
  822 +
  823 +.tox.tox-tinymce-aux:not([dir=rtl]) .tox-toolbar__overflow{margin-left: 4px;}
  824 +
  825 +.tox[dir=rtl] .tox-tbtn__icon-rtl svg{transform: rotateY(180deg);}
  826 +
  827 +.tox[dir=rtl].tox-tinymce-aux .tox-toolbar__overflow{margin-right: 4px;}
  828 +
  829 +.tox .tox-toolbar__group{display: flex;padding: 0 4px;margin: 0 0;align-items: center;flex-wrap: wrap;}
  830 +
  831 +.tox .tox-toolbar__group--pull-right{margin-left: auto;}
  832 +
  833 +.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right: 1px solid #ccc;}
  834 +
  835 +.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left: 1px solid #ccc;}
  836 +
  837 +.tox .tox-tooltip{position: relative;display: inline-block;padding: 8px;}
  838 +
  839 +.tox .tox-tooltip__body{padding: 4px 8px;font-size: 14px;font-style: normal;font-weight: 400;color: rgba(255,255,255,.75);text-transform: normal;background-color: #222f3e;border-radius: 3px;box-shadow: 0 2px 4px rgba(34,47,62,.3);}
  840 +
  841 +.tox .tox-tooltip__arrow{position: absolute;}
  842 +
  843 +.tox .tox-tooltip--down .tox-tooltip__arrow{position: absolute;bottom: 0;left: 50%;border-top: 8px solid #222f3e;border-right: 8px solid transparent;border-left: 8px solid transparent;transform: translateX(-50%);}
  844 +
  845 +.tox .tox-tooltip--up .tox-tooltip__arrow{position: absolute;top: 0;left: 50%;border-right: 8px solid transparent;border-bottom: 8px solid #222f3e;border-left: 8px solid transparent;transform: translateX(-50%);}
  846 +
  847 +.tox .tox-tooltip--right .tox-tooltip__arrow{position: absolute;top: 50%;right: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #222f3e;transform: translateY(-50%);}
  848 +
  849 +.tox .tox-tooltip--left .tox-tooltip__arrow{position: absolute;top: 50%;left: 0;border-top: 8px solid transparent;border-right: 8px solid #222f3e;border-bottom: 8px solid transparent;transform: translateY(-50%);}
  850 +
  851 +.tox .tox-well{width: 100%;padding: 8px;border: 1px solid #ccc;border-radius: 3px;}
  852 +
  853 +.tox .tox-well>:first-child{margin-top: 0;}
  854 +
  855 +.tox .tox-well>:last-child{margin-bottom: 0;}
  856 +
  857 +.tox .tox-well>:only-child{margin: 0;}
  858 +
  859 +.tox .tox-custom-editor{display: flex;height: 525px;border: 1px solid #ccc;border-radius: 3px;}
  860 +
  861 +.tox .tox-dialog-loading::before{position: absolute;z-index: 1000;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);content: "";}
  862 +
  863 +.tox .tox-tab{cursor: pointer;}
  864 +
  865 +.tox .tox-dialog__content-js{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  866 +
  867 +.tox .tox-dialog__body-content .tox-collection{display: flex;flex: 1;-ms-flex-preferred-size: auto;}
  868 +
  869 +.tox ul{display: block;list-style-type: disc;-webkit-margin-before: 1em;margin-block-start: 1em;-webkit-margin-after: 1em;margin-block-end: 1em;-webkit-margin-start: 0;margin-inline-start: 0;-webkit-margin-end: 0;margin-inline-end: 0;-webkit-padding-start: 40px;padding-inline-start: 40px;}
  870 +
  871 +.tox a{color: #2276d2;cursor: pointer;}
  872 +
  873 +.tox .tox-image-tools-edit-panel{height: 60px;}
  874 +
  875 +.tox .tox-image-tools__sidebar{height: 60px;}
... ...
public/resource/tinymce/skins/ui/oxide/skin.mobile.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +
  8 +/* RESET all the things! */
  9 +.tinymce-mobile-outer-container {
  10 + all: initial;
  11 + display: block;
  12 +}
  13 +
  14 +.tinymce-mobile-outer-container * {
  15 + float: none;
  16 + padding: 0;
  17 + margin: 0;
  18 + line-height: 1;
  19 +
  20 + /* TBIO-3691, stop the gray flicker on touch. */
  21 + text-shadow: none;
  22 + white-space: nowrap;
  23 + cursor: inherit;
  24 + border: 0;
  25 + outline: 0;
  26 + box-sizing: initial;
  27 + -webkit-tap-highlight-color: transparent;
  28 +}
  29 +
  30 +.tinymce-mobile-icon-arrow-back::before {
  31 + content: "\e5cd";
  32 +}
  33 +
  34 +.tinymce-mobile-icon-image::before {
  35 + content: "\e412";
  36 +}
  37 +
  38 +.tinymce-mobile-icon-cancel-circle::before {
  39 + content: "\e5c9";
  40 +}
  41 +
  42 +.tinymce-mobile-icon-full-dot::before {
  43 + content: "\e061";
  44 +}
  45 +
  46 +.tinymce-mobile-icon-align-center::before {
  47 + content: "\e234";
  48 +}
  49 +
  50 +.tinymce-mobile-icon-align-left::before {
  51 + content: "\e236";
  52 +}
  53 +
  54 +.tinymce-mobile-icon-align-right::before {
  55 + content: "\e237";
  56 +}
  57 +
  58 +.tinymce-mobile-icon-bold::before {
  59 + content: "\e238";
  60 +}
  61 +
  62 +.tinymce-mobile-icon-italic::before {
  63 + content: "\e23f";
  64 +}
  65 +
  66 +.tinymce-mobile-icon-unordered-list::before {
  67 + content: "\e241";
  68 +}
  69 +
  70 +.tinymce-mobile-icon-ordered-list::before {
  71 + content: "\e242";
  72 +}
  73 +
  74 +.tinymce-mobile-icon-font-size::before {
  75 + content: "\e245";
  76 +}
  77 +
  78 +.tinymce-mobile-icon-underline::before {
  79 + content: "\e249";
  80 +}
  81 +
  82 +.tinymce-mobile-icon-link::before {
  83 + content: "\e157";
  84 +}
  85 +
  86 +.tinymce-mobile-icon-unlink::before {
  87 + content: "\eca2";
  88 +}
  89 +
  90 +.tinymce-mobile-icon-color::before {
  91 + content: "\e891";
  92 +}
  93 +
  94 +.tinymce-mobile-icon-previous::before {
  95 + content: "\e314";
  96 +}
  97 +
  98 +.tinymce-mobile-icon-next::before {
  99 + content: "\e315";
  100 +}
  101 +
  102 +.tinymce-mobile-icon-large-font::before,
  103 +.tinymce-mobile-icon-style-formats::before {
  104 + content: "\e264";
  105 +}
  106 +
  107 +.tinymce-mobile-icon-undo::before {
  108 + content: "\e166";
  109 +}
  110 +
  111 +.tinymce-mobile-icon-redo::before {
  112 + content: "\e15a";
  113 +}
  114 +
  115 +.tinymce-mobile-icon-removeformat::before {
  116 + content: "\e239";
  117 +}
  118 +
  119 +.tinymce-mobile-icon-small-font::before {
  120 + content: "\e906";
  121 +}
  122 +
  123 +.tinymce-mobile-icon-readonly-back::before,
  124 +.tinymce-mobile-format-matches::after {
  125 + content: "\e5ca";
  126 +}
  127 +
  128 +.tinymce-mobile-icon-small-heading::before {
  129 + content: "small";
  130 +}
  131 +
  132 +.tinymce-mobile-icon-large-heading::before {
  133 + content: "large";
  134 +}
  135 +
  136 +.tinymce-mobile-icon-small-heading::before,
  137 +.tinymce-mobile-icon-large-heading::before {
  138 + font-family: sans-serif;
  139 + font-size: 80%;
  140 +}
  141 +
  142 +.tinymce-mobile-mask-edit-icon::before {
  143 + content: "\e254";
  144 +}
  145 +
  146 +.tinymce-mobile-icon-back::before {
  147 + content: "\e5c4";
  148 +}
  149 +
  150 +.tinymce-mobile-icon-heading::before {
  151 + font-family: sans-serif;
  152 + font-size: 80%;
  153 + font-weight: bold;
  154 +
  155 + /* TODO: Translate */
  156 + content: "Headings";
  157 +}
  158 +
  159 +.tinymce-mobile-icon-h1::before {
  160 + font-weight: bold;
  161 + content: "H1";
  162 +}
  163 +
  164 +.tinymce-mobile-icon-h2::before {
  165 + font-weight: bold;
  166 + content: "H2";
  167 +}
  168 +
  169 +.tinymce-mobile-icon-h3::before {
  170 + font-weight: bold;
  171 + content: "H3";
  172 +}
  173 +
  174 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {
  175 + position: absolute;
  176 + top: 0;
  177 + display: flex;
  178 + width: 100%;
  179 + height: 100%;
  180 + background: rgba(51, 51, 51, 0.5);
  181 + align-items: center;
  182 + justify-content: center;
  183 +}
  184 +
  185 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container {
  186 + display: flex;
  187 + font-family: sans-serif;
  188 + font-size: 1em;
  189 + border-radius: 50%;
  190 + align-items: center;
  191 + flex-direction: column;
  192 + justify-content: space-between;
  193 +}
  194 +
  195 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item {
  196 + display: flex;
  197 + width: 2.1em;
  198 + height: 2.1em;
  199 + border-radius: 50%;
  200 + align-items: center;
  201 + justify-content: center;
  202 +}
  203 +
  204 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
  205 + align-items: center;
  206 + display: flex;
  207 + justify-content: center;
  208 + flex-direction: column;
  209 + font-size: 1em;
  210 +}
  211 +@media only screen and (min-device-width: 700px) {
  212 + .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
  213 + font-size: 1.2em;
  214 + }
  215 +}
  216 +
  217 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon {
  218 + display: flex;
  219 + width: 2.1em;
  220 + height: 2.1em;
  221 + color: #207ab7;
  222 + background-color: white;
  223 + border-radius: 50%;
  224 + align-items: center;
  225 + justify-content: center;
  226 +}
  227 +
  228 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before {
  229 + font-family: 'tinymce-mobile', sans-serif;
  230 + content: "\e900";
  231 +}
  232 +
  233 +.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 {
  234 + z-index: 2;
  235 +}
  236 +
  237 +.tinymce-mobile-android-container.tinymce-mobile-android-maximized {
  238 + position: fixed;
  239 + top: 0;
  240 + right: 0;
  241 + bottom: 0;
  242 + left: 0;
  243 + display: flex;
  244 + background: #fff;
  245 + border: none;
  246 + flex-direction: column;
  247 +}
  248 +
  249 +.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) {
  250 + position: relative;
  251 +}
  252 +
  253 +.tinymce-mobile-android-container .tinymce-mobile-editor-socket {
  254 + display: flex;
  255 + flex-grow: 1;
  256 +}
  257 +
  258 +.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {
  259 + display: flex !important;
  260 + flex-grow: 1;
  261 + height: auto !important;
  262 +}
  263 +
  264 +.tinymce-mobile-android-scroll-reload {
  265 + overflow: hidden;
  266 +}
  267 +
  268 +:not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar {
  269 + margin-top: 23px;
  270 +}
  271 +
  272 +.tinymce-mobile-toolstrip {
  273 + z-index: 1;
  274 + display: flex;
  275 + background: #fff;
  276 + flex: 0 0 auto;
  277 +}
  278 +
  279 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar {
  280 + display: flex;
  281 + width: 100%;
  282 + height: 2.5em;
  283 + background-color: #fff;
  284 + border-bottom: 1px solid #ccc;
  285 + align-items: center;
  286 + flex: 1;
  287 +
  288 + /* Make it no larger than the toolstrip, so that it needs to scroll */
  289 +}
  290 +
  291 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group {
  292 + align-items: center;
  293 + display: flex;
  294 + height: 100%;
  295 + flex-shrink: 1;
  296 +}
  297 +
  298 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div {
  299 + align-items: center;
  300 + display: flex;
  301 + height: 100%;
  302 + flex: 1;
  303 +}
  304 +
  305 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container {
  306 + background: #f44336;
  307 +}
  308 +
  309 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group {
  310 + flex-grow: 1;
  311 +}
  312 +
  313 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
  314 + padding-right: 0.5em;
  315 + padding-left: 0.5em;
  316 +}
  317 +
  318 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button {
  319 + display: flex;
  320 + height: 80%;
  321 + margin-right: 2px;
  322 + margin-left: 2px;
  323 + align-items: center;
  324 +}
  325 +
  326 +.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 {
  327 + color: #ccc;
  328 + background: #c8cbcf;
  329 +}
  330 +
  331 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,
  332 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {
  333 + color: #eceff1;
  334 + background: #207ab7;
  335 +}
  336 +
  337 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar {
  338 + /* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */
  339 +}
  340 +
  341 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group {
  342 + display: flex;
  343 + height: 100%;
  344 + padding-top: 0.4em;
  345 + padding-bottom: 0.4em;
  346 + align-items: center;
  347 + flex: 1;
  348 +
  349 + /* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */
  350 +
  351 + /* For widgets like the colour picker, use the whole height */
  352 +}
  353 +
  354 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog {
  355 + position: relative;
  356 + display: flex;
  357 + width: 100%;
  358 + min-height: 1.5em;
  359 + padding-right: 0;
  360 + padding-left: 0;
  361 + overflow: hidden;
  362 +}
  363 +
  364 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain {
  365 + display: flex;
  366 + width: 100%;
  367 + height: 100%;
  368 + transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s;
  369 +}
  370 +
  371 +.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 {
  372 + display: flex;
  373 + flex: 0 0 auto;
  374 + justify-content: space-between;
  375 + width: 100%;
  376 +}
  377 +
  378 +.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 {
  379 + font-family: sans-serif;
  380 +}
  381 +
  382 +.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 {
  383 + position: relative;
  384 + display: flex;
  385 + flex-grow: 1;
  386 +}
  387 +
  388 +.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 {
  389 + position: absolute;
  390 + right: 0;
  391 + height: 100%;
  392 + padding-right: 2px;
  393 + font-size: 0.6em;
  394 + font-weight: bold;
  395 + color: #888;
  396 + background: inherit;
  397 + border: none;
  398 + border-radius: 50%;
  399 + align-self: center;
  400 +}
  401 +
  402 +.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 {
  403 + display: none;
  404 +}
  405 +
  406 +.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,
  407 +.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 {
  408 + align-items: center;
  409 + display: flex;
  410 +}
  411 +
  412 +.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,
  413 +.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 {
  414 + display: flex;
  415 + height: 100%;
  416 + padding-right: 0.5em;
  417 + padding-left: 0.5em;
  418 + font-weight: bold;
  419 + align-items: center;
  420 +}
  421 +
  422 +.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,
  423 +.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 {
  424 + visibility: hidden;
  425 +}
  426 +
  427 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item {
  428 + padding-top: 3px;
  429 + margin: 0 2px;
  430 + font-size: 10px;
  431 + line-height: 10px;
  432 + color: #ccc;
  433 +}
  434 +
  435 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active {
  436 + color: #c8cbcf;
  437 +}
  438 +
  439 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,
  440 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before {
  441 + margin-right: 0.9em;
  442 + margin-left: 0.5em;
  443 +}
  444 +
  445 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,
  446 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before {
  447 + margin-right: 0.5em;
  448 + margin-left: 0.9em;
  449 +}
  450 +
  451 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider {
  452 + position: relative;
  453 + display: flex;
  454 + padding: 0.28em 0;
  455 + margin-right: 0;
  456 + margin-left: 0;
  457 + flex: 1;
  458 +}
  459 +
  460 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container {
  461 + align-items: center;
  462 + display: flex;
  463 + flex-grow: 1;
  464 + height: 100%;
  465 +}
  466 +
  467 +.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 {
  468 + display: flex;
  469 + height: 0.2em;
  470 + margin-top: 0.3em;
  471 + margin-bottom: 0.3em;
  472 + background: #ccc;
  473 + flex: 1;
  474 +}
  475 +
  476 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container {
  477 + padding-right: 2em;
  478 + padding-left: 2em;
  479 +}
  480 +
  481 +.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 {
  482 + align-items: center;
  483 + display: flex;
  484 + flex-grow: 1;
  485 + height: 100%;
  486 +}
  487 +
  488 +.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 {
  489 + display: flex;
  490 + height: 0.2em;
  491 + margin-top: 0.3em;
  492 + margin-bottom: 0.3em;
  493 + 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%);
  494 + flex: 1;
  495 +}
  496 +
  497 +.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 {
  498 + width: 1.2em;
  499 + height: 0.2em;
  500 + margin-top: 0.3em;
  501 + margin-bottom: 0.3em;
  502 +
  503 + /* Not part of theming */
  504 + background: black;
  505 +}
  506 +
  507 +.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 {
  508 + width: 1.2em;
  509 + height: 0.2em;
  510 + margin-top: 0.3em;
  511 + margin-bottom: 0.3em;
  512 +
  513 + /* Not part of theming */
  514 + background: white;
  515 +}
  516 +
  517 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb {
  518 + position: absolute;
  519 + top: 0;
  520 + bottom: 0;
  521 + left: -10px;
  522 + display: flex;
  523 + width: 0.5em;
  524 + height: 0.5em;
  525 + margin: auto;
  526 + color: #fff;
  527 + background-color: #455a64;
  528 + border: 0.5em solid rgba(136, 136, 136, 0);
  529 + border-radius: 3em;
  530 + transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1);
  531 + background-clip: padding-box;
  532 +
  533 + /* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave
  534 + * out these values, then it shows the thumb at the top of the spectrum. This is probably because it is
  535 + * absolutely positioned with only a left value, and not a top. Note, on Chrome it seems to be fine without
  536 + * this approach.
  537 + */
  538 + align-items: center;
  539 + justify-content: center;
  540 +}
  541 +
  542 +.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 {
  543 + border: 0.5em solid rgba(136, 136, 136, 0.39);
  544 +}
  545 +
  546 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,
  547 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div {
  548 + align-items: center;
  549 + display: flex;
  550 + height: 100%;
  551 + flex: 1;
  552 +}
  553 +
  554 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper {
  555 + flex-direction: column;
  556 + justify-content: center;
  557 +}
  558 +
  559 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
  560 + align-items: center;
  561 + display: flex;
  562 +}
  563 +
  564 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) {
  565 + height: 100%;
  566 +}
  567 +
  568 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container {
  569 + display: flex;
  570 +}
  571 +
  572 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input {
  573 + padding-top: 0.1em;
  574 + padding-bottom: 0.1em;
  575 + padding-left: 5px;
  576 + font-size: 0.85em;
  577 + color: #455a64;
  578 + background: #fff;
  579 + border: none;
  580 + border-radius: 0;
  581 + flex-grow: 1;
  582 +}
  583 +
  584 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder {
  585 + /* WebKit, Blink, Edge */
  586 + color: #888;
  587 +}
  588 +
  589 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder {
  590 + /* WebKit, Blink, Edge */
  591 + color: #888;
  592 +}
  593 +
  594 +/* dropup */
  595 +.tinymce-mobile-dropup {
  596 + display: flex;
  597 + width: 100%;
  598 + overflow: hidden;
  599 + background: white;
  600 +}
  601 +
  602 +.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking {
  603 + transition: height 0.3s ease-out;
  604 +}
  605 +
  606 +.tinymce-mobile-dropup.tinymce-mobile-dropup-growing {
  607 + transition: height 0.3s ease-in;
  608 +}
  609 +
  610 +.tinymce-mobile-dropup.tinymce-mobile-dropup-closed {
  611 + flex-grow: 0;
  612 +}
  613 +
  614 +.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) {
  615 + flex-grow: 1;
  616 +}
  617 +
  618 +/* TODO min-height for device size and orientation */
  619 +.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
  620 + min-height: 200px;
  621 +}
  622 +@media only screen and (orientation: landscape) {
  623 + .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
  624 + min-height: 200px;
  625 + }
  626 +}
  627 +@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  628 + .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
  629 + min-height: 150px;
  630 + }
  631 +}
  632 +
  633 +/* styles menu */
  634 +.tinymce-mobile-styles-menu {
  635 + position: relative;
  636 + width: 100%;
  637 + overflow: hidden;
  638 + font-family: sans-serif;
  639 + outline: 4px solid black;
  640 +}
  641 +
  642 +.tinymce-mobile-styles-menu [role="menu"] {
  643 + position: absolute;
  644 + display: flex;
  645 + width: 100%;
  646 + height: 100%;
  647 + flex-direction: column;
  648 +}
  649 +
  650 +.tinymce-mobile-styles-menu [role="menu"].transitioning {
  651 + transition: transform 0.5s ease-in-out;
  652 +}
  653 +
  654 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item {
  655 + position: relative;
  656 + display: flex;
  657 + padding: 1em 1em;
  658 + color: #455a64;
  659 + cursor: pointer;
  660 + border-bottom: 1px solid #ddd;
  661 +}
  662 +
  663 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before {
  664 + font-family: 'tinymce-mobile', sans-serif;
  665 + color: #455a64;
  666 + content: "\e314";
  667 +}
  668 +
  669 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after {
  670 + position: absolute;
  671 + right: 0;
  672 + padding-right: 1em;
  673 + padding-left: 1em;
  674 + font-family: 'tinymce-mobile', sans-serif;
  675 + color: #455a64;
  676 + content: "\e315";
  677 +}
  678 +
  679 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after {
  680 + position: absolute;
  681 + right: 0;
  682 + padding-right: 1em;
  683 + padding-left: 1em;
  684 + font-family: 'tinymce-mobile', sans-serif;
  685 +}
  686 +
  687 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator,
  688 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser {
  689 + display: flex;
  690 + min-height: 2.5em;
  691 + padding-right: 1em;
  692 + padding-left: 1em;
  693 + color: #455a64;
  694 + background: #fff;
  695 + border-top: #455a64;
  696 + align-items: center;
  697 +}
  698 +
  699 +.tinymce-mobile-styles-menu [data-transitioning-destination="before"][data-transitioning-state],
  700 +.tinymce-mobile-styles-menu [data-transitioning-state="before"] {
  701 + transform: translate(-100%);
  702 +}
  703 +
  704 +.tinymce-mobile-styles-menu [data-transitioning-destination="current"][data-transitioning-state],
  705 +.tinymce-mobile-styles-menu [data-transitioning-state="current"] {
  706 + transform: translate(0%);
  707 +}
  708 +
  709 +.tinymce-mobile-styles-menu [data-transitioning-destination="after"][data-transitioning-state],
  710 +.tinymce-mobile-styles-menu [data-transitioning-state="after"] {
  711 + transform: translate(100%);
  712 +}
  713 +@font-face {
  714 + font-family: 'tinymce-mobile';
  715 + font-style: normal;
  716 + font-weight: normal;
  717 + src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff');
  718 +}
  719 +@media (min-device-width: 700px) {
  720 + .tinymce-mobile-outer-container,
  721 + .tinymce-mobile-outer-container input {
  722 + font-size: 25px;
  723 + }
  724 +}
  725 +@media (max-device-width: 700px) {
  726 + .tinymce-mobile-outer-container,
  727 + .tinymce-mobile-outer-container input {
  728 + font-size: 18px;
  729 + }
  730 +}
  731 +
  732 +.tinymce-mobile-icon {
  733 + font-family: 'tinymce-mobile', sans-serif;
  734 +}
  735 +
  736 +.mixin-flex-and-centre {
  737 + align-items: center;
  738 + display: flex;
  739 + justify-content: center;
  740 +}
  741 +
  742 +.mixin-flex-bar {
  743 + align-items: center;
  744 + display: flex;
  745 + height: 100%;
  746 +}
  747 +
  748 +.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe {
  749 + width: 100%;
  750 + background-color: #fff;
  751 +}
  752 +
  753 +.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
  754 + position: fixed;
  755 + right: 2em;
  756 + bottom: 1em;
  757 + display: flex;
  758 + width: 2.1em;
  759 + height: 2.1em;
  760 + font-size: 1em;
  761 + color: white;
  762 +
  763 + /* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */
  764 + background-color: #207ab7;
  765 + border-radius: 50%;
  766 + align-items: center;
  767 + justify-content: center;
  768 +}
  769 +@media only screen and (min-device-width: 700px) {
  770 + .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
  771 + font-size: 1.2em;
  772 + }
  773 +}
  774 +
  775 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {
  776 + height: 300px;
  777 + overflow: hidden;
  778 +}
  779 +
  780 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe {
  781 + height: 100%;
  782 +}
  783 +
  784 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip {
  785 + display: none;
  786 +}
  787 +
  788 +/*
  789 + Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets
  790 + increased and the whole body becomes scrollable. It's important!
  791 + */
  792 +input[type="file"]::-webkit-file-upload-button {
  793 + display: none;
  794 +}
  795 +@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  796 + .tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
  797 + bottom: 50%;
  798 + }
  799 +}
... ...
public/resource/tinymce/skins/ui/oxide/skin.mobile.min.css 0 → 100644
  View file @39d629a
  1 +/**
  2 + * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3 + * Licensed under the LGPL or a commercial license.
  4 + * For LGPL see License.txt in the project root for license information.
  5 + * For commercial licenses see https://www.tiny.cloud/
  6 + */
  7 +.tinymce-mobile-outer-container{all: initial;display: block;}
  8 +
  9 +.tinymce-mobile-outer-container *{float: none;padding: 0;margin: 0;line-height: 1;text-shadow: none;white-space: nowrap;cursor: inherit;border: 0;outline: 0;box-sizing: initial;-webkit-tap-highlight-color: transparent;}
  10 +
  11 +.tinymce-mobile-icon-arrow-back::before{content: "\e5cd";}
  12 +
  13 +.tinymce-mobile-icon-image::before{content: "\e412";}
  14 +
  15 +.tinymce-mobile-icon-cancel-circle::before{content: "\e5c9";}
  16 +
  17 +.tinymce-mobile-icon-full-dot::before{content: "\e061";}
  18 +
  19 +.tinymce-mobile-icon-align-center::before{content: "\e234";}
  20 +
  21 +.tinymce-mobile-icon-align-left::before{content: "\e236";}
  22 +
  23 +.tinymce-mobile-icon-align-right::before{content: "\e237";}
  24 +
  25 +.tinymce-mobile-icon-bold::before{content: "\e238";}
  26 +
  27 +.tinymce-mobile-icon-italic::before{content: "\e23f";}
  28 +
  29 +.tinymce-mobile-icon-unordered-list::before{content: "\e241";}
  30 +
  31 +.tinymce-mobile-icon-ordered-list::before{content: "\e242";}
  32 +
  33 +.tinymce-mobile-icon-font-size::before{content: "\e245";}
  34 +
  35 +.tinymce-mobile-icon-underline::before{content: "\e249";}
  36 +
  37 +.tinymce-mobile-icon-link::before{content: "\e157";}
  38 +
  39 +.tinymce-mobile-icon-unlink::before{content: "\eca2";}
  40 +
  41 +.tinymce-mobile-icon-color::before{content: "\e891";}
  42 +
  43 +.tinymce-mobile-icon-previous::before{content: "\e314";}
  44 +
  45 +.tinymce-mobile-icon-next::before{content: "\e315";}
  46 +
  47 +.tinymce-mobile-icon-large-font::before,.tinymce-mobile-icon-style-formats::before{content: "\e264";}
  48 +
  49 +.tinymce-mobile-icon-undo::before{content: "\e166";}
  50 +
  51 +.tinymce-mobile-icon-redo::before{content: "\e15a";}
  52 +
  53 +.tinymce-mobile-icon-removeformat::before{content: "\e239";}
  54 +
  55 +.tinymce-mobile-icon-small-font::before{content: "\e906";}
  56 +
  57 +.tinymce-mobile-format-matches::after,.tinymce-mobile-icon-readonly-back::before{content: "\e5ca";}
  58 +
  59 +.tinymce-mobile-icon-small-heading::before{content: "small";}
  60 +
  61 +.tinymce-mobile-icon-large-heading::before{content: "large";}
  62 +
  63 +.tinymce-mobile-icon-large-heading::before,.tinymce-mobile-icon-small-heading::before{font-family: sans-serif;font-size: 80%;}
  64 +
  65 +.tinymce-mobile-mask-edit-icon::before{content: "\e254";}
  66 +
  67 +.tinymce-mobile-icon-back::before{content: "\e5c4";}
  68 +
  69 +.tinymce-mobile-icon-heading::before{font-family: sans-serif;font-size: 80%;font-weight: 700;content: "Headings";}
  70 +
  71 +.tinymce-mobile-icon-h1::before{font-weight: 700;content: "H1";}
  72 +
  73 +.tinymce-mobile-icon-h2::before{font-weight: 700;content: "H2";}
  74 +
  75 +.tinymce-mobile-icon-h3::before{font-weight: 700;content: "H3";}
  76 +
  77 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask{position: absolute;top: 0;display: flex;width: 100%;height: 100%;background: rgba(51,51,51,.5);align-items: center;justify-content: center;}
  78 +
  79 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container{display: flex;font-family: sans-serif;font-size: 1em;border-radius: 50%;align-items: center;flex-direction: column;justify-content: space-between;}
  80 +
  81 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item{display: flex;width: 2.1em;height: 2.1em;border-radius: 50%;align-items: center;justify-content: center;}
  82 +
  83 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{align-items: center;display: flex;justify-content: center;flex-direction: column;font-size: 1em;}@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;}}
  84 +
  85 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon{display: flex;width: 2.1em;height: 2.1em;color: #207ab7;background-color: #fff;border-radius: 50%;align-items: center;justify-content: center;}
  86 +
  87 +.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before{font-family: tinymce-mobile,sans-serif;content: "\e900";}
  88 +
  89 +.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;}
  90 +
  91 +.tinymce-mobile-android-container.tinymce-mobile-android-maximized{position: fixed;top: 0;right: 0;bottom: 0;left: 0;display: flex;background: #fff;border: none;flex-direction: column;}
  92 +
  93 +.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized){position: relative;}
  94 +
  95 +.tinymce-mobile-android-container .tinymce-mobile-editor-socket{display: flex;flex-grow: 1;}
  96 +
  97 +.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe{display: flex !important;flex-grow: 1;height: auto !important;}
  98 +
  99 +.tinymce-mobile-android-scroll-reload{overflow: hidden;}
  100 +
  101 +:not(.tinymce-mobile-readonly-mode)>.tinymce-mobile-android-selection-context-toolbar{margin-top: 23px;}
  102 +
  103 +.tinymce-mobile-toolstrip{z-index: 1;display: flex;background: #fff;flex: 0 0 auto;}
  104 +
  105 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar{display: flex;width: 100%;height: 2.5em;background-color: #fff;border-bottom: 1px solid #ccc;align-items: center;flex: 1;}
  106 +
  107 +.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;}
  108 +
  109 +.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;}
  110 +
  111 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container{background: #f44336;}
  112 +
  113 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group{flex-grow: 1;}
  114 +
  115 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{padding-right: .5em;padding-left: .5em;}
  116 +
  117 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button{display: flex;height: 80%;margin-right: 2px;margin-left: 2px;align-items: center;}
  118 +
  119 +.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{color: #ccc;background: #c8cbcf;}
  120 +
  121 +.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{color: #eceff1;background: #207ab7;}
  122 +
  123 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group{display: flex;height: 100%;padding-top: .4em;padding-bottom: .4em;align-items: center;flex: 1;}
  124 +
  125 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog{position: relative;display: flex;width: 100%;min-height: 1.5em;padding-right: 0;padding-left: 0;overflow: hidden;}
  126 +
  127 +.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;width: 100%;height: 100%;transition: left cubic-bezier(.4,0,1,1) .15s;}
  128 +
  129 +.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%;}
  130 +
  131 +.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;}
  132 +
  133 +.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{position: relative;display: flex;flex-grow: 1;}
  134 +
  135 +.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{position: absolute;right: 0;height: 100%;padding-right: 2px;font-size: .6em;font-weight: 700;color: #888;background: inherit;border: none;border-radius: 50%;align-self: center;}
  136 +
  137 +.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;}
  138 +
  139 +.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-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{align-items: center;display: flex;}
  140 +
  141 +.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,.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{display: flex;height: 100%;padding-right: .5em;padding-left: .5em;font-weight: 700;align-items: center;}
  142 +
  143 +.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,.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{visibility: hidden;}
  144 +
  145 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item{padding-top: 3px;margin: 0 2px;font-size: 10px;line-height: 10px;color: #ccc;}
  146 +
  147 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active{color: #c8cbcf;}
  148 +
  149 +.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-right: .9em;margin-left: .5em;}
  150 +
  151 +.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-right: .5em;margin-left: .9em;}
  152 +
  153 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider{position: relative;display: flex;padding: .28em 0;margin-right: 0;margin-left: 0;flex: 1;}
  154 +
  155 +.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%;}
  156 +
  157 +.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{display: flex;height: .2em;margin-top: .3em;margin-bottom: .3em;background: #ccc;flex: 1;}
  158 +
  159 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container{padding-right: 2em;padding-left: 2em;}
  160 +
  161 +.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%;}
  162 +
  163 +.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{display: flex;height: .2em;margin-top: .3em;margin-bottom: .3em;background: linear-gradient(to right,red 0,#feff00 17%,#0f0 33%,#00feff 50%,#00f 67%,#ff00fe 83%,red 100%);flex: 1;}
  164 +
  165 +.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{width: 1.2em;height: .2em;margin-top: .3em;margin-bottom: .3em;background: #000;}
  166 +
  167 +.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{width: 1.2em;height: .2em;margin-top: .3em;margin-bottom: .3em;background: #fff;}
  168 +
  169 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb{position: absolute;top: 0;bottom: 0;left: -10px;display: flex;width: .5em;height: .5em;margin: auto;color: #fff;background-color: #455a64;border: .5em solid rgba(136,136,136,0);border-radius: 3em;transition: border 120ms cubic-bezier(.39,.58,.57,1);background-clip: padding-box;align-items: center;justify-content: center;}
  170 +
  171 +.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: .5em solid rgba(136,136,136,.39);}
  172 +
  173 +.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;display: flex;height: 100%;flex: 1;}
  174 +
  175 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper{flex-direction: column;justify-content: center;}
  176 +
  177 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{align-items: center;display: flex;}
  178 +
  179 +.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%;}
  180 +
  181 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container{display: flex;}
  182 +
  183 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input{padding-top: .1em;padding-bottom: .1em;padding-left: 5px;font-size: .85em;color: #455a64;background: #fff;border: none;border-radius: 0;flex-grow: 1;}
  184 +
  185 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder{color: #888;}
  186 +
  187 +.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder{color: #888;}
  188 +
  189 +.tinymce-mobile-dropup{display: flex;width: 100%;overflow: hidden;background: #fff;}
  190 +
  191 +.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking{transition: height .3s ease-out;}
  192 +
  193 +.tinymce-mobile-dropup.tinymce-mobile-dropup-growing{transition: height .3s ease-in;}
  194 +
  195 +.tinymce-mobile-dropup.tinymce-mobile-dropup-closed{flex-grow: 0;}
  196 +
  197 +.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing){flex-grow: 1;}
  198 +
  199 +.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){.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height: 150px;}}
  200 +
  201 +.tinymce-mobile-styles-menu{position: relative;width: 100%;overflow: hidden;font-family: sans-serif;outline: 4px solid #000;}
  202 +
  203 +.tinymce-mobile-styles-menu [role=menu]{position: absolute;display: flex;width: 100%;height: 100%;flex-direction: column;}
  204 +
  205 +.tinymce-mobile-styles-menu [role=menu].transitioning{transition: transform .5s ease-in-out;}
  206 +
  207 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item{position: relative;display: flex;padding: 1em 1em;color: #455a64;cursor: pointer;border-bottom: 1px solid #ddd;}
  208 +
  209 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before{font-family: tinymce-mobile,sans-serif;color: #455a64;content: "\e314";}
  210 +
  211 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after{position: absolute;right: 0;padding-right: 1em;padding-left: 1em;font-family: tinymce-mobile,sans-serif;color: #455a64;content: "\e315";}
  212 +
  213 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after{position: absolute;right: 0;padding-right: 1em;padding-left: 1em;font-family: tinymce-mobile,sans-serif;}
  214 +
  215 +.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser,.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator{display: flex;min-height: 2.5em;padding-right: 1em;padding-left: 1em;color: #455a64;background: #fff;border-top: #455a64;align-items: center;}
  216 +
  217 +.tinymce-mobile-styles-menu [data-transitioning-destination=before][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=before]{transform: translate(-100%);}
  218 +
  219 +.tinymce-mobile-styles-menu [data-transitioning-destination=current][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=current]{transform: translate(0);}
  220 +
  221 +.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: 400;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;}}
  222 +
  223 +.tinymce-mobile-icon{font-family: tinymce-mobile,sans-serif;}
  224 +
  225 +.mixin-flex-and-centre{align-items: center;display: flex;justify-content: center;}
  226 +
  227 +.mixin-flex-bar{align-items: center;display: flex;height: 100%;}
  228 +
  229 +.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe{width: 100%;background-color: #fff;}
  230 +
  231 +.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{position: fixed;right: 2em;bottom: 1em;display: flex;width: 2.1em;height: 2.1em;font-size: 1em;color: #fff;background-color: #207ab7;border-radius: 50%;align-items: center;justify-content: center;}@media only screen and (min-device-width: 700px){.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{font-size: 1.2em;}}
  232 +
  233 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{height: 300px;overflow: hidden;}
  234 +
  235 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe{height: 100%;}
  236 +
  237 +.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip{display: none;}
  238 +
  239 +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){.tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{bottom: 50%;}}
... ...
src/components/Tinymce/index.ts
  View file @39d629a
1   -import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
2   -export const Tinymce = createAsyncComponent(() => import('./src/Editor.vue'));
  1 +import Tinymce from './src/Editor.vue';
  2 +export { Tinymce };
... ...
src/components/Tinymce/src/Editor.vue
  View file @39d629a
1 1 <template>
2 2 <div :class="prefixCls" :style="{ width: containerWidth }">
3 3 <ImgUpload
  4 + :fullscreen="fullscreen"
4 5 @uploading="handleImageUploading"
5 6 @done="handleDone"
6 7 v-if="showImageUpload"
... ... @@ -21,31 +22,103 @@
21 22 onUnmounted,
22 23 onDeactivated,
23 24 } from 'vue';
24   - import { basicProps } from './props';
  25 +
  26 + import tinymce from 'tinymce/tinymce';
  27 + import 'tinymce/skins/ui/oxide/skin.min.css';
  28 + import 'tinymce/themes/silver';
  29 +
25 30 import toolbar from './toolbar';
26 31 import plugins from './plugins';
27   - import { getTinymce } from './getTinymce';
28   - import { useScript } from '/@/hooks/web/useScript';
  32 +
29 33 import { buildShortUUID } from '/@/utils/uuid';
30 34 import { bindHandlers } from './helper';
31   - import lineHeight from './lineHeight';
32 35 import { onMountedOrActivated } from '/@/hooks/core/onMountedOrActivated';
33 36 import ImgUpload from './ImgUpload.vue';
34 37 import { useDesign } from '/@/hooks/web/useDesign';
35 38 import { isNumber } from '/@/utils/is';
36 39  
37   - const CDN_URL = 'https://cdn.bootcdn.net/ajax/libs/tinymce/5.5.1';
  40 + import 'tinymce/icons/default/icons';
  41 + import 'tinymce/themes/mobile';
  42 + import 'tinymce/plugins/emoticons';
  43 + import 'tinymce/plugins/emoticons/js/emojis';
  44 + import 'tinymce/plugins/advlist';
  45 + import 'tinymce/plugins/anchor';
  46 + import 'tinymce/plugins/autolink';
  47 + import 'tinymce/plugins/autosave';
  48 + import 'tinymce/plugins/code';
  49 + import 'tinymce/plugins/codesample';
  50 + import 'tinymce/plugins/directionality';
  51 + import 'tinymce/plugins/fullscreen';
  52 + import 'tinymce/plugins/hr';
  53 + import 'tinymce/plugins/image';
  54 + import 'tinymce/plugins/imagetools';
  55 + import 'tinymce/plugins/insertdatetime';
  56 + import 'tinymce/plugins/link';
  57 + import 'tinymce/plugins/lists';
  58 + import 'tinymce/plugins/media';
  59 + import 'tinymce/plugins/nonbreaking';
  60 + import 'tinymce/plugins/noneditable';
  61 + import 'tinymce/plugins/pagebreak';
  62 + import 'tinymce/plugins/paste';
  63 + import 'tinymce/plugins/preview';
  64 + import 'tinymce/plugins/print';
  65 + import 'tinymce/plugins/save';
  66 + import 'tinymce/plugins/searchreplace';
  67 + import 'tinymce/plugins/spellchecker';
  68 + import 'tinymce/plugins/tabfocus';
  69 + import 'tinymce/plugins/table';
  70 + import 'tinymce/plugins/template';
  71 + import 'tinymce/plugins/textpattern';
  72 + import 'tinymce/plugins/visualblocks';
  73 + import 'tinymce/plugins/visualchars';
  74 + import 'tinymce/plugins/wordcount';
38 75  
39   - const tinymceScriptSrc = `${CDN_URL}/tinymce.min.js`;
  76 + const tinymceProps = {
  77 + options: {
  78 + type: Object as PropType<any>,
  79 + default: {},
  80 + },
  81 + value: {
  82 + type: String,
  83 + },
  84 +
  85 + toolbar: {
  86 + type: Array as PropType<string[]>,
  87 + default: toolbar,
  88 + },
  89 + plugins: {
  90 + type: Array as PropType<string[]>,
  91 + default: plugins,
  92 + },
  93 + modelValue: {
  94 + type: String,
  95 + },
  96 + height: {
  97 + type: [Number, String] as PropType<string | number>,
  98 + required: false,
  99 + default: 400,
  100 + },
  101 +
  102 + width: {
  103 + type: [Number, String] as PropType<string | number>,
  104 + required: false,
  105 + default: 'auto',
  106 + },
  107 + showImageUpload: {
  108 + type: Boolean,
  109 + default: true,
  110 + },
  111 + };
40 112  
41 113 export default defineComponent({
42 114 name: 'Tinymce',
43 115 components: { ImgUpload },
44 116 inheritAttrs: false,
45   - props: basicProps,
  117 + props: tinymceProps,
46 118 emits: ['change', 'update:modelValue'],
47 119 setup(props, { emit, attrs }) {
48 120 const editorRef = ref<any>(null);
  121 + const fullscreen = ref(false);
49 122 const tinymceId = ref<string>(buildShortUUID('tiny-vue'));
50 123 const elRef = ref<Nullable<HTMLElement>>(null);
51 124  
... ... @@ -64,26 +137,24 @@
64 137 });
65 138  
66 139 const initOptions = computed(() => {
67   - const { height, options } = props;
  140 + const { height, options, toolbar, plugins } = props;
68 141 return {
69 142 selector: `#${unref(tinymceId)}`,
70   - base_url: CDN_URL,
71   - suffix: '.min',
72   - height: height,
73   - toolbar: toolbar,
  143 + height,
  144 + toolbar,
74 145 menubar: 'file edit insert view format table',
75   - plugins: plugins,
76   - // 语言包
77   - language_url: 'resource/tinymce/langs/zh_CN.js',
78   - // 中文
  146 + plugins,
  147 + language_url: '/resource/tinymce/langs/zh_CN.js',
79 148 language: 'zh_CN',
  149 + branding: false,
80 150 default_link_target: '_blank',
81 151 link_title: false,
82 152 advlist_bullet_styles: 'square',
83 153 advlist_number_styles: 'default',
84 154 object_resizing: false,
85   - fontsize_formats: '10px 11px 12px 14px 16px 18px 20px 24px 36px 48px',
86   - lineheight_formats: '1 1.5 1.75 2.0 3.0 4.0 5.0',
  155 + skin: 'oxide',
  156 + skin_url: 'resource/tinymce/skins/ui/oxide',
  157 + content_css: 'resource/tinymce/skins/content/default/content.css',
87 158 ...options,
88 159 setup: (editor: any) => {
89 160 editorRef.value = editor;
... ... @@ -92,10 +163,6 @@
92 163 };
93 164 });
94 165  
95   - const { toPromise } = useScript({
96   - src: tinymceScriptSrc,
97   - });
98   -
99 166 watch(
100 167 () => attrs.disabled,
101 168 () => {
... ... @@ -104,10 +171,13 @@
104 171 editor.setMode(attrs.disabled ? 'readonly' : 'design');
105 172 }
106 173 );
  174 +
107 175 onMountedOrActivated(() => {
108 176 tinymceId.value = buildShortUUID('tiny-vue');
109 177 nextTick(() => {
110   - init();
  178 + setTimeout(() => {
  179 + initEditor();
  180 + }, 30);
111 181 });
112 182 });
113 183  
... ... @@ -120,26 +190,17 @@
120 190 });
121 191  
122 192 function destory() {
123   - if (getTinymce() !== null) {
124   - getTinymce()?.remove?.(unref(editorRef));
  193 + if (tinymce !== null) {
  194 + tinymce?.remove?.(unref(editorRef));
125 195 }
126 196 }
127 197  
128   - function init() {
129   - toPromise().then(() => {
130   - setTimeout(() => {
131   - initEditor();
132   - }, 0);
133   - });
134   - }
135   -
136 198 function initEditor() {
137   - getTinymce().PluginManager.add('lineHeight', lineHeight(getTinymce()));
138 199 const el = unref(elRef);
139 200 if (el) {
140 201 el.style.visibility = '';
141 202 }
142   - getTinymce().init(unref(initOptions));
  203 + tinymce.init(unref(initOptions));
143 204 }
144 205  
145 206 function initSetup(e: Event) {
... ... @@ -189,6 +250,10 @@
189 250 emit('update:modelValue', content);
190 251 emit('change', content);
191 252 });
  253 +
  254 + editor.on('FullscreenStateChanged', (e) => {
  255 + fullscreen.value = e.state;
  256 + });
192 257 }
193 258  
194 259 function handleImageUploading(name: string) {
... ... @@ -216,12 +281,12 @@
216 281 containerWidth,
217 282 initOptions,
218 283 tinymceContent,
219   - tinymceScriptSrc,
220 284 elRef,
221 285 tinymceId,
222 286 handleImageUploading,
223 287 handleDone,
224 288 editorRef,
  289 + fullscreen,
225 290 };
226 291 },
227 292 });
... ...
src/components/Tinymce/src/ImgUpload.vue
  View file @39d629a
1 1 <template>
2   - <div :class="prefixCls">
  2 + <div :class="[prefixCls, { fullscreen }]">
3 3 <Upload
4 4 name="file"
5 5 multiple
... ... @@ -25,6 +25,11 @@
25 25 export default defineComponent({
26 26 name: 'TinymceImageUpload',
27 27 components: { Upload },
  28 + props: {
  29 + fullscreen: {
  30 + type: Boolean,
  31 + },
  32 + },
28 33 emits: ['uploading', 'done', 'error'],
29 34 setup(_, { emit }) {
30 35 let uploading = false;
... ... @@ -69,5 +74,10 @@
69 74 top: 4px;
70 75 right: 10px;
71 76 z-index: 20;
  77 +
  78 + &.fullscreen {
  79 + position: fixed;
  80 + z-index: 10000;
  81 + }
72 82 }
73 83 </style>
... ...
src/components/Tinymce/src/getTinymce.ts deleted 100644 → 0
  View file @37f6660
1   -const getGlobal = (): any => (typeof window !== 'undefined' ? window : global);
2   -
3   -export const getTinymce = () => {
4   - const global = getGlobal();
5   - return global && global.tinymce ? global.tinymce : null;
6   -};
src/components/Tinymce/src/lineHeight.ts deleted 100644 → 0
  View file @37f6660
1   -const lineHeight = function (tinymce: any) {
2   - tinymce.PluginManager.add('lineheight', function (t: any) {
3   - t.on('init', function () {
4   - t.formatter.register({
5   - lineheight: {
6   - inline: 'span',
7   - styles: {
8   - 'line-height': '%value',
9   - },
10   - },
11   - });
12   - });
13   -
14   - t.ui.registry.addMenuButton('lineheight', {
15   - icon: 'lineheight',
16   - tooltip: 'Line Height',
17   - // fetch: function (callback: Fn) {
18   - // var dom = t.dom;
19   - // var blocks = t.selection.getSelectedBlocks();
20   - // var lhv = 0;
21   - // global$1.each(blocks, function (block: any) {
22   - // if (lhv == 0) {
23   - // lhv = dom.getStyle(block, 'line-height') ? dom.getStyle(block, 'line-height') : 0;
24   - // }
25   - // });
26   - // var items = lineheight_val.split(' ').map(function (item) {
27   - // var text = item;
28   - // var value = item;
29   - // return {
30   - // type: 'togglemenuitem',
31   - // text: text,
32   - // active: lhv == value ? true : false,
33   - // onAction: function () {
34   - // doAct(value);
35   - // },
36   - // };
37   - // });
38   - // callback(items);
39   - // },
40   - });
41   - });
42   - tinymce.PluginManager.requireLangPack('lineheight', 'de');
43   -};
44   -
45   -export default lineHeight;
src/components/Tinymce/src/plugins.ts
  View file @39d629a
... ... @@ -4,7 +4,7 @@
4 4 // colorpicker/contextmenu/textcolor plugin is now built in to the core editor, please remove it from your editor configuration
5 5  
6 6 const plugins = [
7   - 'lineheight advlist anchor autolink autosave code codesample directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textpattern visualblocks visualchars wordcount',
  7 + 'advlist anchor autolink autosave code codesample directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textpattern visualblocks visualchars wordcount',
8 8 ];
9 9  
10 10 export default plugins;
... ...
src/components/Tinymce/src/props.ts deleted 100644 → 0
  View file @37f6660
1   -import { PropType } from 'vue';
2   -import { propTypes } from '/@/utils/propTypes';
3   -
4   -export const basicProps = {
5   - options: {
6   - type: Object as PropType<any>,
7   - default: {},
8   - },
9   - value: propTypes.string,
10   - modelValue: propTypes.string,
11   - // 高度
12   - height: {
13   - type: [Number, String] as PropType<string | number>,
14   - required: false,
15   - default: 400,
16   - },
17   -
18   - // 宽度
19   - width: {
20   - type: [Number, String] as PropType<string | number>,
21   - required: false,
22   - default: 'auto',
23   - },
24   - showImageUpload: propTypes.bool.def(true),
25   -};
src/main.ts
  View file @39d629a
... ... @@ -50,4 +50,8 @@ import &#39;vite-plugin-svg-icons/register&#39;;
50 50 await router.isReady();
51 51  
52 52 app.mount('#app', true);
  53 +
  54 + if (import.meta.env.DEV) {
  55 + window.__APP__ = app;
  56 + }
53 57 })();
... ...
types/global.d.ts
  View file @39d629a
... ... @@ -7,10 +7,10 @@ import type {
7 7 } from 'vue';
8 8  
9 9 declare global {
10   - // declare interface Window {
11   - // Global vue app instance
12   - // __APP__: App<Element>;
13   - // }
  10 + declare interface Window {
  11 + // Global vue app instance
  12 + __APP__: App<Element>;
  13 + }
14 14  
15 15 // vue
16 16 declare type PropType<T> = VuePropType<T>;
... ...
yarn.lock
  View file @39d629a
... ... @@ -4328,10 +4328,10 @@ eslint-config-prettier@^8.1.0:
4328 4328 resolved "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.1.0.tgz#4ef1eaf97afe5176e6a75ddfb57c335121abc5a6"
4329 4329 integrity sha512-oKMhGv3ihGbCIimCAjqkdzx2Q+jthoqnXSP+d86M9tptwugycmTFdVR4IpLgq2c4SHifbwO90z2fQ8/Aio73yw==
4330 4330  
4331   -eslint-define-config@^1.0.4:
4332   - version "1.0.4"
4333   - resolved "https://registry.yarnpkg.com/eslint-define-config/-/eslint-define-config-1.0.4.tgz#e3b3a177600155f1ffe9e38f90332da956f7959c"
4334   - integrity sha512-vGnX8CfockGwXP4NuORbnHd7PWy8gr41ARLH4HuWJoHk4U4ni5KjDG6Kg1/GNIE0B9BwXfyDgW7I3mSx2zuT0A==
  4331 +eslint-define-config@^1.0.5:
  4332 + version "1.0.5"
  4333 + resolved "https://registry.npmjs.org/eslint-define-config/-/eslint-define-config-1.0.5.tgz#e4799d27a75f51ab1ce151f00b6802f03948b1fc"
  4334 + integrity sha512-kwBMdZ7UKpzTkymYnBZrTSOGbawoCnPOKVUjSbOype9dj7YRczT1nDKk0tPRawtcm7y7zfoGf5nBUrcYO60Avg==
4335 4335  
4336 4336 eslint-plugin-jest@^24.1.5:
4337 4337 version "24.3.2"
... ... @@ -10331,6 +10331,11 @@ tinycolor2@^1.4.2:
10331 10331 resolved "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.2.tgz#3f6a4d1071ad07676d7fa472e1fac40a719d8803"
10332 10332 integrity sha512-vJhccZPs965sV/L2sU4oRQVAos0pQXwsvTLkWYdqJ+a8Q5kPFzJTuOFwy7UniPli44NKQGAglksjvOcpo95aZA==
10333 10333  
  10334 +tinymce@^5.7.1:
  10335 + version "5.7.1"
  10336 + resolved "https://registry.npmjs.org/tinymce/-/tinymce-5.7.1.tgz#658a6fb4c7d53a8496cc00f8da33f4b8290da06d"
  10337 + integrity sha512-1gY8RClc734srSlkYwY0MQzmkS1j73PuPC+nYtNtrrQVPY9VNcZ4bOiRwzTbdjPPD8GOtv6BAk8Ww/H2RiqKpA==
  10338 +
10334 10339 tmp@^0.0.33:
10335 10340 version "0.0.33"
10336 10341 resolved "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
... ...