sh-view 1.7.5 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (206) hide show
  1. package/.eslintrc.js +20 -21
  2. package/package.json +10 -10
  3. package/packages/assets/css/animated.scss +167 -2
  4. package/packages/assets/css/loader.scss +42 -42
  5. package/packages/assets/css/main.scss +41 -21
  6. package/packages/assets/css/theme.scss +83 -44
  7. package/packages/components/global-components/sh-alert/index.vue +173 -0
  8. package/packages/components/global-components/sh-badge/index.vue +227 -0
  9. package/packages/components/global-components/sh-card/index.vue +140 -122
  10. package/packages/components/global-components/sh-code-editor/index.vue +260 -260
  11. package/packages/components/global-components/sh-col/css/index.scss +76 -0
  12. package/packages/components/global-components/sh-col/index.vue +83 -0
  13. package/packages/components/global-components/sh-corner/index.vue +1 -9
  14. package/packages/components/global-components/sh-count-to/index.vue +102 -46
  15. package/packages/components/global-components/sh-date/index.vue +40 -0
  16. package/packages/components/global-components/sh-drawer/index.vue +518 -0
  17. package/packages/components/global-components/sh-drawer/scrollbar.js +76 -0
  18. package/packages/components/global-components/sh-empty/index.vue +43 -43
  19. package/packages/components/global-components/{sh-vxe-form → sh-form}/css/index.scss +6 -6
  20. package/packages/components/global-components/{sh-vxe-form → sh-form}/index.vue +114 -115
  21. package/packages/components/global-components/sh-form/js/methods.js +146 -0
  22. package/packages/components/global-components/{sh-vxe-form → sh-form}/mixin/defaultData.js +32 -33
  23. package/packages/components/global-components/sh-header/index.vue +293 -269
  24. package/packages/components/global-components/sh-icon/css/default/fonts/ionicons.svg +870 -0
  25. package/packages/components/global-components/sh-icon/css/default/fonts/ionicons.ttf +0 -0
  26. package/packages/components/global-components/sh-icon/css/default/fonts/ionicons.woff +0 -0
  27. package/packages/components/global-components/sh-icon/css/default/fonts/ionicons.woff2 +0 -0
  28. package/packages/components/global-components/sh-icon/css/default/icons.scss +2583 -0
  29. package/packages/components/global-components/sh-icon/css/default/index.scss +27 -0
  30. package/packages/components/global-components/sh-icon/css/font/fonts/iconfont.js +1 -0
  31. package/packages/components/global-components/sh-icon/css/font/fonts/iconfont.json +247 -0
  32. package/packages/components/global-components/sh-icon/css/font/fonts/iconfont.ttf +0 -0
  33. package/packages/components/global-components/sh-icon/css/font/fonts/iconfont.woff +0 -0
  34. package/packages/components/global-components/sh-icon/css/font/fonts/iconfont.woff2 +0 -0
  35. package/packages/components/global-components/sh-icon/css/font/icons.scss +135 -0
  36. package/packages/components/global-components/sh-icon/css/font/index.scss +16 -0
  37. package/packages/components/global-components/sh-icon/icon-default.vue +32 -0
  38. package/packages/components/global-components/sh-icon/{icons.vue → icon-font.vue} +32 -32
  39. package/packages/components/global-components/sh-icon/index.vue +28 -27
  40. package/packages/components/global-components/sh-image/index.vue +123 -0
  41. package/packages/components/global-components/sh-list/index.vue +141 -0
  42. package/packages/components/global-components/sh-loading/index.vue +49 -42
  43. package/packages/components/global-components/{sh-vxe-modal → sh-modal}/index.vue +209 -209
  44. package/packages/components/global-components/sh-noticebar/index.vue +201 -201
  45. package/packages/components/global-components/sh-poptip/index.vue +479 -0
  46. package/packages/components/global-components/sh-poptip/popper.js +115 -0
  47. package/packages/components/global-components/sh-progress/index.vue +290 -0
  48. package/packages/components/global-components/sh-pull-refresh/index.vue +290 -290
  49. package/packages/components/global-components/{sh-vxe-query → sh-query}/index.vue +317 -286
  50. package/packages/components/global-components/sh-result/index.vue +110 -88
  51. package/packages/components/global-components/sh-row/css/index.scss +21 -0
  52. package/packages/components/global-components/sh-row/index.vue +63 -0
  53. package/packages/components/global-components/sh-split/components/trigger.vue +33 -0
  54. package/packages/components/global-components/sh-split/index.vue +334 -0
  55. package/packages/components/global-components/sh-table/components/importModal.vue +351 -0
  56. package/packages/components/global-components/{sh-vxe-table → sh-table}/css/index.scss +4 -22
  57. package/packages/components/global-components/{sh-vxe-table → sh-table}/index.vue +329 -351
  58. package/packages/components/global-components/{sh-vxe-table → sh-table}/js/methods.js +91 -153
  59. package/packages/components/global-components/{sh-vxe-table → sh-table}/js/props.js +304 -313
  60. package/packages/components/global-components/{sh-vxe-table → sh-table}/mixin/defaultData.js +94 -116
  61. package/packages/components/global-components/sh-tabs/index.vue +315 -0
  62. package/packages/components/global-components/sh-tag/index.vue +163 -0
  63. package/packages/components/global-components/{sh-vxe-toolbar → sh-toolbar}/index.vue +177 -172
  64. package/packages/components/global-components/sh-tree/components/table-tree.vue +280 -0
  65. package/packages/components/global-components/sh-tree/css/index.scss +54 -0
  66. package/packages/components/global-components/sh-tree/index.vue +195 -0
  67. package/packages/components/global-components/sh-tree/mixin/treeProps.js +124 -0
  68. package/packages/components/global-components/sh-upload/index.vue +278 -418
  69. package/packages/components/global-components/sh-upload/js/ajax.js +80 -0
  70. package/packages/components/global-components/sh-upload/js/mixin.js +257 -0
  71. package/packages/components/global-components/sh-water-fall/index.vue +87 -87
  72. package/packages/components/index.js +85 -59
  73. package/packages/components/other-components/sh-cron-modal/css/index.scss +2 -2
  74. package/packages/components/other-components/sh-menu-card/index.vue +224 -224
  75. package/packages/css/index.js +4 -6
  76. package/packages/directive/index.js +19 -19
  77. package/packages/directive/module/click-out.js +14 -0
  78. package/packages/directive/module/draggable.js +42 -42
  79. package/packages/directive/module/line-clamp.js +22 -0
  80. package/packages/directive/module/prevent-click.js +18 -0
  81. package/packages/directive/module/resize.js +19 -0
  82. package/packages/directive/module/ripple.js +166 -0
  83. package/packages/index.js +39 -40
  84. package/packages/utils/transfer-queue.js +12 -0
  85. package/packages/vxeTable/css/index.scss +12 -98
  86. package/packages/vxeTable/css/variable.scss +7 -265
  87. package/packages/vxeTable/index.js +184 -184
  88. package/packages/vxeTable/plugins/export.js +450 -0
  89. package/packages/vxeTable/render/cell/vxe-render-checkgroup.vue +36 -36
  90. package/packages/vxeTable/render/cell/vxe-render-goption.vue +94 -93
  91. package/packages/vxeTable/render/cell/vxe-render-img.vue +21 -28
  92. package/packages/vxeTable/render/cell/vxe-render-input.vue +51 -51
  93. package/packages/vxeTable/render/cell/vxe-render-progress.vue +19 -19
  94. package/packages/vxeTable/render/cell/vxe-render-radiogroup.vue +36 -36
  95. package/packages/vxeTable/render/cell/vxe-render-select.vue +36 -36
  96. package/packages/vxeTable/render/cell/vxe-render-tree.vue +59 -59
  97. package/packages/vxeTable/render/globalRenders.jsx +498 -491
  98. package/packages/assets/icons/demo.css +0 -539
  99. package/packages/assets/icons/iconfont.css +0 -415
  100. package/packages/assets/icons/iconfont.js +0 -1
  101. package/packages/assets/icons/iconfont.json +0 -709
  102. package/packages/assets/icons/iconfont.ttf +0 -0
  103. package/packages/assets/icons/iconfont.woff +0 -0
  104. package/packages/assets/icons/iconfont.woff2 +0 -0
  105. package/packages/assets/img/image-error.png +0 -0
  106. package/packages/assets/img/square-image.png +0 -0
  107. package/packages/components/global-components/sh-iv-form/components/iv-group-item.vue +0 -57
  108. package/packages/components/global-components/sh-iv-form/components/iv-single-item.vue +0 -76
  109. package/packages/components/global-components/sh-iv-form/index.vue +0 -255
  110. package/packages/components/global-components/sh-layout/index.vue +0 -142
  111. package/packages/components/global-components/sh-upload/components/u-img.vue +0 -63
  112. package/packages/components/global-components/sh-upload/components/u-list.vue +0 -100
  113. package/packages/components/global-components/sh-vxe-form/js/methods.js +0 -170
  114. package/packages/components/global-components/sh-vxe-list/index.vue +0 -129
  115. package/packages/components/global-components/sh-vxe-table/components/importModal.vue +0 -377
  116. package/packages/components/global-components/sh-vxe-tree/components/table-tree.vue +0 -233
  117. package/packages/components/global-components/sh-vxe-tree/css/index.scss +0 -20
  118. package/packages/components/global-components/sh-vxe-tree/index.vue +0 -85
  119. package/packages/components/global-components/sh-vxe-tree/js/props.js +0 -120
  120. package/packages/components/global-components/sh-vxe-tree/js/treeMethods.js +0 -169
  121. package/packages/components/global-components/sh-vxe-tree/mixin/defaultData.js +0 -54
  122. package/packages/components/global-components/sh-vxe-tree/vxe-direct-tree.vue +0 -203
  123. package/packages/components/global-components/sh-vxe-tree/vxe-select-tree.vue +0 -291
  124. package/packages/components/other-components/sh-markdown/tinymce/langs/ar.js +0 -7
  125. package/packages/components/other-components/sh-markdown/tinymce/langs/az.js +0 -7
  126. package/packages/components/other-components/sh-markdown/tinymce/langs/bg_BG.js +0 -7
  127. package/packages/components/other-components/sh-markdown/tinymce/langs/bn_BD.js +0 -7
  128. package/packages/components/other-components/sh-markdown/tinymce/langs/ca.js +0 -7
  129. package/packages/components/other-components/sh-markdown/tinymce/langs/cs.js +0 -7
  130. package/packages/components/other-components/sh-markdown/tinymce/langs/cy.js +0 -7
  131. package/packages/components/other-components/sh-markdown/tinymce/langs/da.js +0 -7
  132. package/packages/components/other-components/sh-markdown/tinymce/langs/de.js +0 -7
  133. package/packages/components/other-components/sh-markdown/tinymce/langs/dv.js +0 -7
  134. package/packages/components/other-components/sh-markdown/tinymce/langs/el.js +0 -7
  135. package/packages/components/other-components/sh-markdown/tinymce/langs/eo.js +0 -7
  136. package/packages/components/other-components/sh-markdown/tinymce/langs/es.js +0 -7
  137. package/packages/components/other-components/sh-markdown/tinymce/langs/es_MX.js +0 -7
  138. package/packages/components/other-components/sh-markdown/tinymce/langs/et.js +0 -7
  139. package/packages/components/other-components/sh-markdown/tinymce/langs/eu.js +0 -7
  140. package/packages/components/other-components/sh-markdown/tinymce/langs/fa.js +0 -7
  141. package/packages/components/other-components/sh-markdown/tinymce/langs/fi.js +0 -7
  142. package/packages/components/other-components/sh-markdown/tinymce/langs/fr_FR.js +0 -7
  143. package/packages/components/other-components/sh-markdown/tinymce/langs/ga.js +0 -7
  144. package/packages/components/other-components/sh-markdown/tinymce/langs/gl.js +0 -7
  145. package/packages/components/other-components/sh-markdown/tinymce/langs/he_IL.js +0 -7
  146. package/packages/components/other-components/sh-markdown/tinymce/langs/hi.js +0 -7
  147. package/packages/components/other-components/sh-markdown/tinymce/langs/hr.js +0 -7
  148. package/packages/components/other-components/sh-markdown/tinymce/langs/hu_HU.js +0 -7
  149. package/packages/components/other-components/sh-markdown/tinymce/langs/hy.js +0 -7
  150. package/packages/components/other-components/sh-markdown/tinymce/langs/id.js +0 -7
  151. package/packages/components/other-components/sh-markdown/tinymce/langs/is_IS.js +0 -7
  152. package/packages/components/other-components/sh-markdown/tinymce/langs/it.js +0 -7
  153. package/packages/components/other-components/sh-markdown/tinymce/langs/ja.js +0 -7
  154. package/packages/components/other-components/sh-markdown/tinymce/langs/kab.js +0 -7
  155. package/packages/components/other-components/sh-markdown/tinymce/langs/kk.js +0 -7
  156. package/packages/components/other-components/sh-markdown/tinymce/langs/ko_KR.js +0 -7
  157. package/packages/components/other-components/sh-markdown/tinymce/langs/ku.js +0 -7
  158. package/packages/components/other-components/sh-markdown/tinymce/langs/lt.js +0 -7
  159. package/packages/components/other-components/sh-markdown/tinymce/langs/lv.js +0 -7
  160. package/packages/components/other-components/sh-markdown/tinymce/langs/nb_NO.js +0 -7
  161. package/packages/components/other-components/sh-markdown/tinymce/langs/ne.js +0 -7
  162. package/packages/components/other-components/sh-markdown/tinymce/langs/nl.js +0 -7
  163. package/packages/components/other-components/sh-markdown/tinymce/langs/nl_BE.js +0 -7
  164. package/packages/components/other-components/sh-markdown/tinymce/langs/oc.js +0 -7
  165. package/packages/components/other-components/sh-markdown/tinymce/langs/pl.js +0 -7
  166. package/packages/components/other-components/sh-markdown/tinymce/langs/pt_BR.js +0 -7
  167. package/packages/components/other-components/sh-markdown/tinymce/langs/ro.js +0 -7
  168. package/packages/components/other-components/sh-markdown/tinymce/langs/ru.js +0 -7
  169. package/packages/components/other-components/sh-markdown/tinymce/langs/sk.js +0 -7
  170. package/packages/components/other-components/sh-markdown/tinymce/langs/sl_SI.js +0 -7
  171. package/packages/components/other-components/sh-markdown/tinymce/langs/sq.js +0 -7
  172. package/packages/components/other-components/sh-markdown/tinymce/langs/sr.js +0 -7
  173. package/packages/components/other-components/sh-markdown/tinymce/langs/sv_SE.js +0 -7
  174. package/packages/components/other-components/sh-markdown/tinymce/langs/ta.js +0 -7
  175. package/packages/components/other-components/sh-markdown/tinymce/langs/tg.js +0 -7
  176. package/packages/components/other-components/sh-markdown/tinymce/langs/th_TH.js +0 -7
  177. package/packages/components/other-components/sh-markdown/tinymce/langs/tr.js +0 -7
  178. package/packages/components/other-components/sh-markdown/tinymce/langs/ug.js +0 -7
  179. package/packages/components/other-components/sh-markdown/tinymce/langs/uk.js +0 -7
  180. package/packages/components/other-components/sh-markdown/tinymce/langs/vi.js +0 -7
  181. package/packages/components/other-components/sh-markdown/tinymce/skins/content/dark/content.css +0 -72
  182. package/packages/components/other-components/sh-markdown/tinymce/skins/content/dark/content.min.css +0 -7
  183. package/packages/components/other-components/sh-markdown/tinymce/skins/content/default/content.min.css +0 -7
  184. package/packages/components/other-components/sh-markdown/tinymce/skins/content/document/content.css +0 -72
  185. package/packages/components/other-components/sh-markdown/tinymce/skins/content/document/content.min.css +0 -7
  186. package/packages/components/other-components/sh-markdown/tinymce/skins/content/writer/content.css +0 -68
  187. package/packages/components/other-components/sh-markdown/tinymce/skins/content/writer/content.min.css +0 -7
  188. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/content.css +0 -714
  189. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/content.inline.css +0 -726
  190. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/content.inline.min.css +0 -7
  191. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/content.min.css +0 -7
  192. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/content.mobile.css +0 -29
  193. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/content.mobile.min.css +0 -7
  194. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/fonts/tinymce-mobile.woff +0 -0
  195. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/skin.css +0 -3047
  196. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/skin.min.css +0 -7
  197. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/skin.mobile.css +0 -673
  198. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/skin.mobile.min.css +0 -7
  199. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/skin.shadowdom.css +0 -37
  200. package/packages/components/other-components/sh-markdown/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css +0 -7
  201. package/packages/directive/directives.js +0 -27
  202. package/packages/iview/css/index.scss +0 -32
  203. package/packages/iview/index.js +0 -25
  204. /package/packages/components/global-components/{sh-vxe-form → sh-form}/components/form-item.vue +0 -0
  205. /package/packages/components/global-components/{sh-vxe-form → sh-form}/js/props.js +0 -0
  206. /package/packages/components/global-components/{sh-vxe-table → sh-table}/js/excel_to_json.js +0 -0
@@ -1,3047 +0,0 @@
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-shadow: none;
9
- box-sizing: content-box;
10
- color: #2A3746;
11
- cursor: auto;
12
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
13
- font-size: 16px;
14
- font-style: normal;
15
- font-weight: normal;
16
- line-height: normal;
17
- -webkit-tap-highlight-color: transparent;
18
- text-decoration: none;
19
- text-shadow: none;
20
- text-transform: none;
21
- vertical-align: initial;
22
- white-space: normal;
23
- }
24
- .tox *:not(svg):not(rect) {
25
- box-sizing: inherit;
26
- color: inherit;
27
- cursor: inherit;
28
- direction: inherit;
29
- font-family: inherit;
30
- font-size: inherit;
31
- font-style: inherit;
32
- font-weight: inherit;
33
- line-height: inherit;
34
- -webkit-tap-highlight-color: inherit;
35
- text-align: inherit;
36
- text-decoration: inherit;
37
- text-shadow: inherit;
38
- text-transform: inherit;
39
- vertical-align: inherit;
40
- white-space: inherit;
41
- }
42
- .tox *:not(svg):not(rect) {
43
- /* stylelint-disable-line no-duplicate-selectors */
44
- background: transparent;
45
- border: 0;
46
- box-shadow: none;
47
- float: none;
48
- height: auto;
49
- margin: 0;
50
- max-width: none;
51
- outline: 0;
52
- padding: 0;
53
- position: static;
54
- width: auto;
55
- }
56
- .tox:not([dir=rtl]) {
57
- direction: ltr;
58
- text-align: left;
59
- }
60
- .tox[dir=rtl] {
61
- direction: rtl;
62
- text-align: right;
63
- }
64
- .tox-tinymce {
65
- border: 1px solid #000000;
66
- border-radius: 0;
67
- box-shadow: none;
68
- box-sizing: border-box;
69
- display: flex;
70
- flex-direction: column;
71
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
72
- overflow: hidden;
73
- position: relative;
74
- visibility: inherit !important;
75
- }
76
- .tox-tinymce-inline {
77
- border: none;
78
- box-shadow: none;
79
- }
80
- .tox-tinymce-inline .tox-editor-header {
81
- background-color: transparent;
82
- border: 1px solid #000000;
83
- border-radius: 0;
84
- box-shadow: none;
85
- }
86
- .tox-tinymce-aux {
87
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
88
- z-index: 1300;
89
- }
90
- .tox-tinymce *:focus,
91
- .tox-tinymce-aux *:focus {
92
- outline: none;
93
- }
94
- button::-moz-focus-inner {
95
- border: 0;
96
- }
97
- .tox[dir=rtl] .tox-icon--flip svg {
98
- transform: rotateY(180deg);
99
- }
100
- .tox .accessibility-issue__header {
101
- align-items: center;
102
- display: flex;
103
- margin-bottom: 4px;
104
- }
105
- .tox .accessibility-issue__description {
106
- align-items: stretch;
107
- border: 1px solid #000000;
108
- border-radius: 3px;
109
- display: flex;
110
- justify-content: space-between;
111
- }
112
- .tox .accessibility-issue__description > div {
113
- padding-bottom: 4px;
114
- }
115
- .tox .accessibility-issue__description > div > div {
116
- align-items: center;
117
- display: flex;
118
- margin-bottom: 4px;
119
- }
120
- .tox .accessibility-issue__description > *:last-child:not(:only-child) {
121
- border-color: #000000;
122
- border-style: solid;
123
- }
124
- .tox .accessibility-issue__repair {
125
- margin-top: 16px;
126
- }
127
- .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
128
- background-color: rgba(32, 122, 183, 0.5);
129
- border-color: #207ab7;
130
- color: #fff;
131
- }
132
- .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
133
- border-color: #207ab7;
134
- }
135
- .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
136
- color: #fff;
137
- }
138
- .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
139
- fill: #fff;
140
- }
141
- .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
142
- color: #fff;
143
- }
144
- .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
145
- background-color: rgba(255, 165, 0, 0.5);
146
- border-color: rgba(255, 165, 0, 0.8);
147
- color: #fff;
148
- }
149
- .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
150
- border-color: rgba(255, 165, 0, 0.8);
151
- }
152
- .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
153
- color: #fff;
154
- }
155
- .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
156
- fill: #fff;
157
- }
158
- .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
159
- color: #fff;
160
- }
161
- .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
162
- background-color: rgba(204, 0, 0, 0.5);
163
- border-color: rgba(204, 0, 0, 0.8);
164
- color: #fff;
165
- }
166
- .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
167
- border-color: rgba(204, 0, 0, 0.8);
168
- }
169
- .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
170
- color: #fff;
171
- }
172
- .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
173
- fill: #fff;
174
- }
175
- .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
176
- color: #fff;
177
- }
178
- .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
179
- background-color: rgba(120, 171, 70, 0.5);
180
- border-color: rgba(120, 171, 70, 0.8);
181
- color: #fff;
182
- }
183
- .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
184
- border-color: rgba(120, 171, 70, 0.8);
185
- }
186
- .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
187
- color: #fff;
188
- }
189
- .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
190
- fill: #fff;
191
- }
192
- .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
193
- color: #fff;
194
- }
195
- .tox .tox-dialog__body-content .accessibility-issue__header h1,
196
- .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
197
- margin-top: 0;
198
- }
199
- .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
200
- margin-left: 4px;
201
- }
202
- .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
203
- margin-left: auto;
204
- }
205
- .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
206
- padding: 4px 4px 4px 8px;
207
- }
208
- .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
209
- border-left-width: 1px;
210
- padding-left: 4px;
211
- }
212
- .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
213
- margin-right: 4px;
214
- }
215
- .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
216
- margin-right: auto;
217
- }
218
- .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
219
- padding: 4px 8px 4px 4px;
220
- }
221
- .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
222
- border-right-width: 1px;
223
- padding-right: 4px;
224
- }
225
- .tox .tox-anchorbar {
226
- display: flex;
227
- flex: 0 0 auto;
228
- }
229
- .tox .tox-bar {
230
- display: flex;
231
- flex: 0 0 auto;
232
- }
233
- .tox .tox-button {
234
- background-color: #207ab7;
235
- background-image: none;
236
- background-position: 0 0;
237
- background-repeat: repeat;
238
- border-color: #207ab7;
239
- border-radius: 3px;
240
- border-style: solid;
241
- border-width: 1px;
242
- box-shadow: none;
243
- box-sizing: border-box;
244
- color: #fff;
245
- cursor: pointer;
246
- display: inline-block;
247
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
248
- font-size: 14px;
249
- font-style: normal;
250
- font-weight: bold;
251
- letter-spacing: normal;
252
- line-height: 24px;
253
- margin: 0;
254
- outline: none;
255
- padding: 4px 16px;
256
- text-align: center;
257
- text-decoration: none;
258
- text-transform: none;
259
- white-space: nowrap;
260
- }
261
- .tox .tox-button[disabled] {
262
- background-color: #207ab7;
263
- background-image: none;
264
- border-color: #207ab7;
265
- box-shadow: none;
266
- color: rgba(255, 255, 255, 0.5);
267
- cursor: not-allowed;
268
- }
269
- .tox .tox-button:focus:not(:disabled) {
270
- background-color: #1c6ca1;
271
- background-image: none;
272
- border-color: #1c6ca1;
273
- box-shadow: none;
274
- color: #fff;
275
- }
276
- .tox .tox-button:hover:not(:disabled) {
277
- background-color: #1c6ca1;
278
- background-image: none;
279
- border-color: #1c6ca1;
280
- box-shadow: none;
281
- color: #fff;
282
- }
283
- .tox .tox-button:active:not(:disabled) {
284
- background-color: #185d8c;
285
- background-image: none;
286
- border-color: #185d8c;
287
- box-shadow: none;
288
- color: #fff;
289
- }
290
- .tox .tox-button--secondary {
291
- background-color: #3d546f;
292
- background-image: none;
293
- background-position: 0 0;
294
- background-repeat: repeat;
295
- border-color: #3d546f;
296
- border-radius: 3px;
297
- border-style: solid;
298
- border-width: 1px;
299
- box-shadow: none;
300
- color: #fff;
301
- font-size: 14px;
302
- font-style: normal;
303
- font-weight: bold;
304
- letter-spacing: normal;
305
- outline: none;
306
- padding: 4px 16px;
307
- text-decoration: none;
308
- text-transform: none;
309
- }
310
- .tox .tox-button--secondary[disabled] {
311
- background-color: #3d546f;
312
- background-image: none;
313
- border-color: #3d546f;
314
- box-shadow: none;
315
- color: rgba(255, 255, 255, 0.5);
316
- }
317
- .tox .tox-button--secondary:focus:not(:disabled) {
318
- background-color: #34485f;
319
- background-image: none;
320
- border-color: #34485f;
321
- box-shadow: none;
322
- color: #fff;
323
- }
324
- .tox .tox-button--secondary:hover:not(:disabled) {
325
- background-color: #34485f;
326
- background-image: none;
327
- border-color: #34485f;
328
- box-shadow: none;
329
- color: #fff;
330
- }
331
- .tox .tox-button--secondary:active:not(:disabled) {
332
- background-color: #2b3b4e;
333
- background-image: none;
334
- border-color: #2b3b4e;
335
- box-shadow: none;
336
- color: #fff;
337
- }
338
- .tox .tox-button--icon,
339
- .tox .tox-button.tox-button--icon,
340
- .tox .tox-button.tox-button--secondary.tox-button--icon {
341
- padding: 4px;
342
- }
343
- .tox .tox-button--icon .tox-icon svg,
344
- .tox .tox-button.tox-button--icon .tox-icon svg,
345
- .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
346
- display: block;
347
- fill: currentColor;
348
- }
349
- .tox .tox-button-link {
350
- background: 0;
351
- border: none;
352
- box-sizing: border-box;
353
- cursor: pointer;
354
- display: inline-block;
355
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
356
- font-size: 16px;
357
- font-weight: normal;
358
- line-height: 1.3;
359
- margin: 0;
360
- padding: 0;
361
- white-space: nowrap;
362
- }
363
- .tox .tox-button-link--sm {
364
- font-size: 14px;
365
- }
366
- .tox .tox-button--naked {
367
- background-color: transparent;
368
- border-color: transparent;
369
- box-shadow: unset;
370
- color: #fff;
371
- }
372
- .tox .tox-button--naked[disabled] {
373
- background-color: #3d546f;
374
- border-color: #3d546f;
375
- box-shadow: none;
376
- color: rgba(255, 255, 255, 0.5);
377
- }
378
- .tox .tox-button--naked:hover:not(:disabled) {
379
- background-color: #34485f;
380
- border-color: #34485f;
381
- box-shadow: none;
382
- color: #fff;
383
- }
384
- .tox .tox-button--naked:focus:not(:disabled) {
385
- background-color: #34485f;
386
- border-color: #34485f;
387
- box-shadow: none;
388
- color: #fff;
389
- }
390
- .tox .tox-button--naked:active:not(:disabled) {
391
- background-color: #2b3b4e;
392
- border-color: #2b3b4e;
393
- box-shadow: none;
394
- color: #fff;
395
- }
396
- .tox .tox-button--naked .tox-icon svg {
397
- fill: currentColor;
398
- }
399
- .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
400
- color: #fff;
401
- }
402
- .tox .tox-checkbox {
403
- align-items: center;
404
- border-radius: 3px;
405
- cursor: pointer;
406
- display: flex;
407
- height: 36px;
408
- min-width: 36px;
409
- }
410
- .tox .tox-checkbox__input {
411
- /* Hide from view but visible to screen readers */
412
- height: 1px;
413
- overflow: hidden;
414
- position: absolute;
415
- top: auto;
416
- width: 1px;
417
- }
418
- .tox .tox-checkbox__icons {
419
- align-items: center;
420
- border-radius: 3px;
421
- box-shadow: 0 0 0 2px transparent;
422
- box-sizing: content-box;
423
- display: flex;
424
- height: 24px;
425
- justify-content: center;
426
- padding: calc(4px - 1px);
427
- width: 24px;
428
- }
429
- .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
430
- display: block;
431
- fill: rgba(255, 255, 255, 0.2);
432
- }
433
- .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
434
- display: none;
435
- fill: #207ab7;
436
- }
437
- .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
438
- display: none;
439
- fill: #207ab7;
440
- }
441
- .tox .tox-checkbox--disabled {
442
- color: rgba(255, 255, 255, 0.5);
443
- cursor: not-allowed;
444
- }
445
- .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
446
- fill: rgba(255, 255, 255, 0.5);
447
- }
448
- .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
449
- fill: rgba(255, 255, 255, 0.5);
450
- }
451
- .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
452
- fill: rgba(255, 255, 255, 0.5);
453
- }
454
- .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
455
- display: none;
456
- }
457
- .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
458
- display: block;
459
- }
460
- .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
461
- display: none;
462
- }
463
- .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
464
- display: block;
465
- }
466
- .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
467
- border-radius: 3px;
468
- box-shadow: inset 0 0 0 1px #207ab7;
469
- padding: calc(4px - 1px);
470
- }
471
- .tox:not([dir=rtl]) .tox-checkbox__label {
472
- margin-left: 4px;
473
- }
474
- .tox:not([dir=rtl]) .tox-checkbox__input {
475
- left: -10000px;
476
- }
477
- .tox:not([dir=rtl]) .tox-bar .tox-checkbox {
478
- margin-left: 4px;
479
- }
480
- .tox[dir=rtl] .tox-checkbox__label {
481
- margin-right: 4px;
482
- }
483
- .tox[dir=rtl] .tox-checkbox__input {
484
- right: -10000px;
485
- }
486
- .tox[dir=rtl] .tox-bar .tox-checkbox {
487
- margin-right: 4px;
488
- }
489
- .tox {
490
- /* stylelint-disable-next-line no-descending-specificity */
491
- }
492
- .tox .tox-collection--toolbar .tox-collection__group {
493
- display: flex;
494
- padding: 0;
495
- }
496
- .tox .tox-collection--grid .tox-collection__group {
497
- display: flex;
498
- flex-wrap: wrap;
499
- max-height: 208px;
500
- overflow-x: hidden;
501
- overflow-y: auto;
502
- padding: 0;
503
- }
504
- .tox .tox-collection--list .tox-collection__group {
505
- border-bottom-width: 0;
506
- border-color: #1a1a1a;
507
- border-left-width: 0;
508
- border-right-width: 0;
509
- border-style: solid;
510
- border-top-width: 1px;
511
- padding: 4px 0;
512
- }
513
- .tox .tox-collection--list .tox-collection__group:first-child {
514
- border-top-width: 0;
515
- }
516
- .tox .tox-collection__group-heading {
517
- background-color: #333333;
518
- color: #fff;
519
- cursor: default;
520
- font-size: 12px;
521
- font-style: normal;
522
- font-weight: normal;
523
- margin-bottom: 4px;
524
- margin-top: -4px;
525
- padding: 4px 8px;
526
- text-transform: none;
527
- -webkit-touch-callout: none;
528
- -webkit-user-select: none;
529
- -moz-user-select: none;
530
- -ms-user-select: none;
531
- user-select: none;
532
- }
533
- .tox .tox-collection__item {
534
- align-items: center;
535
- color: #fff;
536
- cursor: pointer;
537
- display: flex;
538
- -webkit-touch-callout: none;
539
- -webkit-user-select: none;
540
- -moz-user-select: none;
541
- -ms-user-select: none;
542
- user-select: none;
543
- }
544
- .tox .tox-collection--list .tox-collection__item {
545
- padding: 4px 8px;
546
- }
547
- .tox .tox-collection--toolbar .tox-collection__item {
548
- border-radius: 3px;
549
- padding: 4px;
550
- }
551
- .tox .tox-collection--grid .tox-collection__item {
552
- border-radius: 3px;
553
- padding: 4px;
554
- }
555
- .tox .tox-collection--list .tox-collection__item--enabled {
556
- background-color: #2b3b4e;
557
- color: #fff;
558
- }
559
- .tox .tox-collection--list .tox-collection__item--active {
560
- background-color: #4a5562;
561
- }
562
- .tox .tox-collection--toolbar .tox-collection__item--enabled {
563
- background-color: #757d87;
564
- color: #fff;
565
- }
566
- .tox .tox-collection--toolbar .tox-collection__item--active {
567
- background-color: #4a5562;
568
- }
569
- .tox .tox-collection--grid .tox-collection__item--enabled {
570
- background-color: #757d87;
571
- color: #fff;
572
- }
573
- .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
574
- background-color: #4a5562;
575
- color: #fff;
576
- }
577
- .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
578
- color: #fff;
579
- }
580
- .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
581
- color: #fff;
582
- }
583
- .tox .tox-collection__item-icon,
584
- .tox .tox-collection__item-checkmark {
585
- align-items: center;
586
- display: flex;
587
- height: 24px;
588
- justify-content: center;
589
- width: 24px;
590
- }
591
- .tox .tox-collection__item-icon svg,
592
- .tox .tox-collection__item-checkmark svg {
593
- fill: currentColor;
594
- }
595
- .tox .tox-collection--toolbar-lg .tox-collection__item-icon {
596
- height: 48px;
597
- width: 48px;
598
- }
599
- .tox .tox-collection__item-label {
600
- color: currentColor;
601
- display: inline-block;
602
- flex: 1;
603
- -ms-flex-preferred-size: auto;
604
- font-size: 14px;
605
- font-style: normal;
606
- font-weight: normal;
607
- line-height: 24px;
608
- text-transform: none;
609
- word-break: break-all;
610
- }
611
- .tox .tox-collection__item-accessory {
612
- color: rgba(255, 255, 255, 0.5);
613
- display: inline-block;
614
- font-size: 14px;
615
- height: 24px;
616
- line-height: 24px;
617
- text-transform: none;
618
- }
619
- .tox .tox-collection__item-caret {
620
- align-items: center;
621
- display: flex;
622
- min-height: 24px;
623
- }
624
- .tox .tox-collection__item-caret::after {
625
- content: '';
626
- font-size: 0;
627
- min-height: inherit;
628
- }
629
- .tox .tox-collection__item-caret svg {
630
- fill: #fff;
631
- }
632
- .tox .tox-collection__item--state-disabled {
633
- background-color: transparent;
634
- color: rgba(255, 255, 255, 0.5);
635
- cursor: not-allowed;
636
- }
637
- .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
638
- fill: rgba(255, 255, 255, 0.5);
639
- }
640
- .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
641
- display: none;
642
- }
643
- .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
644
- display: none;
645
- }
646
- .tox .tox-collection--horizontal {
647
- background-color: #2b3b4e;
648
- border: 1px solid #1a1a1a;
649
- border-radius: 3px;
650
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
651
- display: flex;
652
- flex: 0 0 auto;
653
- flex-shrink: 0;
654
- flex-wrap: nowrap;
655
- margin-bottom: 0;
656
- overflow-x: auto;
657
- padding: 0;
658
- }
659
- .tox .tox-collection--horizontal .tox-collection__group {
660
- align-items: center;
661
- display: flex;
662
- flex-wrap: nowrap;
663
- margin: 0;
664
- padding: 0 4px;
665
- }
666
- .tox .tox-collection--horizontal .tox-collection__item {
667
- height: 34px;
668
- margin: 2px 0 3px 0;
669
- padding: 0 4px;
670
- }
671
- .tox .tox-collection--horizontal .tox-collection__item-label {
672
- white-space: nowrap;
673
- }
674
- .tox .tox-collection--horizontal .tox-collection__item-caret {
675
- margin-left: 4px;
676
- }
677
- .tox .tox-collection__item-container {
678
- display: flex;
679
- }
680
- .tox .tox-collection__item-container--row {
681
- align-items: center;
682
- flex: 1 1 auto;
683
- flex-direction: row;
684
- }
685
- .tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
686
- margin-right: auto;
687
- }
688
- .tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
689
- justify-content: flex-end;
690
- margin-left: auto;
691
- }
692
- .tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
693
- align-items: flex-start;
694
- margin-bottom: auto;
695
- }
696
- .tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
697
- align-items: center;
698
- }
699
- .tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
700
- align-items: flex-end;
701
- margin-top: auto;
702
- }
703
- .tox .tox-collection__item-container--column {
704
- -ms-grid-row-align: center;
705
- align-self: center;
706
- flex: 1 1 auto;
707
- flex-direction: column;
708
- }
709
- .tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
710
- align-items: flex-start;
711
- }
712
- .tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
713
- align-items: flex-end;
714
- }
715
- .tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
716
- align-self: flex-start;
717
- }
718
- .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
719
- -ms-grid-row-align: center;
720
- align-self: center;
721
- }
722
- .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
723
- align-self: flex-end;
724
- }
725
- .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
726
- border-right: 1px solid #000000;
727
- }
728
- .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
729
- margin-left: 8px;
730
- }
731
- .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
732
- margin-left: 4px;
733
- }
734
- .tox:not([dir=rtl]) .tox-collection__item-accessory {
735
- margin-left: 16px;
736
- text-align: right;
737
- }
738
- .tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
739
- margin-left: 16px;
740
- }
741
- .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
742
- border-left: 1px solid #000000;
743
- }
744
- .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
745
- margin-right: 8px;
746
- }
747
- .tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
748
- margin-right: 4px;
749
- }
750
- .tox[dir=rtl] .tox-collection__item-accessory {
751
- margin-right: 16px;
752
- text-align: left;
753
- }
754
- .tox[dir=rtl] .tox-collection .tox-collection__item-caret {
755
- margin-right: 16px;
756
- transform: rotateY(180deg);
757
- }
758
- .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
759
- margin-right: 4px;
760
- }
761
- .tox .tox-color-picker-container {
762
- display: flex;
763
- flex-direction: row;
764
- height: 225px;
765
- margin: 0;
766
- }
767
- .tox .tox-sv-palette {
768
- box-sizing: border-box;
769
- display: flex;
770
- height: 100%;
771
- }
772
- .tox .tox-sv-palette-spectrum {
773
- height: 100%;
774
- }
775
- .tox .tox-sv-palette,
776
- .tox .tox-sv-palette-spectrum {
777
- width: 225px;
778
- }
779
- .tox .tox-sv-palette-thumb {
780
- background: none;
781
- border: 1px solid black;
782
- border-radius: 50%;
783
- box-sizing: content-box;
784
- height: 12px;
785
- position: absolute;
786
- width: 12px;
787
- }
788
- .tox .tox-sv-palette-inner-thumb {
789
- border: 1px solid white;
790
- border-radius: 50%;
791
- height: 10px;
792
- position: absolute;
793
- width: 10px;
794
- }
795
- .tox .tox-hue-slider {
796
- box-sizing: border-box;
797
- height: 100%;
798
- width: 25px;
799
- }
800
- .tox .tox-hue-slider-spectrum {
801
- background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
802
- height: 100%;
803
- width: 100%;
804
- }
805
- .tox .tox-hue-slider,
806
- .tox .tox-hue-slider-spectrum {
807
- width: 20px;
808
- }
809
- .tox .tox-hue-slider-thumb {
810
- background: white;
811
- border: 1px solid black;
812
- box-sizing: content-box;
813
- height: 4px;
814
- width: 100%;
815
- }
816
- .tox .tox-rgb-form {
817
- display: flex;
818
- flex-direction: column;
819
- justify-content: space-between;
820
- }
821
- .tox .tox-rgb-form div {
822
- align-items: center;
823
- display: flex;
824
- justify-content: space-between;
825
- margin-bottom: 5px;
826
- width: inherit;
827
- }
828
- .tox .tox-rgb-form input {
829
- width: 6em;
830
- }
831
- .tox .tox-rgb-form input.tox-invalid {
832
- /* Need !important to override Chrome's focus styling unfortunately */
833
- border: 1px solid red !important;
834
- }
835
- .tox .tox-rgb-form .tox-rgba-preview {
836
- border: 1px solid black;
837
- flex-grow: 2;
838
- margin-bottom: 0;
839
- }
840
- .tox:not([dir=rtl]) .tox-sv-palette {
841
- margin-right: 15px;
842
- }
843
- .tox:not([dir=rtl]) .tox-hue-slider {
844
- margin-right: 15px;
845
- }
846
- .tox:not([dir=rtl]) .tox-hue-slider-thumb {
847
- margin-left: -1px;
848
- }
849
- .tox:not([dir=rtl]) .tox-rgb-form label {
850
- margin-right: 0.5em;
851
- }
852
- .tox[dir=rtl] .tox-sv-palette {
853
- margin-left: 15px;
854
- }
855
- .tox[dir=rtl] .tox-hue-slider {
856
- margin-left: 15px;
857
- }
858
- .tox[dir=rtl] .tox-hue-slider-thumb {
859
- margin-right: -1px;
860
- }
861
- .tox[dir=rtl] .tox-rgb-form label {
862
- margin-left: 0.5em;
863
- }
864
- .tox .tox-toolbar .tox-swatches,
865
- .tox .tox-toolbar__primary .tox-swatches,
866
- .tox .tox-toolbar__overflow .tox-swatches {
867
- margin: 2px 0 3px 4px;
868
- }
869
- .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
870
- border: 0;
871
- margin: -4px 0;
872
- }
873
- .tox .tox-swatches__row {
874
- display: flex;
875
- }
876
- .tox .tox-swatch {
877
- height: 30px;
878
- transition: transform 0.15s, box-shadow 0.15s;
879
- width: 30px;
880
- }
881
- .tox .tox-swatch:hover,
882
- .tox .tox-swatch:focus {
883
- box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
884
- transform: scale(0.8);
885
- }
886
- .tox .tox-swatch--remove {
887
- align-items: center;
888
- display: flex;
889
- justify-content: center;
890
- }
891
- .tox .tox-swatch--remove svg path {
892
- stroke: #e74c3c;
893
- }
894
- .tox .tox-swatches__picker-btn {
895
- align-items: center;
896
- background-color: transparent;
897
- border: 0;
898
- cursor: pointer;
899
- display: flex;
900
- height: 30px;
901
- justify-content: center;
902
- outline: none;
903
- padding: 0;
904
- width: 30px;
905
- }
906
- .tox .tox-swatches__picker-btn svg {
907
- height: 24px;
908
- width: 24px;
909
- }
910
- .tox .tox-swatches__picker-btn:hover {
911
- background: #4a5562;
912
- }
913
- .tox:not([dir=rtl]) .tox-swatches__picker-btn {
914
- margin-left: auto;
915
- }
916
- .tox[dir=rtl] .tox-swatches__picker-btn {
917
- margin-right: auto;
918
- }
919
- .tox .tox-comment-thread {
920
- background: #2b3b4e;
921
- position: relative;
922
- }
923
- .tox .tox-comment-thread > *:not(:first-child) {
924
- margin-top: 8px;
925
- }
926
- .tox .tox-comment {
927
- background: #2b3b4e;
928
- border: 1px solid #000000;
929
- border-radius: 3px;
930
- box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
931
- padding: 8px 8px 16px 8px;
932
- position: relative;
933
- }
934
- .tox .tox-comment__header {
935
- align-items: center;
936
- color: #fff;
937
- display: flex;
938
- justify-content: space-between;
939
- }
940
- .tox .tox-comment__date {
941
- color: rgba(255, 255, 255, 0.5);
942
- font-size: 12px;
943
- }
944
- .tox .tox-comment__body {
945
- color: #fff;
946
- font-size: 14px;
947
- font-style: normal;
948
- font-weight: normal;
949
- line-height: 1.3;
950
- margin-top: 8px;
951
- position: relative;
952
- text-transform: initial;
953
- }
954
- .tox .tox-comment__body textarea {
955
- resize: none;
956
- white-space: normal;
957
- width: 100%;
958
- }
959
- .tox .tox-comment__expander {
960
- padding-top: 8px;
961
- }
962
- .tox .tox-comment__expander p {
963
- color: rgba(255, 255, 255, 0.5);
964
- font-size: 14px;
965
- font-style: normal;
966
- }
967
- .tox .tox-comment__body p {
968
- margin: 0;
969
- }
970
- .tox .tox-comment__buttonspacing {
971
- padding-top: 16px;
972
- text-align: center;
973
- }
974
- .tox .tox-comment-thread__overlay::after {
975
- background: #2b3b4e;
976
- bottom: 0;
977
- content: "";
978
- display: flex;
979
- left: 0;
980
- opacity: 0.9;
981
- position: absolute;
982
- right: 0;
983
- top: 0;
984
- z-index: 5;
985
- }
986
- .tox .tox-comment__reply {
987
- display: flex;
988
- flex-shrink: 0;
989
- flex-wrap: wrap;
990
- justify-content: flex-end;
991
- margin-top: 8px;
992
- }
993
- .tox .tox-comment__reply > *:first-child {
994
- margin-bottom: 8px;
995
- width: 100%;
996
- }
997
- .tox .tox-comment__edit {
998
- display: flex;
999
- flex-wrap: wrap;
1000
- justify-content: flex-end;
1001
- margin-top: 16px;
1002
- }
1003
- .tox .tox-comment__gradient::after {
1004
- background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);
1005
- bottom: 0;
1006
- content: "";
1007
- display: block;
1008
- height: 5em;
1009
- margin-top: -40px;
1010
- position: absolute;
1011
- width: 100%;
1012
- }
1013
- .tox .tox-comment__overlay {
1014
- background: #2b3b4e;
1015
- bottom: 0;
1016
- display: flex;
1017
- flex-direction: column;
1018
- flex-grow: 1;
1019
- left: 0;
1020
- opacity: 0.9;
1021
- position: absolute;
1022
- right: 0;
1023
- text-align: center;
1024
- top: 0;
1025
- z-index: 5;
1026
- }
1027
- .tox .tox-comment__loading-text {
1028
- align-items: center;
1029
- color: #fff;
1030
- display: flex;
1031
- flex-direction: column;
1032
- position: relative;
1033
- }
1034
- .tox .tox-comment__loading-text > div {
1035
- padding-bottom: 16px;
1036
- }
1037
- .tox .tox-comment__overlaytext {
1038
- bottom: 0;
1039
- flex-direction: column;
1040
- font-size: 14px;
1041
- left: 0;
1042
- padding: 1em;
1043
- position: absolute;
1044
- right: 0;
1045
- top: 0;
1046
- z-index: 10;
1047
- }
1048
- .tox .tox-comment__overlaytext p {
1049
- background-color: #2b3b4e;
1050
- box-shadow: 0 0 8px 8px #2b3b4e;
1051
- color: #fff;
1052
- text-align: center;
1053
- }
1054
- .tox .tox-comment__overlaytext div:nth-of-type(2) {
1055
- font-size: 0.8em;
1056
- }
1057
- .tox .tox-comment__busy-spinner {
1058
- align-items: center;
1059
- background-color: #2b3b4e;
1060
- bottom: 0;
1061
- display: flex;
1062
- justify-content: center;
1063
- left: 0;
1064
- position: absolute;
1065
- right: 0;
1066
- top: 0;
1067
- z-index: 20;
1068
- }
1069
- .tox .tox-comment__scroll {
1070
- display: flex;
1071
- flex-direction: column;
1072
- flex-shrink: 1;
1073
- overflow: auto;
1074
- }
1075
- .tox .tox-conversations {
1076
- margin: 8px;
1077
- }
1078
- .tox:not([dir=rtl]) .tox-comment__edit {
1079
- margin-left: 8px;
1080
- }
1081
- .tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
1082
- .tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
1083
- .tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
1084
- margin-left: 8px;
1085
- }
1086
- .tox[dir=rtl] .tox-comment__edit {
1087
- margin-right: 8px;
1088
- }
1089
- .tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
1090
- .tox[dir=rtl] .tox-comment__edit > *:last-child,
1091
- .tox[dir=rtl] .tox-comment__reply > *:last-child {
1092
- margin-right: 8px;
1093
- }
1094
- .tox .tox-user {
1095
- align-items: center;
1096
- display: flex;
1097
- }
1098
- .tox .tox-user__avatar svg {
1099
- fill: rgba(255, 255, 255, 0.5);
1100
- }
1101
- .tox .tox-user__name {
1102
- color: rgba(255, 255, 255, 0.5);
1103
- font-size: 12px;
1104
- font-style: normal;
1105
- font-weight: bold;
1106
- text-transform: uppercase;
1107
- }
1108
- .tox:not([dir=rtl]) .tox-user__avatar svg {
1109
- margin-right: 8px;
1110
- }
1111
- .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
1112
- margin-left: 8px;
1113
- }
1114
- .tox[dir=rtl] .tox-user__avatar svg {
1115
- margin-left: 8px;
1116
- }
1117
- .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
1118
- margin-right: 8px;
1119
- }
1120
- .tox .tox-dialog-wrap {
1121
- align-items: center;
1122
- bottom: 0;
1123
- display: flex;
1124
- justify-content: center;
1125
- left: 0;
1126
- position: fixed;
1127
- right: 0;
1128
- top: 0;
1129
- z-index: 1100;
1130
- }
1131
- .tox .tox-dialog-wrap__backdrop {
1132
- background-color: rgba(34, 47, 62, 0.75);
1133
- bottom: 0;
1134
- left: 0;
1135
- position: absolute;
1136
- right: 0;
1137
- top: 0;
1138
- z-index: 1;
1139
- }
1140
- .tox .tox-dialog-wrap__backdrop--opaque {
1141
- background-color: #222f3e;
1142
- }
1143
- .tox .tox-dialog {
1144
- background-color: #2b3b4e;
1145
- border-color: #000000;
1146
- border-radius: 3px;
1147
- border-style: solid;
1148
- border-width: 1px;
1149
- box-shadow: 0 16px 16px -10px rgba(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 0.15);
1150
- display: flex;
1151
- flex-direction: column;
1152
- max-height: 100%;
1153
- max-width: 480px;
1154
- overflow: hidden;
1155
- position: relative;
1156
- width: 95vw;
1157
- z-index: 2;
1158
- }
1159
- @media only screen and (max-width:767px) {
1160
- body:not(.tox-force-desktop) .tox .tox-dialog {
1161
- align-self: flex-start;
1162
- margin: 8px auto;
1163
- width: calc(100vw - 16px);
1164
- }
1165
- }
1166
- .tox .tox-dialog-inline {
1167
- z-index: 1100;
1168
- }
1169
- .tox .tox-dialog__header {
1170
- align-items: center;
1171
- background-color: #2b3b4e;
1172
- border-bottom: none;
1173
- color: #fff;
1174
- display: flex;
1175
- font-size: 16px;
1176
- justify-content: space-between;
1177
- padding: 8px 16px 0 16px;
1178
- position: relative;
1179
- }
1180
- .tox .tox-dialog__header .tox-button {
1181
- z-index: 1;
1182
- }
1183
- .tox .tox-dialog__draghandle {
1184
- cursor: grab;
1185
- height: 100%;
1186
- left: 0;
1187
- position: absolute;
1188
- top: 0;
1189
- width: 100%;
1190
- }
1191
- .tox .tox-dialog__draghandle:active {
1192
- cursor: grabbing;
1193
- }
1194
- .tox .tox-dialog__dismiss {
1195
- margin-left: auto;
1196
- }
1197
- .tox .tox-dialog__title {
1198
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1199
- font-size: 20px;
1200
- font-style: normal;
1201
- font-weight: normal;
1202
- line-height: 1.3;
1203
- margin: 0;
1204
- text-transform: none;
1205
- }
1206
- .tox .tox-dialog__body {
1207
- color: #fff;
1208
- display: flex;
1209
- flex: 1;
1210
- -ms-flex-preferred-size: auto;
1211
- font-size: 16px;
1212
- font-style: normal;
1213
- font-weight: normal;
1214
- line-height: 1.3;
1215
- min-width: 0;
1216
- text-align: left;
1217
- text-transform: none;
1218
- }
1219
- @media only screen and (max-width:767px) {
1220
- body:not(.tox-force-desktop) .tox .tox-dialog__body {
1221
- flex-direction: column;
1222
- }
1223
- }
1224
- .tox .tox-dialog__body-nav {
1225
- align-items: flex-start;
1226
- display: flex;
1227
- flex-direction: column;
1228
- padding: 16px 16px;
1229
- }
1230
- @media only screen and (max-width:767px) {
1231
- body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
1232
- flex-direction: row;
1233
- -webkit-overflow-scrolling: touch;
1234
- overflow-x: auto;
1235
- padding-bottom: 0;
1236
- }
1237
- }
1238
- .tox .tox-dialog__body-nav-item {
1239
- border-bottom: 2px solid transparent;
1240
- color: rgba(255, 255, 255, 0.5);
1241
- display: inline-block;
1242
- font-size: 14px;
1243
- line-height: 1.3;
1244
- margin-bottom: 8px;
1245
- text-decoration: none;
1246
- white-space: nowrap;
1247
- }
1248
- .tox .tox-dialog__body-nav-item:focus {
1249
- background-color: rgba(32, 122, 183, 0.1);
1250
- }
1251
- .tox .tox-dialog__body-nav-item--active {
1252
- border-bottom: 2px solid #207ab7;
1253
- color: #207ab7;
1254
- }
1255
- .tox .tox-dialog__body-content {
1256
- box-sizing: border-box;
1257
- display: flex;
1258
- flex: 1;
1259
- flex-direction: column;
1260
- -ms-flex-preferred-size: auto;
1261
- max-height: 650px;
1262
- overflow: auto;
1263
- -webkit-overflow-scrolling: touch;
1264
- padding: 16px 16px;
1265
- }
1266
- .tox .tox-dialog__body-content > * {
1267
- margin-bottom: 0;
1268
- margin-top: 16px;
1269
- }
1270
- .tox .tox-dialog__body-content > *:first-child {
1271
- margin-top: 0;
1272
- }
1273
- .tox .tox-dialog__body-content > *:last-child {
1274
- margin-bottom: 0;
1275
- }
1276
- .tox .tox-dialog__body-content > *:only-child {
1277
- margin-bottom: 0;
1278
- margin-top: 0;
1279
- }
1280
- .tox .tox-dialog__body-content a {
1281
- color: #207ab7;
1282
- cursor: pointer;
1283
- text-decoration: none;
1284
- }
1285
- .tox .tox-dialog__body-content a:hover,
1286
- .tox .tox-dialog__body-content a:focus {
1287
- color: #185d8c;
1288
- text-decoration: none;
1289
- }
1290
- .tox .tox-dialog__body-content a:active {
1291
- color: #185d8c;
1292
- text-decoration: none;
1293
- }
1294
- .tox .tox-dialog__body-content svg {
1295
- fill: #fff;
1296
- }
1297
- .tox .tox-dialog__body-content ul {
1298
- display: block;
1299
- list-style-type: disc;
1300
- margin-bottom: 16px;
1301
- -webkit-margin-end: 0;
1302
- margin-inline-end: 0;
1303
- -webkit-margin-start: 0;
1304
- margin-inline-start: 0;
1305
- -webkit-padding-start: 2.5rem;
1306
- padding-inline-start: 2.5rem;
1307
- }
1308
- .tox .tox-dialog__body-content .tox-form__group h1 {
1309
- color: #fff;
1310
- font-size: 20px;
1311
- font-style: normal;
1312
- font-weight: bold;
1313
- letter-spacing: normal;
1314
- margin-bottom: 16px;
1315
- margin-top: 2rem;
1316
- text-transform: none;
1317
- }
1318
- .tox .tox-dialog__body-content .tox-form__group h2 {
1319
- color: #fff;
1320
- font-size: 16px;
1321
- font-style: normal;
1322
- font-weight: bold;
1323
- letter-spacing: normal;
1324
- margin-bottom: 16px;
1325
- margin-top: 2rem;
1326
- text-transform: none;
1327
- }
1328
- .tox .tox-dialog__body-content .tox-form__group p {
1329
- margin-bottom: 16px;
1330
- }
1331
- .tox .tox-dialog__body-content .tox-form__group h1:first-child,
1332
- .tox .tox-dialog__body-content .tox-form__group h2:first-child,
1333
- .tox .tox-dialog__body-content .tox-form__group p:first-child {
1334
- margin-top: 0;
1335
- }
1336
- .tox .tox-dialog__body-content .tox-form__group h1:last-child,
1337
- .tox .tox-dialog__body-content .tox-form__group h2:last-child,
1338
- .tox .tox-dialog__body-content .tox-form__group p:last-child {
1339
- margin-bottom: 0;
1340
- }
1341
- .tox .tox-dialog__body-content .tox-form__group h1:only-child,
1342
- .tox .tox-dialog__body-content .tox-form__group h2:only-child,
1343
- .tox .tox-dialog__body-content .tox-form__group p:only-child {
1344
- margin-bottom: 0;
1345
- margin-top: 0;
1346
- }
1347
- .tox .tox-dialog--width-lg {
1348
- height: 650px;
1349
- max-width: 1200px;
1350
- }
1351
- .tox .tox-dialog--width-md {
1352
- max-width: 800px;
1353
- }
1354
- .tox .tox-dialog--width-md .tox-dialog__body-content {
1355
- overflow: auto;
1356
- }
1357
- .tox .tox-dialog__body-content--centered {
1358
- text-align: center;
1359
- }
1360
- .tox .tox-dialog__footer {
1361
- align-items: center;
1362
- background-color: #2b3b4e;
1363
- border-top: 1px solid #000000;
1364
- display: flex;
1365
- justify-content: space-between;
1366
- padding: 8px 16px;
1367
- }
1368
- .tox .tox-dialog__footer-start,
1369
- .tox .tox-dialog__footer-end {
1370
- display: flex;
1371
- }
1372
- .tox .tox-dialog__busy-spinner {
1373
- align-items: center;
1374
- background-color: rgba(34, 47, 62, 0.75);
1375
- bottom: 0;
1376
- display: flex;
1377
- justify-content: center;
1378
- left: 0;
1379
- position: absolute;
1380
- right: 0;
1381
- top: 0;
1382
- z-index: 3;
1383
- }
1384
- .tox .tox-dialog__table {
1385
- border-collapse: collapse;
1386
- width: 100%;
1387
- }
1388
- .tox .tox-dialog__table thead th {
1389
- font-weight: bold;
1390
- padding-bottom: 8px;
1391
- }
1392
- .tox .tox-dialog__table tbody tr {
1393
- border-bottom: 1px solid #000000;
1394
- }
1395
- .tox .tox-dialog__table tbody tr:last-child {
1396
- border-bottom: none;
1397
- }
1398
- .tox .tox-dialog__table td {
1399
- padding-bottom: 8px;
1400
- padding-top: 8px;
1401
- }
1402
- .tox .tox-dialog__popups {
1403
- position: absolute;
1404
- width: 100%;
1405
- z-index: 1100;
1406
- }
1407
- .tox .tox-dialog__body-iframe {
1408
- display: flex;
1409
- flex: 1;
1410
- flex-direction: column;
1411
- -ms-flex-preferred-size: auto;
1412
- }
1413
- .tox .tox-dialog__body-iframe .tox-navobj {
1414
- display: flex;
1415
- flex: 1;
1416
- -ms-flex-preferred-size: auto;
1417
- }
1418
- .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1419
- flex: 1;
1420
- -ms-flex-preferred-size: auto;
1421
- height: 100%;
1422
- }
1423
- .tox .tox-dialog-dock-fadeout {
1424
- opacity: 0;
1425
- visibility: hidden;
1426
- }
1427
- .tox .tox-dialog-dock-fadein {
1428
- opacity: 1;
1429
- visibility: visible;
1430
- }
1431
- .tox .tox-dialog-dock-transition {
1432
- transition: visibility 0s linear 0.3s, opacity 0.3s ease;
1433
- }
1434
- .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
1435
- transition-delay: 0s;
1436
- }
1437
- .tox.tox-platform-ie {
1438
- /* IE11 CSS styles go here */
1439
- }
1440
- .tox.tox-platform-ie .tox-dialog-wrap {
1441
- position: -ms-device-fixed;
1442
- }
1443
- @media only screen and (max-width:767px) {
1444
- body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
1445
- margin-right: 0;
1446
- }
1447
- }
1448
- @media only screen and (max-width:767px) {
1449
- body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
1450
- margin-left: 8px;
1451
- }
1452
- }
1453
- .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
1454
- .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
1455
- margin-left: 8px;
1456
- }
1457
- .tox[dir=rtl] .tox-dialog__body {
1458
- text-align: right;
1459
- }
1460
- @media only screen and (max-width:767px) {
1461
- body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
1462
- margin-left: 0;
1463
- }
1464
- }
1465
- @media only screen and (max-width:767px) {
1466
- body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
1467
- margin-right: 8px;
1468
- }
1469
- }
1470
- .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
1471
- .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
1472
- margin-right: 8px;
1473
- }
1474
- body.tox-dialog__disable-scroll {
1475
- overflow: hidden;
1476
- }
1477
- .tox .tox-dropzone-container {
1478
- display: flex;
1479
- flex: 1;
1480
- -ms-flex-preferred-size: auto;
1481
- }
1482
- .tox .tox-dropzone {
1483
- align-items: center;
1484
- background: #fff;
1485
- border: 2px dashed #000000;
1486
- box-sizing: border-box;
1487
- display: flex;
1488
- flex-direction: column;
1489
- flex-grow: 1;
1490
- justify-content: center;
1491
- min-height: 100px;
1492
- padding: 10px;
1493
- }
1494
- .tox .tox-dropzone p {
1495
- color: rgba(255, 255, 255, 0.5);
1496
- margin: 0 0 16px 0;
1497
- }
1498
- .tox .tox-edit-area {
1499
- display: flex;
1500
- flex: 1;
1501
- -ms-flex-preferred-size: auto;
1502
- overflow: hidden;
1503
- position: relative;
1504
- }
1505
- .tox .tox-edit-area__iframe {
1506
- background-color: #fff;
1507
- border: 0;
1508
- box-sizing: border-box;
1509
- flex: 1;
1510
- -ms-flex-preferred-size: auto;
1511
- height: 100%;
1512
- position: absolute;
1513
- width: 100%;
1514
- }
1515
- .tox.tox-inline-edit-area {
1516
- border: 1px dotted #000000;
1517
- }
1518
- .tox .tox-editor-container {
1519
- display: flex;
1520
- flex: 1 1 auto;
1521
- flex-direction: column;
1522
- overflow: hidden;
1523
- }
1524
- .tox .tox-editor-header {
1525
- z-index: 1;
1526
- }
1527
- .tox:not(.tox-tinymce-inline) .tox-editor-header {
1528
- box-shadow: none;
1529
- transition: box-shadow 0.5s;
1530
- }
1531
- .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
1532
- .tox.tox-tinymce-inline .tox-editor-header {
1533
- margin-bottom: -1px;
1534
- }
1535
- .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
1536
- background-color: transparent;
1537
- box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
1538
- }
1539
- .tox-editor-dock-fadeout {
1540
- opacity: 0;
1541
- visibility: hidden;
1542
- }
1543
- .tox-editor-dock-fadein {
1544
- opacity: 1;
1545
- visibility: visible;
1546
- }
1547
- .tox-editor-dock-transition {
1548
- transition: visibility 0s linear 0.25s, opacity 0.25s ease;
1549
- }
1550
- .tox-editor-dock-transition.tox-editor-dock-fadein {
1551
- transition-delay: 0s;
1552
- }
1553
- .tox .tox-control-wrap {
1554
- flex: 1;
1555
- position: relative;
1556
- }
1557
- .tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
1558
- .tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
1559
- .tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
1560
- display: none;
1561
- }
1562
- .tox .tox-control-wrap svg {
1563
- display: block;
1564
- }
1565
- .tox .tox-control-wrap__status-icon-wrap {
1566
- position: absolute;
1567
- top: 50%;
1568
- transform: translateY(-50%);
1569
- }
1570
- .tox .tox-control-wrap__status-icon-invalid svg {
1571
- fill: #c00;
1572
- }
1573
- .tox .tox-control-wrap__status-icon-unknown svg {
1574
- fill: orange;
1575
- }
1576
- .tox .tox-control-wrap__status-icon-valid svg {
1577
- fill: green;
1578
- }
1579
- .tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
1580
- .tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
1581
- .tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
1582
- padding-right: 32px;
1583
- }
1584
- .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
1585
- right: 4px;
1586
- }
1587
- .tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
1588
- .tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
1589
- .tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
1590
- padding-left: 32px;
1591
- }
1592
- .tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
1593
- left: 4px;
1594
- }
1595
- .tox .tox-autocompleter {
1596
- max-width: 25em;
1597
- }
1598
- .tox .tox-autocompleter .tox-menu {
1599
- max-width: 25em;
1600
- }
1601
- .tox .tox-autocompleter .tox-autocompleter-highlight {
1602
- font-weight: bold;
1603
- }
1604
- .tox .tox-color-input {
1605
- display: flex;
1606
- position: relative;
1607
- z-index: 1;
1608
- }
1609
- .tox .tox-color-input .tox-textfield {
1610
- z-index: -1;
1611
- }
1612
- .tox .tox-color-input span {
1613
- border-color: rgba(42, 55, 70, 0.2);
1614
- border-radius: 3px;
1615
- border-style: solid;
1616
- border-width: 1px;
1617
- box-shadow: none;
1618
- box-sizing: border-box;
1619
- height: 24px;
1620
- position: absolute;
1621
- top: 6px;
1622
- width: 24px;
1623
- }
1624
- .tox .tox-color-input span:hover:not([aria-disabled=true]),
1625
- .tox .tox-color-input span:focus:not([aria-disabled=true]) {
1626
- border-color: #207ab7;
1627
- cursor: pointer;
1628
- }
1629
- .tox .tox-color-input span::before {
1630
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
1631
- background-position: 0 0, 0 6px, 6px -6px, -6px 0;
1632
- background-size: 12px 12px;
1633
- border: 1px solid #2b3b4e;
1634
- border-radius: 3px;
1635
- box-sizing: border-box;
1636
- content: '';
1637
- height: 24px;
1638
- left: -1px;
1639
- position: absolute;
1640
- top: -1px;
1641
- width: 24px;
1642
- z-index: -1;
1643
- }
1644
- .tox .tox-color-input span[aria-disabled=true] {
1645
- cursor: not-allowed;
1646
- }
1647
- .tox:not([dir=rtl]) .tox-color-input {
1648
- /* stylelint-disable-next-line no-descending-specificity */
1649
- }
1650
- .tox:not([dir=rtl]) .tox-color-input .tox-textfield {
1651
- padding-left: 36px;
1652
- }
1653
- .tox:not([dir=rtl]) .tox-color-input span {
1654
- left: 6px;
1655
- }
1656
- .tox[dir="rtl"] .tox-color-input {
1657
- /* stylelint-disable-next-line no-descending-specificity */
1658
- }
1659
- .tox[dir="rtl"] .tox-color-input .tox-textfield {
1660
- padding-right: 36px;
1661
- }
1662
- .tox[dir="rtl"] .tox-color-input span {
1663
- right: 6px;
1664
- }
1665
- .tox .tox-label,
1666
- .tox .tox-toolbar-label {
1667
- color: rgba(255, 255, 255, 0.5);
1668
- display: block;
1669
- font-size: 14px;
1670
- font-style: normal;
1671
- font-weight: normal;
1672
- line-height: 1.3;
1673
- padding: 0 8px 0 0;
1674
- text-transform: none;
1675
- white-space: nowrap;
1676
- }
1677
- .tox .tox-toolbar-label {
1678
- padding: 0 8px;
1679
- }
1680
- .tox[dir=rtl] .tox-label {
1681
- padding: 0 0 0 8px;
1682
- }
1683
- .tox .tox-form {
1684
- display: flex;
1685
- flex: 1;
1686
- flex-direction: column;
1687
- -ms-flex-preferred-size: auto;
1688
- }
1689
- .tox .tox-form__group {
1690
- box-sizing: border-box;
1691
- margin-bottom: 4px;
1692
- }
1693
- .tox .tox-form-group--maximize {
1694
- flex: 1;
1695
- }
1696
- .tox .tox-form__group--error {
1697
- color: #c00;
1698
- }
1699
- .tox .tox-form__group--collection {
1700
- display: flex;
1701
- }
1702
- .tox .tox-form__grid {
1703
- display: flex;
1704
- flex-direction: row;
1705
- flex-wrap: wrap;
1706
- justify-content: space-between;
1707
- }
1708
- .tox .tox-form__grid--2col > .tox-form__group {
1709
- width: calc(50% - (8px / 2));
1710
- }
1711
- .tox .tox-form__grid--3col > .tox-form__group {
1712
- width: calc(100% / 3 - (8px / 2));
1713
- }
1714
- .tox .tox-form__grid--4col > .tox-form__group {
1715
- width: calc(25% - (8px / 2));
1716
- }
1717
- .tox .tox-form__controls-h-stack {
1718
- align-items: center;
1719
- display: flex;
1720
- }
1721
- .tox .tox-form__group--inline {
1722
- align-items: center;
1723
- display: flex;
1724
- }
1725
- .tox .tox-form__group--stretched {
1726
- display: flex;
1727
- flex: 1;
1728
- flex-direction: column;
1729
- -ms-flex-preferred-size: auto;
1730
- }
1731
- .tox .tox-form__group--stretched .tox-textarea {
1732
- flex: 1;
1733
- -ms-flex-preferred-size: auto;
1734
- }
1735
- .tox .tox-form__group--stretched .tox-navobj {
1736
- display: flex;
1737
- flex: 1;
1738
- -ms-flex-preferred-size: auto;
1739
- }
1740
- .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
1741
- flex: 1;
1742
- -ms-flex-preferred-size: auto;
1743
- height: 100%;
1744
- }
1745
- .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
1746
- margin-left: 4px;
1747
- }
1748
- .tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
1749
- margin-right: 4px;
1750
- }
1751
- .tox .tox-lock.tox-locked .tox-lock-icon__unlock,
1752
- .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
1753
- display: none;
1754
- }
1755
- .tox .tox-textfield,
1756
- .tox .tox-toolbar-textfield,
1757
- .tox .tox-listboxfield .tox-listbox--select,
1758
- .tox .tox-textarea {
1759
- -webkit-appearance: none;
1760
- -moz-appearance: none;
1761
- appearance: none;
1762
- background-color: #2b3b4e;
1763
- border-color: #000000;
1764
- border-radius: 3px;
1765
- border-style: solid;
1766
- border-width: 1px;
1767
- box-shadow: none;
1768
- box-sizing: border-box;
1769
- color: #fff;
1770
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1771
- font-size: 16px;
1772
- line-height: 24px;
1773
- margin: 0;
1774
- min-height: 34px;
1775
- outline: none;
1776
- padding: 5px 4.75px;
1777
- resize: none;
1778
- width: 100%;
1779
- }
1780
- .tox .tox-textfield[disabled],
1781
- .tox .tox-textarea[disabled] {
1782
- background-color: #222f3e;
1783
- color: rgba(255, 255, 255, 0.85);
1784
- cursor: not-allowed;
1785
- }
1786
- .tox .tox-textfield:focus,
1787
- .tox .tox-listboxfield .tox-listbox--select:focus,
1788
- .tox .tox-textarea:focus {
1789
- background-color: #2b3b4e;
1790
- border-color: #207ab7;
1791
- box-shadow: none;
1792
- outline: none;
1793
- }
1794
- .tox .tox-toolbar-textfield {
1795
- border-width: 0;
1796
- margin-bottom: 3px;
1797
- margin-top: 2px;
1798
- max-width: 250px;
1799
- }
1800
- .tox .tox-naked-btn {
1801
- background-color: transparent;
1802
- border: 0;
1803
- border-color: transparent;
1804
- box-shadow: unset;
1805
- color: #207ab7;
1806
- cursor: pointer;
1807
- display: block;
1808
- margin: 0;
1809
- padding: 0;
1810
- }
1811
- .tox .tox-naked-btn svg {
1812
- display: block;
1813
- fill: #fff;
1814
- }
1815
- .tox:not([dir=rtl]) .tox-toolbar-textfield + * {
1816
- margin-left: 4px;
1817
- }
1818
- .tox[dir=rtl] .tox-toolbar-textfield + * {
1819
- margin-right: 4px;
1820
- }
1821
- .tox .tox-listboxfield {
1822
- cursor: pointer;
1823
- position: relative;
1824
- }
1825
- .tox .tox-listboxfield .tox-listbox--select[disabled] {
1826
- background-color: #19232e;
1827
- color: rgba(255, 255, 255, 0.85);
1828
- cursor: not-allowed;
1829
- }
1830
- .tox .tox-listbox__select-label {
1831
- cursor: default;
1832
- flex: 1;
1833
- margin: 0 4px;
1834
- }
1835
- .tox .tox-listbox__select-chevron {
1836
- align-items: center;
1837
- display: flex;
1838
- justify-content: center;
1839
- width: 16px;
1840
- }
1841
- .tox .tox-listbox__select-chevron svg {
1842
- fill: #fff;
1843
- }
1844
- .tox .tox-listboxfield .tox-listbox--select {
1845
- align-items: center;
1846
- display: flex;
1847
- }
1848
- .tox:not([dir=rtl]) .tox-listboxfield svg {
1849
- right: 8px;
1850
- }
1851
- .tox[dir=rtl] .tox-listboxfield svg {
1852
- left: 8px;
1853
- }
1854
- .tox .tox-selectfield {
1855
- cursor: pointer;
1856
- position: relative;
1857
- }
1858
- .tox .tox-selectfield select {
1859
- -webkit-appearance: none;
1860
- -moz-appearance: none;
1861
- appearance: none;
1862
- background-color: #2b3b4e;
1863
- border-color: #000000;
1864
- border-radius: 3px;
1865
- border-style: solid;
1866
- border-width: 1px;
1867
- box-shadow: none;
1868
- box-sizing: border-box;
1869
- color: #fff;
1870
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1871
- font-size: 16px;
1872
- line-height: 24px;
1873
- margin: 0;
1874
- min-height: 34px;
1875
- outline: none;
1876
- padding: 5px 4.75px;
1877
- resize: none;
1878
- width: 100%;
1879
- }
1880
- .tox .tox-selectfield select[disabled] {
1881
- background-color: #19232e;
1882
- color: rgba(255, 255, 255, 0.85);
1883
- cursor: not-allowed;
1884
- }
1885
- .tox .tox-selectfield select::-ms-expand {
1886
- display: none;
1887
- }
1888
- .tox .tox-selectfield select:focus {
1889
- background-color: #2b3b4e;
1890
- border-color: #207ab7;
1891
- box-shadow: none;
1892
- outline: none;
1893
- }
1894
- .tox .tox-selectfield svg {
1895
- pointer-events: none;
1896
- position: absolute;
1897
- top: 50%;
1898
- transform: translateY(-50%);
1899
- }
1900
- .tox:not([dir=rtl]) .tox-selectfield select[size="0"],
1901
- .tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
1902
- padding-right: 24px;
1903
- }
1904
- .tox:not([dir=rtl]) .tox-selectfield svg {
1905
- right: 8px;
1906
- }
1907
- .tox[dir=rtl] .tox-selectfield select[size="0"],
1908
- .tox[dir=rtl] .tox-selectfield select[size="1"] {
1909
- padding-left: 24px;
1910
- }
1911
- .tox[dir=rtl] .tox-selectfield svg {
1912
- left: 8px;
1913
- }
1914
- .tox .tox-textarea {
1915
- -webkit-appearance: textarea;
1916
- -moz-appearance: textarea;
1917
- appearance: textarea;
1918
- white-space: pre-wrap;
1919
- }
1920
- .tox-fullscreen {
1921
- border: 0;
1922
- height: 100%;
1923
- margin: 0;
1924
- overflow: hidden;
1925
- -ms-scroll-chaining: none;
1926
- overscroll-behavior: none;
1927
- padding: 0;
1928
- touch-action: pinch-zoom;
1929
- width: 100%;
1930
- }
1931
- .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
1932
- display: none;
1933
- }
1934
- .tox.tox-tinymce.tox-fullscreen,
1935
- .tox-shadowhost.tox-fullscreen {
1936
- left: 0;
1937
- position: fixed;
1938
- top: 0;
1939
- z-index: 1200;
1940
- }
1941
- .tox.tox-tinymce.tox-fullscreen {
1942
- background-color: transparent;
1943
- }
1944
- .tox-fullscreen .tox.tox-tinymce-aux,
1945
- .tox-fullscreen ~ .tox.tox-tinymce-aux {
1946
- z-index: 1201;
1947
- }
1948
- .tox .tox-help__more-link {
1949
- list-style: none;
1950
- margin-top: 1em;
1951
- }
1952
- .tox .tox-image-tools {
1953
- width: 100%;
1954
- }
1955
- .tox .tox-image-tools__toolbar {
1956
- align-items: center;
1957
- display: flex;
1958
- justify-content: center;
1959
- }
1960
- .tox .tox-image-tools__image {
1961
- background-color: #666;
1962
- height: 380px;
1963
- overflow: auto;
1964
- position: relative;
1965
- width: 100%;
1966
- }
1967
- .tox .tox-image-tools__image,
1968
- .tox .tox-image-tools__image + .tox-image-tools__toolbar {
1969
- margin-top: 8px;
1970
- }
1971
- .tox .tox-image-tools__image-bg {
1972
- background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
1973
- }
1974
- .tox .tox-image-tools__toolbar > .tox-spacer {
1975
- flex: 1;
1976
- -ms-flex-preferred-size: auto;
1977
- }
1978
- .tox .tox-croprect-block {
1979
- background: black;
1980
- filter: alpha(opacity=50);
1981
- opacity: 0.5;
1982
- position: absolute;
1983
- zoom: 1;
1984
- }
1985
- .tox .tox-croprect-handle {
1986
- border: 2px solid white;
1987
- height: 20px;
1988
- left: 0;
1989
- position: absolute;
1990
- top: 0;
1991
- width: 20px;
1992
- }
1993
- .tox .tox-croprect-handle-move {
1994
- border: 0;
1995
- cursor: move;
1996
- position: absolute;
1997
- }
1998
- .tox .tox-croprect-handle-nw {
1999
- border-width: 2px 0 0 2px;
2000
- cursor: nw-resize;
2001
- left: 100px;
2002
- margin: -2px 0 0 -2px;
2003
- top: 100px;
2004
- }
2005
- .tox .tox-croprect-handle-ne {
2006
- border-width: 2px 2px 0 0;
2007
- cursor: ne-resize;
2008
- left: 200px;
2009
- margin: -2px 0 0 -20px;
2010
- top: 100px;
2011
- }
2012
- .tox .tox-croprect-handle-sw {
2013
- border-width: 0 0 2px 2px;
2014
- cursor: sw-resize;
2015
- left: 100px;
2016
- margin: -20px 2px 0 -2px;
2017
- top: 200px;
2018
- }
2019
- .tox .tox-croprect-handle-se {
2020
- border-width: 0 2px 2px 0;
2021
- cursor: se-resize;
2022
- left: 200px;
2023
- margin: -20px 0 0 -20px;
2024
- top: 200px;
2025
- }
2026
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2027
- margin-left: 8px;
2028
- }
2029
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
2030
- margin-left: 32px;
2031
- }
2032
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
2033
- margin-left: 32px;
2034
- }
2035
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2036
- margin-right: 8px;
2037
- }
2038
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
2039
- margin-right: 32px;
2040
- }
2041
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
2042
- margin-right: 32px;
2043
- }
2044
- .tox .tox-insert-table-picker {
2045
- display: flex;
2046
- flex-wrap: wrap;
2047
- width: 170px;
2048
- }
2049
- .tox .tox-insert-table-picker > div {
2050
- border-color: #000000;
2051
- border-style: solid;
2052
- border-width: 0 1px 1px 0;
2053
- box-sizing: border-box;
2054
- height: 17px;
2055
- width: 17px;
2056
- }
2057
- .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2058
- margin: -4px 0;
2059
- }
2060
- .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2061
- background-color: rgba(32, 122, 183, 0.5);
2062
- border-color: rgba(32, 122, 183, 0.5);
2063
- }
2064
- .tox .tox-insert-table-picker__label {
2065
- color: #fff;
2066
- display: block;
2067
- font-size: 14px;
2068
- padding: 4px;
2069
- text-align: center;
2070
- width: 100%;
2071
- }
2072
- .tox:not([dir=rtl]) {
2073
- /* stylelint-disable-next-line no-descending-specificity */
2074
- }
2075
- .tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
2076
- border-right: 0;
2077
- }
2078
- .tox[dir=rtl] {
2079
- /* stylelint-disable-next-line no-descending-specificity */
2080
- }
2081
- .tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
2082
- border-right: 0;
2083
- }
2084
- .tox {
2085
- /* stylelint-disable */
2086
- /* stylelint-enable */
2087
- }
2088
- .tox .tox-menu {
2089
- background-color: #2b3b4e;
2090
- border: 1px solid #000000;
2091
- border-radius: 3px;
2092
- box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
2093
- display: inline-block;
2094
- overflow: hidden;
2095
- vertical-align: top;
2096
- z-index: 1150;
2097
- }
2098
- .tox .tox-menu.tox-collection.tox-collection--list {
2099
- padding: 0;
2100
- }
2101
- .tox .tox-menu.tox-collection.tox-collection--toolbar {
2102
- padding: 4px;
2103
- }
2104
- .tox .tox-menu.tox-collection.tox-collection--grid {
2105
- padding: 4px;
2106
- }
2107
- .tox .tox-menu__label h1,
2108
- .tox .tox-menu__label h2,
2109
- .tox .tox-menu__label h3,
2110
- .tox .tox-menu__label h4,
2111
- .tox .tox-menu__label h5,
2112
- .tox .tox-menu__label h6,
2113
- .tox .tox-menu__label p,
2114
- .tox .tox-menu__label blockquote,
2115
- .tox .tox-menu__label code {
2116
- margin: 0;
2117
- }
2118
- .tox .tox-menubar {
2119
- 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;
2120
- background-color: #222f3e;
2121
- display: flex;
2122
- flex: 0 0 auto;
2123
- flex-shrink: 0;
2124
- flex-wrap: wrap;
2125
- padding: 0 4px 0 4px;
2126
- }
2127
- .tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
2128
- border-top: 1px solid #000000;
2129
- }
2130
- /* Deprecated. Remove in next major release */
2131
- .tox .tox-mbtn {
2132
- align-items: center;
2133
- background: transparent;
2134
- border: 0;
2135
- border-radius: 3px;
2136
- box-shadow: none;
2137
- color: #fff;
2138
- display: flex;
2139
- flex: 0 0 auto;
2140
- font-size: 14px;
2141
- font-style: normal;
2142
- font-weight: normal;
2143
- height: 34px;
2144
- justify-content: center;
2145
- margin: 2px 0 3px 0;
2146
- outline: none;
2147
- overflow: hidden;
2148
- padding: 0 4px;
2149
- text-transform: none;
2150
- width: auto;
2151
- }
2152
- .tox .tox-mbtn[disabled] {
2153
- background-color: transparent;
2154
- border: 0;
2155
- box-shadow: none;
2156
- color: rgba(255, 255, 255, 0.5);
2157
- cursor: not-allowed;
2158
- }
2159
- .tox .tox-mbtn:focus:not(:disabled) {
2160
- background: #4a5562;
2161
- border: 0;
2162
- box-shadow: none;
2163
- color: #fff;
2164
- }
2165
- .tox .tox-mbtn--active {
2166
- background: #757d87;
2167
- border: 0;
2168
- box-shadow: none;
2169
- color: #fff;
2170
- }
2171
- .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2172
- background: #4a5562;
2173
- border: 0;
2174
- box-shadow: none;
2175
- color: #fff;
2176
- }
2177
- .tox .tox-mbtn__select-label {
2178
- cursor: default;
2179
- font-weight: normal;
2180
- margin: 0 4px;
2181
- }
2182
- .tox .tox-mbtn[disabled] .tox-mbtn__select-label {
2183
- cursor: not-allowed;
2184
- }
2185
- .tox .tox-mbtn__select-chevron {
2186
- align-items: center;
2187
- display: flex;
2188
- justify-content: center;
2189
- width: 16px;
2190
- display: none;
2191
- }
2192
- .tox .tox-notification {
2193
- border-radius: 3px;
2194
- border-style: solid;
2195
- border-width: 1px;
2196
- box-shadow: none;
2197
- box-sizing: border-box;
2198
- display: -ms-grid;
2199
- display: grid;
2200
- font-size: 14px;
2201
- font-weight: normal;
2202
- -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2203
- grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2204
- margin-top: 4px;
2205
- opacity: 0;
2206
- padding: 4px;
2207
- transition: transform 100ms ease-in, opacity 150ms ease-in;
2208
- }
2209
- .tox .tox-notification p {
2210
- font-size: 14px;
2211
- font-weight: normal;
2212
- }
2213
- .tox .tox-notification a {
2214
- cursor: pointer;
2215
- text-decoration: underline;
2216
- }
2217
- .tox .tox-notification--in {
2218
- opacity: 1;
2219
- }
2220
- .tox .tox-notification--success {
2221
- background-color: #e4eeda;
2222
- border-color: #d7e6c8;
2223
- color: #fff;
2224
- }
2225
- .tox .tox-notification--success p {
2226
- color: #fff;
2227
- }
2228
- .tox .tox-notification--success a {
2229
- color: #547831;
2230
- }
2231
- .tox .tox-notification--success svg {
2232
- fill: #fff;
2233
- }
2234
- .tox .tox-notification--error {
2235
- background-color: #f8dede;
2236
- border-color: #f2bfbf;
2237
- color: #fff;
2238
- }
2239
- .tox .tox-notification--error p {
2240
- color: #fff;
2241
- }
2242
- .tox .tox-notification--error a {
2243
- color: #c00;
2244
- }
2245
- .tox .tox-notification--error svg {
2246
- fill: #fff;
2247
- }
2248
- .tox .tox-notification--warn,
2249
- .tox .tox-notification--warning {
2250
- background-color: #fffaea;
2251
- border-color: #ffe89d;
2252
- color: #fff;
2253
- }
2254
- .tox .tox-notification--warn p,
2255
- .tox .tox-notification--warning p {
2256
- color: #fff;
2257
- }
2258
- .tox .tox-notification--warn a,
2259
- .tox .tox-notification--warning a {
2260
- color: #fff;
2261
- }
2262
- .tox .tox-notification--warn svg,
2263
- .tox .tox-notification--warning svg {
2264
- fill: #fff;
2265
- }
2266
- .tox .tox-notification--info {
2267
- background-color: #d9edf7;
2268
- border-color: #779ecb;
2269
- color: #fff;
2270
- }
2271
- .tox .tox-notification--info p {
2272
- color: #fff;
2273
- }
2274
- .tox .tox-notification--info a {
2275
- color: #fff;
2276
- }
2277
- .tox .tox-notification--info svg {
2278
- fill: #fff;
2279
- }
2280
- .tox .tox-notification__body {
2281
- -ms-grid-row-align: center;
2282
- align-self: center;
2283
- color: #fff;
2284
- font-size: 14px;
2285
- -ms-grid-column-span: 1;
2286
- grid-column-end: 3;
2287
- -ms-grid-column: 2;
2288
- grid-column-start: 2;
2289
- -ms-grid-row-span: 1;
2290
- grid-row-end: 2;
2291
- -ms-grid-row: 1;
2292
- grid-row-start: 1;
2293
- text-align: center;
2294
- white-space: normal;
2295
- word-break: break-all;
2296
- word-break: break-word;
2297
- }
2298
- .tox .tox-notification__body > * {
2299
- margin: 0;
2300
- }
2301
- .tox .tox-notification__body > * + * {
2302
- margin-top: 1rem;
2303
- }
2304
- .tox .tox-notification__icon {
2305
- -ms-grid-row-align: center;
2306
- align-self: center;
2307
- -ms-grid-column-span: 1;
2308
- grid-column-end: 2;
2309
- -ms-grid-column: 1;
2310
- grid-column-start: 1;
2311
- -ms-grid-row-span: 1;
2312
- grid-row-end: 2;
2313
- -ms-grid-row: 1;
2314
- grid-row-start: 1;
2315
- -ms-grid-column-align: end;
2316
- justify-self: end;
2317
- }
2318
- .tox .tox-notification__icon svg {
2319
- display: block;
2320
- }
2321
- .tox .tox-notification__dismiss {
2322
- -ms-grid-row-align: start;
2323
- align-self: start;
2324
- -ms-grid-column-span: 1;
2325
- grid-column-end: 4;
2326
- -ms-grid-column: 3;
2327
- grid-column-start: 3;
2328
- -ms-grid-row-span: 1;
2329
- grid-row-end: 2;
2330
- -ms-grid-row: 1;
2331
- grid-row-start: 1;
2332
- -ms-grid-column-align: end;
2333
- justify-self: end;
2334
- }
2335
- .tox .tox-notification .tox-progress-bar {
2336
- -ms-grid-column-span: 3;
2337
- grid-column-end: 4;
2338
- -ms-grid-column: 1;
2339
- grid-column-start: 1;
2340
- -ms-grid-row-span: 1;
2341
- grid-row-end: 3;
2342
- -ms-grid-row: 2;
2343
- grid-row-start: 2;
2344
- -ms-grid-column-align: center;
2345
- justify-self: center;
2346
- }
2347
- .tox .tox-pop {
2348
- display: inline-block;
2349
- position: relative;
2350
- }
2351
- .tox .tox-pop--resizing {
2352
- transition: width 0.1s ease;
2353
- }
2354
- .tox .tox-pop--resizing .tox-toolbar,
2355
- .tox .tox-pop--resizing .tox-toolbar__group {
2356
- flex-wrap: nowrap;
2357
- }
2358
- .tox .tox-pop--transition {
2359
- transition: 0.15s ease;
2360
- transition-property: left, right, top, bottom;
2361
- }
2362
- .tox .tox-pop--transition::before,
2363
- .tox .tox-pop--transition::after {
2364
- transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
2365
- }
2366
- .tox .tox-pop__dialog {
2367
- background-color: #222f3e;
2368
- border: 1px solid #000000;
2369
- border-radius: 3px;
2370
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2371
- min-width: 0;
2372
- overflow: hidden;
2373
- }
2374
- .tox .tox-pop__dialog > *:not(.tox-toolbar) {
2375
- margin: 4px 4px 4px 8px;
2376
- }
2377
- .tox .tox-pop__dialog .tox-toolbar {
2378
- background-color: transparent;
2379
- margin-bottom: -1px;
2380
- }
2381
- .tox .tox-pop::before,
2382
- .tox .tox-pop::after {
2383
- border-style: solid;
2384
- content: '';
2385
- display: block;
2386
- height: 0;
2387
- opacity: 1;
2388
- position: absolute;
2389
- width: 0;
2390
- }
2391
- .tox .tox-pop.tox-pop--inset::before,
2392
- .tox .tox-pop.tox-pop--inset::after {
2393
- opacity: 0;
2394
- transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
2395
- }
2396
- .tox .tox-pop.tox-pop--bottom::before,
2397
- .tox .tox-pop.tox-pop--bottom::after {
2398
- left: 50%;
2399
- top: 100%;
2400
- }
2401
- .tox .tox-pop.tox-pop--bottom::after {
2402
- border-color: #222f3e transparent transparent transparent;
2403
- border-width: 8px;
2404
- margin-left: -8px;
2405
- margin-top: -1px;
2406
- }
2407
- .tox .tox-pop.tox-pop--bottom::before {
2408
- border-color: #000000 transparent transparent transparent;
2409
- border-width: 9px;
2410
- margin-left: -9px;
2411
- }
2412
- .tox .tox-pop.tox-pop--top::before,
2413
- .tox .tox-pop.tox-pop--top::after {
2414
- left: 50%;
2415
- top: 0;
2416
- transform: translateY(-100%);
2417
- }
2418
- .tox .tox-pop.tox-pop--top::after {
2419
- border-color: transparent transparent #222f3e transparent;
2420
- border-width: 8px;
2421
- margin-left: -8px;
2422
- margin-top: 1px;
2423
- }
2424
- .tox .tox-pop.tox-pop--top::before {
2425
- border-color: transparent transparent #000000 transparent;
2426
- border-width: 9px;
2427
- margin-left: -9px;
2428
- }
2429
- .tox .tox-pop.tox-pop--left::before,
2430
- .tox .tox-pop.tox-pop--left::after {
2431
- left: 0;
2432
- top: calc(50% - 1px);
2433
- transform: translateY(-50%);
2434
- }
2435
- .tox .tox-pop.tox-pop--left::after {
2436
- border-color: transparent #222f3e transparent transparent;
2437
- border-width: 8px;
2438
- margin-left: -15px;
2439
- }
2440
- .tox .tox-pop.tox-pop--left::before {
2441
- border-color: transparent #000000 transparent transparent;
2442
- border-width: 10px;
2443
- margin-left: -19px;
2444
- }
2445
- .tox .tox-pop.tox-pop--right::before,
2446
- .tox .tox-pop.tox-pop--right::after {
2447
- left: 100%;
2448
- top: calc(50% + 1px);
2449
- transform: translateY(-50%);
2450
- }
2451
- .tox .tox-pop.tox-pop--right::after {
2452
- border-color: transparent transparent transparent #222f3e;
2453
- border-width: 8px;
2454
- margin-left: -1px;
2455
- }
2456
- .tox .tox-pop.tox-pop--right::before {
2457
- border-color: transparent transparent transparent #000000;
2458
- border-width: 10px;
2459
- margin-left: -1px;
2460
- }
2461
- .tox .tox-pop.tox-pop--align-left::before,
2462
- .tox .tox-pop.tox-pop--align-left::after {
2463
- left: 20px;
2464
- }
2465
- .tox .tox-pop.tox-pop--align-right::before,
2466
- .tox .tox-pop.tox-pop--align-right::after {
2467
- left: calc(100% - 20px);
2468
- }
2469
- .tox .tox-sidebar-wrap {
2470
- display: flex;
2471
- flex-direction: row;
2472
- flex-grow: 1;
2473
- -ms-flex-preferred-size: 0;
2474
- min-height: 0;
2475
- }
2476
- .tox .tox-sidebar {
2477
- background-color: #222f3e;
2478
- display: flex;
2479
- flex-direction: row;
2480
- justify-content: flex-end;
2481
- }
2482
- .tox .tox-sidebar__slider {
2483
- display: flex;
2484
- overflow: hidden;
2485
- }
2486
- .tox .tox-sidebar__pane-container {
2487
- display: flex;
2488
- }
2489
- .tox .tox-sidebar__pane {
2490
- display: flex;
2491
- }
2492
- .tox .tox-sidebar--sliding-closed {
2493
- opacity: 0;
2494
- }
2495
- .tox .tox-sidebar--sliding-open {
2496
- opacity: 1;
2497
- }
2498
- .tox .tox-sidebar--sliding-growing,
2499
- .tox .tox-sidebar--sliding-shrinking {
2500
- transition: width 0.5s ease, opacity 0.5s ease;
2501
- }
2502
- .tox .tox-selector {
2503
- background-color: #4099ff;
2504
- border-color: #4099ff;
2505
- border-style: solid;
2506
- border-width: 1px;
2507
- box-sizing: border-box;
2508
- display: inline-block;
2509
- height: 10px;
2510
- position: absolute;
2511
- width: 10px;
2512
- }
2513
- .tox.tox-platform-touch .tox-selector {
2514
- height: 12px;
2515
- width: 12px;
2516
- }
2517
- .tox .tox-slider {
2518
- align-items: center;
2519
- display: flex;
2520
- flex: 1;
2521
- -ms-flex-preferred-size: auto;
2522
- height: 24px;
2523
- justify-content: center;
2524
- position: relative;
2525
- }
2526
- .tox .tox-slider__rail {
2527
- background-color: transparent;
2528
- border: 1px solid #000000;
2529
- border-radius: 3px;
2530
- height: 10px;
2531
- min-width: 120px;
2532
- width: 100%;
2533
- }
2534
- .tox .tox-slider__handle {
2535
- background-color: #207ab7;
2536
- border: 2px solid #185d8c;
2537
- border-radius: 3px;
2538
- box-shadow: none;
2539
- height: 24px;
2540
- left: 50%;
2541
- position: absolute;
2542
- top: 50%;
2543
- transform: translateX(-50%) translateY(-50%);
2544
- width: 14px;
2545
- }
2546
- .tox .tox-source-code {
2547
- overflow: auto;
2548
- }
2549
- .tox .tox-spinner {
2550
- display: flex;
2551
- }
2552
- .tox .tox-spinner > div {
2553
- animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
2554
- background-color: rgba(255, 255, 255, 0.5);
2555
- border-radius: 100%;
2556
- height: 8px;
2557
- width: 8px;
2558
- }
2559
- .tox .tox-spinner > div:nth-child(1) {
2560
- animation-delay: -0.32s;
2561
- }
2562
- .tox .tox-spinner > div:nth-child(2) {
2563
- animation-delay: -0.16s;
2564
- }
2565
- @keyframes tam-bouncing-dots {
2566
- 0%,
2567
- 80%,
2568
- 100% {
2569
- transform: scale(0);
2570
- }
2571
- 40% {
2572
- transform: scale(1);
2573
- }
2574
- }
2575
- .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
2576
- margin-left: 4px;
2577
- }
2578
- .tox[dir=rtl] .tox-spinner > div:not(:first-child) {
2579
- margin-right: 4px;
2580
- }
2581
- .tox .tox-statusbar {
2582
- align-items: center;
2583
- background-color: #222f3e;
2584
- border-top: 1px solid #000000;
2585
- color: #fff;
2586
- display: flex;
2587
- flex: 0 0 auto;
2588
- font-size: 12px;
2589
- font-weight: normal;
2590
- height: 18px;
2591
- overflow: hidden;
2592
- padding: 0 8px;
2593
- position: relative;
2594
- text-transform: uppercase;
2595
- }
2596
- .tox .tox-statusbar__text-container {
2597
- display: flex;
2598
- flex: 1 1 auto;
2599
- justify-content: flex-end;
2600
- overflow: hidden;
2601
- }
2602
- .tox .tox-statusbar__path {
2603
- display: flex;
2604
- flex: 1 1 auto;
2605
- margin-right: auto;
2606
- overflow: hidden;
2607
- text-overflow: ellipsis;
2608
- white-space: nowrap;
2609
- }
2610
- .tox .tox-statusbar__path > * {
2611
- display: inline;
2612
- white-space: nowrap;
2613
- }
2614
- .tox .tox-statusbar__wordcount {
2615
- flex: 0 0 auto;
2616
- margin-left: 1ch;
2617
- }
2618
- .tox .tox-statusbar a,
2619
- .tox .tox-statusbar__path-item,
2620
- .tox .tox-statusbar__wordcount {
2621
- color: #fff;
2622
- text-decoration: none;
2623
- }
2624
- .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
2625
- .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
2626
- .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
2627
- .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
2628
- .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
2629
- .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
2630
- cursor: pointer;
2631
- text-decoration: underline;
2632
- }
2633
- .tox .tox-statusbar__resize-handle {
2634
- align-items: flex-end;
2635
- align-self: stretch;
2636
- cursor: nwse-resize;
2637
- display: flex;
2638
- flex: 0 0 auto;
2639
- justify-content: flex-end;
2640
- margin-left: auto;
2641
- margin-right: -8px;
2642
- padding-left: 1ch;
2643
- }
2644
- .tox .tox-statusbar__resize-handle svg {
2645
- display: block;
2646
- fill: #fff;
2647
- }
2648
- .tox .tox-statusbar__resize-handle:focus svg {
2649
- background-color: #4a5562;
2650
- border-radius: 1px;
2651
- box-shadow: 0 0 0 2px #4a5562;
2652
- }
2653
- .tox:not([dir=rtl]) .tox-statusbar__path > * {
2654
- margin-right: 4px;
2655
- }
2656
- .tox:not([dir=rtl]) .tox-statusbar__branding {
2657
- margin-left: 1ch;
2658
- }
2659
- .tox[dir=rtl] .tox-statusbar {
2660
- flex-direction: row-reverse;
2661
- }
2662
- .tox[dir=rtl] .tox-statusbar__path > * {
2663
- margin-left: 4px;
2664
- }
2665
- .tox .tox-throbber {
2666
- z-index: 1299;
2667
- }
2668
- .tox .tox-throbber__busy-spinner {
2669
- align-items: center;
2670
- background-color: rgba(34, 47, 62, 0.6);
2671
- bottom: 0;
2672
- display: flex;
2673
- justify-content: center;
2674
- left: 0;
2675
- position: absolute;
2676
- right: 0;
2677
- top: 0;
2678
- }
2679
- .tox .tox-tbtn {
2680
- align-items: center;
2681
- background: transparent;
2682
- border: 0;
2683
- border-radius: 3px;
2684
- box-shadow: none;
2685
- color: #fff;
2686
- display: flex;
2687
- flex: 0 0 auto;
2688
- font-size: 14px;
2689
- font-style: normal;
2690
- font-weight: normal;
2691
- height: 34px;
2692
- justify-content: center;
2693
- margin: 2px 0 3px 0;
2694
- outline: none;
2695
- overflow: hidden;
2696
- padding: 0;
2697
- text-transform: none;
2698
- width: 34px;
2699
- }
2700
- .tox .tox-tbtn svg {
2701
- display: block;
2702
- fill: #fff;
2703
- }
2704
- .tox .tox-tbtn.tox-tbtn-more {
2705
- padding-left: 5px;
2706
- padding-right: 5px;
2707
- width: inherit;
2708
- }
2709
- .tox .tox-tbtn:focus {
2710
- background: #4a5562;
2711
- border: 0;
2712
- box-shadow: none;
2713
- }
2714
- .tox .tox-tbtn:hover {
2715
- background: #4a5562;
2716
- border: 0;
2717
- box-shadow: none;
2718
- color: #fff;
2719
- }
2720
- .tox .tox-tbtn:hover svg {
2721
- fill: #fff;
2722
- }
2723
- .tox .tox-tbtn:active {
2724
- background: #757d87;
2725
- border: 0;
2726
- box-shadow: none;
2727
- color: #fff;
2728
- }
2729
- .tox .tox-tbtn:active svg {
2730
- fill: #fff;
2731
- }
2732
- .tox .tox-tbtn--disabled,
2733
- .tox .tox-tbtn--disabled:hover,
2734
- .tox .tox-tbtn:disabled,
2735
- .tox .tox-tbtn:disabled:hover {
2736
- background: transparent;
2737
- border: 0;
2738
- box-shadow: none;
2739
- color: rgba(255, 255, 255, 0.5);
2740
- cursor: not-allowed;
2741
- }
2742
- .tox .tox-tbtn--disabled svg,
2743
- .tox .tox-tbtn--disabled:hover svg,
2744
- .tox .tox-tbtn:disabled svg,
2745
- .tox .tox-tbtn:disabled:hover svg {
2746
- /* stylelint-disable-line no-descending-specificity */
2747
- fill: rgba(255, 255, 255, 0.5);
2748
- }
2749
- .tox .tox-tbtn--enabled,
2750
- .tox .tox-tbtn--enabled:hover {
2751
- background: #757d87;
2752
- border: 0;
2753
- box-shadow: none;
2754
- color: #fff;
2755
- }
2756
- .tox .tox-tbtn--enabled > *,
2757
- .tox .tox-tbtn--enabled:hover > * {
2758
- transform: none;
2759
- }
2760
- .tox .tox-tbtn--enabled svg,
2761
- .tox .tox-tbtn--enabled:hover svg {
2762
- /* stylelint-disable-line no-descending-specificity */
2763
- fill: #fff;
2764
- }
2765
- .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
2766
- color: #fff;
2767
- }
2768
- .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
2769
- fill: #fff;
2770
- }
2771
- .tox .tox-tbtn:active > * {
2772
- transform: none;
2773
- }
2774
- .tox .tox-tbtn--md {
2775
- height: 51px;
2776
- width: 51px;
2777
- }
2778
- .tox .tox-tbtn--lg {
2779
- flex-direction: column;
2780
- height: 68px;
2781
- width: 68px;
2782
- }
2783
- .tox .tox-tbtn--return {
2784
- -ms-grid-row-align: stretch;
2785
- align-self: stretch;
2786
- height: unset;
2787
- width: 16px;
2788
- }
2789
- .tox .tox-tbtn--labeled {
2790
- padding: 0 4px;
2791
- width: unset;
2792
- }
2793
- .tox .tox-tbtn__vlabel {
2794
- display: block;
2795
- font-size: 10px;
2796
- font-weight: normal;
2797
- letter-spacing: -0.025em;
2798
- margin-bottom: 4px;
2799
- white-space: nowrap;
2800
- }
2801
- .tox .tox-tbtn--select {
2802
- margin: 2px 0 3px 0;
2803
- padding: 0 4px;
2804
- width: auto;
2805
- }
2806
- .tox .tox-tbtn__select-label {
2807
- cursor: default;
2808
- font-weight: normal;
2809
- margin: 0 4px;
2810
- }
2811
- .tox .tox-tbtn__select-chevron {
2812
- align-items: center;
2813
- display: flex;
2814
- justify-content: center;
2815
- width: 16px;
2816
- }
2817
- .tox .tox-tbtn__select-chevron svg {
2818
- fill: rgba(255, 255, 255, 0.5);
2819
- }
2820
- .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
2821
- overflow: hidden;
2822
- text-overflow: ellipsis;
2823
- white-space: nowrap;
2824
- width: 7em;
2825
- }
2826
- .tox .tox-split-button {
2827
- border: 0;
2828
- border-radius: 3px;
2829
- box-sizing: border-box;
2830
- display: flex;
2831
- margin: 2px 0 3px 0;
2832
- overflow: hidden;
2833
- }
2834
- .tox .tox-split-button:hover {
2835
- box-shadow: 0 0 0 1px #4a5562 inset;
2836
- }
2837
- .tox .tox-split-button:focus {
2838
- background: #4a5562;
2839
- box-shadow: none;
2840
- color: #fff;
2841
- }
2842
- .tox .tox-split-button > * {
2843
- border-radius: 0;
2844
- }
2845
- .tox .tox-split-button__chevron {
2846
- width: 16px;
2847
- }
2848
- .tox .tox-split-button__chevron svg {
2849
- fill: rgba(255, 255, 255, 0.5);
2850
- }
2851
- .tox .tox-split-button .tox-tbtn {
2852
- margin: 0;
2853
- }
2854
- .tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
2855
- width: 30px;
2856
- }
2857
- .tox.tox-platform-touch .tox-split-button__chevron {
2858
- width: 20px;
2859
- }
2860
- .tox .tox-split-button.tox-tbtn--disabled:hover,
2861
- .tox .tox-split-button.tox-tbtn--disabled:focus,
2862
- .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
2863
- .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
2864
- background: transparent;
2865
- box-shadow: none;
2866
- color: rgba(255, 255, 255, 0.5);
2867
- }
2868
- .tox .tox-toolbar-overlord {
2869
- background-color: #222f3e;
2870
- }
2871
- .tox .tox-toolbar,
2872
- .tox .tox-toolbar__primary,
2873
- .tox .tox-toolbar__overflow {
2874
- 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;
2875
- background-color: #222f3e;
2876
- display: flex;
2877
- flex: 0 0 auto;
2878
- flex-shrink: 0;
2879
- flex-wrap: wrap;
2880
- padding: 0 0;
2881
- }
2882
- .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
2883
- height: 0;
2884
- opacity: 0;
2885
- padding-bottom: 0;
2886
- padding-top: 0;
2887
- visibility: hidden;
2888
- }
2889
- .tox .tox-toolbar__overflow--growing {
2890
- transition: height 0.3s ease, opacity 0.2s linear 0.1s;
2891
- }
2892
- .tox .tox-toolbar__overflow--shrinking {
2893
- transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
2894
- }
2895
- .tox .tox-menubar + .tox-toolbar,
2896
- .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
2897
- border-top: 1px solid #000000;
2898
- margin-top: -1px;
2899
- }
2900
- .tox .tox-toolbar--scrolling {
2901
- flex-wrap: nowrap;
2902
- overflow-x: auto;
2903
- }
2904
- .tox .tox-pop .tox-toolbar {
2905
- border-width: 0;
2906
- }
2907
- .tox .tox-toolbar--no-divider {
2908
- background-image: none;
2909
- }
2910
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,
2911
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {
2912
- border-top: 1px solid #000000;
2913
- }
2914
- .tox.tox-tinymce-aux .tox-toolbar__overflow {
2915
- background-color: #222f3e;
2916
- border: 1px solid #000000;
2917
- border-radius: 3px;
2918
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2919
- }
2920
- .tox .tox-toolbar__group {
2921
- align-items: center;
2922
- display: flex;
2923
- flex-wrap: wrap;
2924
- margin: 0 0;
2925
- padding: 0 4px 0 4px;
2926
- }
2927
- .tox .tox-toolbar__group--pull-right {
2928
- margin-left: auto;
2929
- }
2930
- .tox .tox-toolbar--scrolling .tox-toolbar__group {
2931
- flex-shrink: 0;
2932
- flex-wrap: nowrap;
2933
- }
2934
- .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
2935
- border-right: 1px solid #000000;
2936
- }
2937
- .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
2938
- border-left: 1px solid #000000;
2939
- }
2940
- .tox .tox-tooltip {
2941
- display: inline-block;
2942
- padding: 8px;
2943
- position: relative;
2944
- }
2945
- .tox .tox-tooltip__body {
2946
- background-color: #3d546f;
2947
- border-radius: 3px;
2948
- box-shadow: 0 2px 4px rgba(42, 55, 70, 0.3);
2949
- color: rgba(255, 255, 255, 0.75);
2950
- font-size: 14px;
2951
- font-style: normal;
2952
- font-weight: normal;
2953
- padding: 4px 8px;
2954
- text-transform: none;
2955
- }
2956
- .tox .tox-tooltip__arrow {
2957
- position: absolute;
2958
- }
2959
- .tox .tox-tooltip--down .tox-tooltip__arrow {
2960
- border-left: 8px solid transparent;
2961
- border-right: 8px solid transparent;
2962
- border-top: 8px solid #3d546f;
2963
- bottom: 0;
2964
- left: 50%;
2965
- position: absolute;
2966
- transform: translateX(-50%);
2967
- }
2968
- .tox .tox-tooltip--up .tox-tooltip__arrow {
2969
- border-bottom: 8px solid #3d546f;
2970
- border-left: 8px solid transparent;
2971
- border-right: 8px solid transparent;
2972
- left: 50%;
2973
- position: absolute;
2974
- top: 0;
2975
- transform: translateX(-50%);
2976
- }
2977
- .tox .tox-tooltip--right .tox-tooltip__arrow {
2978
- border-bottom: 8px solid transparent;
2979
- border-left: 8px solid #3d546f;
2980
- border-top: 8px solid transparent;
2981
- position: absolute;
2982
- right: 0;
2983
- top: 50%;
2984
- transform: translateY(-50%);
2985
- }
2986
- .tox .tox-tooltip--left .tox-tooltip__arrow {
2987
- border-bottom: 8px solid transparent;
2988
- border-right: 8px solid #3d546f;
2989
- border-top: 8px solid transparent;
2990
- left: 0;
2991
- position: absolute;
2992
- top: 50%;
2993
- transform: translateY(-50%);
2994
- }
2995
- .tox .tox-well {
2996
- border: 1px solid #000000;
2997
- border-radius: 3px;
2998
- padding: 8px;
2999
- width: 100%;
3000
- }
3001
- .tox .tox-well > *:first-child {
3002
- margin-top: 0;
3003
- }
3004
- .tox .tox-well > *:last-child {
3005
- margin-bottom: 0;
3006
- }
3007
- .tox .tox-well > *:only-child {
3008
- margin: 0;
3009
- }
3010
- .tox .tox-custom-editor {
3011
- border: 1px solid #000000;
3012
- border-radius: 3px;
3013
- display: flex;
3014
- flex: 1;
3015
- position: relative;
3016
- }
3017
- /* stylelint-disable */
3018
- .tox {
3019
- /* stylelint-enable */
3020
- }
3021
- .tox .tox-dialog-loading::before {
3022
- background-color: rgba(0, 0, 0, 0.5);
3023
- content: "";
3024
- height: 100%;
3025
- position: absolute;
3026
- width: 100%;
3027
- z-index: 1000;
3028
- }
3029
- .tox .tox-tab {
3030
- cursor: pointer;
3031
- }
3032
- .tox .tox-dialog__content-js {
3033
- display: flex;
3034
- flex: 1;
3035
- -ms-flex-preferred-size: auto;
3036
- }
3037
- .tox .tox-dialog__body-content .tox-collection {
3038
- display: flex;
3039
- flex: 1;
3040
- -ms-flex-preferred-size: auto;
3041
- }
3042
- .tox .tox-image-tools-edit-panel {
3043
- height: 60px;
3044
- }
3045
- .tox .tox-image-tools__sidebar {
3046
- height: 60px;
3047
- }