content.css 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852
  1. /**
  2. * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3. * Licensed under the LGPL or a commercial license.
  4. * For LGPL see License.txt in the project root for license information.
  5. * For commercial licenses see https://www.tiny.cloud/
  6. */
  7. .mce-content-body .mce-item-anchor {
  8. background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
  9. cursor: default;
  10. display: inline-block;
  11. height: 12px !important;
  12. padding: 0 2px;
  13. -webkit-user-modify: read-only;
  14. -moz-user-modify: read-only;
  15. -webkit-user-select: all;
  16. -moz-user-select: all;
  17. -ms-user-select: all;
  18. user-select: all;
  19. width: 8px !important;
  20. }
  21. .mce-content-body .mce-item-anchor[data-mce-selected] {
  22. outline-offset: 1px;
  23. }
  24. .tox-comments-visible .tox-comment {
  25. background-color: #fff0b7;
  26. }
  27. .tox-comments-visible .tox-comment--active {
  28. background-color: #ffe168;
  29. }
  30. .tox-checklist > li:not(.tox-checklist--hidden) {
  31. list-style: none;
  32. margin: 0.25em 0;
  33. }
  34. .tox-checklist > li:not(.tox-checklist--hidden)::before {
  35. background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  36. background-size: 100%;
  37. content: '';
  38. cursor: pointer;
  39. height: 1em;
  40. margin-left: -1.5em;
  41. margin-top: 0.125em;
  42. position: absolute;
  43. width: 1em;
  44. }
  45. .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  46. background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  47. }
  48. [dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
  49. margin-left: 0;
  50. margin-right: -1.5em;
  51. }
  52. /* stylelint-disable */
  53. /* http://prismjs.com/ */
  54. /**
  55. * prism.js default theme for JavaScript, CSS and HTML
  56. * Based on dabblet (http://dabblet.com)
  57. * @author Lea Verou
  58. */
  59. code[class*="language-"],
  60. pre[class*="language-"] {
  61. color: #f8f8f2;
  62. background: none;
  63. text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  64. font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  65. font-size: 0.95em;
  66. text-align: left;
  67. white-space: pre;
  68. word-spacing: normal;
  69. word-break: normal;
  70. word-wrap: normal;
  71. line-height: 1.5;
  72. -moz-tab-size: 4;
  73. -o-tab-size: 4;
  74. tab-size: 4;
  75. -webkit-hyphens: none;
  76. -moz-hyphens: none;
  77. -ms-hyphens: none;
  78. hyphens: none;
  79. }
  80. /* Code blocks */
  81. pre[class*="language-"] {
  82. padding: 1em;
  83. margin: .5em 0;
  84. overflow: auto;
  85. border-radius: 0.3em;
  86. }
  87. :not(pre) > code[class*="language-"],
  88. pre[class*="language-"] {
  89. background: #272822;
  90. }
  91. /* Inline code */
  92. :not(pre) > code[class*="language-"] {
  93. padding: .1em;
  94. border-radius: .3em;
  95. white-space: normal;
  96. }
  97. .token.comment,
  98. .token.prolog,
  99. .token.doctype,
  100. .token.cdata {
  101. color: slategray;
  102. }
  103. .token.punctuation {
  104. color: #f8f8f2;
  105. }
  106. .namespace {
  107. opacity: .7;
  108. }
  109. .token.property,
  110. .token.tag,
  111. .token.constant,
  112. .token.symbol,
  113. .token.deleted {
  114. color: #f92672;
  115. }
  116. .token.boolean,
  117. .token.number {
  118. color: #ae81ff;
  119. }
  120. .token.selector,
  121. .token.attr-name,
  122. .token.string,
  123. .token.char,
  124. .token.builtin,
  125. .token.inserted {
  126. color: #a6e22e;
  127. }
  128. .token.operator,
  129. .token.entity,
  130. .token.url,
  131. .language-css .token.string,
  132. .style .token.string,
  133. .token.variable {
  134. color: #f8f8f2;
  135. }
  136. .token.atrule,
  137. .token.attr-value,
  138. .token.function,
  139. .token.class-name {
  140. color: #e6db74;
  141. }
  142. .token.keyword {
  143. color: #66d9ef;
  144. }
  145. .token.regex,
  146. .token.important {
  147. color: #fd971f;
  148. }
  149. .token.important,
  150. .token.bold {
  151. font-weight: bold;
  152. }
  153. .token.italic {
  154. font-style: italic;
  155. }
  156. .token.entity {
  157. cursor: help;
  158. }
  159. code {
  160. color: #476582;
  161. padding: .25rem .5rem;
  162. margin: 0;
  163. font-size: .85em;
  164. background-color: rgba(27,31,35,.05);
  165. border-radius: 3px
  166. }
  167. code .token.deleted {
  168. color: #ec5975
  169. }
  170. code .token.inserted {
  171. color: #3eb4ff
  172. }
  173. pre,pre[class*=language-] {
  174. line-height: 1.5;
  175. padding: 1.25rem 1.5rem;
  176. margin: .85rem 0;
  177. background-color: #282c34;
  178. border-radius: 6px;
  179. overflow: auto;
  180. }
  181. pre[class*=language-] code,pre code {
  182. color: #fff;
  183. padding: 0;
  184. background-color: transparent;
  185. border-radius: 0
  186. }
  187. div[class*=language-] {
  188. position: relative;
  189. background-color: #282c34;
  190. border-radius: 6px
  191. }
  192. div[class*=language-] .highlight-lines {
  193. -webkit-user-select: none;
  194. -moz-user-select: none;
  195. -ms-user-select: none;
  196. user-select: none;
  197. padding-top: 1.3rem;
  198. position: absolute;
  199. top: 0;
  200. left: 0;
  201. width: 100%;
  202. line-height: 1.4
  203. }
  204. div[class*=language-] .highlight-lines .highlighted {
  205. background-color: rgba(0,0,0,.66)
  206. }
  207. div[class*=language-] pre,div[class*=language-] pre[class*=language-] {
  208. background: transparent;
  209. position: relative;
  210. z-index: 1
  211. }
  212. div[class*=language-]:before {
  213. position: absolute;
  214. z-index: 3;
  215. top: .8em;
  216. right: 1em;
  217. font-size: .75rem;
  218. color: hsla(0,0%,100%,.4)
  219. }
  220. div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper {
  221. display: none
  222. }
  223. div[class*=language-].line-numbers-mode .highlight-lines .highlighted {
  224. position: relative
  225. }
  226. div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before {
  227. content: " ";
  228. position: absolute;
  229. z-index: 3;
  230. left: 0;
  231. top: 0;
  232. display: block;
  233. width: 3.5rem;
  234. height: 100%;
  235. background-color: rgba(0,0,0,.66)
  236. }
  237. div[class*=language-].line-numbers-mode pre {
  238. padding-left: 4.5rem;
  239. vertical-align: middle
  240. }
  241. div[class*=language-].line-numbers-mode .line-numbers-wrapper {
  242. position: absolute;
  243. top: 0;
  244. width: 3.5rem;
  245. text-align: center;
  246. color: hsla(0,0%,100%,.3);
  247. padding: 1.25rem 0;
  248. line-height: 1.4
  249. }
  250. div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number,div[class*=language-].line-numbers-mode .line-numbers-wrapper br {
  251. -webkit-user-select: none;
  252. -moz-user-select: none;
  253. -ms-user-select: none;
  254. user-select: none
  255. }
  256. div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number {
  257. position: relative;
  258. z-index: 4;
  259. font-size: .85em
  260. }
  261. div[class*=language-].line-numbers-mode:after {
  262. content: "";
  263. position: absolute;
  264. z-index: 2;
  265. top: 0;
  266. left: 0;
  267. width: 3.5rem;
  268. height: 100%;
  269. border-radius: 6px 0 0 6px;
  270. border-right: 1px solid rgba(0,0,0,.66);
  271. background-color: #282c34
  272. }
  273. div[class~=language-js]:before {
  274. content: "js"
  275. }
  276. div[class~=language-ts]:before {
  277. content: "ts"
  278. }
  279. div[class~=language-html]:before {
  280. content: "html"
  281. }
  282. div[class~=language-md]:before {
  283. content: "md"
  284. }
  285. div[class~=language-vue]:before {
  286. content: "vue"
  287. }
  288. div[class~=language-css]:before {
  289. content: "css"
  290. }
  291. div[class~=language-sass]:before {
  292. content: "sass"
  293. }
  294. div[class~=language-scss]:before {
  295. content: "scss"
  296. }
  297. div[class~=language-less]:before {
  298. content: "less"
  299. }
  300. div[class~=language-stylus]:before {
  301. content: "stylus"
  302. }
  303. div[class~=language-go]:before {
  304. content: "go"
  305. }
  306. div[class~=language-java]:before {
  307. content: "java"
  308. }
  309. div[class~=language-c]:before {
  310. content: "c"
  311. }
  312. div[class~=language-sh]:before {
  313. content: "sh"
  314. }
  315. div[class~=language-yaml]:before {
  316. content: "yaml"
  317. }
  318. div[class~=language-py]:before {
  319. content: "py"
  320. }
  321. div[class~=language-docker]:before {
  322. content: "docker"
  323. }
  324. div[class~=language-dockerfile]:before {
  325. content: "dockerfile"
  326. }
  327. div[class~=language-makefile]:before {
  328. content: "makefile"
  329. }
  330. div[class~=language-javascript]:before {
  331. content: "js"
  332. }
  333. div[class~=language-typescript]:before {
  334. content: "ts"
  335. }
  336. div[class~=language-markup]:before {
  337. content: "html"
  338. }
  339. div[class~=language-markdown]:before {
  340. content: "md"
  341. }
  342. div[class~=language-json]:before {
  343. content: "json"
  344. }
  345. div[class~=language-ruby]:before {
  346. content: "rb"
  347. }
  348. div[class~=language-python]:before {
  349. content: "py"
  350. }
  351. div[class~=language-bash]:before {
  352. content: "sh"
  353. }
  354. div[class~=language-php]:before {
  355. content: "php"
  356. }
  357. /* stylelint-enable */
  358. .mce-content-body {
  359. overflow-wrap: break-word;
  360. word-wrap: break-word;
  361. }
  362. .mce-content-body .mce-visual-caret {
  363. background-color: black;
  364. background-color: currentcolor;
  365. position: absolute;
  366. }
  367. .mce-content-body .mce-visual-caret-hidden {
  368. display: none;
  369. }
  370. .mce-content-body *[data-mce-caret] {
  371. left: -1000px;
  372. margin: 0;
  373. padding: 0;
  374. position: absolute;
  375. right: auto;
  376. top: 0;
  377. }
  378. .mce-content-body .mce-offscreen-selection {
  379. left: -9999999999px;
  380. max-width: 1000000px;
  381. position: absolute;
  382. }
  383. .mce-content-body *[contentEditable=false] {
  384. cursor: default;
  385. }
  386. .mce-content-body *[contentEditable=true] {
  387. cursor: text;
  388. }
  389. .tox-cursor-format-painter {
  390. cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
  391. }
  392. .mce-content-body figure.align-left {
  393. float: left;
  394. }
  395. .mce-content-body figure.align-right {
  396. float: right;
  397. }
  398. .mce-content-body figure.image.align-center {
  399. display: table;
  400. margin-left: auto;
  401. margin-right: auto;
  402. }
  403. .mce-preview-object {
  404. border: 1px solid gray;
  405. display: inline-block;
  406. line-height: 0;
  407. margin: 0 2px 0 2px;
  408. position: relative;
  409. }
  410. .mce-preview-object .mce-shim {
  411. background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  412. height: 100%;
  413. left: 0;
  414. position: absolute;
  415. top: 0;
  416. width: 100%;
  417. }
  418. .mce-preview-object[data-mce-selected="2"] .mce-shim {
  419. display: none;
  420. }
  421. .mce-object {
  422. background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
  423. border: 1px dashed #aaa;
  424. }
  425. .mce-pagebreak {
  426. border: 1px dashed #aaa;
  427. cursor: default;
  428. display: block;
  429. height: 5px;
  430. margin-top: 15px;
  431. page-break-before: always;
  432. width: 100%;
  433. }
  434. @media print {
  435. .mce-pagebreak {
  436. border: 0;
  437. }
  438. }
  439. .tiny-pageembed .mce-shim {
  440. background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  441. height: 100%;
  442. left: 0;
  443. position: absolute;
  444. top: 0;
  445. width: 100%;
  446. }
  447. .tiny-pageembed[data-mce-selected="2"] .mce-shim {
  448. display: none;
  449. }
  450. .tiny-pageembed {
  451. display: inline-block;
  452. position: relative;
  453. }
  454. .tiny-pageembed--21by9,
  455. .tiny-pageembed--16by9,
  456. .tiny-pageembed--4by3,
  457. .tiny-pageembed--1by1 {
  458. display: block;
  459. overflow: hidden;
  460. padding: 0;
  461. position: relative;
  462. width: 100%;
  463. }
  464. .tiny-pageembed--21by9::before,
  465. .tiny-pageembed--16by9::before,
  466. .tiny-pageembed--4by3::before,
  467. .tiny-pageembed--1by1::before {
  468. content: "";
  469. display: block;
  470. }
  471. .tiny-pageembed--21by9::before {
  472. padding-top: 42.857143%;
  473. }
  474. .tiny-pageembed--16by9::before {
  475. padding-top: 56.25%;
  476. }
  477. .tiny-pageembed--4by3::before {
  478. padding-top: 75%;
  479. }
  480. .tiny-pageembed--1by1::before {
  481. padding-top: 100%;
  482. }
  483. .tiny-pageembed--21by9 iframe,
  484. .tiny-pageembed--16by9 iframe,
  485. .tiny-pageembed--4by3 iframe,
  486. .tiny-pageembed--1by1 iframe {
  487. border: 0;
  488. height: 100%;
  489. left: 0;
  490. position: absolute;
  491. top: 0;
  492. width: 100%;
  493. }
  494. .mce-content-body div.mce-resizehandle {
  495. background-color: #4099ff;
  496. border-color: #4099ff;
  497. border-style: solid;
  498. border-width: 1px;
  499. box-sizing: border-box;
  500. height: 10px;
  501. position: absolute;
  502. width: 10px;
  503. z-index: 10000;
  504. }
  505. .mce-content-body div.mce-resizehandle:hover {
  506. background-color: #4099ff;
  507. }
  508. .mce-content-body div.mce-resizehandle:nth-of-type(1) {
  509. cursor: nwse-resize;
  510. }
  511. .mce-content-body div.mce-resizehandle:nth-of-type(2) {
  512. cursor: nesw-resize;
  513. }
  514. .mce-content-body div.mce-resizehandle:nth-of-type(3) {
  515. cursor: nwse-resize;
  516. }
  517. .mce-content-body div.mce-resizehandle:nth-of-type(4) {
  518. cursor: nesw-resize;
  519. }
  520. .mce-content-body .mce-clonedresizable {
  521. opacity: 0.5;
  522. outline: 1px dashed black;
  523. position: absolute;
  524. z-index: 10000;
  525. }
  526. .mce-content-body .mce-resize-helper {
  527. background: #555;
  528. background: rgba(0, 0, 0, 0.75);
  529. border: 1px;
  530. border-radius: 3px;
  531. color: white;
  532. display: none;
  533. font-family: sans-serif;
  534. font-size: 12px;
  535. line-height: 14px;
  536. margin: 5px 10px;
  537. padding: 5px;
  538. position: absolute;
  539. white-space: nowrap;
  540. z-index: 10001;
  541. }
  542. .mce-match-marker {
  543. background: #aaa;
  544. color: #fff;
  545. }
  546. .mce-match-marker-selected {
  547. background: #39f;
  548. color: #fff;
  549. }
  550. .mce-content-body img[data-mce-selected],
  551. .mce-content-body table[data-mce-selected] {
  552. outline: 3px solid #b4d7ff;
  553. }
  554. .mce-content-body hr[data-mce-selected] {
  555. outline: 3px solid #b4d7ff;
  556. outline-offset: 1px;
  557. }
  558. .mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
  559. outline: 3px solid #b4d7ff;
  560. }
  561. .mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
  562. outline: 3px solid #b4d7ff;
  563. }
  564. .mce-content-body *[contentEditable=false][data-mce-selected] {
  565. cursor: not-allowed;
  566. outline: 3px solid #b4d7ff;
  567. }
  568. .mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
  569. .mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
  570. outline: none;
  571. }
  572. .mce-content-body *[data-mce-selected="inline-boundary"] {
  573. background-color: #b4d7ff;
  574. }
  575. .mce-content-body .mce-edit-focus {
  576. outline: 3px solid #b4d7ff;
  577. }
  578. .mce-content-body td[data-mce-selected],
  579. .mce-content-body th[data-mce-selected] {
  580. background-color: #b4d7ff !important;
  581. }
  582. .mce-content-body td[data-mce-selected]::-moz-selection,
  583. .mce-content-body th[data-mce-selected]::-moz-selection {
  584. background: none;
  585. }
  586. .mce-content-body td[data-mce-selected]::selection,
  587. .mce-content-body th[data-mce-selected]::selection {
  588. background: none;
  589. }
  590. .mce-content-body td[data-mce-selected] *,
  591. .mce-content-body th[data-mce-selected] * {
  592. -webkit-touch-callout: none;
  593. -webkit-user-select: none;
  594. -moz-user-select: none;
  595. -ms-user-select: none;
  596. user-select: none;
  597. }
  598. .mce-content-body img::-moz-selection {
  599. background: none;
  600. }
  601. .mce-content-body img::selection {
  602. background: none;
  603. }
  604. .ephox-snooker-resizer-bar {
  605. background-color: #b4d7ff;
  606. opacity: 0;
  607. }
  608. .ephox-snooker-resizer-cols {
  609. cursor: col-resize;
  610. }
  611. .ephox-snooker-resizer-rows {
  612. cursor: row-resize;
  613. }
  614. .ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  615. opacity: 1;
  616. }
  617. .mce-spellchecker-word {
  618. background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  619. background-position: 0 calc(100% + 1px);
  620. background-repeat: repeat-x;
  621. background-size: auto 6px;
  622. cursor: default;
  623. height: 2rem;
  624. }
  625. .mce-spellchecker-grammar {
  626. background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23008800'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  627. background-position: 0 calc(100% + 1px);
  628. background-repeat: repeat-x;
  629. background-size: auto 6px;
  630. cursor: default;
  631. }
  632. .mce-toc {
  633. border: 1px solid gray;
  634. }
  635. .mce-toc h2 {
  636. margin: 4px;
  637. }
  638. .mce-toc li {
  639. list-style-type: none;
  640. }
  641. .mce-item-table,
  642. .mce-item-table td,
  643. .mce-item-table th,
  644. .mce-item-table caption {
  645. border: 1px dashed #bbb;
  646. }
  647. .mce-visualblocks p,
  648. .mce-visualblocks h1,
  649. .mce-visualblocks h2,
  650. .mce-visualblocks h3,
  651. .mce-visualblocks h4,
  652. .mce-visualblocks h5,
  653. .mce-visualblocks h6,
  654. .mce-visualblocks div:not([data-mce-bogus]),
  655. .mce-visualblocks section,
  656. .mce-visualblocks article,
  657. .mce-visualblocks blockquote,
  658. .mce-visualblocks address,
  659. .mce-visualblocks pre,
  660. .mce-visualblocks figure,
  661. .mce-visualblocks figcaption,
  662. .mce-visualblocks hgroup,
  663. .mce-visualblocks aside,
  664. .mce-visualblocks ul,
  665. .mce-visualblocks ol,
  666. .mce-visualblocks dl {
  667. background-repeat: no-repeat;
  668. border: 1px dashed #bbb;
  669. margin-left: 3px;
  670. padding-top: 10px;
  671. }
  672. .mce-visualblocks p {
  673. background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
  674. }
  675. .mce-visualblocks h1 {
  676. background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
  677. }
  678. .mce-visualblocks h2 {
  679. background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
  680. }
  681. .mce-visualblocks h3 {
  682. background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
  683. }
  684. .mce-visualblocks h4 {
  685. background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
  686. }
  687. .mce-visualblocks h5 {
  688. background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
  689. }
  690. .mce-visualblocks h6 {
  691. background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
  692. }
  693. .mce-visualblocks div:not([data-mce-bogus]) {
  694. background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
  695. }
  696. .mce-visualblocks section {
  697. background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
  698. }
  699. .mce-visualblocks article {
  700. background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
  701. }
  702. .mce-visualblocks blockquote {
  703. background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
  704. }
  705. .mce-visualblocks address {
  706. background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
  707. }
  708. .mce-visualblocks pre {
  709. background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
  710. }
  711. .mce-visualblocks figure {
  712. background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
  713. }
  714. .mce-visualblocks figcaption {
  715. border: 1px dashed #bbb;
  716. }
  717. .mce-visualblocks hgroup {
  718. background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
  719. }
  720. .mce-visualblocks aside {
  721. background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
  722. }
  723. .mce-visualblocks ul {
  724. background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
  725. }
  726. .mce-visualblocks ol {
  727. background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
  728. }
  729. .mce-visualblocks dl {
  730. background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
  731. }
  732. .mce-visualblocks:not([dir=rtl]) p,
  733. .mce-visualblocks:not([dir=rtl]) h1,
  734. .mce-visualblocks:not([dir=rtl]) h2,
  735. .mce-visualblocks:not([dir=rtl]) h3,
  736. .mce-visualblocks:not([dir=rtl]) h4,
  737. .mce-visualblocks:not([dir=rtl]) h5,
  738. .mce-visualblocks:not([dir=rtl]) h6,
  739. .mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
  740. .mce-visualblocks:not([dir=rtl]) section,
  741. .mce-visualblocks:not([dir=rtl]) article,
  742. .mce-visualblocks:not([dir=rtl]) blockquote,
  743. .mce-visualblocks:not([dir=rtl]) address,
  744. .mce-visualblocks:not([dir=rtl]) pre,
  745. .mce-visualblocks:not([dir=rtl]) figure,
  746. .mce-visualblocks:not([dir=rtl]) figcaption,
  747. .mce-visualblocks:not([dir=rtl]) hgroup,
  748. .mce-visualblocks:not([dir=rtl]) aside,
  749. .mce-visualblocks:not([dir=rtl]) ul,
  750. .mce-visualblocks:not([dir=rtl]) ol,
  751. .mce-visualblocks:not([dir=rtl]) dl {
  752. margin-left: 3px;
  753. }
  754. .mce-visualblocks[dir=rtl] p,
  755. .mce-visualblocks[dir=rtl] h1,
  756. .mce-visualblocks[dir=rtl] h2,
  757. .mce-visualblocks[dir=rtl] h3,
  758. .mce-visualblocks[dir=rtl] h4,
  759. .mce-visualblocks[dir=rtl] h5,
  760. .mce-visualblocks[dir=rtl] h6,
  761. .mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
  762. .mce-visualblocks[dir=rtl] section,
  763. .mce-visualblocks[dir=rtl] article,
  764. .mce-visualblocks[dir=rtl] blockquote,
  765. .mce-visualblocks[dir=rtl] address,
  766. .mce-visualblocks[dir=rtl] pre,
  767. .mce-visualblocks[dir=rtl] figure,
  768. .mce-visualblocks[dir=rtl] figcaption,
  769. .mce-visualblocks[dir=rtl] hgroup,
  770. .mce-visualblocks[dir=rtl] aside,
  771. .mce-visualblocks[dir=rtl] ul,
  772. .mce-visualblocks[dir=rtl] ol,
  773. .mce-visualblocks[dir=rtl] dl {
  774. background-position-x: right;
  775. margin-right: 3px;
  776. }
  777. .mce-nbsp,
  778. .mce-shy {
  779. background: #aaa;
  780. }
  781. .mce-shy::after {
  782. content: '-';
  783. }
  784. body {
  785. font-family: sans-serif;
  786. }
  787. table {
  788. border-collapse: collapse;
  789. }