zhangyj-html
3 years ago
86 changed files with 17837 additions and 5168 deletions
-
2.gitignore
-
19README.md
-
21babel.config.js
-
2dist/index.html
-
1dist/static/wap/css/app.c4984d91.css
-
1dist/static/wap/css/chunk-vendors.a2fd9b2e.css
-
BINdist/static/wap/fonts/iconfont.cac989c5.ttf
-
BINdist/static/wap/fonts/iconfont.fd0a607d.woff
-
BINdist/static/wap/fonts/iconfont.fdca4853.woff2
-
1dist/static/wap/js/about.ac234c24.js
-
1dist/static/wap/js/app.8b70e874.js
-
89dist/static/wap/js/chunk-vendors.e41cfa42.js
-
8725package-lock.json
-
22package.json
-
67public/js/skins/content/default/content.css
-
91public/tinymce/jquery.tinymce.js
-
91public/tinymce/jquery.tinymce.min.js
-
463public/tinymce/langs/zh_CN.js
-
72public/tinymce/skins/content/dark/content.css
-
7public/tinymce/skins/content/dark/content.min.css
-
67public/tinymce/skins/content/default/content.css
-
7public/tinymce/skins/content/default/content.min.css
-
72public/tinymce/skins/content/document/content.css
-
7public/tinymce/skins/content/document/content.min.css
-
68public/tinymce/skins/content/writer/content.css
-
7public/tinymce/skins/content/writer/content.min.css
-
714public/tinymce/skins/ui/oxide-dark/content.css
-
726public/tinymce/skins/ui/oxide-dark/content.inline.css
-
7public/tinymce/skins/ui/oxide-dark/content.inline.min.css
-
7public/tinymce/skins/ui/oxide-dark/content.min.css
-
29public/tinymce/skins/ui/oxide-dark/content.mobile.css
-
7public/tinymce/skins/ui/oxide-dark/content.mobile.min.css
-
BINpublic/tinymce/skins/ui/oxide-dark/fonts/tinymce-mobile.woff
-
3047public/tinymce/skins/ui/oxide-dark/skin.css
-
7public/tinymce/skins/ui/oxide-dark/skin.min.css
-
673public/tinymce/skins/ui/oxide-dark/skin.mobile.css
-
7public/tinymce/skins/ui/oxide-dark/skin.mobile.min.css
-
37public/tinymce/skins/ui/oxide-dark/skin.shadowdom.css
-
7public/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
-
732public/tinymce/skins/ui/oxide/content.css
-
726public/tinymce/skins/ui/oxide/content.inline.css
-
7public/tinymce/skins/ui/oxide/content.inline.min.css
-
7public/tinymce/skins/ui/oxide/content.min.css
-
29public/tinymce/skins/ui/oxide/content.mobile.css
-
7public/tinymce/skins/ui/oxide/content.mobile.min.css
-
BINpublic/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff
-
3047public/tinymce/skins/ui/oxide/skin.css
-
7public/tinymce/skins/ui/oxide/skin.min.css
-
673public/tinymce/skins/ui/oxide/skin.mobile.css
-
7public/tinymce/skins/ui/oxide/skin.mobile.min.css
-
37public/tinymce/skins/ui/oxide/skin.shadowdom.css
-
7public/tinymce/skins/ui/oxide/skin.shadowdom.min.css
-
76src/App.vue
-
32src/api/admin.js
-
5src/api/upload.js
-
204src/components/HelloWorld.vue
-
141src/components/Upload/Image.vue
-
199src/components/Upload/videoupload.vue
-
252src/components/editor/index.vue
-
235src/components/editor/tinymce.vue
-
134src/components/formdialog/index.vue
-
49src/directive/clipboard/clipboard.js
-
13src/directive/clipboard/index.js
-
77src/directive/el-drag-dialog/drag.js
-
13src/directive/el-drag-dialog/index.js
-
41src/directive/el-table/adaptive.js
-
13src/directive/el-table/index.js
-
13src/directive/permission/index.js
-
31src/directive/permission/permission.js
-
91src/directive/sticky.js
-
13src/directive/waves/index.js
-
26src/directive/waves/waves.css
-
72src/directive/waves/waves.js
-
16src/main.js
-
14src/main.ts
-
10src/plugins/nutui.ts
-
12src/router/index.js
-
6src/shims-vue.d.ts
-
15src/store/index.js
-
12src/store/index.ts
-
59src/styles/flex.css
-
85src/styles/style.scss
-
9src/utils/request.js
-
482src/views/Home.vue
-
39tsconfig.json
-
53vue.config.js
@ -1,19 +0,0 @@ |
|||
# vue3demo |
|||
|
|||
## Project setup |
|||
``` |
|||
npm install |
|||
``` |
|||
|
|||
### Compiles and hot-reloads for development |
|||
``` |
|||
npm run serve |
|||
``` |
|||
|
|||
### Compiles and minifies for production |
|||
``` |
|||
npm run build |
|||
``` |
|||
|
|||
### Customize configuration |
|||
See [Configuration Reference](https://cli.vuejs.org/config/). |
|||
@ -1,26 +1,5 @@ |
|||
module.exports = { |
|||
presets: [ |
|||
'@vue/cli-plugin-babel/preset' |
|||
], |
|||
plugins: [ |
|||
[ |
|||
"import", |
|||
{ |
|||
"libraryName": "@nutui/nutui", |
|||
"libraryDirectory": "dist/packages/_es", |
|||
// customName自定义兼容国际化使用
|
|||
"customName": (name, file) => { |
|||
if (name == 'Locale') { |
|||
return '@nutui/nutui/dist/packages/locale/lang'; |
|||
} else { |
|||
return `@nutui/nutui/dist/packages/_es/${name}`; |
|||
} |
|||
}, |
|||
"style": (name, file) => name.toLowerCase().replace('_es/', '') + '/index.scss', |
|||
"camel2DashComponentName": false |
|||
}, |
|||
'nutui3-vue' |
|||
] |
|||
|
|||
] |
|||
} |
|||
@ -1 +1 @@ |
|||
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>vue3demo</title><link href="/static/wap/js/about.ac234c24.js" rel="prefetch"><link href="/static/wap/css/app.c4984d91.css" rel="preload" as="style"><link href="/static/wap/css/chunk-vendors.a2fd9b2e.css" rel="preload" as="style"><link href="/static/wap/js/app.8b70e874.js" rel="preload" as="script"><link href="/static/wap/js/chunk-vendors.e41cfa42.js" rel="preload" as="script"><link href="/static/wap/css/chunk-vendors.a2fd9b2e.css" rel="stylesheet"><link href="/static/wap/css/app.c4984d91.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but vue3demo doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/static/wap/js/chunk-vendors.e41cfa42.js"></script><script src="/static/wap/js/app.8b70e874.js"></script></body></html> |
|||
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>articleadmin</title><link href="/js/about.ed7f9285.js" rel="prefetch"><link href="/css/app.7c832668.css" rel="preload" as="style"><link href="/css/chunk-vendors.06c3b195.css" rel="preload" as="style"><link href="/js/app.f08bba00.js" rel="preload" as="script"><link href="/js/chunk-vendors.132157ac.js" rel="preload" as="script"><link href="/css/chunk-vendors.06c3b195.css" rel="stylesheet"><link href="/css/app.7c832668.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but articleadmin doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.132157ac.js"></script><script src="/js/app.f08bba00.js"></script></body></html> |
|||
@ -1 +0,0 @@ |
|||
#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}h3[data-v-332b7ecc]{margin:40px 0 0}ul[data-v-332b7ecc]{list-style-type:none;padding:0}li[data-v-332b7ecc]{display:inline-block;margin:0 10px}a[data-v-332b7ecc]{color:#42b983}.nut-swiper-item[data-v-332b7ecc]{line-height:150px}.nut-swiper-item img[data-v-332b7ecc]{width:100%;height:100%}.hello[data-v-332b7ecc]{background-color:#e6e6e6;overflow:auto}.margintopBox[data-v-332b7ecc]{margin-top:100px}.out[data-v-332b7ecc]{background-color:red;overflow:auto}.out .in1[data-v-332b7ecc]{background-color:green;width:100px;height:100px;float:left}.out .in2[data-v-332b7ecc]{background-color:gold;width:200px;display:flow-root}.out .in3[data-v-332b7ecc]{background-color:#00f}.item1[data-v-332b7ecc]{background-color:#00ff4c;margin:10px 0}.item_box[data-v-332b7ecc]{overflow:auto}.item2[data-v-332b7ecc]{background-color:#00ff4c;margin:10px 0} |
|||
1
dist/static/wap/css/chunk-vendors.a2fd9b2e.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["about"],{f820:function(n,t,a){"use strict";a.r(t);var c=a("7a23");const e={class:"about"},o=Object(c["g"])("h1",null,"This is an about page",-1),s=[o];function u(n,t){return Object(c["z"])(),Object(c["f"])("div",e,s)}var b=a("6b0d"),i=a.n(b);const r={},d=i()(r,[["render",u]]);t["default"]=d}}]); |
|||
1
dist/static/wap/js/app.8b70e874.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
89
dist/static/wap/js/chunk-vendors.e41cfa42.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
8725
package-lock.json
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,67 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
body { |
|||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; |
|||
line-height: 1.4; |
|||
margin: 1rem; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
} |
|||
/* Apply a default padding if legacy cellpadding attribute is missing */ |
|||
table:not([cellpadding]) th, |
|||
table:not([cellpadding]) td { |
|||
padding: 0.4rem; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-width"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-width"]) td { |
|||
border-width: 1px; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-style"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-style"]) td { |
|||
border-style: solid; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-color"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-color"]) td { |
|||
border-color: #ccc; |
|||
} |
|||
figure { |
|||
display: table; |
|||
margin: 1rem auto; |
|||
} |
|||
figure figcaption { |
|||
color: #999; |
|||
display: block; |
|||
margin-top: 0.25rem; |
|||
text-align: center; |
|||
} |
|||
hr { |
|||
border-color: #ccc; |
|||
border-style: solid; |
|||
border-width: 1px 0 0 0; |
|||
} |
|||
code { |
|||
background-color: #e8e8e8; |
|||
border-radius: 3px; |
|||
padding: 0.1rem 0.2rem; |
|||
} |
|||
.mce-content-body:not([dir=rtl]) blockquote { |
|||
border-left: 2px solid #ccc; |
|||
margin-left: 1.5rem; |
|||
padding-left: 1rem; |
|||
} |
|||
.mce-content-body[dir=rtl] blockquote { |
|||
border-right: 2px solid #ccc; |
|||
margin-right: 1.5rem; |
|||
padding-right: 1rem; |
|||
} |
|||
@ -0,0 +1,91 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/
|
|||
*/ |
|||
/** |
|||
* Jquery integration plugin. |
|||
* |
|||
* @class tinymce.core.JqueryIntegration |
|||
* @private |
|||
*/ |
|||
!function(){function f(){ |
|||
// Reference to tinymce needs to be lazily evaluated since tinymce
|
|||
// might be loaded through the compressor or other means
|
|||
return d.tinymce}var p,c,u,s=[],d="undefined"!=typeof global?global:window,m=d.jQuery;m.fn.tinymce=function(o){var e,t,i,n,l=this,r=""; |
|||
// No match then just ignore the call
|
|||
return l.length? |
|||
// Get editor instance
|
|||
o?(l.css("visibility","hidden"), |
|||
// Load TinyMCE on demand, if we need to
|
|||
d.tinymce||c||!(e=o.script_url)? |
|||
// Delay the init call until tinymce is loaded
|
|||
1===c?s.push(a):a():(c=1,t=e.substring(0,e.lastIndexOf("/")), |
|||
// Check if it's a dev/src version they want to load then
|
|||
// make sure that all plugins, themes etc are loaded in source mode as well
|
|||
-1!=e.indexOf(".min")&&(r=".min"), |
|||
// Setup tinyMCEPreInit object this will later be used by the TinyMCE
|
|||
// core script to locate other resources like CSS files, dialogs etc
|
|||
// You can also predefined a tinyMCEPreInit object and then it will use that instead
|
|||
d.tinymce=d.tinyMCEPreInit||{base:t,suffix:r}, |
|||
// url contains gzip then we assume it's a compressor
|
|||
-1!=e.indexOf("gzip")&&(i=o.language||"en",e=e+(/\?/.test(e)?"&":"?")+"js=true&core=true&suffix="+escape(r)+"&themes="+escape(o.theme||"modern")+"&plugins="+escape(o.plugins||"")+"&languages="+(i||""), |
|||
// Check if compressor script is already loaded otherwise setup a basic one
|
|||
d.tinyMCE_GZ||(d.tinyMCE_GZ={start:function(){function n(e){f().ScriptLoader.markDone(f().baseURI.toAbsolute(e))} |
|||
// Add core languages
|
|||
n("langs/"+i+".js"), |
|||
// Add themes with languages
|
|||
n("themes/"+o.theme+"/theme"+r+".js"),n("themes/"+o.theme+"/langs/"+i+".js"), |
|||
// Add plugins with languages
|
|||
m.each(o.plugins.split(","),function(e,t){t&&(n("plugins/"+t+"/plugin"+r+".js"),n("plugins/"+t+"/langs/"+i+".js"))})},end:function(){}})),(n=document.createElement("script")).type="text/javascript",n.onload=n.onreadystatechange=function(e){e=e||window.event,2===c||"load"!=e.type&&!/complete|loaded/.test(n.readyState)||(f().dom.Event.domLoaded=1,c=2, |
|||
// Execute callback after mainscript has been loaded and before the initialization occurs
|
|||
o.script_loaded&&o.script_loaded(),a(),m.each(s,function(e,t){t()}))},n.src=e,document.body.appendChild(n)),l):f()?f().get(l[0].id):null:l;function a(){var a=[],c=0; |
|||
// Apply patches to the jQuery object, only once
|
|||
u||(v(),u=!0), |
|||
// Create an editor instance for each matched node
|
|||
l.each(function(e,t){var n,i=t.id,r=o.oninit; |
|||
// Generate unique id for target element if needed
|
|||
i||(t.id=i=f().DOM.uniqueId()), |
|||
// Only init the editor once
|
|||
f().get(i)||( |
|||
// Create editor instance and render it
|
|||
n=f().createEditor(i,o),a.push(n),n.on("init",function(){var e,t=r;l.css("visibility",""), |
|||
// Run this if the oninit setting is defined
|
|||
// this logic will fire the oninit callback ones each
|
|||
// matched editor instance is initialized
|
|||
r&&++c==a.length&&("string"==typeof t&&(e=-1===t.indexOf(".")?null:f().resolve(t.replace(/\.\w+$/,"")),t=f().resolve(t)), |
|||
// Call the oninit function with the object
|
|||
t.apply(e||f(),a))}))}), |
|||
// Render the editor instances in a separate loop since we
|
|||
// need to have the full editors array used in the onInit calls
|
|||
m.each(a,function(e,t){t.render()})}}, |
|||
// Add :tinymce pseudo selector this will select elements that has been converted into editor instances
|
|||
// it's now possible to use things like $('*:tinymce') to get all TinyMCE bound elements.
|
|||
m.extend(m.expr[":"],{tinymce:function(e){var t;return!!(e.id&&"tinymce"in d&&(t=f().get(e.id))&&t.editorManager===f())}}); |
|||
// This function patches internal jQuery functions so that if
|
|||
// you for example remove an div element containing an editor it's
|
|||
// automatically destroyed by the TinyMCE API
|
|||
var v=function(){function r(e){ |
|||
// If the function is remove
|
|||
"remove"===e&&this.each(function(e,t){var n=u(t);n&&n.remove()}),this.find("span.mceEditor,div.mceEditor").each(function(e,t){var n=f().get(t.id.replace(/_parent$/,""));n&&n.remove()})}function o(i){var e,t=this; |
|||
// Handle set value
|
|||
/*jshint eqnull:true */if(null!=i)r.call(t), |
|||
// Saves the contents before get/set value of textarea/div
|
|||
t.each(function(e,t){var n;(n=f().get(t.id))&&n.setContent(i)});else if(0<t.length&&(e=f().get(t[0].id)))return e.getContent()}function l(e){return e&&e.length&&d.tinymce&&e.is(":tinymce")} |
|||
// Removes any child editor instances by looking for editor wrapper elements
|
|||
var u=function(e){var t=null;return e&&e.id&&d.tinymce?f().get(e.id):t},s={}; |
|||
// Loads or saves contents from/to textarea if the value
|
|||
// argument is defined it will set the TinyMCE internal contents
|
|||
// Patch some setter/getter functions these will
|
|||
// now be able to set/get the contents of editor instances for
|
|||
// example $('#editorid').html('Content'); will update the TinyMCE iframe instance
|
|||
m.each(["text","html","val"],function(e,t){var a=s[t]=m.fn[t],c="text"===t;m.fn[t]=function(e){var t=this;if(!l(t))return a.apply(t,arguments);if(e!==p)return o.call(t.filter(":tinymce"),e),a.apply(t.not(":tinymce"),arguments),t;// return original set for chaining
|
|||
var i="",r=arguments;return(c?t:t.eq(0)).each(function(e,t){var n=u(t);i+=n?c?n.getContent().replace(/<(?:"[^"]*"|'[^']*'|[^'">])*>/g,""):n.getContent({save:!0}):a.apply(m(t),r)}),i}}), |
|||
// Makes it possible to use $('#id').append("content"); to append contents to the TinyMCE editor iframe
|
|||
m.each(["append","prepend"],function(e,t){var n=s[t]=m.fn[t],r="prepend"===t;m.fn[t]=function(i){var e=this;return l(e)?i!==p?("string"==typeof i&&e.filter(":tinymce").each(function(e,t){var n=u(t);n&&n.setContent(r?i+n.getContent():n.getContent()+i)}),n.apply(e.not(":tinymce"),arguments),e):void 0:n.apply(e,arguments)}}), |
|||
// Makes sure that the editor instance gets properly destroyed when the parent element is removed
|
|||
m.each(["remove","replaceWith","replaceAll","empty"],function(e,t){var n=s[t]=m.fn[t];m.fn[t]=function(){return r.call(this,t),n.apply(this,arguments)}}),s.attr=m.fn.attr, |
|||
// Makes sure that $('#tinymce_id').attr('value') gets the editors current HTML contents
|
|||
m.fn.attr=function(e,t){var n=this,i=arguments;if(!e||"value"!==e||!l(n))return s.attr.apply(n,i);if(t!==p)return o.call(n.filter(":tinymce"),t),s.attr.apply(n.not(":tinymce"),i),n;// return original set for chaining
|
|||
var r=n[0],a=u(r);return a?a.getContent({save:!0}):s.attr.apply(m(r),i)}}}(); |
|||
@ -0,0 +1,91 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/
|
|||
*/ |
|||
/** |
|||
* Jquery integration plugin. |
|||
* |
|||
* @class tinymce.core.JqueryIntegration |
|||
* @private |
|||
*/ |
|||
!function(){function f(){ |
|||
// Reference to tinymce needs to be lazily evaluated since tinymce
|
|||
// might be loaded through the compressor or other means
|
|||
return d.tinymce}var p,c,u,s=[],d="undefined"!=typeof global?global:window,m=d.jQuery;m.fn.tinymce=function(o){var e,t,i,n,l=this,r=""; |
|||
// No match then just ignore the call
|
|||
return l.length? |
|||
// Get editor instance
|
|||
o?(l.css("visibility","hidden"), |
|||
// Load TinyMCE on demand, if we need to
|
|||
d.tinymce||c||!(e=o.script_url)? |
|||
// Delay the init call until tinymce is loaded
|
|||
1===c?s.push(a):a():(c=1,t=e.substring(0,e.lastIndexOf("/")), |
|||
// Check if it's a dev/src version they want to load then
|
|||
// make sure that all plugins, themes etc are loaded in source mode as well
|
|||
-1!=e.indexOf(".min")&&(r=".min"), |
|||
// Setup tinyMCEPreInit object this will later be used by the TinyMCE
|
|||
// core script to locate other resources like CSS files, dialogs etc
|
|||
// You can also predefined a tinyMCEPreInit object and then it will use that instead
|
|||
d.tinymce=d.tinyMCEPreInit||{base:t,suffix:r}, |
|||
// url contains gzip then we assume it's a compressor
|
|||
-1!=e.indexOf("gzip")&&(i=o.language||"en",e=e+(/\?/.test(e)?"&":"?")+"js=true&core=true&suffix="+escape(r)+"&themes="+escape(o.theme||"modern")+"&plugins="+escape(o.plugins||"")+"&languages="+(i||""), |
|||
// Check if compressor script is already loaded otherwise setup a basic one
|
|||
d.tinyMCE_GZ||(d.tinyMCE_GZ={start:function(){function n(e){f().ScriptLoader.markDone(f().baseURI.toAbsolute(e))} |
|||
// Add core languages
|
|||
n("langs/"+i+".js"), |
|||
// Add themes with languages
|
|||
n("themes/"+o.theme+"/theme"+r+".js"),n("themes/"+o.theme+"/langs/"+i+".js"), |
|||
// Add plugins with languages
|
|||
m.each(o.plugins.split(","),function(e,t){t&&(n("plugins/"+t+"/plugin"+r+".js"),n("plugins/"+t+"/langs/"+i+".js"))})},end:function(){}})),(n=document.createElement("script")).type="text/javascript",n.onload=n.onreadystatechange=function(e){e=e||window.event,2===c||"load"!=e.type&&!/complete|loaded/.test(n.readyState)||(f().dom.Event.domLoaded=1,c=2, |
|||
// Execute callback after mainscript has been loaded and before the initialization occurs
|
|||
o.script_loaded&&o.script_loaded(),a(),m.each(s,function(e,t){t()}))},n.src=e,document.body.appendChild(n)),l):f()?f().get(l[0].id):null:l;function a(){var a=[],c=0; |
|||
// Apply patches to the jQuery object, only once
|
|||
u||(v(),u=!0), |
|||
// Create an editor instance for each matched node
|
|||
l.each(function(e,t){var n,i=t.id,r=o.oninit; |
|||
// Generate unique id for target element if needed
|
|||
i||(t.id=i=f().DOM.uniqueId()), |
|||
// Only init the editor once
|
|||
f().get(i)||( |
|||
// Create editor instance and render it
|
|||
n=f().createEditor(i,o),a.push(n),n.on("init",function(){var e,t=r;l.css("visibility",""), |
|||
// Run this if the oninit setting is defined
|
|||
// this logic will fire the oninit callback ones each
|
|||
// matched editor instance is initialized
|
|||
r&&++c==a.length&&("string"==typeof t&&(e=-1===t.indexOf(".")?null:f().resolve(t.replace(/\.\w+$/,"")),t=f().resolve(t)), |
|||
// Call the oninit function with the object
|
|||
t.apply(e||f(),a))}))}), |
|||
// Render the editor instances in a separate loop since we
|
|||
// need to have the full editors array used in the onInit calls
|
|||
m.each(a,function(e,t){t.render()})}}, |
|||
// Add :tinymce pseudo selector this will select elements that has been converted into editor instances
|
|||
// it's now possible to use things like $('*:tinymce') to get all TinyMCE bound elements.
|
|||
m.extend(m.expr[":"],{tinymce:function(e){var t;return!!(e.id&&"tinymce"in d&&(t=f().get(e.id))&&t.editorManager===f())}}); |
|||
// This function patches internal jQuery functions so that if
|
|||
// you for example remove an div element containing an editor it's
|
|||
// automatically destroyed by the TinyMCE API
|
|||
var v=function(){function r(e){ |
|||
// If the function is remove
|
|||
"remove"===e&&this.each(function(e,t){var n=u(t);n&&n.remove()}),this.find("span.mceEditor,div.mceEditor").each(function(e,t){var n=f().get(t.id.replace(/_parent$/,""));n&&n.remove()})}function o(i){var e,t=this; |
|||
// Handle set value
|
|||
/*jshint eqnull:true */if(null!=i)r.call(t), |
|||
// Saves the contents before get/set value of textarea/div
|
|||
t.each(function(e,t){var n;(n=f().get(t.id))&&n.setContent(i)});else if(0<t.length&&(e=f().get(t[0].id)))return e.getContent()}function l(e){return e&&e.length&&d.tinymce&&e.is(":tinymce")} |
|||
// Removes any child editor instances by looking for editor wrapper elements
|
|||
var u=function(e){var t=null;return e&&e.id&&d.tinymce?f().get(e.id):t},s={}; |
|||
// Loads or saves contents from/to textarea if the value
|
|||
// argument is defined it will set the TinyMCE internal contents
|
|||
// Patch some setter/getter functions these will
|
|||
// now be able to set/get the contents of editor instances for
|
|||
// example $('#editorid').html('Content'); will update the TinyMCE iframe instance
|
|||
m.each(["text","html","val"],function(e,t){var a=s[t]=m.fn[t],c="text"===t;m.fn[t]=function(e){var t=this;if(!l(t))return a.apply(t,arguments);if(e!==p)return o.call(t.filter(":tinymce"),e),a.apply(t.not(":tinymce"),arguments),t;// return original set for chaining
|
|||
var i="",r=arguments;return(c?t:t.eq(0)).each(function(e,t){var n=u(t);i+=n?c?n.getContent().replace(/<(?:"[^"]*"|'[^']*'|[^'">])*>/g,""):n.getContent({save:!0}):a.apply(m(t),r)}),i}}), |
|||
// Makes it possible to use $('#id').append("content"); to append contents to the TinyMCE editor iframe
|
|||
m.each(["append","prepend"],function(e,t){var n=s[t]=m.fn[t],r="prepend"===t;m.fn[t]=function(i){var e=this;return l(e)?i!==p?("string"==typeof i&&e.filter(":tinymce").each(function(e,t){var n=u(t);n&&n.setContent(r?i+n.getContent():n.getContent()+i)}),n.apply(e.not(":tinymce"),arguments),e):void 0:n.apply(e,arguments)}}), |
|||
// Makes sure that the editor instance gets properly destroyed when the parent element is removed
|
|||
m.each(["remove","replaceWith","replaceAll","empty"],function(e,t){var n=s[t]=m.fn[t];m.fn[t]=function(){return r.call(this,t),n.apply(this,arguments)}}),s.attr=m.fn.attr, |
|||
// Makes sure that $('#tinymce_id').attr('value') gets the editors current HTML contents
|
|||
m.fn.attr=function(e,t){var n=this,i=arguments;if(!e||"value"!==e||!l(n))return s.attr.apply(n,i);if(t!==p)return o.call(n.filter(":tinymce"),t),s.attr.apply(n.not(":tinymce"),i),n;// return original set for chaining
|
|||
var r=n[0],a=u(r);return a?a.getContent({save:!0}):s.attr.apply(m(r),i)}}}(); |
|||
@ -0,0 +1,463 @@ |
|||
tinymce.addI18n('zh_CN',{ |
|||
"Redo": "\u91cd\u505a", |
|||
"Undo": "\u64a4\u9500", |
|||
"Cut": "\u526a\u5207", |
|||
"Copy": "\u590d\u5236", |
|||
"Paste": "\u7c98\u8d34", |
|||
"Select all": "\u5168\u9009", |
|||
"New document": "\u65b0\u6587\u4ef6", |
|||
"Ok": "\u786e\u5b9a", |
|||
"Cancel": "\u53d6\u6d88", |
|||
"Visual aids": "\u7f51\u683c\u7ebf", |
|||
"Bold": "\u7c97\u4f53", |
|||
"Italic": "\u659c\u4f53", |
|||
"Underline": "\u4e0b\u5212\u7ebf", |
|||
"Strikethrough": "\u5220\u9664\u7ebf", |
|||
"Superscript": "\u4e0a\u6807", |
|||
"Subscript": "\u4e0b\u6807", |
|||
"Clear formatting": "\u6e05\u9664\u683c\u5f0f", |
|||
"Align left": "\u5de6\u8fb9\u5bf9\u9f50", |
|||
"Align center": "\u4e2d\u95f4\u5bf9\u9f50", |
|||
"Align right": "\u53f3\u8fb9\u5bf9\u9f50", |
|||
"Justify": "\u4e24\u7aef\u5bf9\u9f50", |
|||
"Bullet list": "\u9879\u76ee\u7b26\u53f7", |
|||
"Numbered list": "\u7f16\u53f7\u5217\u8868", |
|||
"Decrease indent": "\u51cf\u5c11\u7f29\u8fdb", |
|||
"Increase indent": "\u589e\u52a0\u7f29\u8fdb", |
|||
"Close": "\u5173\u95ed", |
|||
"Formats": "\u683c\u5f0f", |
|||
"Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X\/C\/V keyboard shortcuts instead.": "\u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u6253\u5f00\u526a\u8d34\u677f\uff0c\u8bf7\u4f7f\u7528Ctrl+X\/C\/V\u7b49\u5feb\u6377\u952e\u3002", |
|||
"Headers": "\u6807\u9898", |
|||
"Header 1": "\u6807\u98981", |
|||
"Header 2": "\u6807\u98982", |
|||
"Header 3": "\u6807\u98983", |
|||
"Header 4": "\u6807\u98984", |
|||
"Header 5": "\u6807\u98985", |
|||
"Header 6": "\u6807\u98986", |
|||
"Headings": "\u6807\u9898", |
|||
"Heading 1": "\u6807\u98981", |
|||
"Heading 2": "\u6807\u98982", |
|||
"Heading 3": "\u6807\u98983", |
|||
"Heading 4": "\u6807\u98984", |
|||
"Heading 5": "\u6807\u98985", |
|||
"Heading 6": "\u6807\u98986", |
|||
"Preformatted": "\u9884\u5148\u683c\u5f0f\u5316\u7684", |
|||
"Div": "Div", |
|||
"Pre": "Pre", |
|||
"Code": "\u4ee3\u7801", |
|||
"Paragraph": "\u6bb5\u843d", |
|||
"Blockquote": "\u5f15\u6587\u533a\u5757", |
|||
"Inline": "\u6587\u672c", |
|||
"Blocks": "\u57fa\u5757", |
|||
"Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.": "\u5f53\u524d\u4e3a\u7eaf\u6587\u672c\u7c98\u8d34\u6a21\u5f0f\uff0c\u518d\u6b21\u70b9\u51fb\u53ef\u4ee5\u56de\u5230\u666e\u901a\u7c98\u8d34\u6a21\u5f0f\u3002", |
|||
"Fonts": "\u5b57\u4f53", |
|||
"Font Sizes": "\u5b57\u53f7", |
|||
"Class": "\u7c7b\u578b", |
|||
"Browse for an image": "\u6d4f\u89c8\u56fe\u50cf", |
|||
"OR": "\u6216", |
|||
"Drop an image here": "\u62d6\u653e\u4e00\u5f20\u56fe\u50cf\u81f3\u6b64", |
|||
"Upload": "\u4e0a\u4f20", |
|||
"Block": "\u5757", |
|||
"Align": "\u5bf9\u9f50", |
|||
"Default": "\u9ed8\u8ba4", |
|||
"Circle": "\u7a7a\u5fc3\u5706", |
|||
"Disc": "\u5b9e\u5fc3\u5706", |
|||
"Square": "\u65b9\u5757", |
|||
"Lower Alpha": "\u5c0f\u5199\u82f1\u6587\u5b57\u6bcd", |
|||
"Lower Greek": "\u5c0f\u5199\u5e0c\u814a\u5b57\u6bcd", |
|||
"Lower Roman": "\u5c0f\u5199\u7f57\u9a6c\u5b57\u6bcd", |
|||
"Upper Alpha": "\u5927\u5199\u82f1\u6587\u5b57\u6bcd", |
|||
"Upper Roman": "\u5927\u5199\u7f57\u9a6c\u5b57\u6bcd", |
|||
"Anchor...": "\u951a\u70b9...", |
|||
"Name": "\u540d\u79f0", |
|||
"Id": "\u6807\u8bc6\u7b26", |
|||
"Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.": "\u6807\u8bc6\u7b26\u5e94\u8be5\u4ee5\u5b57\u6bcd\u5f00\u5934\uff0c\u540e\u8ddf\u5b57\u6bcd\u3001\u6570\u5b57\u3001\u7834\u6298\u53f7\u3001\u70b9\u3001\u5192\u53f7\u6216\u4e0b\u5212\u7ebf\u3002", |
|||
"You have unsaved changes are you sure you want to navigate away?": "\u4f60\u8fd8\u6709\u6587\u6863\u5c1a\u672a\u4fdd\u5b58\uff0c\u786e\u5b9a\u8981\u79bb\u5f00\uff1f", |
|||
"Restore last draft": "\u6062\u590d\u4e0a\u6b21\u7684\u8349\u7a3f", |
|||
"Special character...": "\u7279\u6b8a\u5b57\u7b26...", |
|||
"Source code": "\u6e90\u4ee3\u7801", |
|||
"Insert\/Edit code sample": "\u63d2\u5165\/\u7f16\u8f91\u4ee3\u7801\u793a\u4f8b", |
|||
"Language": "\u8bed\u8a00", |
|||
"Code sample...": "\u793a\u4f8b\u4ee3\u7801...", |
|||
"Color Picker": "\u9009\u8272\u5668", |
|||
"R": "R", |
|||
"G": "G", |
|||
"B": "B", |
|||
"Left to right": "\u4ece\u5de6\u5230\u53f3", |
|||
"Right to left": "\u4ece\u53f3\u5230\u5de6", |
|||
"Emoticons": "\u8868\u60c5", |
|||
"Emoticons...": "\u8868\u60c5\u7b26\u53f7...", |
|||
"Metadata and Document Properties": "\u5143\u6570\u636e\u548c\u6587\u6863\u5c5e\u6027", |
|||
"Title": "\u6807\u9898", |
|||
"Keywords": "\u5173\u952e\u8bcd", |
|||
"Description": "\u63cf\u8ff0", |
|||
"Robots": "\u673a\u5668\u4eba", |
|||
"Author": "\u4f5c\u8005", |
|||
"Encoding": "\u7f16\u7801", |
|||
"Fullscreen": "\u5168\u5c4f", |
|||
"Action": "\u64cd\u4f5c", |
|||
"Shortcut": "\u5feb\u6377\u952e", |
|||
"Help": "\u5e2e\u52a9", |
|||
"Address": "\u5730\u5740", |
|||
"Focus to menubar": "\u79fb\u52a8\u7126\u70b9\u5230\u83dc\u5355\u680f", |
|||
"Focus to toolbar": "\u79fb\u52a8\u7126\u70b9\u5230\u5de5\u5177\u680f", |
|||
"Focus to element path": "\u79fb\u52a8\u7126\u70b9\u5230\u5143\u7d20\u8def\u5f84", |
|||
"Focus to contextual toolbar": "\u79fb\u52a8\u7126\u70b9\u5230\u4e0a\u4e0b\u6587\u83dc\u5355", |
|||
"Insert link (if link plugin activated)": "\u63d2\u5165\u94fe\u63a5 (\u5982\u679c\u94fe\u63a5\u63d2\u4ef6\u5df2\u6fc0\u6d3b)", |
|||
"Save (if save plugin activated)": "\u4fdd\u5b58(\u5982\u679c\u4fdd\u5b58\u63d2\u4ef6\u5df2\u6fc0\u6d3b)", |
|||
"Find (if searchreplace plugin activated)": "\u67e5\u627e(\u5982\u679c\u67e5\u627e\u66ff\u6362\u63d2\u4ef6\u5df2\u6fc0\u6d3b)", |
|||
"Plugins installed ({0}):": "\u5df2\u5b89\u88c5\u63d2\u4ef6 ({0}):", |
|||
"Premium plugins:": "\u4f18\u79c0\u63d2\u4ef6\uff1a", |
|||
"Learn more...": "\u4e86\u89e3\u66f4\u591a...", |
|||
"You are using {0}": "\u4f60\u6b63\u5728\u4f7f\u7528 {0}", |
|||
"Plugins": "\u63d2\u4ef6", |
|||
"Handy Shortcuts": "\u5feb\u6377\u952e", |
|||
"Horizontal line": "\u6c34\u5e73\u5206\u5272\u7ebf", |
|||
"Insert\/edit image": "\u63d2\u5165\/\u7f16\u8f91\u56fe\u7247", |
|||
"Alternative description": "\u66ff\u4ee3\u63cf\u8ff0", |
|||
"Accessibility": "\u8f85\u52a9\u529f\u80fd", |
|||
"Image is decorative": "\u56fe\u50cf\u662f\u88c5\u9970\u6027\u7684", |
|||
"Source": "\u5730\u5740", |
|||
"Dimensions": "\u5927\u5c0f", |
|||
"Constrain proportions": "\u4fdd\u6301\u7eb5\u6a2a\u6bd4", |
|||
"General": "\u666e\u901a", |
|||
"Advanced": "\u9ad8\u7ea7", |
|||
"Style": "\u6837\u5f0f", |
|||
"Vertical space": "\u5782\u76f4\u8fb9\u8ddd", |
|||
"Horizontal space": "\u6c34\u5e73\u8fb9\u8ddd", |
|||
"Border": "\u8fb9\u6846", |
|||
"Insert image": "\u63d2\u5165\u56fe\u7247", |
|||
"Image...": "\u56fe\u7247...", |
|||
"Image list": "\u56fe\u7247\u5217\u8868", |
|||
"Rotate counterclockwise": "\u9006\u65f6\u9488\u65cb\u8f6c", |
|||
"Rotate clockwise": "\u987a\u65f6\u9488\u65cb\u8f6c", |
|||
"Flip vertically": "\u5782\u76f4\u7ffb\u8f6c", |
|||
"Flip horizontally": "\u6c34\u5e73\u7ffb\u8f6c", |
|||
"Edit image": "\u7f16\u8f91\u56fe\u7247", |
|||
"Image options": "\u56fe\u7247\u9009\u9879", |
|||
"Zoom in": "\u653e\u5927", |
|||
"Zoom out": "\u7f29\u5c0f", |
|||
"Crop": "\u88c1\u526a", |
|||
"Resize": "\u8c03\u6574\u5927\u5c0f", |
|||
"Orientation": "\u65b9\u5411", |
|||
"Brightness": "\u4eae\u5ea6", |
|||
"Sharpen": "\u9510\u5316", |
|||
"Contrast": "\u5bf9\u6bd4\u5ea6", |
|||
"Color levels": "\u989c\u8272\u5c42\u6b21", |
|||
"Gamma": "\u4f3d\u9a6c\u503c", |
|||
"Invert": "\u53cd\u8f6c", |
|||
"Apply": "\u5e94\u7528", |
|||
"Back": "\u540e\u9000", |
|||
"Insert date\/time": "\u63d2\u5165\u65e5\u671f\/\u65f6\u95f4", |
|||
"Date\/time": "\u65e5\u671f\/\u65f6\u95f4", |
|||
"Insert\/edit link": "\u63d2\u5165\/\u7f16\u8f91\u94fe\u63a5", |
|||
"Text to display": "\u663e\u793a\u6587\u5b57", |
|||
"Url": "\u5730\u5740", |
|||
"Open link in...": "\u94fe\u63a5\u6253\u5f00\u4f4d\u7f6e...", |
|||
"Current window": "\u5f53\u524d\u7a97\u53e3", |
|||
"None": "\u65e0", |
|||
"New window": "\u5728\u65b0\u7a97\u53e3\u6253\u5f00", |
|||
"Open link": "\u6253\u5f00\u94fe\u63a5", |
|||
"Remove link": "\u5220\u9664\u94fe\u63a5", |
|||
"Anchors": "\u951a\u70b9", |
|||
"Link...": "\u94fe\u63a5...", |
|||
"Paste or type a link": "\u7c98\u8d34\u6216\u8f93\u5165\u94fe\u63a5", |
|||
"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?": "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u4e3a\u90ae\u4ef6\u5730\u5740\uff0c\u9700\u8981\u52a0\u4e0amailto:\u524d\u7f00\u5417\uff1f", |
|||
"The URL you entered seems to be an external link. Do you want to add the required http:\/\/ prefix?": "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u5c5e\u4e8e\u5916\u90e8\u94fe\u63a5\uff0c\u9700\u8981\u52a0\u4e0ahttp:\/\/:\u524d\u7f00\u5417\uff1f", |
|||
"The URL you entered seems to be an external link. Do you want to add the required https:\/\/ prefix?": "\u60a8\u8f93\u5165\u7684 URL \u4f3c\u4e4e\u662f\u4e00\u4e2a\u5916\u90e8\u94fe\u63a5\u3002\u60a8\u60f3\u6dfb\u52a0\u6240\u9700\u7684 https:\/\/ \u524d\u7f00\u5417\uff1f", |
|||
"Link list": "\u94fe\u63a5\u5217\u8868", |
|||
"Insert video": "\u63d2\u5165\u89c6\u9891", |
|||
"Insert\/edit video": "\u63d2\u5165\/\u7f16\u8f91\u89c6\u9891", |
|||
"Insert\/edit media": "\u63d2\u5165\/\u7f16\u8f91\u5a92\u4f53", |
|||
"Alternative source": "\u955c\u50cf", |
|||
"Alternative source URL": "\u66ff\u4ee3\u6765\u6e90\u7f51\u5740", |
|||
"Media poster (Image URL)": "\u5c01\u9762(\u56fe\u7247\u5730\u5740)", |
|||
"Paste your embed code below:": "\u5c06\u5185\u5d4c\u4ee3\u7801\u7c98\u8d34\u5728\u4e0b\u9762:", |
|||
"Embed": "\u5185\u5d4c", |
|||
"Media...": "\u591a\u5a92\u4f53...", |
|||
"Nonbreaking space": "\u4e0d\u95f4\u65ad\u7a7a\u683c", |
|||
"Page break": "\u5206\u9875\u7b26", |
|||
"Paste as text": "\u7c98\u8d34\u4e3a\u6587\u672c", |
|||
"Preview": "\u9884\u89c8", |
|||
"Print...": "\u6253\u5370...", |
|||
"Save": "\u4fdd\u5b58", |
|||
"Find": "\u67e5\u627e", |
|||
"Replace with": "\u66ff\u6362\u4e3a", |
|||
"Replace": "\u66ff\u6362", |
|||
"Replace all": "\u5168\u90e8\u66ff\u6362", |
|||
"Previous": "\u4e0a\u4e00\u4e2a", |
|||
"Next": "\u4e0b\u4e00\u4e2a", |
|||
"Find and Replace": "\u67e5\u627e\u548c\u66ff\u6362", |
|||
"Find and replace...": "\u67e5\u627e\u5e76\u66ff\u6362...", |
|||
"Could not find the specified string.": "\u672a\u627e\u5230\u641c\u7d22\u5185\u5bb9.", |
|||
"Match case": "\u533a\u5206\u5927\u5c0f\u5199", |
|||
"Find whole words only": "\u5168\u5b57\u5339\u914d", |
|||
"Find in selection": "\u5728\u9009\u533a\u4e2d\u67e5\u627e", |
|||
"Spellcheck": "\u62fc\u5199\u68c0\u67e5", |
|||
"Spellcheck Language": "\u62fc\u5199\u68c0\u67e5\u8bed\u8a00", |
|||
"No misspellings found.": "\u6ca1\u6709\u53d1\u73b0\u62fc\u5199\u9519\u8bef", |
|||
"Ignore": "\u5ffd\u7565", |
|||
"Ignore all": "\u5168\u90e8\u5ffd\u7565", |
|||
"Finish": "\u5b8c\u6210", |
|||
"Add to Dictionary": "\u6dfb\u52a0\u5230\u5b57\u5178", |
|||
"Insert table": "\u63d2\u5165\u8868\u683c", |
|||
"Table properties": "\u8868\u683c\u5c5e\u6027", |
|||
"Delete table": "\u5220\u9664\u8868\u683c", |
|||
"Cell": "\u5355\u5143\u683c", |
|||
"Row": "\u884c", |
|||
"Column": "\u5217", |
|||
"Cell properties": "\u5355\u5143\u683c\u5c5e\u6027", |
|||
"Merge cells": "\u5408\u5e76\u5355\u5143\u683c", |
|||
"Split cell": "\u62c6\u5206\u5355\u5143\u683c", |
|||
"Insert row before": "\u5728\u4e0a\u65b9\u63d2\u5165", |
|||
"Insert row after": "\u5728\u4e0b\u65b9\u63d2\u5165", |
|||
"Delete row": "\u5220\u9664\u884c", |
|||
"Row properties": "\u884c\u5c5e\u6027", |
|||
"Cut row": "\u526a\u5207\u884c", |
|||
"Copy row": "\u590d\u5236\u884c", |
|||
"Paste row before": "\u7c98\u8d34\u5230\u4e0a\u65b9", |
|||
"Paste row after": "\u7c98\u8d34\u5230\u4e0b\u65b9", |
|||
"Insert column before": "\u5728\u5de6\u4fa7\u63d2\u5165", |
|||
"Insert column after": "\u5728\u53f3\u4fa7\u63d2\u5165", |
|||
"Delete column": "\u5220\u9664\u5217", |
|||
"Cols": "\u5217", |
|||
"Rows": "\u884c", |
|||
"Width": "\u5bbd", |
|||
"Height": "\u9ad8", |
|||
"Cell spacing": "\u5355\u5143\u683c\u5916\u95f4\u8ddd", |
|||
"Cell padding": "\u5355\u5143\u683c\u5185\u8fb9\u8ddd", |
|||
"Caption": "\u6807\u9898", |
|||
"Show caption": "\u663e\u793a\u6807\u9898", |
|||
"Left": "\u5de6\u5bf9\u9f50", |
|||
"Center": "\u5c45\u4e2d", |
|||
"Right": "\u53f3\u5bf9\u9f50", |
|||
"Cell type": "\u5355\u5143\u683c\u7c7b\u578b", |
|||
"Scope": "\u8303\u56f4", |
|||
"Alignment": "\u5bf9\u9f50\u65b9\u5f0f", |
|||
"H Align": "\u6c34\u5e73\u5bf9\u9f50", |
|||
"V Align": "\u5782\u76f4\u5bf9\u9f50", |
|||
"Top": "\u9876\u90e8\u5bf9\u9f50", |
|||
"Middle": "\u5782\u76f4\u5c45\u4e2d", |
|||
"Bottom": "\u5e95\u90e8\u5bf9\u9f50", |
|||
"Header cell": "\u8868\u5934\u5355\u5143\u683c", |
|||
"Row group": "\u884c\u7ec4", |
|||
"Column group": "\u5217\u7ec4", |
|||
"Row type": "\u884c\u7c7b\u578b", |
|||
"Header": "\u8868\u5934", |
|||
"Body": "\u8868\u4f53", |
|||
"Footer": "\u8868\u5c3e", |
|||
"Border color": "\u8fb9\u6846\u989c\u8272", |
|||
"Insert template...": "\u63d2\u5165\u6a21\u677f...", |
|||
"Templates": "\u6a21\u677f", |
|||
"Template": "\u6a21\u677f", |
|||
"Text color": "\u6587\u5b57\u989c\u8272", |
|||
"Background color": "\u80cc\u666f\u8272", |
|||
"Custom...": "\u81ea\u5b9a\u4e49...", |
|||
"Custom color": "\u81ea\u5b9a\u4e49\u989c\u8272", |
|||
"No color": "\u65e0", |
|||
"Remove color": "\u79fb\u9664\u989c\u8272", |
|||
"Table of Contents": "\u5185\u5bb9\u5217\u8868", |
|||
"Show blocks": "\u663e\u793a\u533a\u5757\u8fb9\u6846", |
|||
"Show invisible characters": "\u663e\u793a\u4e0d\u53ef\u89c1\u5b57\u7b26", |
|||
"Word count": "\u5b57\u6570", |
|||
"Count": "\u8ba1\u6570", |
|||
"Document": "\u6587\u6863", |
|||
"Selection": "\u9009\u62e9", |
|||
"Words": "\u5355\u8bcd", |
|||
"Words: {0}": "\u5b57\u6570\uff1a{0}", |
|||
"{0} words": "{0} \u5b57", |
|||
"File": "\u6587\u4ef6", |
|||
"Edit": "\u7f16\u8f91", |
|||
"Insert": "\u63d2\u5165", |
|||
"View": "\u89c6\u56fe", |
|||
"Format": "\u683c\u5f0f", |
|||
"Table": "\u8868\u683c", |
|||
"Tools": "\u5de5\u5177", |
|||
"Powered by {0}": "\u7531{0}\u9a71\u52a8", |
|||
"Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help": "\u5728\u7f16\u8f91\u533a\u6309ALT-F9\u6253\u5f00\u83dc\u5355\uff0c\u6309ALT-F10\u6253\u5f00\u5de5\u5177\u680f\uff0c\u6309ALT-0\u67e5\u770b\u5e2e\u52a9", |
|||
"Image title": "\u56fe\u7247\u6807\u9898", |
|||
"Border width": "\u8fb9\u6846\u5bbd\u5ea6", |
|||
"Border style": "\u8fb9\u6846\u6837\u5f0f", |
|||
"Error": "\u9519\u8bef", |
|||
"Warn": "\u8b66\u544a", |
|||
"Valid": "\u6709\u6548", |
|||
"To open the popup, press Shift+Enter": "\u6309Shitf+Enter\u952e\u6253\u5f00\u5bf9\u8bdd\u6846", |
|||
"Rich Text Area. Press ALT-0 for help.": "\u7f16\u8f91\u533a\u3002\u6309Alt+0\u952e\u6253\u5f00\u5e2e\u52a9\u3002", |
|||
"System Font": "\u7cfb\u7edf\u5b57\u4f53", |
|||
"Failed to upload image: {0}": "\u56fe\u7247\u4e0a\u4f20\u5931\u8d25: {0}", |
|||
"Failed to load plugin: {0} from url {1}": "\u63d2\u4ef6\u52a0\u8f7d\u5931\u8d25: {0} \u6765\u81ea\u94fe\u63a5 {1}", |
|||
"Failed to load plugin url: {0}": "\u63d2\u4ef6\u52a0\u8f7d\u5931\u8d25 \u94fe\u63a5: {0}", |
|||
"Failed to initialize plugin: {0}": "\u63d2\u4ef6\u521d\u59cb\u5316\u5931\u8d25: {0}", |
|||
"example": "\u793a\u4f8b", |
|||
"Search": "\u641c\u7d22", |
|||
"All": "\u5168\u90e8", |
|||
"Currency": "\u8d27\u5e01", |
|||
"Text": "\u6587\u5b57", |
|||
"Quotations": "\u5f15\u7528", |
|||
"Mathematical": "\u6570\u5b66", |
|||
"Extended Latin": "\u62c9\u4e01\u8bed\u6269\u5145", |
|||
"Symbols": "\u7b26\u53f7", |
|||
"Arrows": "\u7bad\u5934", |
|||
"User Defined": "\u81ea\u5b9a\u4e49", |
|||
"dollar sign": "\u7f8e\u5143\u7b26\u53f7", |
|||
"currency sign": "\u8d27\u5e01\u7b26\u53f7", |
|||
"euro-currency sign": "\u6b27\u5143\u7b26\u53f7", |
|||
"colon sign": "\u5192\u53f7", |
|||
"cruzeiro sign": "\u514b\u9c81\u8d5b\u7f57\u5e01\u7b26\u53f7", |
|||
"french franc sign": "\u6cd5\u90ce\u7b26\u53f7", |
|||
"lira sign": "\u91cc\u62c9\u7b26\u53f7", |
|||
"mill sign": "\u5bc6\u5c14\u7b26\u53f7", |
|||
"naira sign": "\u5948\u62c9\u7b26\u53f7", |
|||
"peseta sign": "\u6bd4\u585e\u5854\u7b26\u53f7", |
|||
"rupee sign": "\u5362\u6bd4\u7b26\u53f7", |
|||
"won sign": "\u97e9\u5143\u7b26\u53f7", |
|||
"new sheqel sign": "\u65b0\u8c22\u514b\u5c14\u7b26\u53f7", |
|||
"dong sign": "\u8d8a\u5357\u76fe\u7b26\u53f7", |
|||
"kip sign": "\u8001\u631d\u57fa\u666e\u7b26\u53f7", |
|||
"tugrik sign": "\u56fe\u683c\u91cc\u514b\u7b26\u53f7", |
|||
"drachma sign": "\u5fb7\u62c9\u514b\u9a6c\u7b26\u53f7", |
|||
"german penny symbol": "\u5fb7\u56fd\u4fbf\u58eb\u7b26\u53f7", |
|||
"peso sign": "\u6bd4\u7d22\u7b26\u53f7", |
|||
"guarani sign": "\u74dc\u62c9\u5c3c\u7b26\u53f7", |
|||
"austral sign": "\u6fb3\u5143\u7b26\u53f7", |
|||
"hryvnia sign": "\u683c\u91cc\u592b\u5c3c\u4e9a\u7b26\u53f7", |
|||
"cedi sign": "\u585e\u5730\u7b26\u53f7", |
|||
"livre tournois sign": "\u91cc\u5f17\u5f17\u5c14\u7b26\u53f7", |
|||
"spesmilo sign": "spesmilo\u7b26\u53f7", |
|||
"tenge sign": "\u575a\u6208\u7b26\u53f7", |
|||
"indian rupee sign": "\u5370\u5ea6\u5362\u6bd4", |
|||
"turkish lira sign": "\u571f\u8033\u5176\u91cc\u62c9", |
|||
"nordic mark sign": "\u5317\u6b27\u9a6c\u514b", |
|||
"manat sign": "\u9a6c\u7eb3\u7279\u7b26\u53f7", |
|||
"ruble sign": "\u5362\u5e03\u7b26\u53f7", |
|||
"yen character": "\u65e5\u5143\u5b57\u6837", |
|||
"yuan character": "\u4eba\u6c11\u5e01\u5143\u5b57\u6837", |
|||
"yuan character, in hong kong and taiwan": "\u5143\u5b57\u6837\uff08\u6e2f\u53f0\u5730\u533a\uff09", |
|||
"yen\/yuan character variant one": "\u5143\u5b57\u6837\uff08\u5927\u5199\uff09", |
|||
"Loading emoticons...": "\u52a0\u8f7d\u8868\u60c5\u7b26\u53f7...", |
|||
"Could not load emoticons": "\u4e0d\u80fd\u52a0\u8f7d\u8868\u60c5\u7b26\u53f7", |
|||
"People": "\u4eba\u7c7b", |
|||
"Animals and Nature": "\u52a8\u7269\u548c\u81ea\u7136", |
|||
"Food and Drink": "\u98df\u7269\u548c\u996e\u54c1", |
|||
"Activity": "\u6d3b\u52a8", |
|||
"Travel and Places": "\u65c5\u6e38\u548c\u5730\u70b9", |
|||
"Objects": "\u7269\u4ef6", |
|||
"Flags": "\u65d7\u5e1c", |
|||
"Characters": "\u5b57\u7b26", |
|||
"Characters (no spaces)": "\u5b57\u7b26(\u65e0\u7a7a\u683c)", |
|||
"{0} characters": "{0} \u4e2a\u5b57\u7b26", |
|||
"Error: Form submit field collision.": "\u9519\u8bef: \u8868\u5355\u63d0\u4ea4\u5b57\u6bb5\u51b2\u7a81\u3002", |
|||
"Error: No form element found.": "\u9519\u8bef: \u6ca1\u6709\u8868\u5355\u63a7\u4ef6\u3002", |
|||
"Update": "\u66f4\u65b0", |
|||
"Color swatch": "\u989c\u8272\u6837\u672c", |
|||
"Turquoise": "\u9752\u7eff\u8272", |
|||
"Green": "\u7eff\u8272", |
|||
"Blue": "\u84dd\u8272", |
|||
"Purple": "\u7d2b\u8272", |
|||
"Navy Blue": "\u6d77\u519b\u84dd", |
|||
"Dark Turquoise": "\u6df1\u84dd\u7eff\u8272", |
|||
"Dark Green": "\u6df1\u7eff\u8272", |
|||
"Medium Blue": "\u4e2d\u84dd\u8272", |
|||
"Medium Purple": "\u4e2d\u7d2b\u8272", |
|||
"Midnight Blue": "\u6df1\u84dd\u8272", |
|||
"Yellow": "\u9ec4\u8272", |
|||
"Orange": "\u6a59\u8272", |
|||
"Red": "\u7ea2\u8272", |
|||
"Light Gray": "\u6d45\u7070\u8272", |
|||
"Gray": "\u7070\u8272", |
|||
"Dark Yellow": "\u6697\u9ec4\u8272", |
|||
"Dark Orange": "\u6df1\u6a59\u8272", |
|||
"Dark Red": "\u6df1\u7ea2\u8272", |
|||
"Medium Gray": "\u4e2d\u7070\u8272", |
|||
"Dark Gray": "\u6df1\u7070\u8272", |
|||
"Light Green": "\u6d45\u7eff\u8272", |
|||
"Light Yellow": "\u6d45\u9ec4\u8272", |
|||
"Light Red": "\u6d45\u7ea2\u8272", |
|||
"Light Purple": "\u6d45\u7d2b\u8272", |
|||
"Light Blue": "\u6d45\u84dd\u8272", |
|||
"Dark Purple": "\u6df1\u7d2b\u8272", |
|||
"Dark Blue": "\u6df1\u84dd\u8272", |
|||
"Black": "\u9ed1\u8272", |
|||
"White": "\u767d\u8272", |
|||
"Switch to or from fullscreen mode": "\u5207\u6362\u5168\u5c4f\u6a21\u5f0f", |
|||
"Open help dialog": "\u6253\u5f00\u5e2e\u52a9\u5bf9\u8bdd\u6846", |
|||
"history": "\u5386\u53f2", |
|||
"styles": "\u6837\u5f0f", |
|||
"formatting": "\u683c\u5f0f\u5316", |
|||
"alignment": "\u5bf9\u9f50", |
|||
"indentation": "\u7f29\u8fdb", |
|||
"Font": "\u5b57\u4f53", |
|||
"Size": "\u5b57\u53f7", |
|||
"More...": "\u66f4\u591a...", |
|||
"Select...": "\u9009\u62e9...", |
|||
"Preferences": "\u9996\u9009\u9879", |
|||
"Yes": "\u662f", |
|||
"No": "\u5426", |
|||
"Keyboard Navigation": "\u952e\u76d8\u6307\u5f15", |
|||
"Version": "\u7248\u672c", |
|||
"Code view": "\u4ee3\u7801\u89c6\u56fe", |
|||
"Open popup menu for split buttons": "\u6253\u5f00\u5f39\u51fa\u5f0f\u83dc\u5355\uff0c\u7528\u4e8e\u62c6\u5206\u6309\u94ae", |
|||
"List Properties": "\u5217\u8868\u5c5e\u6027", |
|||
"List properties...": "\u6807\u9898\u5b57\u4f53\u5c5e\u6027", |
|||
"Start list at number": "\u4ee5\u6570\u5b57\u5f00\u59cb\u5217\u8868", |
|||
"Line height": "\u884c\u9ad8", |
|||
"comments": "\u5907\u6ce8", |
|||
"Format Painter": "\u683c\u5f0f\u5237", |
|||
"Insert\/edit iframe": "\u63d2\u5165\/\u7f16\u8f91\u6846\u67b6", |
|||
"Capitalization": "\u5927\u5199", |
|||
"lowercase": "\u5c0f\u5199", |
|||
"UPPERCASE": "\u5927\u5199", |
|||
"Title Case": "\u9996\u5b57\u6bcd\u5927\u5199", |
|||
"permanent pen": "\u8bb0\u53f7\u7b14", |
|||
"Permanent Pen Properties": "\u6c38\u4e45\u7b14\u5c5e\u6027", |
|||
"Permanent pen properties...": "\u6c38\u4e45\u7b14\u5c5e\u6027...", |
|||
"case change": "\u6848\u4f8b\u66f4\u6539", |
|||
"page embed": "\u9875\u9762\u5d4c\u5165", |
|||
"Advanced sort...": "\u9ad8\u7ea7\u6392\u5e8f...", |
|||
"Advanced Sort": "\u9ad8\u7ea7\u6392\u5e8f", |
|||
"Sort table by column ascending": "\u6309\u5217\u5347\u5e8f\u8868", |
|||
"Sort table by column descending": "\u6309\u5217\u964d\u5e8f\u8868", |
|||
"Sort": "\u6392\u5e8f", |
|||
"Order": "\u6392\u5e8f", |
|||
"Sort by": "\u6392\u5e8f\u65b9\u5f0f", |
|||
"Ascending": "\u5347\u5e8f", |
|||
"Descending": "\u964d\u5e8f", |
|||
"Column {0}": "\u5217{0}", |
|||
"Row {0}": "\u884c{0}", |
|||
"Spellcheck...": "\u62fc\u5199\u68c0\u67e5...", |
|||
"Misspelled word": "\u62fc\u5199\u9519\u8bef\u7684\u5355\u8bcd", |
|||
"Suggestions": "\u5efa\u8bae", |
|||
"Change": "\u66f4\u6539", |
|||
"Finding word suggestions": "\u67e5\u627e\u5355\u8bcd\u5efa\u8bae", |
|||
"Success": "\u6210\u529f", |
|||
"Repair": "\u4fee\u590d", |
|||
"Issue {0} of {1}": "\u5171\u8ba1{1}\u95ee\u9898{0}", |
|||
"Images must be marked as decorative or have an alternative text description": "\u56fe\u50cf\u5fc5\u987b\u6807\u8bb0\u4e3a\u88c5\u9970\u6027\u6216\u5177\u6709\u66ff\u4ee3\u6587\u672c\u63cf\u8ff0", |
|||
"Images must have an alternative text description. Decorative images are not allowed.": "\u56fe\u50cf\u5fc5\u987b\u5177\u6709\u66ff\u4ee3\u6587\u672c\u63cf\u8ff0\u3002\u4e0d\u5141\u8bb8\u4f7f\u7528\u88c5\u9970\u56fe\u50cf\u3002", |
|||
"Or provide alternative text:": "\u6216\u63d0\u4f9b\u5907\u9009\u6587\u672c\uff1a", |
|||
"Make image decorative:": "\u4f7f\u56fe\u50cf\u88c5\u9970\uff1a", |
|||
"ID attribute must be unique": "ID \u5c5e\u6027\u5fc5\u987b\u662f\u552f\u4e00\u7684", |
|||
"Make ID unique": "\u4f7f ID \u72ec\u4e00\u65e0\u4e8c", |
|||
"Keep this ID and remove all others": "\u4fdd\u7559\u6b64 ID \u5e76\u5220\u9664\u6240\u6709\u5176\u4ed6", |
|||
"Remove this ID": "\u5220\u9664\u6b64 ID", |
|||
"Remove all IDs": "\u6e05\u9664\u5168\u90e8IDs", |
|||
"Checklist": "\u6e05\u5355", |
|||
"Anchor": "\u951a\u70b9", |
|||
"Special character": "\u7279\u6b8a\u7b26\u53f7", |
|||
"Code sample": "\u4ee3\u7801\u793a\u4f8b", |
|||
"Color": "\u989c\u8272", |
|||
"Document properties": "\u6587\u6863\u5c5e\u6027", |
|||
"Image description": "\u56fe\u7247\u63cf\u8ff0", |
|||
"Image": "\u56fe\u7247", |
|||
"Insert link": "\u63d2\u5165\u94fe\u63a5", |
|||
"Target": "\u6253\u5f00\u65b9\u5f0f", |
|||
"Link": "\u94fe\u63a5", |
|||
"Poster": "\u5c01\u9762", |
|||
"Media": "\u5a92\u4f53", |
|||
"Print": "\u6253\u5370", |
|||
"Prev": "\u4e0a\u4e00\u4e2a", |
|||
"Find and replace": "\u67e5\u627e\u548c\u66ff\u6362", |
|||
"Whole words": "\u5168\u5b57\u5339\u914d", |
|||
"Insert template": "\u63d2\u5165\u6a21\u677f" |
|||
}); |
|||
|
|||
@ -0,0 +1,72 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
body { |
|||
background-color: #2f3742; |
|||
color: #dfe0e4; |
|||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; |
|||
line-height: 1.4; |
|||
margin: 1rem; |
|||
} |
|||
a { |
|||
color: #4099ff; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
} |
|||
/* Apply a default padding if legacy cellpadding attribute is missing */ |
|||
table:not([cellpadding]) th, |
|||
table:not([cellpadding]) td { |
|||
padding: 0.4rem; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-width"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-width"]) td { |
|||
border-width: 1px; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-style"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-style"]) td { |
|||
border-style: solid; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-color"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-color"]) td { |
|||
border-color: #6d737b; |
|||
} |
|||
figure { |
|||
display: table; |
|||
margin: 1rem auto; |
|||
} |
|||
figure figcaption { |
|||
color: #8a8f97; |
|||
display: block; |
|||
margin-top: 0.25rem; |
|||
text-align: center; |
|||
} |
|||
hr { |
|||
border-color: #6d737b; |
|||
border-style: solid; |
|||
border-width: 1px 0 0 0; |
|||
} |
|||
code { |
|||
background-color: #6d737b; |
|||
border-radius: 3px; |
|||
padding: 0.1rem 0.2rem; |
|||
} |
|||
.mce-content-body:not([dir=rtl]) blockquote { |
|||
border-left: 2px solid #6d737b; |
|||
margin-left: 1.5rem; |
|||
padding-left: 1rem; |
|||
} |
|||
.mce-content-body[dir=rtl] blockquote { |
|||
border-right: 2px solid #6d737b; |
|||
margin-right: 1.5rem; |
|||
padding-right: 1rem; |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
body{background-color:#2f3742;color:#dfe0e4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}figure figcaption{color:#8a8f97;display:block;margin-top:.25rem;text-align:center}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #6d737b;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #6d737b;margin-right:1.5rem;padding-right:1rem} |
|||
@ -0,0 +1,67 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
body { |
|||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; |
|||
line-height: 1.4; |
|||
margin: 1rem; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
} |
|||
/* Apply a default padding if legacy cellpadding attribute is missing */ |
|||
table:not([cellpadding]) th, |
|||
table:not([cellpadding]) td { |
|||
padding: 0.4rem; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-width"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-width"]) td { |
|||
border-width: 1px; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-style"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-style"]) td { |
|||
border-style: solid; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-color"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-color"]) td { |
|||
border-color: #ccc; |
|||
} |
|||
figure { |
|||
display: table; |
|||
margin: 1rem auto; |
|||
} |
|||
figure figcaption { |
|||
color: #999; |
|||
display: block; |
|||
margin-top: 0.25rem; |
|||
text-align: center; |
|||
} |
|||
hr { |
|||
border-color: #ccc; |
|||
border-style: solid; |
|||
border-width: 1px 0 0 0; |
|||
} |
|||
code { |
|||
background-color: #e8e8e8; |
|||
border-radius: 3px; |
|||
padding: 0.1rem 0.2rem; |
|||
} |
|||
.mce-content-body:not([dir=rtl]) blockquote { |
|||
border-left: 2px solid #ccc; |
|||
margin-left: 1.5rem; |
|||
padding-left: 1rem; |
|||
} |
|||
.mce-content-body[dir=rtl] blockquote { |
|||
border-right: 2px solid #ccc; |
|||
margin-right: 1.5rem; |
|||
padding-right: 1rem; |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem} |
|||
@ -0,0 +1,72 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
@media screen { |
|||
html { |
|||
background: #f4f4f4; |
|||
min-height: 100%; |
|||
} |
|||
} |
|||
body { |
|||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; |
|||
} |
|||
@media screen { |
|||
body { |
|||
background-color: #fff; |
|||
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); |
|||
box-sizing: border-box; |
|||
margin: 1rem auto 0; |
|||
max-width: 820px; |
|||
min-height: calc(100vh - 1rem); |
|||
padding: 4rem 6rem 6rem 6rem; |
|||
} |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
} |
|||
/* Apply a default padding if legacy cellpadding attribute is missing */ |
|||
table:not([cellpadding]) th, |
|||
table:not([cellpadding]) td { |
|||
padding: 0.4rem; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-width"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-width"]) td { |
|||
border-width: 1px; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-style"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-style"]) td { |
|||
border-style: solid; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-color"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-color"]) td { |
|||
border-color: #ccc; |
|||
} |
|||
figure figcaption { |
|||
color: #999; |
|||
margin-top: 0.25rem; |
|||
text-align: center; |
|||
} |
|||
hr { |
|||
border-color: #ccc; |
|||
border-style: solid; |
|||
border-width: 1px 0 0 0; |
|||
} |
|||
.mce-content-body:not([dir=rtl]) blockquote { |
|||
border-left: 2px solid #ccc; |
|||
margin-left: 1.5rem; |
|||
padding-left: 1rem; |
|||
} |
|||
.mce-content-body[dir=rtl] blockquote { |
|||
border-right: 2px solid #ccc; |
|||
margin-right: 1.5rem; |
|||
padding-right: 1rem; |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
@media screen{html{background:#f4f4f4;min-height:100%}}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}@media screen{body{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.15);box-sizing:border-box;margin:1rem auto 0;max-width:820px;min-height:calc(100vh - 1rem);padding:4rem 6rem 6rem 6rem}}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure figcaption{color:#999;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem} |
|||
@ -0,0 +1,68 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
body { |
|||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; |
|||
line-height: 1.4; |
|||
margin: 1rem auto; |
|||
max-width: 900px; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
} |
|||
/* Apply a default padding if legacy cellpadding attribute is missing */ |
|||
table:not([cellpadding]) th, |
|||
table:not([cellpadding]) td { |
|||
padding: 0.4rem; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-width"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-width"]) td { |
|||
border-width: 1px; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-style"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-style"]) td { |
|||
border-style: solid; |
|||
} |
|||
/* Set default table styles if a table has a positive border attribute |
|||
and no inline css */ |
|||
table[border]:not([border="0"]):not([style*="border-color"]) th, |
|||
table[border]:not([border="0"]):not([style*="border-color"]) td { |
|||
border-color: #ccc; |
|||
} |
|||
figure { |
|||
display: table; |
|||
margin: 1rem auto; |
|||
} |
|||
figure figcaption { |
|||
color: #999; |
|||
display: block; |
|||
margin-top: 0.25rem; |
|||
text-align: center; |
|||
} |
|||
hr { |
|||
border-color: #ccc; |
|||
border-style: solid; |
|||
border-width: 1px 0 0 0; |
|||
} |
|||
code { |
|||
background-color: #e8e8e8; |
|||
border-radius: 3px; |
|||
padding: 0.1rem 0.2rem; |
|||
} |
|||
.mce-content-body:not([dir=rtl]) blockquote { |
|||
border-left: 2px solid #ccc; |
|||
margin-left: 1.5rem; |
|||
padding-left: 1rem; |
|||
} |
|||
.mce-content-body[dir=rtl] blockquote { |
|||
border-right: 2px solid #ccc; |
|||
margin-right: 1.5rem; |
|||
padding-right: 1rem; |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem auto;max-width:900px}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem} |
|||
@ -0,0 +1,714 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
.mce-content-body .mce-item-anchor { |
|||
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'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center; |
|||
cursor: default; |
|||
display: inline-block; |
|||
height: 12px !important; |
|||
padding: 0 2px; |
|||
-webkit-user-modify: read-only; |
|||
-moz-user-modify: read-only; |
|||
-webkit-user-select: all; |
|||
-moz-user-select: all; |
|||
-ms-user-select: all; |
|||
user-select: all; |
|||
width: 8px !important; |
|||
} |
|||
.mce-content-body .mce-item-anchor[data-mce-selected] { |
|||
outline-offset: 1px; |
|||
} |
|||
.tox-comments-visible .tox-comment { |
|||
background-color: #fff0b7; |
|||
} |
|||
.tox-comments-visible .tox-comment--active { |
|||
background-color: #ffe168; |
|||
} |
|||
.tox-checklist > li:not(.tox-checklist--hidden) { |
|||
list-style: none; |
|||
margin: 0.25em 0; |
|||
} |
|||
.tox-checklist > li:not(.tox-checklist--hidden)::before { |
|||
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); |
|||
cursor: pointer; |
|||
height: 1em; |
|||
margin-left: -1.5em; |
|||
margin-top: 0.125em; |
|||
position: absolute; |
|||
width: 1em; |
|||
} |
|||
.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before { |
|||
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); |
|||
} |
|||
[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before { |
|||
margin-left: 0; |
|||
margin-right: -1.5em; |
|||
} |
|||
/* stylelint-disable */ |
|||
/* http://prismjs.com/ */ |
|||
/** |
|||
* Dracula Theme originally by Zeno Rocha [@zenorocha] |
|||
* https://draculatheme.com/ |
|||
* |
|||
* Ported for PrismJS by Albert Vallverdu [@byverdu] |
|||
*/ |
|||
code[class*="language-"], |
|||
pre[class*="language-"] { |
|||
color: #f8f8f2; |
|||
background: none; |
|||
text-shadow: 0 1px rgba(0, 0, 0, 0.3); |
|||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; |
|||
text-align: left; |
|||
white-space: pre; |
|||
word-spacing: normal; |
|||
word-break: normal; |
|||
word-wrap: normal; |
|||
line-height: 1.5; |
|||
-moz-tab-size: 4; |
|||
tab-size: 4; |
|||
-webkit-hyphens: none; |
|||
-ms-hyphens: none; |
|||
hyphens: none; |
|||
} |
|||
/* Code blocks */ |
|||
pre[class*="language-"] { |
|||
padding: 1em; |
|||
margin: 0.5em 0; |
|||
overflow: auto; |
|||
border-radius: 0.3em; |
|||
} |
|||
:not(pre) > code[class*="language-"], |
|||
pre[class*="language-"] { |
|||
background: #282a36; |
|||
} |
|||
/* Inline code */ |
|||
:not(pre) > code[class*="language-"] { |
|||
padding: 0.1em; |
|||
border-radius: 0.3em; |
|||
white-space: normal; |
|||
} |
|||
.token.comment, |
|||
.token.prolog, |
|||
.token.doctype, |
|||
.token.cdata { |
|||
color: #6272a4; |
|||
} |
|||
.token.punctuation { |
|||
color: #f8f8f2; |
|||
} |
|||
.namespace { |
|||
opacity: 0.7; |
|||
} |
|||
.token.property, |
|||
.token.tag, |
|||
.token.constant, |
|||
.token.symbol, |
|||
.token.deleted { |
|||
color: #ff79c6; |
|||
} |
|||
.token.boolean, |
|||
.token.number { |
|||
color: #bd93f9; |
|||
} |
|||
.token.selector, |
|||
.token.attr-name, |
|||
.token.string, |
|||
.token.char, |
|||
.token.builtin, |
|||
.token.inserted { |
|||
color: #50fa7b; |
|||
} |
|||
.token.operator, |
|||
.token.entity, |
|||
.token.url, |
|||
.language-css .token.string, |
|||
.style .token.string, |
|||
.token.variable { |
|||
color: #f8f8f2; |
|||
} |
|||
.token.atrule, |
|||
.token.attr-value, |
|||
.token.function, |
|||
.token.class-name { |
|||
color: #f1fa8c; |
|||
} |
|||
.token.keyword { |
|||
color: #8be9fd; |
|||
} |
|||
.token.regex, |
|||
.token.important { |
|||
color: #ffb86c; |
|||
} |
|||
.token.important, |
|||
.token.bold { |
|||
font-weight: bold; |
|||
} |
|||
.token.italic { |
|||
font-style: italic; |
|||
} |
|||
.token.entity { |
|||
cursor: help; |
|||
} |
|||
/* stylelint-enable */ |
|||
.mce-content-body { |
|||
overflow-wrap: break-word; |
|||
word-wrap: break-word; |
|||
} |
|||
.mce-content-body .mce-visual-caret { |
|||
background-color: black; |
|||
background-color: currentColor; |
|||
position: absolute; |
|||
} |
|||
.mce-content-body .mce-visual-caret-hidden { |
|||
display: none; |
|||
} |
|||
.mce-content-body *[data-mce-caret] { |
|||
left: -1000px; |
|||
margin: 0; |
|||
padding: 0; |
|||
position: absolute; |
|||
right: auto; |
|||
top: 0; |
|||
} |
|||
.mce-content-body .mce-offscreen-selection { |
|||
left: -2000000px; |
|||
max-width: 1000000px; |
|||
position: absolute; |
|||
} |
|||
.mce-content-body *[contentEditable=false] { |
|||
cursor: default; |
|||
} |
|||
.mce-content-body *[contentEditable=true] { |
|||
cursor: text; |
|||
} |
|||
.tox-cursor-format-painter { |
|||
cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default; |
|||
} |
|||
.mce-content-body figure.align-left { |
|||
float: left; |
|||
} |
|||
.mce-content-body figure.align-right { |
|||
float: right; |
|||
} |
|||
.mce-content-body figure.image.align-center { |
|||
display: table; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
.mce-preview-object { |
|||
border: 1px solid gray; |
|||
display: inline-block; |
|||
line-height: 0; |
|||
margin: 0 2px 0 2px; |
|||
position: relative; |
|||
} |
|||
.mce-preview-object .mce-shim { |
|||
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.mce-preview-object[data-mce-selected="2"] .mce-shim { |
|||
display: none; |
|||
} |
|||
.mce-object { |
|||
background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center; |
|||
border: 1px dashed #aaa; |
|||
} |
|||
.mce-pagebreak { |
|||
border: 1px dashed #aaa; |
|||
cursor: default; |
|||
display: block; |
|||
height: 5px; |
|||
margin-top: 15px; |
|||
page-break-before: always; |
|||
width: 100%; |
|||
} |
|||
@media print { |
|||
.mce-pagebreak { |
|||
border: 0; |
|||
} |
|||
} |
|||
.tiny-pageembed .mce-shim { |
|||
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.tiny-pageembed[data-mce-selected="2"] .mce-shim { |
|||
display: none; |
|||
} |
|||
.tiny-pageembed { |
|||
display: inline-block; |
|||
position: relative; |
|||
} |
|||
.tiny-pageembed--21by9, |
|||
.tiny-pageembed--16by9, |
|||
.tiny-pageembed--4by3, |
|||
.tiny-pageembed--1by1 { |
|||
display: block; |
|||
overflow: hidden; |
|||
padding: 0; |
|||
position: relative; |
|||
width: 100%; |
|||
} |
|||
.tiny-pageembed--21by9 { |
|||
padding-top: 42.857143%; |
|||
} |
|||
.tiny-pageembed--16by9 { |
|||
padding-top: 56.25%; |
|||
} |
|||
.tiny-pageembed--4by3 { |
|||
padding-top: 75%; |
|||
} |
|||
.tiny-pageembed--1by1 { |
|||
padding-top: 100%; |
|||
} |
|||
.tiny-pageembed--21by9 iframe, |
|||
.tiny-pageembed--16by9 iframe, |
|||
.tiny-pageembed--4by3 iframe, |
|||
.tiny-pageembed--1by1 iframe { |
|||
border: 0; |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.mce-content-body[data-mce-placeholder] { |
|||
position: relative; |
|||
} |
|||
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
color: rgba(34, 47, 62, 0.7); |
|||
content: attr(data-mce-placeholder); |
|||
position: absolute; |
|||
} |
|||
.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
left: 1px; |
|||
} |
|||
.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
right: 1px; |
|||
} |
|||
.mce-content-body div.mce-resizehandle { |
|||
background-color: #4099ff; |
|||
border-color: #4099ff; |
|||
border-style: solid; |
|||
border-width: 1px; |
|||
box-sizing: border-box; |
|||
height: 10px; |
|||
position: absolute; |
|||
width: 10px; |
|||
z-index: 1298; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:hover { |
|||
background-color: #4099ff; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(1) { |
|||
cursor: nwse-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(2) { |
|||
cursor: nesw-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(3) { |
|||
cursor: nwse-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(4) { |
|||
cursor: nesw-resize; |
|||
} |
|||
.mce-content-body .mce-resize-backdrop { |
|||
z-index: 10000; |
|||
} |
|||
.mce-content-body .mce-clonedresizable { |
|||
cursor: default; |
|||
opacity: 0.5; |
|||
outline: 1px dashed black; |
|||
position: absolute; |
|||
z-index: 10001; |
|||
} |
|||
.mce-content-body .mce-clonedresizable.mce-resizetable-columns th, |
|||
.mce-content-body .mce-clonedresizable.mce-resizetable-columns td { |
|||
border: 0; |
|||
} |
|||
.mce-content-body .mce-resize-helper { |
|||
background: #555; |
|||
background: rgba(0, 0, 0, 0.75); |
|||
border: 1px; |
|||
border-radius: 3px; |
|||
color: white; |
|||
display: none; |
|||
font-family: sans-serif; |
|||
font-size: 12px; |
|||
line-height: 14px; |
|||
margin: 5px 10px; |
|||
padding: 5px; |
|||
position: absolute; |
|||
white-space: nowrap; |
|||
z-index: 10002; |
|||
} |
|||
.tox-rtc-user-selection { |
|||
position: relative; |
|||
} |
|||
.tox-rtc-user-cursor { |
|||
bottom: 0; |
|||
cursor: default; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 2px; |
|||
} |
|||
.tox-rtc-user-cursor::before { |
|||
background-color: inherit; |
|||
border-radius: 50%; |
|||
content: ''; |
|||
display: block; |
|||
height: 8px; |
|||
position: absolute; |
|||
right: -3px; |
|||
top: -3px; |
|||
width: 8px; |
|||
} |
|||
.tox-rtc-user-cursor:hover::after { |
|||
background-color: inherit; |
|||
border-radius: 100px; |
|||
box-sizing: border-box; |
|||
color: #fff; |
|||
content: attr(data-user); |
|||
display: block; |
|||
font-size: 12px; |
|||
font-weight: bold; |
|||
left: -5px; |
|||
min-height: 8px; |
|||
min-width: 8px; |
|||
padding: 0 12px; |
|||
position: absolute; |
|||
top: -11px; |
|||
white-space: nowrap; |
|||
z-index: 1000; |
|||
} |
|||
.tox-rtc-user-selection--1 .tox-rtc-user-cursor { |
|||
background-color: #2dc26b; |
|||
} |
|||
.tox-rtc-user-selection--2 .tox-rtc-user-cursor { |
|||
background-color: #e03e2d; |
|||
} |
|||
.tox-rtc-user-selection--3 .tox-rtc-user-cursor { |
|||
background-color: #f1c40f; |
|||
} |
|||
.tox-rtc-user-selection--4 .tox-rtc-user-cursor { |
|||
background-color: #3598db; |
|||
} |
|||
.tox-rtc-user-selection--5 .tox-rtc-user-cursor { |
|||
background-color: #b96ad9; |
|||
} |
|||
.tox-rtc-user-selection--6 .tox-rtc-user-cursor { |
|||
background-color: #e67e23; |
|||
} |
|||
.tox-rtc-user-selection--7 .tox-rtc-user-cursor { |
|||
background-color: #aaa69d; |
|||
} |
|||
.tox-rtc-user-selection--8 .tox-rtc-user-cursor { |
|||
background-color: #f368e0; |
|||
} |
|||
.tox-rtc-remote-image { |
|||
background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center; |
|||
border: 1px solid #ccc; |
|||
min-height: 240px; |
|||
min-width: 320px; |
|||
} |
|||
.mce-match-marker { |
|||
background: #aaa; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected::-moz-selection { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected::selection { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-content-body img[data-mce-selected], |
|||
.mce-content-body video[data-mce-selected], |
|||
.mce-content-body audio[data-mce-selected], |
|||
.mce-content-body object[data-mce-selected], |
|||
.mce-content-body embed[data-mce-selected], |
|||
.mce-content-body table[data-mce-selected] { |
|||
outline: 3px solid #4099ff; |
|||
} |
|||
.mce-content-body hr[data-mce-selected] { |
|||
outline: 3px solid #4099ff; |
|||
outline-offset: 1px; |
|||
} |
|||
.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus { |
|||
outline: 3px solid #4099ff; |
|||
} |
|||
.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover { |
|||
outline: 3px solid #4099ff; |
|||
} |
|||
.mce-content-body *[contentEditable=false][data-mce-selected] { |
|||
cursor: not-allowed; |
|||
outline: 3px solid #4099ff; |
|||
} |
|||
.mce-content-body.mce-content-readonly *[contentEditable=true]:focus, |
|||
.mce-content-body.mce-content-readonly *[contentEditable=true]:hover { |
|||
outline: none; |
|||
} |
|||
.mce-content-body *[data-mce-selected="inline-boundary"] { |
|||
background-color: #4099ff; |
|||
} |
|||
.mce-content-body .mce-edit-focus { |
|||
outline: 3px solid #4099ff; |
|||
} |
|||
.mce-content-body td[data-mce-selected], |
|||
.mce-content-body th[data-mce-selected] { |
|||
position: relative; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::-moz-selection, |
|||
.mce-content-body th[data-mce-selected]::-moz-selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::selection, |
|||
.mce-content-body th[data-mce-selected]::selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected] *, |
|||
.mce-content-body th[data-mce-selected] * { |
|||
outline: none; |
|||
-webkit-touch-callout: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::after, |
|||
.mce-content-body th[data-mce-selected]::after { |
|||
background-color: rgba(180, 215, 255, 0.7); |
|||
border: 1px solid transparent; |
|||
bottom: -1px; |
|||
content: ''; |
|||
left: -1px; |
|||
mix-blend-mode: lighten; |
|||
position: absolute; |
|||
right: -1px; |
|||
top: -1px; |
|||
} |
|||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { |
|||
.mce-content-body td[data-mce-selected]::after, |
|||
.mce-content-body th[data-mce-selected]::after { |
|||
border-color: rgba(0, 84, 180, 0.7); |
|||
} |
|||
} |
|||
.mce-content-body img::-moz-selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body img::selection { |
|||
background: none; |
|||
} |
|||
.ephox-snooker-resizer-bar { |
|||
background-color: #4099ff; |
|||
opacity: 0; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.ephox-snooker-resizer-cols { |
|||
cursor: col-resize; |
|||
} |
|||
.ephox-snooker-resizer-rows { |
|||
cursor: row-resize; |
|||
} |
|||
.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging { |
|||
opacity: 1; |
|||
} |
|||
.mce-spellchecker-word { |
|||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); |
|||
background-position: 0 calc(100% + 1px); |
|||
background-repeat: repeat-x; |
|||
background-size: auto 6px; |
|||
cursor: default; |
|||
height: 2rem; |
|||
} |
|||
.mce-spellchecker-grammar { |
|||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); |
|||
background-position: 0 calc(100% + 1px); |
|||
background-repeat: repeat-x; |
|||
background-size: auto 6px; |
|||
cursor: default; |
|||
} |
|||
.mce-toc { |
|||
border: 1px solid gray; |
|||
} |
|||
.mce-toc h2 { |
|||
margin: 4px; |
|||
} |
|||
.mce-toc li { |
|||
list-style-type: none; |
|||
} |
|||
table[style*="border-width: 0px"], |
|||
.mce-item-table:not([border]), |
|||
.mce-item-table[border="0"], |
|||
table[style*="border-width: 0px"] td, |
|||
.mce-item-table:not([border]) td, |
|||
.mce-item-table[border="0"] td, |
|||
table[style*="border-width: 0px"] th, |
|||
.mce-item-table:not([border]) th, |
|||
.mce-item-table[border="0"] th, |
|||
table[style*="border-width: 0px"] caption, |
|||
.mce-item-table:not([border]) caption, |
|||
.mce-item-table[border="0"] caption { |
|||
border: 1px dashed #bbb; |
|||
} |
|||
.mce-visualblocks p, |
|||
.mce-visualblocks h1, |
|||
.mce-visualblocks h2, |
|||
.mce-visualblocks h3, |
|||
.mce-visualblocks h4, |
|||
.mce-visualblocks h5, |
|||
.mce-visualblocks h6, |
|||
.mce-visualblocks div:not([data-mce-bogus]), |
|||
.mce-visualblocks section, |
|||
.mce-visualblocks article, |
|||
.mce-visualblocks blockquote, |
|||
.mce-visualblocks address, |
|||
.mce-visualblocks pre, |
|||
.mce-visualblocks figure, |
|||
.mce-visualblocks figcaption, |
|||
.mce-visualblocks hgroup, |
|||
.mce-visualblocks aside, |
|||
.mce-visualblocks ul, |
|||
.mce-visualblocks ol, |
|||
.mce-visualblocks dl { |
|||
background-repeat: no-repeat; |
|||
border: 1px dashed #bbb; |
|||
margin-left: 3px; |
|||
padding-top: 10px; |
|||
} |
|||
.mce-visualblocks p { |
|||
background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7); |
|||
} |
|||
.mce-visualblocks h1 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==); |
|||
} |
|||
.mce-visualblocks h2 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==); |
|||
} |
|||
.mce-visualblocks h3 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7); |
|||
} |
|||
.mce-visualblocks h4 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==); |
|||
} |
|||
.mce-visualblocks h5 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==); |
|||
} |
|||
.mce-visualblocks h6 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==); |
|||
} |
|||
.mce-visualblocks div:not([data-mce-bogus]) { |
|||
background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7); |
|||
} |
|||
.mce-visualblocks section { |
|||
background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=); |
|||
} |
|||
.mce-visualblocks article { |
|||
background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7); |
|||
} |
|||
.mce-visualblocks blockquote { |
|||
background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7); |
|||
} |
|||
.mce-visualblocks address { |
|||
background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=); |
|||
} |
|||
.mce-visualblocks pre { |
|||
background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==); |
|||
} |
|||
.mce-visualblocks figure { |
|||
background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7); |
|||
} |
|||
.mce-visualblocks figcaption { |
|||
border: 1px dashed #bbb; |
|||
} |
|||
.mce-visualblocks hgroup { |
|||
background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7); |
|||
} |
|||
.mce-visualblocks aside { |
|||
background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=); |
|||
} |
|||
.mce-visualblocks ul { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==); |
|||
} |
|||
.mce-visualblocks ol { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==); |
|||
} |
|||
.mce-visualblocks dl { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==); |
|||
} |
|||
.mce-visualblocks:not([dir=rtl]) p, |
|||
.mce-visualblocks:not([dir=rtl]) h1, |
|||
.mce-visualblocks:not([dir=rtl]) h2, |
|||
.mce-visualblocks:not([dir=rtl]) h3, |
|||
.mce-visualblocks:not([dir=rtl]) h4, |
|||
.mce-visualblocks:not([dir=rtl]) h5, |
|||
.mce-visualblocks:not([dir=rtl]) h6, |
|||
.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]), |
|||
.mce-visualblocks:not([dir=rtl]) section, |
|||
.mce-visualblocks:not([dir=rtl]) article, |
|||
.mce-visualblocks:not([dir=rtl]) blockquote, |
|||
.mce-visualblocks:not([dir=rtl]) address, |
|||
.mce-visualblocks:not([dir=rtl]) pre, |
|||
.mce-visualblocks:not([dir=rtl]) figure, |
|||
.mce-visualblocks:not([dir=rtl]) figcaption, |
|||
.mce-visualblocks:not([dir=rtl]) hgroup, |
|||
.mce-visualblocks:not([dir=rtl]) aside, |
|||
.mce-visualblocks:not([dir=rtl]) ul, |
|||
.mce-visualblocks:not([dir=rtl]) ol, |
|||
.mce-visualblocks:not([dir=rtl]) dl { |
|||
margin-left: 3px; |
|||
} |
|||
.mce-visualblocks[dir=rtl] p, |
|||
.mce-visualblocks[dir=rtl] h1, |
|||
.mce-visualblocks[dir=rtl] h2, |
|||
.mce-visualblocks[dir=rtl] h3, |
|||
.mce-visualblocks[dir=rtl] h4, |
|||
.mce-visualblocks[dir=rtl] h5, |
|||
.mce-visualblocks[dir=rtl] h6, |
|||
.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]), |
|||
.mce-visualblocks[dir=rtl] section, |
|||
.mce-visualblocks[dir=rtl] article, |
|||
.mce-visualblocks[dir=rtl] blockquote, |
|||
.mce-visualblocks[dir=rtl] address, |
|||
.mce-visualblocks[dir=rtl] pre, |
|||
.mce-visualblocks[dir=rtl] figure, |
|||
.mce-visualblocks[dir=rtl] figcaption, |
|||
.mce-visualblocks[dir=rtl] hgroup, |
|||
.mce-visualblocks[dir=rtl] aside, |
|||
.mce-visualblocks[dir=rtl] ul, |
|||
.mce-visualblocks[dir=rtl] ol, |
|||
.mce-visualblocks[dir=rtl] dl { |
|||
background-position-x: right; |
|||
margin-right: 3px; |
|||
} |
|||
.mce-nbsp, |
|||
.mce-shy { |
|||
background: #aaa; |
|||
} |
|||
.mce-shy::after { |
|||
content: '-'; |
|||
} |
|||
body { |
|||
font-family: sans-serif; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
} |
|||
@ -0,0 +1,726 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
.mce-content-body .mce-item-anchor { |
|||
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; |
|||
cursor: default; |
|||
display: inline-block; |
|||
height: 12px !important; |
|||
padding: 0 2px; |
|||
-webkit-user-modify: read-only; |
|||
-moz-user-modify: read-only; |
|||
-webkit-user-select: all; |
|||
-moz-user-select: all; |
|||
-ms-user-select: all; |
|||
user-select: all; |
|||
width: 8px !important; |
|||
} |
|||
.mce-content-body .mce-item-anchor[data-mce-selected] { |
|||
outline-offset: 1px; |
|||
} |
|||
.tox-comments-visible .tox-comment { |
|||
background-color: #fff0b7; |
|||
} |
|||
.tox-comments-visible .tox-comment--active { |
|||
background-color: #ffe168; |
|||
} |
|||
.tox-checklist > li:not(.tox-checklist--hidden) { |
|||
list-style: none; |
|||
margin: 0.25em 0; |
|||
} |
|||
.tox-checklist > li:not(.tox-checklist--hidden)::before { |
|||
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); |
|||
cursor: pointer; |
|||
height: 1em; |
|||
margin-left: -1.5em; |
|||
margin-top: 0.125em; |
|||
position: absolute; |
|||
width: 1em; |
|||
} |
|||
.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before { |
|||
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); |
|||
} |
|||
[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before { |
|||
margin-left: 0; |
|||
margin-right: -1.5em; |
|||
} |
|||
/* stylelint-disable */ |
|||
/* http://prismjs.com/ */ |
|||
/** |
|||
* prism.js default theme for JavaScript, CSS and HTML |
|||
* Based on dabblet (http://dabblet.com) |
|||
* @author Lea Verou |
|||
*/ |
|||
code[class*="language-"], |
|||
pre[class*="language-"] { |
|||
color: black; |
|||
background: none; |
|||
text-shadow: 0 1px white; |
|||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; |
|||
font-size: 1em; |
|||
text-align: left; |
|||
white-space: pre; |
|||
word-spacing: normal; |
|||
word-break: normal; |
|||
word-wrap: normal; |
|||
line-height: 1.5; |
|||
-moz-tab-size: 4; |
|||
tab-size: 4; |
|||
-webkit-hyphens: none; |
|||
-ms-hyphens: none; |
|||
hyphens: none; |
|||
} |
|||
pre[class*="language-"]::-moz-selection, |
|||
pre[class*="language-"] ::-moz-selection, |
|||
code[class*="language-"]::-moz-selection, |
|||
code[class*="language-"] ::-moz-selection { |
|||
text-shadow: none; |
|||
background: #b3d4fc; |
|||
} |
|||
pre[class*="language-"]::selection, |
|||
pre[class*="language-"] ::selection, |
|||
code[class*="language-"]::selection, |
|||
code[class*="language-"] ::selection { |
|||
text-shadow: none; |
|||
background: #b3d4fc; |
|||
} |
|||
@media print { |
|||
code[class*="language-"], |
|||
pre[class*="language-"] { |
|||
text-shadow: none; |
|||
} |
|||
} |
|||
/* Code blocks */ |
|||
pre[class*="language-"] { |
|||
padding: 1em; |
|||
margin: 0.5em 0; |
|||
overflow: auto; |
|||
} |
|||
:not(pre) > code[class*="language-"], |
|||
pre[class*="language-"] { |
|||
background: #f5f2f0; |
|||
} |
|||
/* Inline code */ |
|||
:not(pre) > code[class*="language-"] { |
|||
padding: 0.1em; |
|||
border-radius: 0.3em; |
|||
white-space: normal; |
|||
} |
|||
.token.comment, |
|||
.token.prolog, |
|||
.token.doctype, |
|||
.token.cdata { |
|||
color: slategray; |
|||
} |
|||
.token.punctuation { |
|||
color: #999; |
|||
} |
|||
.namespace { |
|||
opacity: 0.7; |
|||
} |
|||
.token.property, |
|||
.token.tag, |
|||
.token.boolean, |
|||
.token.number, |
|||
.token.constant, |
|||
.token.symbol, |
|||
.token.deleted { |
|||
color: #905; |
|||
} |
|||
.token.selector, |
|||
.token.attr-name, |
|||
.token.string, |
|||
.token.char, |
|||
.token.builtin, |
|||
.token.inserted { |
|||
color: #690; |
|||
} |
|||
.token.operator, |
|||
.token.entity, |
|||
.token.url, |
|||
.language-css .token.string, |
|||
.style .token.string { |
|||
color: #9a6e3a; |
|||
background: hsla(0, 0%, 100%, 0.5); |
|||
} |
|||
.token.atrule, |
|||
.token.attr-value, |
|||
.token.keyword { |
|||
color: #07a; |
|||
} |
|||
.token.function, |
|||
.token.class-name { |
|||
color: #DD4A68; |
|||
} |
|||
.token.regex, |
|||
.token.important, |
|||
.token.variable { |
|||
color: #e90; |
|||
} |
|||
.token.important, |
|||
.token.bold { |
|||
font-weight: bold; |
|||
} |
|||
.token.italic { |
|||
font-style: italic; |
|||
} |
|||
.token.entity { |
|||
cursor: help; |
|||
} |
|||
/* stylelint-enable */ |
|||
.mce-content-body { |
|||
overflow-wrap: break-word; |
|||
word-wrap: break-word; |
|||
} |
|||
.mce-content-body .mce-visual-caret { |
|||
background-color: black; |
|||
background-color: currentColor; |
|||
position: absolute; |
|||
} |
|||
.mce-content-body .mce-visual-caret-hidden { |
|||
display: none; |
|||
} |
|||
.mce-content-body *[data-mce-caret] { |
|||
left: -1000px; |
|||
margin: 0; |
|||
padding: 0; |
|||
position: absolute; |
|||
right: auto; |
|||
top: 0; |
|||
} |
|||
.mce-content-body .mce-offscreen-selection { |
|||
left: -2000000px; |
|||
max-width: 1000000px; |
|||
position: absolute; |
|||
} |
|||
.mce-content-body *[contentEditable=false] { |
|||
cursor: default; |
|||
} |
|||
.mce-content-body *[contentEditable=true] { |
|||
cursor: text; |
|||
} |
|||
.tox-cursor-format-painter { |
|||
cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default; |
|||
} |
|||
.mce-content-body figure.align-left { |
|||
float: left; |
|||
} |
|||
.mce-content-body figure.align-right { |
|||
float: right; |
|||
} |
|||
.mce-content-body figure.image.align-center { |
|||
display: table; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
.mce-preview-object { |
|||
border: 1px solid gray; |
|||
display: inline-block; |
|||
line-height: 0; |
|||
margin: 0 2px 0 2px; |
|||
position: relative; |
|||
} |
|||
.mce-preview-object .mce-shim { |
|||
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.mce-preview-object[data-mce-selected="2"] .mce-shim { |
|||
display: none; |
|||
} |
|||
.mce-object { |
|||
background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center; |
|||
border: 1px dashed #aaa; |
|||
} |
|||
.mce-pagebreak { |
|||
border: 1px dashed #aaa; |
|||
cursor: default; |
|||
display: block; |
|||
height: 5px; |
|||
margin-top: 15px; |
|||
page-break-before: always; |
|||
width: 100%; |
|||
} |
|||
@media print { |
|||
.mce-pagebreak { |
|||
border: 0; |
|||
} |
|||
} |
|||
.tiny-pageembed .mce-shim { |
|||
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.tiny-pageembed[data-mce-selected="2"] .mce-shim { |
|||
display: none; |
|||
} |
|||
.tiny-pageembed { |
|||
display: inline-block; |
|||
position: relative; |
|||
} |
|||
.tiny-pageembed--21by9, |
|||
.tiny-pageembed--16by9, |
|||
.tiny-pageembed--4by3, |
|||
.tiny-pageembed--1by1 { |
|||
display: block; |
|||
overflow: hidden; |
|||
padding: 0; |
|||
position: relative; |
|||
width: 100%; |
|||
} |
|||
.tiny-pageembed--21by9 { |
|||
padding-top: 42.857143%; |
|||
} |
|||
.tiny-pageembed--16by9 { |
|||
padding-top: 56.25%; |
|||
} |
|||
.tiny-pageembed--4by3 { |
|||
padding-top: 75%; |
|||
} |
|||
.tiny-pageembed--1by1 { |
|||
padding-top: 100%; |
|||
} |
|||
.tiny-pageembed--21by9 iframe, |
|||
.tiny-pageembed--16by9 iframe, |
|||
.tiny-pageembed--4by3 iframe, |
|||
.tiny-pageembed--1by1 iframe { |
|||
border: 0; |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.mce-content-body[data-mce-placeholder] { |
|||
position: relative; |
|||
} |
|||
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
color: rgba(34, 47, 62, 0.7); |
|||
content: attr(data-mce-placeholder); |
|||
position: absolute; |
|||
} |
|||
.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
left: 1px; |
|||
} |
|||
.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
right: 1px; |
|||
} |
|||
.mce-content-body div.mce-resizehandle { |
|||
background-color: #4099ff; |
|||
border-color: #4099ff; |
|||
border-style: solid; |
|||
border-width: 1px; |
|||
box-sizing: border-box; |
|||
height: 10px; |
|||
position: absolute; |
|||
width: 10px; |
|||
z-index: 1298; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:hover { |
|||
background-color: #4099ff; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(1) { |
|||
cursor: nwse-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(2) { |
|||
cursor: nesw-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(3) { |
|||
cursor: nwse-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(4) { |
|||
cursor: nesw-resize; |
|||
} |
|||
.mce-content-body .mce-resize-backdrop { |
|||
z-index: 10000; |
|||
} |
|||
.mce-content-body .mce-clonedresizable { |
|||
cursor: default; |
|||
opacity: 0.5; |
|||
outline: 1px dashed black; |
|||
position: absolute; |
|||
z-index: 10001; |
|||
} |
|||
.mce-content-body .mce-clonedresizable.mce-resizetable-columns th, |
|||
.mce-content-body .mce-clonedresizable.mce-resizetable-columns td { |
|||
border: 0; |
|||
} |
|||
.mce-content-body .mce-resize-helper { |
|||
background: #555; |
|||
background: rgba(0, 0, 0, 0.75); |
|||
border: 1px; |
|||
border-radius: 3px; |
|||
color: white; |
|||
display: none; |
|||
font-family: sans-serif; |
|||
font-size: 12px; |
|||
line-height: 14px; |
|||
margin: 5px 10px; |
|||
padding: 5px; |
|||
position: absolute; |
|||
white-space: nowrap; |
|||
z-index: 10002; |
|||
} |
|||
.tox-rtc-user-selection { |
|||
position: relative; |
|||
} |
|||
.tox-rtc-user-cursor { |
|||
bottom: 0; |
|||
cursor: default; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 2px; |
|||
} |
|||
.tox-rtc-user-cursor::before { |
|||
background-color: inherit; |
|||
border-radius: 50%; |
|||
content: ''; |
|||
display: block; |
|||
height: 8px; |
|||
position: absolute; |
|||
right: -3px; |
|||
top: -3px; |
|||
width: 8px; |
|||
} |
|||
.tox-rtc-user-cursor:hover::after { |
|||
background-color: inherit; |
|||
border-radius: 100px; |
|||
box-sizing: border-box; |
|||
color: #fff; |
|||
content: attr(data-user); |
|||
display: block; |
|||
font-size: 12px; |
|||
font-weight: bold; |
|||
left: -5px; |
|||
min-height: 8px; |
|||
min-width: 8px; |
|||
padding: 0 12px; |
|||
position: absolute; |
|||
top: -11px; |
|||
white-space: nowrap; |
|||
z-index: 1000; |
|||
} |
|||
.tox-rtc-user-selection--1 .tox-rtc-user-cursor { |
|||
background-color: #2dc26b; |
|||
} |
|||
.tox-rtc-user-selection--2 .tox-rtc-user-cursor { |
|||
background-color: #e03e2d; |
|||
} |
|||
.tox-rtc-user-selection--3 .tox-rtc-user-cursor { |
|||
background-color: #f1c40f; |
|||
} |
|||
.tox-rtc-user-selection--4 .tox-rtc-user-cursor { |
|||
background-color: #3598db; |
|||
} |
|||
.tox-rtc-user-selection--5 .tox-rtc-user-cursor { |
|||
background-color: #b96ad9; |
|||
} |
|||
.tox-rtc-user-selection--6 .tox-rtc-user-cursor { |
|||
background-color: #e67e23; |
|||
} |
|||
.tox-rtc-user-selection--7 .tox-rtc-user-cursor { |
|||
background-color: #aaa69d; |
|||
} |
|||
.tox-rtc-user-selection--8 .tox-rtc-user-cursor { |
|||
background-color: #f368e0; |
|||
} |
|||
.tox-rtc-remote-image { |
|||
background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center; |
|||
border: 1px solid #ccc; |
|||
min-height: 240px; |
|||
min-width: 320px; |
|||
} |
|||
.mce-match-marker { |
|||
background: #aaa; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected::-moz-selection { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected::selection { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-content-body img[data-mce-selected], |
|||
.mce-content-body video[data-mce-selected], |
|||
.mce-content-body audio[data-mce-selected], |
|||
.mce-content-body object[data-mce-selected], |
|||
.mce-content-body embed[data-mce-selected], |
|||
.mce-content-body table[data-mce-selected] { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body hr[data-mce-selected] { |
|||
outline: 3px solid #b4d7ff; |
|||
outline-offset: 1px; |
|||
} |
|||
.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body *[contentEditable=false][data-mce-selected] { |
|||
cursor: not-allowed; |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body.mce-content-readonly *[contentEditable=true]:focus, |
|||
.mce-content-body.mce-content-readonly *[contentEditable=true]:hover { |
|||
outline: none; |
|||
} |
|||
.mce-content-body *[data-mce-selected="inline-boundary"] { |
|||
background-color: #b4d7ff; |
|||
} |
|||
.mce-content-body .mce-edit-focus { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body td[data-mce-selected], |
|||
.mce-content-body th[data-mce-selected] { |
|||
position: relative; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::-moz-selection, |
|||
.mce-content-body th[data-mce-selected]::-moz-selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::selection, |
|||
.mce-content-body th[data-mce-selected]::selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected] *, |
|||
.mce-content-body th[data-mce-selected] * { |
|||
outline: none; |
|||
-webkit-touch-callout: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::after, |
|||
.mce-content-body th[data-mce-selected]::after { |
|||
background-color: rgba(180, 215, 255, 0.7); |
|||
border: 1px solid rgba(180, 215, 255, 0.7); |
|||
bottom: -1px; |
|||
content: ''; |
|||
left: -1px; |
|||
mix-blend-mode: multiply; |
|||
position: absolute; |
|||
right: -1px; |
|||
top: -1px; |
|||
} |
|||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { |
|||
.mce-content-body td[data-mce-selected]::after, |
|||
.mce-content-body th[data-mce-selected]::after { |
|||
border-color: rgba(0, 84, 180, 0.7); |
|||
} |
|||
} |
|||
.mce-content-body img::-moz-selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body img::selection { |
|||
background: none; |
|||
} |
|||
.ephox-snooker-resizer-bar { |
|||
background-color: #b4d7ff; |
|||
opacity: 0; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.ephox-snooker-resizer-cols { |
|||
cursor: col-resize; |
|||
} |
|||
.ephox-snooker-resizer-rows { |
|||
cursor: row-resize; |
|||
} |
|||
.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging { |
|||
opacity: 1; |
|||
} |
|||
.mce-spellchecker-word { |
|||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); |
|||
background-position: 0 calc(100% + 1px); |
|||
background-repeat: repeat-x; |
|||
background-size: auto 6px; |
|||
cursor: default; |
|||
height: 2rem; |
|||
} |
|||
.mce-spellchecker-grammar { |
|||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); |
|||
background-position: 0 calc(100% + 1px); |
|||
background-repeat: repeat-x; |
|||
background-size: auto 6px; |
|||
cursor: default; |
|||
} |
|||
.mce-toc { |
|||
border: 1px solid gray; |
|||
} |
|||
.mce-toc h2 { |
|||
margin: 4px; |
|||
} |
|||
.mce-toc li { |
|||
list-style-type: none; |
|||
} |
|||
table[style*="border-width: 0px"], |
|||
.mce-item-table:not([border]), |
|||
.mce-item-table[border="0"], |
|||
table[style*="border-width: 0px"] td, |
|||
.mce-item-table:not([border]) td, |
|||
.mce-item-table[border="0"] td, |
|||
table[style*="border-width: 0px"] th, |
|||
.mce-item-table:not([border]) th, |
|||
.mce-item-table[border="0"] th, |
|||
table[style*="border-width: 0px"] caption, |
|||
.mce-item-table:not([border]) caption, |
|||
.mce-item-table[border="0"] caption { |
|||
border: 1px dashed #bbb; |
|||
} |
|||
.mce-visualblocks p, |
|||
.mce-visualblocks h1, |
|||
.mce-visualblocks h2, |
|||
.mce-visualblocks h3, |
|||
.mce-visualblocks h4, |
|||
.mce-visualblocks h5, |
|||
.mce-visualblocks h6, |
|||
.mce-visualblocks div:not([data-mce-bogus]), |
|||
.mce-visualblocks section, |
|||
.mce-visualblocks article, |
|||
.mce-visualblocks blockquote, |
|||
.mce-visualblocks address, |
|||
.mce-visualblocks pre, |
|||
.mce-visualblocks figure, |
|||
.mce-visualblocks figcaption, |
|||
.mce-visualblocks hgroup, |
|||
.mce-visualblocks aside, |
|||
.mce-visualblocks ul, |
|||
.mce-visualblocks ol, |
|||
.mce-visualblocks dl { |
|||
background-repeat: no-repeat; |
|||
border: 1px dashed #bbb; |
|||
margin-left: 3px; |
|||
padding-top: 10px; |
|||
} |
|||
.mce-visualblocks p { |
|||
background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7); |
|||
} |
|||
.mce-visualblocks h1 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==); |
|||
} |
|||
.mce-visualblocks h2 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==); |
|||
} |
|||
.mce-visualblocks h3 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7); |
|||
} |
|||
.mce-visualblocks h4 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==); |
|||
} |
|||
.mce-visualblocks h5 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==); |
|||
} |
|||
.mce-visualblocks h6 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==); |
|||
} |
|||
.mce-visualblocks div:not([data-mce-bogus]) { |
|||
background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7); |
|||
} |
|||
.mce-visualblocks section { |
|||
background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=); |
|||
} |
|||
.mce-visualblocks article { |
|||
background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7); |
|||
} |
|||
.mce-visualblocks blockquote { |
|||
background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7); |
|||
} |
|||
.mce-visualblocks address { |
|||
background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=); |
|||
} |
|||
.mce-visualblocks pre { |
|||
background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==); |
|||
} |
|||
.mce-visualblocks figure { |
|||
background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7); |
|||
} |
|||
.mce-visualblocks figcaption { |
|||
border: 1px dashed #bbb; |
|||
} |
|||
.mce-visualblocks hgroup { |
|||
background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7); |
|||
} |
|||
.mce-visualblocks aside { |
|||
background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=); |
|||
} |
|||
.mce-visualblocks ul { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==); |
|||
} |
|||
.mce-visualblocks ol { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==); |
|||
} |
|||
.mce-visualblocks dl { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==); |
|||
} |
|||
.mce-visualblocks:not([dir=rtl]) p, |
|||
.mce-visualblocks:not([dir=rtl]) h1, |
|||
.mce-visualblocks:not([dir=rtl]) h2, |
|||
.mce-visualblocks:not([dir=rtl]) h3, |
|||
.mce-visualblocks:not([dir=rtl]) h4, |
|||
.mce-visualblocks:not([dir=rtl]) h5, |
|||
.mce-visualblocks:not([dir=rtl]) h6, |
|||
.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]), |
|||
.mce-visualblocks:not([dir=rtl]) section, |
|||
.mce-visualblocks:not([dir=rtl]) article, |
|||
.mce-visualblocks:not([dir=rtl]) blockquote, |
|||
.mce-visualblocks:not([dir=rtl]) address, |
|||
.mce-visualblocks:not([dir=rtl]) pre, |
|||
.mce-visualblocks:not([dir=rtl]) figure, |
|||
.mce-visualblocks:not([dir=rtl]) figcaption, |
|||
.mce-visualblocks:not([dir=rtl]) hgroup, |
|||
.mce-visualblocks:not([dir=rtl]) aside, |
|||
.mce-visualblocks:not([dir=rtl]) ul, |
|||
.mce-visualblocks:not([dir=rtl]) ol, |
|||
.mce-visualblocks:not([dir=rtl]) dl { |
|||
margin-left: 3px; |
|||
} |
|||
.mce-visualblocks[dir=rtl] p, |
|||
.mce-visualblocks[dir=rtl] h1, |
|||
.mce-visualblocks[dir=rtl] h2, |
|||
.mce-visualblocks[dir=rtl] h3, |
|||
.mce-visualblocks[dir=rtl] h4, |
|||
.mce-visualblocks[dir=rtl] h5, |
|||
.mce-visualblocks[dir=rtl] h6, |
|||
.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]), |
|||
.mce-visualblocks[dir=rtl] section, |
|||
.mce-visualblocks[dir=rtl] article, |
|||
.mce-visualblocks[dir=rtl] blockquote, |
|||
.mce-visualblocks[dir=rtl] address, |
|||
.mce-visualblocks[dir=rtl] pre, |
|||
.mce-visualblocks[dir=rtl] figure, |
|||
.mce-visualblocks[dir=rtl] figcaption, |
|||
.mce-visualblocks[dir=rtl] hgroup, |
|||
.mce-visualblocks[dir=rtl] aside, |
|||
.mce-visualblocks[dir=rtl] ul, |
|||
.mce-visualblocks[dir=rtl] ol, |
|||
.mce-visualblocks[dir=rtl] dl { |
|||
background-position-x: right; |
|||
margin-right: 3px; |
|||
} |
|||
.mce-nbsp, |
|||
.mce-shy { |
|||
background: #aaa; |
|||
} |
|||
.mce-shy::after { |
|||
content: '-'; |
|||
} |
|||
7
public/tinymce/skins/ui/oxide-dark/content.inline.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
7
public/tinymce/skins/ui/oxide-dark/content.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,29 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection { |
|||
/* Note: this file is used inside the content, so isn't part of theming */ |
|||
background-color: green; |
|||
display: inline-block; |
|||
opacity: 0.5; |
|||
position: absolute; |
|||
} |
|||
body { |
|||
-webkit-text-size-adjust: none; |
|||
} |
|||
body img { |
|||
/* this is related to the content margin */ |
|||
max-width: 96vw; |
|||
} |
|||
body table img { |
|||
max-width: 95%; |
|||
} |
|||
body { |
|||
font-family: sans-serif; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection{background-color:green;display:inline-block;opacity:.5;position:absolute}body{-webkit-text-size-adjust:none}body img{max-width:96vw}body table img{max-width:95%}body{font-family:sans-serif}table{border-collapse:collapse} |
|||
3047
public/tinymce/skins/ui/oxide-dark/skin.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
7
public/tinymce/skins/ui/oxide-dark/skin.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,673 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
/* RESET all the things! */ |
|||
.tinymce-mobile-outer-container { |
|||
all: initial; |
|||
display: block; |
|||
} |
|||
.tinymce-mobile-outer-container * { |
|||
border: 0; |
|||
box-sizing: initial; |
|||
cursor: inherit; |
|||
float: none; |
|||
line-height: 1; |
|||
margin: 0; |
|||
outline: 0; |
|||
padding: 0; |
|||
-webkit-tap-highlight-color: transparent; |
|||
/* TBIO-3691, stop the gray flicker on touch. */ |
|||
text-shadow: none; |
|||
white-space: nowrap; |
|||
} |
|||
.tinymce-mobile-icon-arrow-back::before { |
|||
content: "\e5cd"; |
|||
} |
|||
.tinymce-mobile-icon-image::before { |
|||
content: "\e412"; |
|||
} |
|||
.tinymce-mobile-icon-cancel-circle::before { |
|||
content: "\e5c9"; |
|||
} |
|||
.tinymce-mobile-icon-full-dot::before { |
|||
content: "\e061"; |
|||
} |
|||
.tinymce-mobile-icon-align-center::before { |
|||
content: "\e234"; |
|||
} |
|||
.tinymce-mobile-icon-align-left::before { |
|||
content: "\e236"; |
|||
} |
|||
.tinymce-mobile-icon-align-right::before { |
|||
content: "\e237"; |
|||
} |
|||
.tinymce-mobile-icon-bold::before { |
|||
content: "\e238"; |
|||
} |
|||
.tinymce-mobile-icon-italic::before { |
|||
content: "\e23f"; |
|||
} |
|||
.tinymce-mobile-icon-unordered-list::before { |
|||
content: "\e241"; |
|||
} |
|||
.tinymce-mobile-icon-ordered-list::before { |
|||
content: "\e242"; |
|||
} |
|||
.tinymce-mobile-icon-font-size::before { |
|||
content: "\e245"; |
|||
} |
|||
.tinymce-mobile-icon-underline::before { |
|||
content: "\e249"; |
|||
} |
|||
.tinymce-mobile-icon-link::before { |
|||
content: "\e157"; |
|||
} |
|||
.tinymce-mobile-icon-unlink::before { |
|||
content: "\eca2"; |
|||
} |
|||
.tinymce-mobile-icon-color::before { |
|||
content: "\e891"; |
|||
} |
|||
.tinymce-mobile-icon-previous::before { |
|||
content: "\e314"; |
|||
} |
|||
.tinymce-mobile-icon-next::before { |
|||
content: "\e315"; |
|||
} |
|||
.tinymce-mobile-icon-large-font::before, |
|||
.tinymce-mobile-icon-style-formats::before { |
|||
content: "\e264"; |
|||
} |
|||
.tinymce-mobile-icon-undo::before { |
|||
content: "\e166"; |
|||
} |
|||
.tinymce-mobile-icon-redo::before { |
|||
content: "\e15a"; |
|||
} |
|||
.tinymce-mobile-icon-removeformat::before { |
|||
content: "\e239"; |
|||
} |
|||
.tinymce-mobile-icon-small-font::before { |
|||
content: "\e906"; |
|||
} |
|||
.tinymce-mobile-icon-readonly-back::before, |
|||
.tinymce-mobile-format-matches::after { |
|||
content: "\e5ca"; |
|||
} |
|||
.tinymce-mobile-icon-small-heading::before { |
|||
content: "small"; |
|||
} |
|||
.tinymce-mobile-icon-large-heading::before { |
|||
content: "large"; |
|||
} |
|||
.tinymce-mobile-icon-small-heading::before, |
|||
.tinymce-mobile-icon-large-heading::before { |
|||
font-family: sans-serif; |
|||
font-size: 80%; |
|||
} |
|||
.tinymce-mobile-mask-edit-icon::before { |
|||
content: "\e254"; |
|||
} |
|||
.tinymce-mobile-icon-back::before { |
|||
content: "\e5c4"; |
|||
} |
|||
.tinymce-mobile-icon-heading::before { |
|||
/* TODO: Translate */ |
|||
content: "Headings"; |
|||
font-family: sans-serif; |
|||
font-size: 80%; |
|||
font-weight: bold; |
|||
} |
|||
.tinymce-mobile-icon-h1::before { |
|||
content: "H1"; |
|||
font-weight: bold; |
|||
} |
|||
.tinymce-mobile-icon-h2::before { |
|||
content: "H2"; |
|||
font-weight: bold; |
|||
} |
|||
.tinymce-mobile-icon-h3::before { |
|||
content: "H3"; |
|||
font-weight: bold; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask { |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
background: rgba(51, 51, 51, 0.5); |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container { |
|||
align-items: center; |
|||
border-radius: 50%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
font-family: sans-serif; |
|||
font-size: 1em; |
|||
justify-content: space-between; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item { |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
border-radius: 50%; |
|||
height: 2.1em; |
|||
width: 2.1em; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section { |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
flex-direction: column; |
|||
font-size: 1em; |
|||
} |
|||
@media only screen and (min-device-width:700px) { |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section { |
|||
font-size: 1.2em; |
|||
} |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon { |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
border-radius: 50%; |
|||
height: 2.1em; |
|||
width: 2.1em; |
|||
background-color: white; |
|||
color: #207ab7; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before { |
|||
content: "\e900"; |
|||
font-family: 'tinymce-mobile', sans-serif; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon { |
|||
z-index: 2; |
|||
} |
|||
.tinymce-mobile-android-container.tinymce-mobile-android-maximized { |
|||
background: #ffffff; |
|||
border: none; |
|||
bottom: 0; |
|||
display: flex; |
|||
flex-direction: column; |
|||
left: 0; |
|||
position: fixed; |
|||
right: 0; |
|||
top: 0; |
|||
} |
|||
.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) { |
|||
position: relative; |
|||
} |
|||
.tinymce-mobile-android-container .tinymce-mobile-editor-socket { |
|||
display: flex; |
|||
flex-grow: 1; |
|||
} |
|||
.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe { |
|||
display: flex !important; |
|||
flex-grow: 1; |
|||
height: auto !important; |
|||
} |
|||
.tinymce-mobile-android-scroll-reload { |
|||
overflow: hidden; |
|||
} |
|||
:not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar { |
|||
margin-top: 23px; |
|||
} |
|||
.tinymce-mobile-toolstrip { |
|||
background: #fff; |
|||
display: flex; |
|||
flex: 0 0 auto; |
|||
z-index: 1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar { |
|||
align-items: center; |
|||
background-color: #fff; |
|||
border-bottom: 1px solid #cccccc; |
|||
display: flex; |
|||
flex: 1; |
|||
height: 2.5em; |
|||
width: 100%; |
|||
/* Make it no larger than the toolstrip, so that it needs to scroll */ |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 100%; |
|||
flex-shrink: 1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 100%; |
|||
flex: 1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container { |
|||
background: #f44336; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group { |
|||
flex-grow: 1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item { |
|||
padding-left: 0.5em; |
|||
padding-right: 0.5em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 80%; |
|||
margin-left: 2px; |
|||
margin-right: 2px; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected { |
|||
background: #c8cbcf; |
|||
color: #cccccc; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type { |
|||
background: #207ab7; |
|||
color: #eceff1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar { |
|||
/* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */ |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 100%; |
|||
flex: 1; |
|||
padding-bottom: 0.4em; |
|||
padding-top: 0.4em; |
|||
/* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */ |
|||
/* For widgets like the colour picker, use the whole height */ |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog { |
|||
display: flex; |
|||
min-height: 1.5em; |
|||
overflow: hidden; |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
position: relative; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain { |
|||
display: flex; |
|||
height: 100%; |
|||
transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen { |
|||
display: flex; |
|||
flex: 0 0 auto; |
|||
justify-content: space-between; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input { |
|||
font-family: Sans-serif; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container { |
|||
display: flex; |
|||
flex-grow: 1; |
|||
position: relative; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x { |
|||
-ms-grid-row-align: center; |
|||
align-self: center; |
|||
background: inherit; |
|||
border: none; |
|||
border-radius: 50%; |
|||
color: #888; |
|||
font-size: 0.6em; |
|||
font-weight: bold; |
|||
height: 100%; |
|||
padding-right: 2px; |
|||
position: absolute; |
|||
right: 0; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x { |
|||
display: none; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next { |
|||
align-items: center; |
|||
display: flex; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before { |
|||
align-items: center; |
|||
display: flex; |
|||
font-weight: bold; |
|||
height: 100%; |
|||
padding-left: 0.5em; |
|||
padding-right: 0.5em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before { |
|||
visibility: hidden; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item { |
|||
color: #cccccc; |
|||
font-size: 10px; |
|||
line-height: 10px; |
|||
margin: 0 2px; |
|||
padding-top: 3px; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active { |
|||
color: #c8cbcf; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before { |
|||
margin-left: 0.5em; |
|||
margin-right: 0.9em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before { |
|||
margin-left: 0.9em; |
|||
margin-right: 0.5em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider { |
|||
display: flex; |
|||
flex: 1; |
|||
margin-left: 0; |
|||
margin-right: 0; |
|||
padding: 0.28em 0; |
|||
position: relative; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container { |
|||
align-items: center; |
|||
display: flex; |
|||
flex-grow: 1; |
|||
height: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line { |
|||
background: #cccccc; |
|||
display: flex; |
|||
flex: 1; |
|||
height: 0.2em; |
|||
margin-bottom: 0.3em; |
|||
margin-top: 0.3em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container { |
|||
padding-left: 2em; |
|||
padding-right: 2em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container { |
|||
align-items: center; |
|||
display: flex; |
|||
flex-grow: 1; |
|||
height: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient { |
|||
background: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%); |
|||
display: flex; |
|||
flex: 1; |
|||
height: 0.2em; |
|||
margin-bottom: 0.3em; |
|||
margin-top: 0.3em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black { |
|||
/* Not part of theming */ |
|||
background: black; |
|||
height: 0.2em; |
|||
margin-bottom: 0.3em; |
|||
margin-top: 0.3em; |
|||
width: 1.2em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white { |
|||
/* Not part of theming */ |
|||
background: white; |
|||
height: 0.2em; |
|||
margin-bottom: 0.3em; |
|||
margin-top: 0.3em; |
|||
width: 1.2em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb { |
|||
/* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave |
|||
* out these values, then it shows the thumb at the top of the spectrum. This is probably because it is |
|||
* absolutely positioned with only a left value, and not a top. Note, on Chrome it seems to be fine without |
|||
* this approach. |
|||
*/ |
|||
align-items: center; |
|||
background-clip: padding-box; |
|||
background-color: #455a64; |
|||
border: 0.5em solid rgba(136, 136, 136, 0); |
|||
border-radius: 3em; |
|||
bottom: 0; |
|||
color: #fff; |
|||
display: flex; |
|||
height: 0.5em; |
|||
justify-content: center; |
|||
left: -10px; |
|||
margin: auto; |
|||
position: absolute; |
|||
top: 0; |
|||
transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1); |
|||
width: 0.5em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active { |
|||
border: 0.5em solid rgba(136, 136, 136, 0.39); |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 100%; |
|||
flex: 1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper { |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item { |
|||
align-items: center; |
|||
display: flex; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) { |
|||
height: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container { |
|||
display: flex; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input { |
|||
background: #ffffff; |
|||
border: none; |
|||
border-radius: 0; |
|||
color: #455a64; |
|||
flex-grow: 1; |
|||
font-size: 0.85em; |
|||
padding-bottom: 0.1em; |
|||
padding-left: 5px; |
|||
padding-top: 0.1em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder { |
|||
/* WebKit, Blink, Edge */ |
|||
color: #888; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder { |
|||
/* WebKit, Blink, Edge */ |
|||
color: #888; |
|||
} |
|||
/* dropup */ |
|||
.tinymce-mobile-dropup { |
|||
background: white; |
|||
display: flex; |
|||
overflow: hidden; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking { |
|||
transition: height 0.3s ease-out; |
|||
} |
|||
.tinymce-mobile-dropup.tinymce-mobile-dropup-growing { |
|||
transition: height 0.3s ease-in; |
|||
} |
|||
.tinymce-mobile-dropup.tinymce-mobile-dropup-closed { |
|||
flex-grow: 0; |
|||
} |
|||
.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) { |
|||
flex-grow: 1; |
|||
} |
|||
/* TODO min-height for device size and orientation */ |
|||
.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) { |
|||
min-height: 200px; |
|||
} |
|||
@media only screen and (orientation: landscape) { |
|||
.tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) { |
|||
min-height: 200px; |
|||
} |
|||
} |
|||
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { |
|||
.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) { |
|||
min-height: 150px; |
|||
} |
|||
} |
|||
/* styles menu */ |
|||
.tinymce-mobile-styles-menu { |
|||
font-family: sans-serif; |
|||
outline: 4px solid black; |
|||
overflow: hidden; |
|||
position: relative; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-styles-menu [role="menu"] { |
|||
display: flex; |
|||
flex-direction: column; |
|||
height: 100%; |
|||
position: absolute; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-styles-menu [role="menu"].transitioning { |
|||
transition: transform 0.5s ease-in-out; |
|||
} |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-item { |
|||
border-bottom: 1px solid #ddd; |
|||
color: #455a64; |
|||
cursor: pointer; |
|||
display: flex; |
|||
padding: 1em 1em; |
|||
position: relative; |
|||
} |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before { |
|||
color: #455a64; |
|||
content: "\e314"; |
|||
font-family: 'tinymce-mobile', sans-serif; |
|||
} |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after { |
|||
color: #455a64; |
|||
content: "\e315"; |
|||
font-family: 'tinymce-mobile', sans-serif; |
|||
padding-left: 1em; |
|||
padding-right: 1em; |
|||
position: absolute; |
|||
right: 0; |
|||
} |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after { |
|||
font-family: 'tinymce-mobile', sans-serif; |
|||
padding-left: 1em; |
|||
padding-right: 1em; |
|||
position: absolute; |
|||
right: 0; |
|||
} |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator, |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser { |
|||
align-items: center; |
|||
background: #fff; |
|||
border-top: #455a64; |
|||
color: #455a64; |
|||
display: flex; |
|||
min-height: 2.5em; |
|||
padding-left: 1em; |
|||
padding-right: 1em; |
|||
} |
|||
.tinymce-mobile-styles-menu [data-transitioning-destination="before"][data-transitioning-state], |
|||
.tinymce-mobile-styles-menu [data-transitioning-state="before"] { |
|||
transform: translate(-100%); |
|||
} |
|||
.tinymce-mobile-styles-menu [data-transitioning-destination="current"][data-transitioning-state], |
|||
.tinymce-mobile-styles-menu [data-transitioning-state="current"] { |
|||
transform: translate(0%); |
|||
} |
|||
.tinymce-mobile-styles-menu [data-transitioning-destination="after"][data-transitioning-state], |
|||
.tinymce-mobile-styles-menu [data-transitioning-state="after"] { |
|||
transform: translate(100%); |
|||
} |
|||
@font-face { |
|||
font-family: 'tinymce-mobile'; |
|||
font-style: normal; |
|||
font-weight: normal; |
|||
src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff'); |
|||
} |
|||
@media (min-device-width: 700px) { |
|||
.tinymce-mobile-outer-container, |
|||
.tinymce-mobile-outer-container input { |
|||
font-size: 25px; |
|||
} |
|||
} |
|||
@media (max-device-width: 700px) { |
|||
.tinymce-mobile-outer-container, |
|||
.tinymce-mobile-outer-container input { |
|||
font-size: 18px; |
|||
} |
|||
} |
|||
.tinymce-mobile-icon { |
|||
font-family: 'tinymce-mobile', sans-serif; |
|||
} |
|||
.mixin-flex-and-centre { |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
.mixin-flex-bar { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 100%; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe { |
|||
background-color: #fff; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon { |
|||
/* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */ |
|||
background-color: #207ab7; |
|||
border-radius: 50%; |
|||
bottom: 1em; |
|||
color: white; |
|||
font-size: 1em; |
|||
height: 2.1em; |
|||
position: fixed; |
|||
right: 2em; |
|||
width: 2.1em; |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
@media only screen and (min-device-width:700px) { |
|||
.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon { |
|||
font-size: 1.2em; |
|||
} |
|||
} |
|||
.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket { |
|||
height: 300px; |
|||
overflow: hidden; |
|||
} |
|||
.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe { |
|||
height: 100%; |
|||
} |
|||
.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip { |
|||
display: none; |
|||
} |
|||
/* |
|||
Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets |
|||
increased and the whole body becomes scrollable. It's important! |
|||
*/ |
|||
input[type="file"]::-webkit-file-upload-button { |
|||
display: none; |
|||
} |
|||
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { |
|||
.tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon { |
|||
bottom: 50%; |
|||
} |
|||
} |
|||
7
public/tinymce/skins/ui/oxide-dark/skin.mobile.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,37 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
body.tox-dialog__disable-scroll { |
|||
overflow: hidden; |
|||
} |
|||
.tox-fullscreen { |
|||
border: 0; |
|||
height: 100%; |
|||
margin: 0; |
|||
overflow: hidden; |
|||
-ms-scroll-chaining: none; |
|||
overscroll-behavior: none; |
|||
padding: 0; |
|||
touch-action: pinch-zoom; |
|||
width: 100%; |
|||
} |
|||
.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle { |
|||
display: none; |
|||
} |
|||
.tox.tox-tinymce.tox-fullscreen, |
|||
.tox-shadowhost.tox-fullscreen { |
|||
left: 0; |
|||
position: fixed; |
|||
top: 0; |
|||
z-index: 1200; |
|||
} |
|||
.tox.tox-tinymce.tox-fullscreen { |
|||
background-color: transparent; |
|||
} |
|||
.tox-fullscreen .tox.tox-tinymce-aux, |
|||
.tox-fullscreen ~ .tox.tox-tinymce-aux { |
|||
z-index: 1201; |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201} |
|||
@ -0,0 +1,732 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
.mce-content-body .mce-item-anchor { |
|||
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; |
|||
cursor: default; |
|||
display: inline-block; |
|||
height: 12px !important; |
|||
padding: 0 2px; |
|||
-webkit-user-modify: read-only; |
|||
-moz-user-modify: read-only; |
|||
-webkit-user-select: all; |
|||
-moz-user-select: all; |
|||
-ms-user-select: all; |
|||
user-select: all; |
|||
width: 8px !important; |
|||
} |
|||
.mce-content-body .mce-item-anchor[data-mce-selected] { |
|||
outline-offset: 1px; |
|||
} |
|||
.tox-comments-visible .tox-comment { |
|||
background-color: #fff0b7; |
|||
} |
|||
.tox-comments-visible .tox-comment--active { |
|||
background-color: #ffe168; |
|||
} |
|||
.tox-checklist > li:not(.tox-checklist--hidden) { |
|||
list-style: none; |
|||
margin: 0.25em 0; |
|||
} |
|||
.tox-checklist > li:not(.tox-checklist--hidden)::before { |
|||
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); |
|||
cursor: pointer; |
|||
height: 1em; |
|||
margin-left: -1.5em; |
|||
margin-top: 0.125em; |
|||
position: absolute; |
|||
width: 1em; |
|||
} |
|||
.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before { |
|||
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); |
|||
} |
|||
[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before { |
|||
margin-left: 0; |
|||
margin-right: -1.5em; |
|||
} |
|||
/* stylelint-disable */ |
|||
/* http://prismjs.com/ */ |
|||
/** |
|||
* prism.js default theme for JavaScript, CSS and HTML |
|||
* Based on dabblet (http://dabblet.com) |
|||
* @author Lea Verou |
|||
*/ |
|||
code[class*="language-"], |
|||
pre[class*="language-"] { |
|||
color: black; |
|||
background: none; |
|||
text-shadow: 0 1px white; |
|||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; |
|||
font-size: 1em; |
|||
text-align: left; |
|||
white-space: pre; |
|||
word-spacing: normal; |
|||
word-break: normal; |
|||
word-wrap: normal; |
|||
line-height: 1.5; |
|||
-moz-tab-size: 4; |
|||
tab-size: 4; |
|||
-webkit-hyphens: none; |
|||
-ms-hyphens: none; |
|||
hyphens: none; |
|||
} |
|||
pre[class*="language-"]::-moz-selection, |
|||
pre[class*="language-"] ::-moz-selection, |
|||
code[class*="language-"]::-moz-selection, |
|||
code[class*="language-"] ::-moz-selection { |
|||
text-shadow: none; |
|||
background: #b3d4fc; |
|||
} |
|||
pre[class*="language-"]::selection, |
|||
pre[class*="language-"] ::selection, |
|||
code[class*="language-"]::selection, |
|||
code[class*="language-"] ::selection { |
|||
text-shadow: none; |
|||
background: #b3d4fc; |
|||
} |
|||
@media print { |
|||
code[class*="language-"], |
|||
pre[class*="language-"] { |
|||
text-shadow: none; |
|||
} |
|||
} |
|||
/* Code blocks */ |
|||
pre[class*="language-"] { |
|||
padding: 1em; |
|||
margin: 0.5em 0; |
|||
overflow: auto; |
|||
} |
|||
:not(pre) > code[class*="language-"], |
|||
pre[class*="language-"] { |
|||
background: #f5f2f0; |
|||
} |
|||
/* Inline code */ |
|||
:not(pre) > code[class*="language-"] { |
|||
padding: 0.1em; |
|||
border-radius: 0.3em; |
|||
white-space: normal; |
|||
} |
|||
.token.comment, |
|||
.token.prolog, |
|||
.token.doctype, |
|||
.token.cdata { |
|||
color: slategray; |
|||
} |
|||
.token.punctuation { |
|||
color: #999; |
|||
} |
|||
.namespace { |
|||
opacity: 0.7; |
|||
} |
|||
.token.property, |
|||
.token.tag, |
|||
.token.boolean, |
|||
.token.number, |
|||
.token.constant, |
|||
.token.symbol, |
|||
.token.deleted { |
|||
color: #905; |
|||
} |
|||
.token.selector, |
|||
.token.attr-name, |
|||
.token.string, |
|||
.token.char, |
|||
.token.builtin, |
|||
.token.inserted { |
|||
color: #690; |
|||
} |
|||
.token.operator, |
|||
.token.entity, |
|||
.token.url, |
|||
.language-css .token.string, |
|||
.style .token.string { |
|||
color: #9a6e3a; |
|||
background: hsla(0, 0%, 100%, 0.5); |
|||
} |
|||
.token.atrule, |
|||
.token.attr-value, |
|||
.token.keyword { |
|||
color: #07a; |
|||
} |
|||
.token.function, |
|||
.token.class-name { |
|||
color: #DD4A68; |
|||
} |
|||
.token.regex, |
|||
.token.important, |
|||
.token.variable { |
|||
color: #e90; |
|||
} |
|||
.token.important, |
|||
.token.bold { |
|||
font-weight: bold; |
|||
} |
|||
.token.italic { |
|||
font-style: italic; |
|||
} |
|||
.token.entity { |
|||
cursor: help; |
|||
} |
|||
/* stylelint-enable */ |
|||
.mce-content-body { |
|||
overflow-wrap: break-word; |
|||
word-wrap: break-word; |
|||
} |
|||
.mce-content-body .mce-visual-caret { |
|||
background-color: black; |
|||
background-color: currentColor; |
|||
position: absolute; |
|||
} |
|||
.mce-content-body .mce-visual-caret-hidden { |
|||
display: none; |
|||
} |
|||
.mce-content-body *[data-mce-caret] { |
|||
left: -1000px; |
|||
margin: 0; |
|||
padding: 0; |
|||
position: absolute; |
|||
right: auto; |
|||
top: 0; |
|||
} |
|||
.mce-content-body .mce-offscreen-selection { |
|||
left: -2000000px; |
|||
max-width: 1000000px; |
|||
position: absolute; |
|||
} |
|||
.mce-content-body *[contentEditable=false] { |
|||
cursor: default; |
|||
} |
|||
.mce-content-body *[contentEditable=true] { |
|||
cursor: text; |
|||
} |
|||
.tox-cursor-format-painter { |
|||
cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default; |
|||
} |
|||
.mce-content-body figure.align-left { |
|||
float: left; |
|||
} |
|||
.mce-content-body figure.align-right { |
|||
float: right; |
|||
} |
|||
.mce-content-body figure.image.align-center { |
|||
display: table; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
.mce-preview-object { |
|||
border: 1px solid gray; |
|||
display: inline-block; |
|||
line-height: 0; |
|||
margin: 0 2px 0 2px; |
|||
position: relative; |
|||
} |
|||
.mce-preview-object .mce-shim { |
|||
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.mce-preview-object[data-mce-selected="2"] .mce-shim { |
|||
display: none; |
|||
} |
|||
.mce-object { |
|||
background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center; |
|||
border: 1px dashed #aaa; |
|||
} |
|||
.mce-pagebreak { |
|||
border: 1px dashed #aaa; |
|||
cursor: default; |
|||
display: block; |
|||
height: 5px; |
|||
margin-top: 15px; |
|||
page-break-before: always; |
|||
width: 100%; |
|||
} |
|||
@media print { |
|||
.mce-pagebreak { |
|||
border: 0; |
|||
} |
|||
} |
|||
.tiny-pageembed .mce-shim { |
|||
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.tiny-pageembed[data-mce-selected="2"] .mce-shim { |
|||
display: none; |
|||
} |
|||
.tiny-pageembed { |
|||
display: inline-block; |
|||
position: relative; |
|||
} |
|||
.tiny-pageembed--21by9, |
|||
.tiny-pageembed--16by9, |
|||
.tiny-pageembed--4by3, |
|||
.tiny-pageembed--1by1 { |
|||
display: block; |
|||
overflow: hidden; |
|||
padding: 0; |
|||
position: relative; |
|||
width: 100%; |
|||
} |
|||
.tiny-pageembed--21by9 { |
|||
padding-top: 42.857143%; |
|||
} |
|||
.tiny-pageembed--16by9 { |
|||
padding-top: 56.25%; |
|||
} |
|||
.tiny-pageembed--4by3 { |
|||
padding-top: 75%; |
|||
} |
|||
.tiny-pageembed--1by1 { |
|||
padding-top: 100%; |
|||
} |
|||
.tiny-pageembed--21by9 iframe, |
|||
.tiny-pageembed--16by9 iframe, |
|||
.tiny-pageembed--4by3 iframe, |
|||
.tiny-pageembed--1by1 iframe { |
|||
border: 0; |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.mce-content-body[data-mce-placeholder] { |
|||
position: relative; |
|||
} |
|||
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
color: rgba(34, 47, 62, 0.7); |
|||
content: attr(data-mce-placeholder); |
|||
position: absolute; |
|||
} |
|||
.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
left: 1px; |
|||
} |
|||
.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
right: 1px; |
|||
} |
|||
.mce-content-body div.mce-resizehandle { |
|||
background-color: #4099ff; |
|||
border-color: #4099ff; |
|||
border-style: solid; |
|||
border-width: 1px; |
|||
box-sizing: border-box; |
|||
height: 10px; |
|||
position: absolute; |
|||
width: 10px; |
|||
z-index: 1298; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:hover { |
|||
background-color: #4099ff; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(1) { |
|||
cursor: nwse-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(2) { |
|||
cursor: nesw-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(3) { |
|||
cursor: nwse-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(4) { |
|||
cursor: nesw-resize; |
|||
} |
|||
.mce-content-body .mce-resize-backdrop { |
|||
z-index: 10000; |
|||
} |
|||
.mce-content-body .mce-clonedresizable { |
|||
cursor: default; |
|||
opacity: 0.5; |
|||
outline: 1px dashed black; |
|||
position: absolute; |
|||
z-index: 10001; |
|||
} |
|||
.mce-content-body .mce-clonedresizable.mce-resizetable-columns th, |
|||
.mce-content-body .mce-clonedresizable.mce-resizetable-columns td { |
|||
border: 0; |
|||
} |
|||
.mce-content-body .mce-resize-helper { |
|||
background: #555; |
|||
background: rgba(0, 0, 0, 0.75); |
|||
border: 1px; |
|||
border-radius: 3px; |
|||
color: white; |
|||
display: none; |
|||
font-family: sans-serif; |
|||
font-size: 12px; |
|||
line-height: 14px; |
|||
margin: 5px 10px; |
|||
padding: 5px; |
|||
position: absolute; |
|||
white-space: nowrap; |
|||
z-index: 10002; |
|||
} |
|||
.tox-rtc-user-selection { |
|||
position: relative; |
|||
} |
|||
.tox-rtc-user-cursor { |
|||
bottom: 0; |
|||
cursor: default; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 2px; |
|||
} |
|||
.tox-rtc-user-cursor::before { |
|||
background-color: inherit; |
|||
border-radius: 50%; |
|||
content: ''; |
|||
display: block; |
|||
height: 8px; |
|||
position: absolute; |
|||
right: -3px; |
|||
top: -3px; |
|||
width: 8px; |
|||
} |
|||
.tox-rtc-user-cursor:hover::after { |
|||
background-color: inherit; |
|||
border-radius: 100px; |
|||
box-sizing: border-box; |
|||
color: #fff; |
|||
content: attr(data-user); |
|||
display: block; |
|||
font-size: 12px; |
|||
font-weight: bold; |
|||
left: -5px; |
|||
min-height: 8px; |
|||
min-width: 8px; |
|||
padding: 0 12px; |
|||
position: absolute; |
|||
top: -11px; |
|||
white-space: nowrap; |
|||
z-index: 1000; |
|||
} |
|||
.tox-rtc-user-selection--1 .tox-rtc-user-cursor { |
|||
background-color: #2dc26b; |
|||
} |
|||
.tox-rtc-user-selection--2 .tox-rtc-user-cursor { |
|||
background-color: #e03e2d; |
|||
} |
|||
.tox-rtc-user-selection--3 .tox-rtc-user-cursor { |
|||
background-color: #f1c40f; |
|||
} |
|||
.tox-rtc-user-selection--4 .tox-rtc-user-cursor { |
|||
background-color: #3598db; |
|||
} |
|||
.tox-rtc-user-selection--5 .tox-rtc-user-cursor { |
|||
background-color: #b96ad9; |
|||
} |
|||
.tox-rtc-user-selection--6 .tox-rtc-user-cursor { |
|||
background-color: #e67e23; |
|||
} |
|||
.tox-rtc-user-selection--7 .tox-rtc-user-cursor { |
|||
background-color: #aaa69d; |
|||
} |
|||
.tox-rtc-user-selection--8 .tox-rtc-user-cursor { |
|||
background-color: #f368e0; |
|||
} |
|||
.tox-rtc-remote-image { |
|||
background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center; |
|||
border: 1px solid #ccc; |
|||
min-height: 240px; |
|||
min-width: 320px; |
|||
} |
|||
.mce-match-marker { |
|||
background: #aaa; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected::-moz-selection { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected::selection { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-content-body img[data-mce-selected], |
|||
.mce-content-body video[data-mce-selected], |
|||
.mce-content-body audio[data-mce-selected], |
|||
.mce-content-body object[data-mce-selected], |
|||
.mce-content-body embed[data-mce-selected], |
|||
.mce-content-body table[data-mce-selected] { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body hr[data-mce-selected] { |
|||
outline: 3px solid #b4d7ff; |
|||
outline-offset: 1px; |
|||
} |
|||
.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body *[contentEditable=false][data-mce-selected] { |
|||
cursor: not-allowed; |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body.mce-content-readonly *[contentEditable=true]:focus, |
|||
.mce-content-body.mce-content-readonly *[contentEditable=true]:hover { |
|||
outline: none; |
|||
} |
|||
.mce-content-body *[data-mce-selected="inline-boundary"] { |
|||
background-color: #b4d7ff; |
|||
} |
|||
.mce-content-body .mce-edit-focus { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body td[data-mce-selected], |
|||
.mce-content-body th[data-mce-selected] { |
|||
position: relative; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::-moz-selection, |
|||
.mce-content-body th[data-mce-selected]::-moz-selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::selection, |
|||
.mce-content-body th[data-mce-selected]::selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected] *, |
|||
.mce-content-body th[data-mce-selected] * { |
|||
outline: none; |
|||
-webkit-touch-callout: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::after, |
|||
.mce-content-body th[data-mce-selected]::after { |
|||
background-color: rgba(180, 215, 255, 0.7); |
|||
border: 1px solid rgba(180, 215, 255, 0.7); |
|||
bottom: -1px; |
|||
content: ''; |
|||
left: -1px; |
|||
mix-blend-mode: multiply; |
|||
position: absolute; |
|||
right: -1px; |
|||
top: -1px; |
|||
} |
|||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { |
|||
.mce-content-body td[data-mce-selected]::after, |
|||
.mce-content-body th[data-mce-selected]::after { |
|||
border-color: rgba(0, 84, 180, 0.7); |
|||
} |
|||
} |
|||
.mce-content-body img::-moz-selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body img::selection { |
|||
background: none; |
|||
} |
|||
.ephox-snooker-resizer-bar { |
|||
background-color: #b4d7ff; |
|||
opacity: 0; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.ephox-snooker-resizer-cols { |
|||
cursor: col-resize; |
|||
} |
|||
.ephox-snooker-resizer-rows { |
|||
cursor: row-resize; |
|||
} |
|||
.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging { |
|||
opacity: 1; |
|||
} |
|||
.mce-spellchecker-word { |
|||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); |
|||
background-position: 0 calc(100% + 1px); |
|||
background-repeat: repeat-x; |
|||
background-size: auto 6px; |
|||
cursor: default; |
|||
height: 2rem; |
|||
} |
|||
.mce-spellchecker-grammar { |
|||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); |
|||
background-position: 0 calc(100% + 1px); |
|||
background-repeat: repeat-x; |
|||
background-size: auto 6px; |
|||
cursor: default; |
|||
} |
|||
.mce-toc { |
|||
border: 1px solid gray; |
|||
} |
|||
.mce-toc h2 { |
|||
margin: 4px; |
|||
} |
|||
.mce-toc li { |
|||
list-style-type: none; |
|||
} |
|||
table[style*="border-width: 0px"], |
|||
.mce-item-table:not([border]), |
|||
.mce-item-table[border="0"], |
|||
table[style*="border-width: 0px"] td, |
|||
.mce-item-table:not([border]) td, |
|||
.mce-item-table[border="0"] td, |
|||
table[style*="border-width: 0px"] th, |
|||
.mce-item-table:not([border]) th, |
|||
.mce-item-table[border="0"] th, |
|||
table[style*="border-width: 0px"] caption, |
|||
.mce-item-table:not([border]) caption, |
|||
.mce-item-table[border="0"] caption { |
|||
border: 1px dashed #bbb; |
|||
} |
|||
.mce-visualblocks p, |
|||
.mce-visualblocks h1, |
|||
.mce-visualblocks h2, |
|||
.mce-visualblocks h3, |
|||
.mce-visualblocks h4, |
|||
.mce-visualblocks h5, |
|||
.mce-visualblocks h6, |
|||
.mce-visualblocks div:not([data-mce-bogus]), |
|||
.mce-visualblocks section, |
|||
.mce-visualblocks article, |
|||
.mce-visualblocks blockquote, |
|||
.mce-visualblocks address, |
|||
.mce-visualblocks pre, |
|||
.mce-visualblocks figure, |
|||
.mce-visualblocks figcaption, |
|||
.mce-visualblocks hgroup, |
|||
.mce-visualblocks aside, |
|||
.mce-visualblocks ul, |
|||
.mce-visualblocks ol, |
|||
.mce-visualblocks dl { |
|||
background-repeat: no-repeat; |
|||
border: 1px dashed #bbb; |
|||
margin-left: 3px; |
|||
padding-top: 10px; |
|||
} |
|||
.mce-visualblocks p { |
|||
background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7); |
|||
} |
|||
.mce-visualblocks h1 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==); |
|||
} |
|||
.mce-visualblocks h2 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==); |
|||
} |
|||
.mce-visualblocks h3 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7); |
|||
} |
|||
.mce-visualblocks h4 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==); |
|||
} |
|||
.mce-visualblocks h5 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==); |
|||
} |
|||
.mce-visualblocks h6 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==); |
|||
} |
|||
.mce-visualblocks div:not([data-mce-bogus]) { |
|||
background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7); |
|||
} |
|||
.mce-visualblocks section { |
|||
background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=); |
|||
} |
|||
.mce-visualblocks article { |
|||
background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7); |
|||
} |
|||
.mce-visualblocks blockquote { |
|||
background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7); |
|||
} |
|||
.mce-visualblocks address { |
|||
background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=); |
|||
} |
|||
.mce-visualblocks pre { |
|||
background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==); |
|||
} |
|||
.mce-visualblocks figure { |
|||
background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7); |
|||
} |
|||
.mce-visualblocks figcaption { |
|||
border: 1px dashed #bbb; |
|||
} |
|||
.mce-visualblocks hgroup { |
|||
background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7); |
|||
} |
|||
.mce-visualblocks aside { |
|||
background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=); |
|||
} |
|||
.mce-visualblocks ul { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==); |
|||
} |
|||
.mce-visualblocks ol { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==); |
|||
} |
|||
.mce-visualblocks dl { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==); |
|||
} |
|||
.mce-visualblocks:not([dir=rtl]) p, |
|||
.mce-visualblocks:not([dir=rtl]) h1, |
|||
.mce-visualblocks:not([dir=rtl]) h2, |
|||
.mce-visualblocks:not([dir=rtl]) h3, |
|||
.mce-visualblocks:not([dir=rtl]) h4, |
|||
.mce-visualblocks:not([dir=rtl]) h5, |
|||
.mce-visualblocks:not([dir=rtl]) h6, |
|||
.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]), |
|||
.mce-visualblocks:not([dir=rtl]) section, |
|||
.mce-visualblocks:not([dir=rtl]) article, |
|||
.mce-visualblocks:not([dir=rtl]) blockquote, |
|||
.mce-visualblocks:not([dir=rtl]) address, |
|||
.mce-visualblocks:not([dir=rtl]) pre, |
|||
.mce-visualblocks:not([dir=rtl]) figure, |
|||
.mce-visualblocks:not([dir=rtl]) figcaption, |
|||
.mce-visualblocks:not([dir=rtl]) hgroup, |
|||
.mce-visualblocks:not([dir=rtl]) aside, |
|||
.mce-visualblocks:not([dir=rtl]) ul, |
|||
.mce-visualblocks:not([dir=rtl]) ol, |
|||
.mce-visualblocks:not([dir=rtl]) dl { |
|||
margin-left: 3px; |
|||
} |
|||
.mce-visualblocks[dir=rtl] p, |
|||
.mce-visualblocks[dir=rtl] h1, |
|||
.mce-visualblocks[dir=rtl] h2, |
|||
.mce-visualblocks[dir=rtl] h3, |
|||
.mce-visualblocks[dir=rtl] h4, |
|||
.mce-visualblocks[dir=rtl] h5, |
|||
.mce-visualblocks[dir=rtl] h6, |
|||
.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]), |
|||
.mce-visualblocks[dir=rtl] section, |
|||
.mce-visualblocks[dir=rtl] article, |
|||
.mce-visualblocks[dir=rtl] blockquote, |
|||
.mce-visualblocks[dir=rtl] address, |
|||
.mce-visualblocks[dir=rtl] pre, |
|||
.mce-visualblocks[dir=rtl] figure, |
|||
.mce-visualblocks[dir=rtl] figcaption, |
|||
.mce-visualblocks[dir=rtl] hgroup, |
|||
.mce-visualblocks[dir=rtl] aside, |
|||
.mce-visualblocks[dir=rtl] ul, |
|||
.mce-visualblocks[dir=rtl] ol, |
|||
.mce-visualblocks[dir=rtl] dl { |
|||
background-position-x: right; |
|||
margin-right: 3px; |
|||
} |
|||
.mce-nbsp, |
|||
.mce-shy { |
|||
background: #aaa; |
|||
} |
|||
.mce-shy::after { |
|||
content: '-'; |
|||
} |
|||
body { |
|||
font-family: sans-serif; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
} |
|||
@ -0,0 +1,726 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
.mce-content-body .mce-item-anchor { |
|||
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; |
|||
cursor: default; |
|||
display: inline-block; |
|||
height: 12px !important; |
|||
padding: 0 2px; |
|||
-webkit-user-modify: read-only; |
|||
-moz-user-modify: read-only; |
|||
-webkit-user-select: all; |
|||
-moz-user-select: all; |
|||
-ms-user-select: all; |
|||
user-select: all; |
|||
width: 8px !important; |
|||
} |
|||
.mce-content-body .mce-item-anchor[data-mce-selected] { |
|||
outline-offset: 1px; |
|||
} |
|||
.tox-comments-visible .tox-comment { |
|||
background-color: #fff0b7; |
|||
} |
|||
.tox-comments-visible .tox-comment--active { |
|||
background-color: #ffe168; |
|||
} |
|||
.tox-checklist > li:not(.tox-checklist--hidden) { |
|||
list-style: none; |
|||
margin: 0.25em 0; |
|||
} |
|||
.tox-checklist > li:not(.tox-checklist--hidden)::before { |
|||
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); |
|||
cursor: pointer; |
|||
height: 1em; |
|||
margin-left: -1.5em; |
|||
margin-top: 0.125em; |
|||
position: absolute; |
|||
width: 1em; |
|||
} |
|||
.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before { |
|||
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); |
|||
} |
|||
[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before { |
|||
margin-left: 0; |
|||
margin-right: -1.5em; |
|||
} |
|||
/* stylelint-disable */ |
|||
/* http://prismjs.com/ */ |
|||
/** |
|||
* prism.js default theme for JavaScript, CSS and HTML |
|||
* Based on dabblet (http://dabblet.com) |
|||
* @author Lea Verou |
|||
*/ |
|||
code[class*="language-"], |
|||
pre[class*="language-"] { |
|||
color: black; |
|||
background: none; |
|||
text-shadow: 0 1px white; |
|||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; |
|||
font-size: 1em; |
|||
text-align: left; |
|||
white-space: pre; |
|||
word-spacing: normal; |
|||
word-break: normal; |
|||
word-wrap: normal; |
|||
line-height: 1.5; |
|||
-moz-tab-size: 4; |
|||
tab-size: 4; |
|||
-webkit-hyphens: none; |
|||
-ms-hyphens: none; |
|||
hyphens: none; |
|||
} |
|||
pre[class*="language-"]::-moz-selection, |
|||
pre[class*="language-"] ::-moz-selection, |
|||
code[class*="language-"]::-moz-selection, |
|||
code[class*="language-"] ::-moz-selection { |
|||
text-shadow: none; |
|||
background: #b3d4fc; |
|||
} |
|||
pre[class*="language-"]::selection, |
|||
pre[class*="language-"] ::selection, |
|||
code[class*="language-"]::selection, |
|||
code[class*="language-"] ::selection { |
|||
text-shadow: none; |
|||
background: #b3d4fc; |
|||
} |
|||
@media print { |
|||
code[class*="language-"], |
|||
pre[class*="language-"] { |
|||
text-shadow: none; |
|||
} |
|||
} |
|||
/* Code blocks */ |
|||
pre[class*="language-"] { |
|||
padding: 1em; |
|||
margin: 0.5em 0; |
|||
overflow: auto; |
|||
} |
|||
:not(pre) > code[class*="language-"], |
|||
pre[class*="language-"] { |
|||
background: #f5f2f0; |
|||
} |
|||
/* Inline code */ |
|||
:not(pre) > code[class*="language-"] { |
|||
padding: 0.1em; |
|||
border-radius: 0.3em; |
|||
white-space: normal; |
|||
} |
|||
.token.comment, |
|||
.token.prolog, |
|||
.token.doctype, |
|||
.token.cdata { |
|||
color: slategray; |
|||
} |
|||
.token.punctuation { |
|||
color: #999; |
|||
} |
|||
.namespace { |
|||
opacity: 0.7; |
|||
} |
|||
.token.property, |
|||
.token.tag, |
|||
.token.boolean, |
|||
.token.number, |
|||
.token.constant, |
|||
.token.symbol, |
|||
.token.deleted { |
|||
color: #905; |
|||
} |
|||
.token.selector, |
|||
.token.attr-name, |
|||
.token.string, |
|||
.token.char, |
|||
.token.builtin, |
|||
.token.inserted { |
|||
color: #690; |
|||
} |
|||
.token.operator, |
|||
.token.entity, |
|||
.token.url, |
|||
.language-css .token.string, |
|||
.style .token.string { |
|||
color: #9a6e3a; |
|||
background: hsla(0, 0%, 100%, 0.5); |
|||
} |
|||
.token.atrule, |
|||
.token.attr-value, |
|||
.token.keyword { |
|||
color: #07a; |
|||
} |
|||
.token.function, |
|||
.token.class-name { |
|||
color: #DD4A68; |
|||
} |
|||
.token.regex, |
|||
.token.important, |
|||
.token.variable { |
|||
color: #e90; |
|||
} |
|||
.token.important, |
|||
.token.bold { |
|||
font-weight: bold; |
|||
} |
|||
.token.italic { |
|||
font-style: italic; |
|||
} |
|||
.token.entity { |
|||
cursor: help; |
|||
} |
|||
/* stylelint-enable */ |
|||
.mce-content-body { |
|||
overflow-wrap: break-word; |
|||
word-wrap: break-word; |
|||
} |
|||
.mce-content-body .mce-visual-caret { |
|||
background-color: black; |
|||
background-color: currentColor; |
|||
position: absolute; |
|||
} |
|||
.mce-content-body .mce-visual-caret-hidden { |
|||
display: none; |
|||
} |
|||
.mce-content-body *[data-mce-caret] { |
|||
left: -1000px; |
|||
margin: 0; |
|||
padding: 0; |
|||
position: absolute; |
|||
right: auto; |
|||
top: 0; |
|||
} |
|||
.mce-content-body .mce-offscreen-selection { |
|||
left: -2000000px; |
|||
max-width: 1000000px; |
|||
position: absolute; |
|||
} |
|||
.mce-content-body *[contentEditable=false] { |
|||
cursor: default; |
|||
} |
|||
.mce-content-body *[contentEditable=true] { |
|||
cursor: text; |
|||
} |
|||
.tox-cursor-format-painter { |
|||
cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default; |
|||
} |
|||
.mce-content-body figure.align-left { |
|||
float: left; |
|||
} |
|||
.mce-content-body figure.align-right { |
|||
float: right; |
|||
} |
|||
.mce-content-body figure.image.align-center { |
|||
display: table; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
.mce-preview-object { |
|||
border: 1px solid gray; |
|||
display: inline-block; |
|||
line-height: 0; |
|||
margin: 0 2px 0 2px; |
|||
position: relative; |
|||
} |
|||
.mce-preview-object .mce-shim { |
|||
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.mce-preview-object[data-mce-selected="2"] .mce-shim { |
|||
display: none; |
|||
} |
|||
.mce-object { |
|||
background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center; |
|||
border: 1px dashed #aaa; |
|||
} |
|||
.mce-pagebreak { |
|||
border: 1px dashed #aaa; |
|||
cursor: default; |
|||
display: block; |
|||
height: 5px; |
|||
margin-top: 15px; |
|||
page-break-before: always; |
|||
width: 100%; |
|||
} |
|||
@media print { |
|||
.mce-pagebreak { |
|||
border: 0; |
|||
} |
|||
} |
|||
.tiny-pageembed .mce-shim { |
|||
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.tiny-pageembed[data-mce-selected="2"] .mce-shim { |
|||
display: none; |
|||
} |
|||
.tiny-pageembed { |
|||
display: inline-block; |
|||
position: relative; |
|||
} |
|||
.tiny-pageembed--21by9, |
|||
.tiny-pageembed--16by9, |
|||
.tiny-pageembed--4by3, |
|||
.tiny-pageembed--1by1 { |
|||
display: block; |
|||
overflow: hidden; |
|||
padding: 0; |
|||
position: relative; |
|||
width: 100%; |
|||
} |
|||
.tiny-pageembed--21by9 { |
|||
padding-top: 42.857143%; |
|||
} |
|||
.tiny-pageembed--16by9 { |
|||
padding-top: 56.25%; |
|||
} |
|||
.tiny-pageembed--4by3 { |
|||
padding-top: 75%; |
|||
} |
|||
.tiny-pageembed--1by1 { |
|||
padding-top: 100%; |
|||
} |
|||
.tiny-pageembed--21by9 iframe, |
|||
.tiny-pageembed--16by9 iframe, |
|||
.tiny-pageembed--4by3 iframe, |
|||
.tiny-pageembed--1by1 iframe { |
|||
border: 0; |
|||
height: 100%; |
|||
left: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.mce-content-body[data-mce-placeholder] { |
|||
position: relative; |
|||
} |
|||
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
color: rgba(34, 47, 62, 0.7); |
|||
content: attr(data-mce-placeholder); |
|||
position: absolute; |
|||
} |
|||
.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
left: 1px; |
|||
} |
|||
.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before { |
|||
right: 1px; |
|||
} |
|||
.mce-content-body div.mce-resizehandle { |
|||
background-color: #4099ff; |
|||
border-color: #4099ff; |
|||
border-style: solid; |
|||
border-width: 1px; |
|||
box-sizing: border-box; |
|||
height: 10px; |
|||
position: absolute; |
|||
width: 10px; |
|||
z-index: 1298; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:hover { |
|||
background-color: #4099ff; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(1) { |
|||
cursor: nwse-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(2) { |
|||
cursor: nesw-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(3) { |
|||
cursor: nwse-resize; |
|||
} |
|||
.mce-content-body div.mce-resizehandle:nth-of-type(4) { |
|||
cursor: nesw-resize; |
|||
} |
|||
.mce-content-body .mce-resize-backdrop { |
|||
z-index: 10000; |
|||
} |
|||
.mce-content-body .mce-clonedresizable { |
|||
cursor: default; |
|||
opacity: 0.5; |
|||
outline: 1px dashed black; |
|||
position: absolute; |
|||
z-index: 10001; |
|||
} |
|||
.mce-content-body .mce-clonedresizable.mce-resizetable-columns th, |
|||
.mce-content-body .mce-clonedresizable.mce-resizetable-columns td { |
|||
border: 0; |
|||
} |
|||
.mce-content-body .mce-resize-helper { |
|||
background: #555; |
|||
background: rgba(0, 0, 0, 0.75); |
|||
border: 1px; |
|||
border-radius: 3px; |
|||
color: white; |
|||
display: none; |
|||
font-family: sans-serif; |
|||
font-size: 12px; |
|||
line-height: 14px; |
|||
margin: 5px 10px; |
|||
padding: 5px; |
|||
position: absolute; |
|||
white-space: nowrap; |
|||
z-index: 10002; |
|||
} |
|||
.tox-rtc-user-selection { |
|||
position: relative; |
|||
} |
|||
.tox-rtc-user-cursor { |
|||
bottom: 0; |
|||
cursor: default; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 2px; |
|||
} |
|||
.tox-rtc-user-cursor::before { |
|||
background-color: inherit; |
|||
border-radius: 50%; |
|||
content: ''; |
|||
display: block; |
|||
height: 8px; |
|||
position: absolute; |
|||
right: -3px; |
|||
top: -3px; |
|||
width: 8px; |
|||
} |
|||
.tox-rtc-user-cursor:hover::after { |
|||
background-color: inherit; |
|||
border-radius: 100px; |
|||
box-sizing: border-box; |
|||
color: #fff; |
|||
content: attr(data-user); |
|||
display: block; |
|||
font-size: 12px; |
|||
font-weight: bold; |
|||
left: -5px; |
|||
min-height: 8px; |
|||
min-width: 8px; |
|||
padding: 0 12px; |
|||
position: absolute; |
|||
top: -11px; |
|||
white-space: nowrap; |
|||
z-index: 1000; |
|||
} |
|||
.tox-rtc-user-selection--1 .tox-rtc-user-cursor { |
|||
background-color: #2dc26b; |
|||
} |
|||
.tox-rtc-user-selection--2 .tox-rtc-user-cursor { |
|||
background-color: #e03e2d; |
|||
} |
|||
.tox-rtc-user-selection--3 .tox-rtc-user-cursor { |
|||
background-color: #f1c40f; |
|||
} |
|||
.tox-rtc-user-selection--4 .tox-rtc-user-cursor { |
|||
background-color: #3598db; |
|||
} |
|||
.tox-rtc-user-selection--5 .tox-rtc-user-cursor { |
|||
background-color: #b96ad9; |
|||
} |
|||
.tox-rtc-user-selection--6 .tox-rtc-user-cursor { |
|||
background-color: #e67e23; |
|||
} |
|||
.tox-rtc-user-selection--7 .tox-rtc-user-cursor { |
|||
background-color: #aaa69d; |
|||
} |
|||
.tox-rtc-user-selection--8 .tox-rtc-user-cursor { |
|||
background-color: #f368e0; |
|||
} |
|||
.tox-rtc-remote-image { |
|||
background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center; |
|||
border: 1px solid #ccc; |
|||
min-height: 240px; |
|||
min-width: 320px; |
|||
} |
|||
.mce-match-marker { |
|||
background: #aaa; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected::-moz-selection { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-match-marker-selected::selection { |
|||
background: #39f; |
|||
color: #fff; |
|||
} |
|||
.mce-content-body img[data-mce-selected], |
|||
.mce-content-body video[data-mce-selected], |
|||
.mce-content-body audio[data-mce-selected], |
|||
.mce-content-body object[data-mce-selected], |
|||
.mce-content-body embed[data-mce-selected], |
|||
.mce-content-body table[data-mce-selected] { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body hr[data-mce-selected] { |
|||
outline: 3px solid #b4d7ff; |
|||
outline-offset: 1px; |
|||
} |
|||
.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body *[contentEditable=false][data-mce-selected] { |
|||
cursor: not-allowed; |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body.mce-content-readonly *[contentEditable=true]:focus, |
|||
.mce-content-body.mce-content-readonly *[contentEditable=true]:hover { |
|||
outline: none; |
|||
} |
|||
.mce-content-body *[data-mce-selected="inline-boundary"] { |
|||
background-color: #b4d7ff; |
|||
} |
|||
.mce-content-body .mce-edit-focus { |
|||
outline: 3px solid #b4d7ff; |
|||
} |
|||
.mce-content-body td[data-mce-selected], |
|||
.mce-content-body th[data-mce-selected] { |
|||
position: relative; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::-moz-selection, |
|||
.mce-content-body th[data-mce-selected]::-moz-selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::selection, |
|||
.mce-content-body th[data-mce-selected]::selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected] *, |
|||
.mce-content-body th[data-mce-selected] * { |
|||
outline: none; |
|||
-webkit-touch-callout: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.mce-content-body td[data-mce-selected]::after, |
|||
.mce-content-body th[data-mce-selected]::after { |
|||
background-color: rgba(180, 215, 255, 0.7); |
|||
border: 1px solid rgba(180, 215, 255, 0.7); |
|||
bottom: -1px; |
|||
content: ''; |
|||
left: -1px; |
|||
mix-blend-mode: multiply; |
|||
position: absolute; |
|||
right: -1px; |
|||
top: -1px; |
|||
} |
|||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { |
|||
.mce-content-body td[data-mce-selected]::after, |
|||
.mce-content-body th[data-mce-selected]::after { |
|||
border-color: rgba(0, 84, 180, 0.7); |
|||
} |
|||
} |
|||
.mce-content-body img::-moz-selection { |
|||
background: none; |
|||
} |
|||
.mce-content-body img::selection { |
|||
background: none; |
|||
} |
|||
.ephox-snooker-resizer-bar { |
|||
background-color: #b4d7ff; |
|||
opacity: 0; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.ephox-snooker-resizer-cols { |
|||
cursor: col-resize; |
|||
} |
|||
.ephox-snooker-resizer-rows { |
|||
cursor: row-resize; |
|||
} |
|||
.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging { |
|||
opacity: 1; |
|||
} |
|||
.mce-spellchecker-word { |
|||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); |
|||
background-position: 0 calc(100% + 1px); |
|||
background-repeat: repeat-x; |
|||
background-size: auto 6px; |
|||
cursor: default; |
|||
height: 2rem; |
|||
} |
|||
.mce-spellchecker-grammar { |
|||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); |
|||
background-position: 0 calc(100% + 1px); |
|||
background-repeat: repeat-x; |
|||
background-size: auto 6px; |
|||
cursor: default; |
|||
} |
|||
.mce-toc { |
|||
border: 1px solid gray; |
|||
} |
|||
.mce-toc h2 { |
|||
margin: 4px; |
|||
} |
|||
.mce-toc li { |
|||
list-style-type: none; |
|||
} |
|||
table[style*="border-width: 0px"], |
|||
.mce-item-table:not([border]), |
|||
.mce-item-table[border="0"], |
|||
table[style*="border-width: 0px"] td, |
|||
.mce-item-table:not([border]) td, |
|||
.mce-item-table[border="0"] td, |
|||
table[style*="border-width: 0px"] th, |
|||
.mce-item-table:not([border]) th, |
|||
.mce-item-table[border="0"] th, |
|||
table[style*="border-width: 0px"] caption, |
|||
.mce-item-table:not([border]) caption, |
|||
.mce-item-table[border="0"] caption { |
|||
border: 1px dashed #bbb; |
|||
} |
|||
.mce-visualblocks p, |
|||
.mce-visualblocks h1, |
|||
.mce-visualblocks h2, |
|||
.mce-visualblocks h3, |
|||
.mce-visualblocks h4, |
|||
.mce-visualblocks h5, |
|||
.mce-visualblocks h6, |
|||
.mce-visualblocks div:not([data-mce-bogus]), |
|||
.mce-visualblocks section, |
|||
.mce-visualblocks article, |
|||
.mce-visualblocks blockquote, |
|||
.mce-visualblocks address, |
|||
.mce-visualblocks pre, |
|||
.mce-visualblocks figure, |
|||
.mce-visualblocks figcaption, |
|||
.mce-visualblocks hgroup, |
|||
.mce-visualblocks aside, |
|||
.mce-visualblocks ul, |
|||
.mce-visualblocks ol, |
|||
.mce-visualblocks dl { |
|||
background-repeat: no-repeat; |
|||
border: 1px dashed #bbb; |
|||
margin-left: 3px; |
|||
padding-top: 10px; |
|||
} |
|||
.mce-visualblocks p { |
|||
background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7); |
|||
} |
|||
.mce-visualblocks h1 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==); |
|||
} |
|||
.mce-visualblocks h2 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==); |
|||
} |
|||
.mce-visualblocks h3 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7); |
|||
} |
|||
.mce-visualblocks h4 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==); |
|||
} |
|||
.mce-visualblocks h5 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==); |
|||
} |
|||
.mce-visualblocks h6 { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==); |
|||
} |
|||
.mce-visualblocks div:not([data-mce-bogus]) { |
|||
background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7); |
|||
} |
|||
.mce-visualblocks section { |
|||
background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=); |
|||
} |
|||
.mce-visualblocks article { |
|||
background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7); |
|||
} |
|||
.mce-visualblocks blockquote { |
|||
background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7); |
|||
} |
|||
.mce-visualblocks address { |
|||
background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=); |
|||
} |
|||
.mce-visualblocks pre { |
|||
background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==); |
|||
} |
|||
.mce-visualblocks figure { |
|||
background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7); |
|||
} |
|||
.mce-visualblocks figcaption { |
|||
border: 1px dashed #bbb; |
|||
} |
|||
.mce-visualblocks hgroup { |
|||
background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7); |
|||
} |
|||
.mce-visualblocks aside { |
|||
background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=); |
|||
} |
|||
.mce-visualblocks ul { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==); |
|||
} |
|||
.mce-visualblocks ol { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==); |
|||
} |
|||
.mce-visualblocks dl { |
|||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==); |
|||
} |
|||
.mce-visualblocks:not([dir=rtl]) p, |
|||
.mce-visualblocks:not([dir=rtl]) h1, |
|||
.mce-visualblocks:not([dir=rtl]) h2, |
|||
.mce-visualblocks:not([dir=rtl]) h3, |
|||
.mce-visualblocks:not([dir=rtl]) h4, |
|||
.mce-visualblocks:not([dir=rtl]) h5, |
|||
.mce-visualblocks:not([dir=rtl]) h6, |
|||
.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]), |
|||
.mce-visualblocks:not([dir=rtl]) section, |
|||
.mce-visualblocks:not([dir=rtl]) article, |
|||
.mce-visualblocks:not([dir=rtl]) blockquote, |
|||
.mce-visualblocks:not([dir=rtl]) address, |
|||
.mce-visualblocks:not([dir=rtl]) pre, |
|||
.mce-visualblocks:not([dir=rtl]) figure, |
|||
.mce-visualblocks:not([dir=rtl]) figcaption, |
|||
.mce-visualblocks:not([dir=rtl]) hgroup, |
|||
.mce-visualblocks:not([dir=rtl]) aside, |
|||
.mce-visualblocks:not([dir=rtl]) ul, |
|||
.mce-visualblocks:not([dir=rtl]) ol, |
|||
.mce-visualblocks:not([dir=rtl]) dl { |
|||
margin-left: 3px; |
|||
} |
|||
.mce-visualblocks[dir=rtl] p, |
|||
.mce-visualblocks[dir=rtl] h1, |
|||
.mce-visualblocks[dir=rtl] h2, |
|||
.mce-visualblocks[dir=rtl] h3, |
|||
.mce-visualblocks[dir=rtl] h4, |
|||
.mce-visualblocks[dir=rtl] h5, |
|||
.mce-visualblocks[dir=rtl] h6, |
|||
.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]), |
|||
.mce-visualblocks[dir=rtl] section, |
|||
.mce-visualblocks[dir=rtl] article, |
|||
.mce-visualblocks[dir=rtl] blockquote, |
|||
.mce-visualblocks[dir=rtl] address, |
|||
.mce-visualblocks[dir=rtl] pre, |
|||
.mce-visualblocks[dir=rtl] figure, |
|||
.mce-visualblocks[dir=rtl] figcaption, |
|||
.mce-visualblocks[dir=rtl] hgroup, |
|||
.mce-visualblocks[dir=rtl] aside, |
|||
.mce-visualblocks[dir=rtl] ul, |
|||
.mce-visualblocks[dir=rtl] ol, |
|||
.mce-visualblocks[dir=rtl] dl { |
|||
background-position-x: right; |
|||
margin-right: 3px; |
|||
} |
|||
.mce-nbsp, |
|||
.mce-shy { |
|||
background: #aaa; |
|||
} |
|||
.mce-shy::after { |
|||
content: '-'; |
|||
} |
|||
7
public/tinymce/skins/ui/oxide/content.inline.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
7
public/tinymce/skins/ui/oxide/content.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,29 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection { |
|||
/* Note: this file is used inside the content, so isn't part of theming */ |
|||
background-color: green; |
|||
display: inline-block; |
|||
opacity: 0.5; |
|||
position: absolute; |
|||
} |
|||
body { |
|||
-webkit-text-size-adjust: none; |
|||
} |
|||
body img { |
|||
/* this is related to the content margin */ |
|||
max-width: 96vw; |
|||
} |
|||
body table img { |
|||
max-width: 95%; |
|||
} |
|||
body { |
|||
font-family: sans-serif; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection{background-color:green;display:inline-block;opacity:.5;position:absolute}body{-webkit-text-size-adjust:none}body img{max-width:96vw}body table img{max-width:95%}body{font-family:sans-serif}table{border-collapse:collapse} |
|||
3047
public/tinymce/skins/ui/oxide/skin.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
7
public/tinymce/skins/ui/oxide/skin.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,673 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
/* RESET all the things! */ |
|||
.tinymce-mobile-outer-container { |
|||
all: initial; |
|||
display: block; |
|||
} |
|||
.tinymce-mobile-outer-container * { |
|||
border: 0; |
|||
box-sizing: initial; |
|||
cursor: inherit; |
|||
float: none; |
|||
line-height: 1; |
|||
margin: 0; |
|||
outline: 0; |
|||
padding: 0; |
|||
-webkit-tap-highlight-color: transparent; |
|||
/* TBIO-3691, stop the gray flicker on touch. */ |
|||
text-shadow: none; |
|||
white-space: nowrap; |
|||
} |
|||
.tinymce-mobile-icon-arrow-back::before { |
|||
content: "\e5cd"; |
|||
} |
|||
.tinymce-mobile-icon-image::before { |
|||
content: "\e412"; |
|||
} |
|||
.tinymce-mobile-icon-cancel-circle::before { |
|||
content: "\e5c9"; |
|||
} |
|||
.tinymce-mobile-icon-full-dot::before { |
|||
content: "\e061"; |
|||
} |
|||
.tinymce-mobile-icon-align-center::before { |
|||
content: "\e234"; |
|||
} |
|||
.tinymce-mobile-icon-align-left::before { |
|||
content: "\e236"; |
|||
} |
|||
.tinymce-mobile-icon-align-right::before { |
|||
content: "\e237"; |
|||
} |
|||
.tinymce-mobile-icon-bold::before { |
|||
content: "\e238"; |
|||
} |
|||
.tinymce-mobile-icon-italic::before { |
|||
content: "\e23f"; |
|||
} |
|||
.tinymce-mobile-icon-unordered-list::before { |
|||
content: "\e241"; |
|||
} |
|||
.tinymce-mobile-icon-ordered-list::before { |
|||
content: "\e242"; |
|||
} |
|||
.tinymce-mobile-icon-font-size::before { |
|||
content: "\e245"; |
|||
} |
|||
.tinymce-mobile-icon-underline::before { |
|||
content: "\e249"; |
|||
} |
|||
.tinymce-mobile-icon-link::before { |
|||
content: "\e157"; |
|||
} |
|||
.tinymce-mobile-icon-unlink::before { |
|||
content: "\eca2"; |
|||
} |
|||
.tinymce-mobile-icon-color::before { |
|||
content: "\e891"; |
|||
} |
|||
.tinymce-mobile-icon-previous::before { |
|||
content: "\e314"; |
|||
} |
|||
.tinymce-mobile-icon-next::before { |
|||
content: "\e315"; |
|||
} |
|||
.tinymce-mobile-icon-large-font::before, |
|||
.tinymce-mobile-icon-style-formats::before { |
|||
content: "\e264"; |
|||
} |
|||
.tinymce-mobile-icon-undo::before { |
|||
content: "\e166"; |
|||
} |
|||
.tinymce-mobile-icon-redo::before { |
|||
content: "\e15a"; |
|||
} |
|||
.tinymce-mobile-icon-removeformat::before { |
|||
content: "\e239"; |
|||
} |
|||
.tinymce-mobile-icon-small-font::before { |
|||
content: "\e906"; |
|||
} |
|||
.tinymce-mobile-icon-readonly-back::before, |
|||
.tinymce-mobile-format-matches::after { |
|||
content: "\e5ca"; |
|||
} |
|||
.tinymce-mobile-icon-small-heading::before { |
|||
content: "small"; |
|||
} |
|||
.tinymce-mobile-icon-large-heading::before { |
|||
content: "large"; |
|||
} |
|||
.tinymce-mobile-icon-small-heading::before, |
|||
.tinymce-mobile-icon-large-heading::before { |
|||
font-family: sans-serif; |
|||
font-size: 80%; |
|||
} |
|||
.tinymce-mobile-mask-edit-icon::before { |
|||
content: "\e254"; |
|||
} |
|||
.tinymce-mobile-icon-back::before { |
|||
content: "\e5c4"; |
|||
} |
|||
.tinymce-mobile-icon-heading::before { |
|||
/* TODO: Translate */ |
|||
content: "Headings"; |
|||
font-family: sans-serif; |
|||
font-size: 80%; |
|||
font-weight: bold; |
|||
} |
|||
.tinymce-mobile-icon-h1::before { |
|||
content: "H1"; |
|||
font-weight: bold; |
|||
} |
|||
.tinymce-mobile-icon-h2::before { |
|||
content: "H2"; |
|||
font-weight: bold; |
|||
} |
|||
.tinymce-mobile-icon-h3::before { |
|||
content: "H3"; |
|||
font-weight: bold; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask { |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
background: rgba(51, 51, 51, 0.5); |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container { |
|||
align-items: center; |
|||
border-radius: 50%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
font-family: sans-serif; |
|||
font-size: 1em; |
|||
justify-content: space-between; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item { |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
border-radius: 50%; |
|||
height: 2.1em; |
|||
width: 2.1em; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section { |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
flex-direction: column; |
|||
font-size: 1em; |
|||
} |
|||
@media only screen and (min-device-width:700px) { |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section { |
|||
font-size: 1.2em; |
|||
} |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon { |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
border-radius: 50%; |
|||
height: 2.1em; |
|||
width: 2.1em; |
|||
background-color: white; |
|||
color: #207ab7; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before { |
|||
content: "\e900"; |
|||
font-family: 'tinymce-mobile', sans-serif; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon { |
|||
z-index: 2; |
|||
} |
|||
.tinymce-mobile-android-container.tinymce-mobile-android-maximized { |
|||
background: #ffffff; |
|||
border: none; |
|||
bottom: 0; |
|||
display: flex; |
|||
flex-direction: column; |
|||
left: 0; |
|||
position: fixed; |
|||
right: 0; |
|||
top: 0; |
|||
} |
|||
.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) { |
|||
position: relative; |
|||
} |
|||
.tinymce-mobile-android-container .tinymce-mobile-editor-socket { |
|||
display: flex; |
|||
flex-grow: 1; |
|||
} |
|||
.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe { |
|||
display: flex !important; |
|||
flex-grow: 1; |
|||
height: auto !important; |
|||
} |
|||
.tinymce-mobile-android-scroll-reload { |
|||
overflow: hidden; |
|||
} |
|||
:not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar { |
|||
margin-top: 23px; |
|||
} |
|||
.tinymce-mobile-toolstrip { |
|||
background: #fff; |
|||
display: flex; |
|||
flex: 0 0 auto; |
|||
z-index: 1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar { |
|||
align-items: center; |
|||
background-color: #fff; |
|||
border-bottom: 1px solid #cccccc; |
|||
display: flex; |
|||
flex: 1; |
|||
height: 2.5em; |
|||
width: 100%; |
|||
/* Make it no larger than the toolstrip, so that it needs to scroll */ |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 100%; |
|||
flex-shrink: 1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 100%; |
|||
flex: 1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container { |
|||
background: #f44336; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group { |
|||
flex-grow: 1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item { |
|||
padding-left: 0.5em; |
|||
padding-right: 0.5em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 80%; |
|||
margin-left: 2px; |
|||
margin-right: 2px; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected { |
|||
background: #c8cbcf; |
|||
color: #cccccc; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type { |
|||
background: #207ab7; |
|||
color: #eceff1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar { |
|||
/* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */ |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 100%; |
|||
flex: 1; |
|||
padding-bottom: 0.4em; |
|||
padding-top: 0.4em; |
|||
/* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */ |
|||
/* For widgets like the colour picker, use the whole height */ |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog { |
|||
display: flex; |
|||
min-height: 1.5em; |
|||
overflow: hidden; |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
position: relative; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain { |
|||
display: flex; |
|||
height: 100%; |
|||
transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen { |
|||
display: flex; |
|||
flex: 0 0 auto; |
|||
justify-content: space-between; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input { |
|||
font-family: Sans-serif; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container { |
|||
display: flex; |
|||
flex-grow: 1; |
|||
position: relative; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x { |
|||
-ms-grid-row-align: center; |
|||
align-self: center; |
|||
background: inherit; |
|||
border: none; |
|||
border-radius: 50%; |
|||
color: #888; |
|||
font-size: 0.6em; |
|||
font-weight: bold; |
|||
height: 100%; |
|||
padding-right: 2px; |
|||
position: absolute; |
|||
right: 0; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x { |
|||
display: none; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next { |
|||
align-items: center; |
|||
display: flex; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before { |
|||
align-items: center; |
|||
display: flex; |
|||
font-weight: bold; |
|||
height: 100%; |
|||
padding-left: 0.5em; |
|||
padding-right: 0.5em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before { |
|||
visibility: hidden; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item { |
|||
color: #cccccc; |
|||
font-size: 10px; |
|||
line-height: 10px; |
|||
margin: 0 2px; |
|||
padding-top: 3px; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active { |
|||
color: #c8cbcf; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before { |
|||
margin-left: 0.5em; |
|||
margin-right: 0.9em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before { |
|||
margin-left: 0.9em; |
|||
margin-right: 0.5em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider { |
|||
display: flex; |
|||
flex: 1; |
|||
margin-left: 0; |
|||
margin-right: 0; |
|||
padding: 0.28em 0; |
|||
position: relative; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container { |
|||
align-items: center; |
|||
display: flex; |
|||
flex-grow: 1; |
|||
height: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line { |
|||
background: #cccccc; |
|||
display: flex; |
|||
flex: 1; |
|||
height: 0.2em; |
|||
margin-bottom: 0.3em; |
|||
margin-top: 0.3em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container { |
|||
padding-left: 2em; |
|||
padding-right: 2em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container { |
|||
align-items: center; |
|||
display: flex; |
|||
flex-grow: 1; |
|||
height: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient { |
|||
background: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%); |
|||
display: flex; |
|||
flex: 1; |
|||
height: 0.2em; |
|||
margin-bottom: 0.3em; |
|||
margin-top: 0.3em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black { |
|||
/* Not part of theming */ |
|||
background: black; |
|||
height: 0.2em; |
|||
margin-bottom: 0.3em; |
|||
margin-top: 0.3em; |
|||
width: 1.2em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white { |
|||
/* Not part of theming */ |
|||
background: white; |
|||
height: 0.2em; |
|||
margin-bottom: 0.3em; |
|||
margin-top: 0.3em; |
|||
width: 1.2em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb { |
|||
/* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave |
|||
* out these values, then it shows the thumb at the top of the spectrum. This is probably because it is |
|||
* absolutely positioned with only a left value, and not a top. Note, on Chrome it seems to be fine without |
|||
* this approach. |
|||
*/ |
|||
align-items: center; |
|||
background-clip: padding-box; |
|||
background-color: #455a64; |
|||
border: 0.5em solid rgba(136, 136, 136, 0); |
|||
border-radius: 3em; |
|||
bottom: 0; |
|||
color: #fff; |
|||
display: flex; |
|||
height: 0.5em; |
|||
justify-content: center; |
|||
left: -10px; |
|||
margin: auto; |
|||
position: absolute; |
|||
top: 0; |
|||
transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1); |
|||
width: 0.5em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active { |
|||
border: 0.5em solid rgba(136, 136, 136, 0.39); |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper, |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 100%; |
|||
flex: 1; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper { |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item { |
|||
align-items: center; |
|||
display: flex; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) { |
|||
height: 100%; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container { |
|||
display: flex; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input { |
|||
background: #ffffff; |
|||
border: none; |
|||
border-radius: 0; |
|||
color: #455a64; |
|||
flex-grow: 1; |
|||
font-size: 0.85em; |
|||
padding-bottom: 0.1em; |
|||
padding-left: 5px; |
|||
padding-top: 0.1em; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder { |
|||
/* WebKit, Blink, Edge */ |
|||
color: #888; |
|||
} |
|||
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder { |
|||
/* WebKit, Blink, Edge */ |
|||
color: #888; |
|||
} |
|||
/* dropup */ |
|||
.tinymce-mobile-dropup { |
|||
background: white; |
|||
display: flex; |
|||
overflow: hidden; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking { |
|||
transition: height 0.3s ease-out; |
|||
} |
|||
.tinymce-mobile-dropup.tinymce-mobile-dropup-growing { |
|||
transition: height 0.3s ease-in; |
|||
} |
|||
.tinymce-mobile-dropup.tinymce-mobile-dropup-closed { |
|||
flex-grow: 0; |
|||
} |
|||
.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) { |
|||
flex-grow: 1; |
|||
} |
|||
/* TODO min-height for device size and orientation */ |
|||
.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) { |
|||
min-height: 200px; |
|||
} |
|||
@media only screen and (orientation: landscape) { |
|||
.tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) { |
|||
min-height: 200px; |
|||
} |
|||
} |
|||
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { |
|||
.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) { |
|||
min-height: 150px; |
|||
} |
|||
} |
|||
/* styles menu */ |
|||
.tinymce-mobile-styles-menu { |
|||
font-family: sans-serif; |
|||
outline: 4px solid black; |
|||
overflow: hidden; |
|||
position: relative; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-styles-menu [role="menu"] { |
|||
display: flex; |
|||
flex-direction: column; |
|||
height: 100%; |
|||
position: absolute; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-styles-menu [role="menu"].transitioning { |
|||
transition: transform 0.5s ease-in-out; |
|||
} |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-item { |
|||
border-bottom: 1px solid #ddd; |
|||
color: #455a64; |
|||
cursor: pointer; |
|||
display: flex; |
|||
padding: 1em 1em; |
|||
position: relative; |
|||
} |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before { |
|||
color: #455a64; |
|||
content: "\e314"; |
|||
font-family: 'tinymce-mobile', sans-serif; |
|||
} |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after { |
|||
color: #455a64; |
|||
content: "\e315"; |
|||
font-family: 'tinymce-mobile', sans-serif; |
|||
padding-left: 1em; |
|||
padding-right: 1em; |
|||
position: absolute; |
|||
right: 0; |
|||
} |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after { |
|||
font-family: 'tinymce-mobile', sans-serif; |
|||
padding-left: 1em; |
|||
padding-right: 1em; |
|||
position: absolute; |
|||
right: 0; |
|||
} |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator, |
|||
.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser { |
|||
align-items: center; |
|||
background: #fff; |
|||
border-top: #455a64; |
|||
color: #455a64; |
|||
display: flex; |
|||
min-height: 2.5em; |
|||
padding-left: 1em; |
|||
padding-right: 1em; |
|||
} |
|||
.tinymce-mobile-styles-menu [data-transitioning-destination="before"][data-transitioning-state], |
|||
.tinymce-mobile-styles-menu [data-transitioning-state="before"] { |
|||
transform: translate(-100%); |
|||
} |
|||
.tinymce-mobile-styles-menu [data-transitioning-destination="current"][data-transitioning-state], |
|||
.tinymce-mobile-styles-menu [data-transitioning-state="current"] { |
|||
transform: translate(0%); |
|||
} |
|||
.tinymce-mobile-styles-menu [data-transitioning-destination="after"][data-transitioning-state], |
|||
.tinymce-mobile-styles-menu [data-transitioning-state="after"] { |
|||
transform: translate(100%); |
|||
} |
|||
@font-face { |
|||
font-family: 'tinymce-mobile'; |
|||
font-style: normal; |
|||
font-weight: normal; |
|||
src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff'); |
|||
} |
|||
@media (min-device-width: 700px) { |
|||
.tinymce-mobile-outer-container, |
|||
.tinymce-mobile-outer-container input { |
|||
font-size: 25px; |
|||
} |
|||
} |
|||
@media (max-device-width: 700px) { |
|||
.tinymce-mobile-outer-container, |
|||
.tinymce-mobile-outer-container input { |
|||
font-size: 18px; |
|||
} |
|||
} |
|||
.tinymce-mobile-icon { |
|||
font-family: 'tinymce-mobile', sans-serif; |
|||
} |
|||
.mixin-flex-and-centre { |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
.mixin-flex-bar { |
|||
align-items: center; |
|||
display: flex; |
|||
height: 100%; |
|||
} |
|||
.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe { |
|||
background-color: #fff; |
|||
width: 100%; |
|||
} |
|||
.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon { |
|||
/* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */ |
|||
background-color: #207ab7; |
|||
border-radius: 50%; |
|||
bottom: 1em; |
|||
color: white; |
|||
font-size: 1em; |
|||
height: 2.1em; |
|||
position: fixed; |
|||
right: 2em; |
|||
width: 2.1em; |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
@media only screen and (min-device-width:700px) { |
|||
.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon { |
|||
font-size: 1.2em; |
|||
} |
|||
} |
|||
.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket { |
|||
height: 300px; |
|||
overflow: hidden; |
|||
} |
|||
.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe { |
|||
height: 100%; |
|||
} |
|||
.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip { |
|||
display: none; |
|||
} |
|||
/* |
|||
Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets |
|||
increased and the whole body becomes scrollable. It's important! |
|||
*/ |
|||
input[type="file"]::-webkit-file-upload-button { |
|||
display: none; |
|||
} |
|||
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { |
|||
.tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon { |
|||
bottom: 50%; |
|||
} |
|||
} |
|||
7
public/tinymce/skins/ui/oxide/skin.mobile.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,37 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
body.tox-dialog__disable-scroll { |
|||
overflow: hidden; |
|||
} |
|||
.tox-fullscreen { |
|||
border: 0; |
|||
height: 100%; |
|||
margin: 0; |
|||
overflow: hidden; |
|||
-ms-scroll-chaining: none; |
|||
overscroll-behavior: none; |
|||
padding: 0; |
|||
touch-action: pinch-zoom; |
|||
width: 100%; |
|||
} |
|||
.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle { |
|||
display: none; |
|||
} |
|||
.tox.tox-tinymce.tox-fullscreen, |
|||
.tox-shadowhost.tox-fullscreen { |
|||
left: 0; |
|||
position: fixed; |
|||
top: 0; |
|||
z-index: 1200; |
|||
} |
|||
.tox.tox-tinymce.tox-fullscreen { |
|||
background-color: transparent; |
|||
} |
|||
.tox-fullscreen .tox.tox-tinymce-aux, |
|||
.tox-fullscreen ~ .tox.tox-tinymce-aux { |
|||
z-index: 1201; |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
/** |
|||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|||
* Licensed under the LGPL or a commercial license. |
|||
* For LGPL see License.txt in the project root for license information. |
|||
* For commercial licenses see https://www.tiny.cloud/ |
|||
*/ |
|||
body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201} |
|||
@ -1,45 +1,47 @@ |
|||
<template> |
|||
<router-view /> |
|||
<div id="app"> |
|||
<router-view /> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
timer:null |
|||
}; |
|||
}, |
|||
mounted() { |
|||
// this.timer=null |
|||
// clearInterval(this.timer) |
|||
// this.timer=setInterval(()=>{ |
|||
// // location.reload() //原生刷新 |
|||
// this.$router.go() //路由刷新 |
|||
// },5000) |
|||
}, |
|||
methods: {}, |
|||
}; |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss"> |
|||
#app { |
|||
font-family: Avenir, Helvetica, Arial, sans-serif; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
text-align: center; |
|||
color: #2c3e50; |
|||
} |
|||
|
|||
#nav { |
|||
padding: 30px; |
|||
|
|||
a { |
|||
font-weight: bold; |
|||
html { |
|||
height: 100%; |
|||
} |
|||
|
|||
body { |
|||
height: 100%; |
|||
|
|||
margin: 0; |
|||
} |
|||
|
|||
#app { |
|||
font-family: Avenir, Helvetica, Arial, sans-serif; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
color: #2c3e50; |
|||
height: 100%; |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 7px !important; |
|||
height: 7px; |
|||
} |
|||
|
|||
/*定义滚动条轨道 内阴影+圆角*/ |
|||
::-webkit-scrollbar-track { |
|||
border-radius: 10px; |
|||
background-color: #e7e7e7; |
|||
} |
|||
|
|||
/*定义滑块 内阴影+圆角*/ |
|||
::-webkit-scrollbar-thumb { |
|||
border-radius: 10px; |
|||
background-color: #909399; |
|||
} |
|||
|
|||
&.router-link-exact-active { |
|||
color: #42b983; |
|||
} |
|||
.el-dialog__wrapper .el-dialog .el-dialog__body .box_style .demo-ruleForm .el-row { |
|||
margin-left: 0 !important; |
|||
margin-right: 0 !important; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,11 +1,33 @@ |
|||
import request from '../utils/request' |
|||
|
|||
export function getiddata(query) { |
|||
//文章列表
|
|||
export function getActicleList(query) { |
|||
return request({ |
|||
url: '/api/article/queryById', |
|||
url: '/articleList', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
|
|||
|
|||
//详情
|
|||
export function getActicleDetail(query) { |
|||
return request({ |
|||
url: '/detailArticle', |
|||
method: 'get', |
|||
params: query |
|||
}) |
|||
} |
|||
//编辑提交
|
|||
export function edtiSubmit(data) { |
|||
return request({ |
|||
url: '/editArticle', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
//删除
|
|||
export function delActicle(data) { |
|||
return request({ |
|||
url: '/deleteArticle', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
@ -0,0 +1,5 @@ |
|||
export default { |
|||
api: 'https://haoyi.kkxxkj.cn/agencyapi/base/fileUpload' |
|||
} |
|||
|
|||
|
|||
@ -1,167 +1,59 @@ |
|||
<template> |
|||
<div class="hello"> |
|||
<div class="margintopBox"></div> |
|||
<div class="out"> |
|||
<div class="in1">123</div> |
|||
<div class="in2">456</div> |
|||
</div> |
|||
|
|||
<div class="item1">111</div> |
|||
<div class="item_box"></div> |
|||
<div class="item2">222</div> |
|||
<h1>{{ msg }}</h1> |
|||
<p> |
|||
For a guide and recipes on how to configure / customize this project,<br> |
|||
check out the |
|||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>. |
|||
</p> |
|||
<h3>Installed CLI Plugins</h3> |
|||
<ul> |
|||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li> |
|||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li> |
|||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank" rel="noopener">vuex</a></li> |
|||
</ul> |
|||
<h3>Essential Links</h3> |
|||
<ul> |
|||
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li> |
|||
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li> |
|||
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li> |
|||
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li> |
|||
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li> |
|||
</ul> |
|||
<h3>Ecosystem</h3> |
|||
<ul> |
|||
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li> |
|||
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li> |
|||
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li> |
|||
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li> |
|||
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li> |
|||
</ul> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
computed, |
|||
defineComponent, |
|||
onMounted, |
|||
onUpdated, |
|||
reactive, |
|||
ref, |
|||
toRefs |
|||
} from 'vue'; |
|||
import { |
|||
getiddata |
|||
} from "../api/admin"; |
|||
|
|||
export default defineComponent({ |
|||
name: 'HelloWorld', |
|||
props: { |
|||
msg: String, |
|||
}, |
|||
setup(props, ctx) { |
|||
|
|||
const state = reactive({ |
|||
a: 0, |
|||
page: 0, |
|||
list: [1, 2, 3, 4], |
|||
count: computed(() => state.a + 1), |
|||
fin: computed(() => state.list.filter((item) => item > 1)), |
|||
text: '', |
|||
}) |
|||
onMounted(() => { |
|||
console.log('mounted'); |
|||
getdata() |
|||
}); |
|||
onUpdated(() => { |
|||
// 文本内容应该与当前的 `count.value` 一致 |
|||
let a = document.querySelector('#a') |
|||
// console.log(a?.textContent) |
|||
}) |
|||
|
|||
function add() { |
|||
state.a++ |
|||
} |
|||
|
|||
function handlertext() { |
|||
console.log(state.text); |
|||
|
|||
} |
|||
|
|||
function getdata() { |
|||
getiddata({ |
|||
title:'文章名称', |
|||
id: 29, |
|||
|
|||
}).then(res => { |
|||
console.log(res); |
|||
}) |
|||
|
|||
} |
|||
|
|||
function clickCount() { |
|||
console.log(state.count); |
|||
console.log(props.msg); |
|||
ctx.emit('handler', state.count) |
|||
|
|||
|
|||
} |
|||
|
|||
return { |
|||
...toRefs(state), |
|||
add, |
|||
clickCount, |
|||
handlertext, |
|||
getdata |
|||
} |
|||
} |
|||
}); |
|||
export default { |
|||
name: 'HelloWorld', |
|||
props: { |
|||
msg: String |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<!-- Add "scoped" attribute to limit CSS to this component only --> |
|||
<style scoped lang="scss"> |
|||
h3 { |
|||
margin: 40px 0 0; |
|||
} |
|||
|
|||
ul { |
|||
list-style-type: none; |
|||
padding: 0; |
|||
} |
|||
|
|||
li { |
|||
display: inline-block; |
|||
margin: 0 10px; |
|||
} |
|||
|
|||
a { |
|||
color: #42b983; |
|||
} |
|||
|
|||
.nut-swiper-item { |
|||
line-height: 150px; |
|||
|
|||
img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
} |
|||
.hello{ |
|||
background-color: rgb(230, 230, 230); |
|||
// border: 1px solid transparent; |
|||
overflow: auto; |
|||
} |
|||
.margintopBox{ |
|||
margin-top: 100px; |
|||
} |
|||
|
|||
.out { |
|||
background-color: red; |
|||
overflow: auto; |
|||
// display: flex; |
|||
|
|||
.in1 { |
|||
background-color: green; |
|||
width: 100px; |
|||
height: 100px; |
|||
float: left; |
|||
} |
|||
|
|||
.in2 { |
|||
background-color: gold; |
|||
width: 200px; |
|||
display: flow-root; |
|||
} |
|||
|
|||
.in3 { |
|||
background-color: blue; |
|||
} |
|||
} |
|||
|
|||
.item1 { |
|||
background-color: rgb(0, 255, 76); |
|||
margin: 10px 0; |
|||
} |
|||
|
|||
.item_box { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.item2 { |
|||
background-color: rgb(0, 255, 76); |
|||
margin: 10px 0; |
|||
|
|||
} |
|||
h3 { |
|||
margin: 40px 0 0; |
|||
} |
|||
ul { |
|||
list-style-type: none; |
|||
padding: 0; |
|||
} |
|||
li { |
|||
display: inline-block; |
|||
margin: 0 10px; |
|||
} |
|||
a { |
|||
color: #42b983; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,141 @@ |
|||
<template> |
|||
<div class='img'> |
|||
<el-upload :action="url" list-type="picture-card" :name="name" ref="upload" :headers='headers' :data='data' |
|||
:file-list="ImageList" :on-success="uploadSuccess" :limit='limit'> |
|||
<i slot="default" class="el-icon-plus"></i> |
|||
<div slot="file" slot-scope="{file}"> |
|||
<img class="el-upload-list__item-thumbnail" :src="file.url" alt=""> |
|||
<span class="el-upload-list__item-actions"> |
|||
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)"> |
|||
<i class="el-icon-zoom-in"></i> |
|||
</span> |
|||
<!-- <!~~ <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleDownload(file)"> |
|||
<i class="el-icon-download"></i> |
|||
</span> ~~> --> |
|||
<span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)"> |
|||
<i class="el-icon-delete"></i> |
|||
</span> |
|||
</span> |
|||
</div> |
|||
</el-upload> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import uploadimg from "../../api/upload"; |
|||
export default { |
|||
props: { |
|||
url: { //上传接口 |
|||
type: String, |
|||
default: () => { |
|||
return uploadimg.api |
|||
} |
|||
}, |
|||
name: { //类型 |
|||
type: String, |
|||
default: () => { |
|||
return 'img' |
|||
} |
|||
}, |
|||
headers: { //接口请求头 |
|||
type: Object, |
|||
default: () => { |
|||
return {} |
|||
} |
|||
}, |
|||
data: { //接口参数 |
|||
type: Object, |
|||
default: () => { |
|||
return {} |
|||
} |
|||
}, |
|||
limit: { //上传限制数量 |
|||
type: Number, |
|||
default: () => { |
|||
return 999 |
|||
} |
|||
}, |
|||
imgUrlList: { // |
|||
type: Array, |
|||
default: () => { |
|||
return [] |
|||
} |
|||
} |
|||
}, |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
dialogImageUrl: '', |
|||
dialogVisible: false, |
|||
disabled: false, |
|||
ImageList: [], |
|||
imagehandledata: [], |
|||
}; |
|||
}, |
|||
model: { |
|||
|
|||
}, |
|||
|
|||
watch: { |
|||
'imgUrlList'(n, o) { |
|||
this.ImageList = this.imgUrlList |
|||
this.ImageList.forEach(a => { |
|||
if (!a.response) { |
|||
a.response = { |
|||
data: { |
|||
url: a.url |
|||
} |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
computed: { |
|||
|
|||
}, |
|||
created() {}, |
|||
mounted() {}, |
|||
methods: { |
|||
handleRemove(file) { |
|||
var index = this.ImageList.findIndex(item => item.uid == file.uid) |
|||
this.ImageList.splice(index, 1) |
|||
|
|||
this.$emit('onUpload', this.ImageList) |
|||
}, |
|||
handlePictureCardPreview(file) { |
|||
this.$openPreview([file.url]) |
|||
}, |
|||
handleDownload(file) {}, |
|||
uploadSuccess(response, file, fileList) { |
|||
let that = this |
|||
if (response.code == "201") { |
|||
that.$nextTick(() => { |
|||
let mainImg = that.$refs.upload; |
|||
if (mainImg) { |
|||
mainImg.uploadFiles.forEach((element, index) => { |
|||
if (file.uid == element.uid) { |
|||
mainImg.uploadFiles.splice(index, 1) |
|||
} |
|||
}); |
|||
} |
|||
}) |
|||
return; |
|||
} |
|||
this.$notify({ |
|||
title: '成功', |
|||
message: '上传成功！', |
|||
type: 'success' |
|||
}); |
|||
that.ImageList = fileList |
|||
|
|||
this.$emit('onUpload', this.ImageList) |
|||
}, |
|||
}, |
|||
}; |
|||
|
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.img {} |
|||
|
|||
</style> |
|||
@ -0,0 +1,199 @@ |
|||
<template> |
|||
<div class="video_upload_b"> |
|||
<el-upload class="video-uploader" :action="actions" name="img" :on-success="uploadFile" |
|||
:before-upload="beforeUploadVideo" :show-file-list="false" :http-request="Uploadfiled" :headers="headers" |
|||
:data="datas" :on-progress='uploading'> |
|||
<video v-if="src != '' && !this.videoFlag" :src="`${src}`" class="avatar video-avatar" :style="vstyle" |
|||
controls="controls"> |
|||
您的浏览器不支持视频播放</video> |
|||
<i v-else-if="src == '' && !this.videoFlag" class="el-icon-video-camera-solid avatar-uploader-icon" |
|||
style="color: #a1a1a1" :style="istyle"></i> |
|||
<div class="pro_b" v-if="videoFlag" :style="istyle"> |
|||
<el-progress type="circle" :percentage="videoUploadPercent" style="margin-top: 7px"> |
|||
</el-progress> |
|||
</div> |
|||
<div> |
|||
<i v-if="src != ''" style="font-size: 16px" class="el-icon-delete" v-on:click="handleRemove"></i> |
|||
</div> |
|||
</el-upload> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getOssTem |
|||
} from '@/api/oss' |
|||
import { |
|||
client |
|||
} from '../../utils/alioss'; |
|||
export default { |
|||
props: { |
|||
src: String, |
|||
path: String, |
|||
attr: String, |
|||
vstyle: { |
|||
type: Object, |
|||
default: function () { |
|||
return { |
|||
width: "150px", |
|||
height: "150px", |
|||
}; |
|||
}, |
|||
}, |
|||
istyle: { |
|||
type: Object, |
|||
default: function () { |
|||
return { |
|||
width: "150px", |
|||
height: "150px", |
|||
lineHeight: "150px", |
|||
}; |
|||
}, |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
datas: { |
|||
// file_type: '2', |
|||
// platform_id: '' |
|||
}, |
|||
videoFlag: false, |
|||
videoUploadPercent: 0, |
|||
headers: { |
|||
// token: window.sessionStorage.getItem("token"), |
|||
}, |
|||
actions: "" |
|||
}; |
|||
}, |
|||
created() { |
|||
if (sessionStorage.getItem('webbase')) { |
|||
let pl_id = JSON.parse(sessionStorage.getItem('webbase')).platformID |
|||
this.datas.platform_id = pl_id |
|||
} |
|||
}, |
|||
methods: { |
|||
beforeUploadVideo: function (file) { |
|||
var fileSize = file.size / 1024 / 1024 < 10; |
|||
if ( |
|||
[ |
|||
"video/mp4", |
|||
"video/ogg", |
|||
"video/flv", |
|||
"video/avi", |
|||
"video/wmv", |
|||
"video/rmvb", |
|||
"video/rm", |
|||
"video/mov", |
|||
"video/m4v", |
|||
"video/mpeg", |
|||
"video/mpg", |
|||
"video/mkv", |
|||
"video/dat", |
|||
"video/asf", |
|||
"video/asx", |
|||
"video/anvi", |
|||
"video/3gp", |
|||
"video/vob", |
|||
].indexOf(file.type) == -1 |
|||
) { |
|||
this.$message.error("请上传正确的视频格式"); |
|||
return false; |
|||
} |
|||
// if (!fileSize) { |
|||
// this.$message.error("视频大小不能超过10MB"); |
|||
// return false; |
|||
// } |
|||
}, |
|||
handleRemove: function () { |
|||
this.$emit("uploaded", { |
|||
url: "", |
|||
attr: this.attr, |
|||
}); |
|||
event.stopPropagation(); |
|||
}, |
|||
uploading(event, file, fileList) { |
|||
// this.upLoading = this.$loading({ |
|||
// lock: true, |
|||
// text: '视频上传中...', |
|||
// spinner: '', |
|||
// background: 'rgba(0,0,0,0.7)' |
|||
// }); |
|||
}, |
|||
uploadFile: function (item) { |
|||
// var that = this; |
|||
// if (item.code == 200) { |
|||
// this.upLoading.close(); |
|||
// this.$message.success("上传成功！"); |
|||
// } |
|||
// that.$emit("uploaded", { |
|||
// url: item.data.url, |
|||
// attr: that.attr, |
|||
// }); |
|||
}, |
|||
Uploadfiled(param) { |
|||
let that = this |
|||
let file = param.file; |
|||
let len = len || 32; |
|||
var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678' |
|||
var maxPos = $chars.length; |
|||
var pwd = ''; |
|||
for (let i = 0; i < len; i++) { |
|||
pwd += $chars.charAt(Math.floor(Math.random() * maxPos)); |
|||
} |
|||
let name = param.file.name |
|||
var pos = name.indexOf('.'); |
|||
let type = name.substr(pos); |
|||
var fileName = `video/${Date.parse(new Date())}` + pwd + type |
|||
that.videoFlag = true |
|||
client().multipartUpload(fileName, file, { |
|||
progress: (p, cpt, res) => { |
|||
that.videoUploadPercent = Number((p * 100).toFixed(0)); //进度条 |
|||
} |
|||
}).then(res => { |
|||
var url = res.res.requestUrls[0] |
|||
var urls = url.split('?')[0] |
|||
if (res.res.status == 200) { |
|||
that.$message.success("上传成功！"); |
|||
that.videoFlag = false |
|||
|
|||
} |
|||
that.$emit("uploaded", { |
|||
url: urls, |
|||
attr: that.attr, |
|||
}); |
|||
}).catch((err) => { |
|||
that.$message({ |
|||
type: 'error', |
|||
message: '上传出错，请重试', |
|||
duration: 5000 |
|||
}) |
|||
this.$emit("uploaded", { |
|||
url: "", |
|||
attr: this.attr, |
|||
}); |
|||
that.videoFlag = false |
|||
getOssTem({}).then(res => { |
|||
sessionStorage.setItem('oss', JSON.stringify(res)) |
|||
}) |
|||
}) |
|||
}, |
|||
}, |
|||
}; |
|||
|
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.video_upload_b { |
|||
.video-uploader { |
|||
.el-upload { |
|||
border: 1px dashed #c0ccda; |
|||
border-radius: 6px; |
|||
} |
|||
|
|||
.el-icon-delete:hover { |
|||
color: red; |
|||
} |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,252 @@ |
|||
<template> |
|||
<div> |
|||
<div class="w-e-for-vue"> |
|||
<!-- 工具栏 --> |
|||
<Toolbar class="w-e-for-vue-toolbar" :editor="editor" :defaultConfig="toolbarConfig"> |
|||
</Toolbar> |
|||
|
|||
<!-- 编辑器 --> |
|||
<Editor class="w-e-for-vue-editor" :style="'height: ' + height" :disabled="isDisabled" |
|||
:defaultConfig="editorConfig" v-model="content" @onChange="onChange" @onCreated="onCreated"> |
|||
</Editor> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
// import { |
|||
// Editor, |
|||
// Toolbar |
|||
// } from '@wangeditor/editor-for-vue' |
|||
import uploadimg from "../../api/upload"; |
|||
export default { |
|||
name: 'wangEditor', |
|||
components: { |
|||
Editor, |
|||
Toolbar |
|||
}, |
|||
props: [ |
|||
'editorParams' |
|||
], |
|||
data() { |
|||
return { |
|||
editor: null, // 富文本编辑器对象 |
|||
content: null, // 富文本内容 |
|||
placeholder: '请输入内容......', // 富文本占位内容 |
|||
uploadImageUrl: uploadimg.api, // 富文本上传图片的地址 |
|||
height: '300px', // 富文本最小高度 |
|||
isDisabled: false, // 富文本是否禁用 |
|||
|
|||
// 工具栏配置 |
|||
toolbarConfig: { |
|||
// toolbarKeys: [], // 显示指定的菜单项 |
|||
// excludeKeys: [], // 隐藏指定的菜单项 |
|||
}, |
|||
|
|||
// 编辑器配置 |
|||
editorConfig: { |
|||
placeholder: '请输入内容......', |
|||
MENU_CONF: ['uploadImage'] |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
/** |
|||
* 深度监听富文本参数 |
|||
*/ |
|||
'editorParams': { |
|||
handler: function (newVal, oldVal) { |
|||
if (newVal != null) { |
|||
// this.content = newVal.content |
|||
console.log(newVal.content); |
|||
this.editor.dangerouslyInsertHtml(newVal.content) |
|||
this.editorConfig.placeholder = this.placeholder |
|||
// |
|||
// this.uploadImageUrl = newVal.uploadImageUrl?newVal.uploadImageUrl:api |
|||
this.setUploadImageConfig() |
|||
this.height = newVal.height |
|||
this.isDisabled = newVal.isDisabled |
|||
} |
|||
}, |
|||
immediate: true, |
|||
deep: true |
|||
} |
|||
}, |
|||
mounted() {}, |
|||
methods: { |
|||
/** |
|||
* 实例化富文本编辑器 |
|||
* 文档链接：https://www.wangeditor.com/ |
|||
*/ |
|||
onCreated(editor) { |
|||
this.editor = Object.seal(editor) |
|||
this.setIsDisabled() |
|||
}, |
|||
|
|||
/** |
|||
* 监听富文本编辑器 |
|||
*/ |
|||
onChange(editor) { |
|||
// console.log('onChange =>', editor.getHtml()) |
|||
}, |
|||
|
|||
/** |
|||
* this.editor.getConfig().spellcheck = false |
|||
* 由于在配置中关闭拼写检查，值虽然设置成功，但是依然显示红色波浪线 |
|||
* 因此在富文本编辑器组件挂载完成后，操作 Dom 元素设置拼写检查 spellcheck 为假 |
|||
*/ |
|||
async setSpellCheckFasle() { |
|||
let doms = await document.getElementsByClassName('w-e-scroll') |
|||
for (let vo of doms) { |
|||
if (vo) { |
|||
if (vo.children.length > 0) { |
|||
vo.children[0].setAttribute('spellcheck', 'false') |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 设置富文本是否禁用 |
|||
*/ |
|||
async setIsDisabled() { |
|||
if (this.editor) { |
|||
this.isDisabled ? (this.editor.disable()) : (this.editor.enable()) |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 上传图片配置 |
|||
*/ |
|||
setUploadImageConfig() { |
|||
this.editorConfig.placeholder = this.placeholder |
|||
this.editorConfig.MENU_CONF['uploadImage'] = { |
|||
fieldName: 'file', // 文件字段名， 默认值 'wangeditor-uploaded-image' |
|||
maxFileSize: 5 * 1024 * 1024, // 单个文件的最大体积限制，默认为 2M，此次设置为 1M |
|||
maxNumberOfFiles: 10, // 最多可上传几个文件，默认为 100 |
|||
allowedFileTypes: ['image/*'], // 选择文件时的类型限制，默认为 ['image/*'] ，若不想限制，则设置为 [] |
|||
meta: { // 自定义上传参数，例如传递验证的 token 等，参数会被添加到 formData 中，一起上传到服务端 |
|||
|
|||
}, |
|||
metaWithUrl: false, // 将 meta 拼接到 URL 参数中，默认 false |
|||
headers: { // 设置 HTTP 请求头信息 |
|||
// ... |
|||
}, |
|||
server: this.uploadImageUrl, // 上传图片接口地址 |
|||
withCredentials: false, // 跨域是否传递 cookie ，默认为 false |
|||
timeout: 5 * 1000, // 超时时间，默认为 10 秒，此次设置为 5 秒 |
|||
|
|||
// 上传之前触发 |
|||
onBeforeUpload(file) { |
|||
return file |
|||
}, |
|||
|
|||
// 上传进度的回调函数 |
|||
onProgress(progress) { |
|||
console.log('progress', progress) |
|||
}, |
|||
|
|||
// 单个文件上传成功之后 |
|||
onSuccess(file, res) { |
|||
console.log(`${file.name} 上传成功`, res) |
|||
}, |
|||
|
|||
// 单个文件上传失败 |
|||
onFailed(file, res) { |
|||
console.log(`${file.name} 上传失败`, res) |
|||
}, |
|||
|
|||
// 上传错误，或者触发 timeout 超时 |
|||
onError(file, err, res) { |
|||
console.log(`${file.name} 上传出错`, err, res) |
|||
}, |
|||
// 自定义插入图片 |
|||
customInsert(res, insertFn) { // JS 语法 |
|||
// res 即服务端的返回结果 |
|||
let url = res.data.url |
|||
let alt = res.data.url |
|||
let href = res.data.url |
|||
// 从 res 中找到 url alt href ，然后插入图片 |
|||
insertFn(url, alt, href) |
|||
}, |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 获取编辑器文本内容 |
|||
*/ |
|||
getEditorText() { |
|||
const editor = this.editor |
|||
if (editor != null) { |
|||
return editor.getText() |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 获取编辑器Html内容 |
|||
*/ |
|||
getEditorHtml() { |
|||
const editor = this.editor |
|||
if (editor != null) { |
|||
return editor.getHtml() |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
|
|||
}, |
|||
mounted() { |
|||
this.setSpellCheckFasle() // 设置拼写检查 spellcheck 为假 |
|||
document.activeElement.blur() // 取消富文本自动聚焦且禁止虚拟键盘弹出 |
|||
}, |
|||
/** |
|||
* 销毁富文本编辑器 |
|||
*/ |
|||
beforeDestroy() { |
|||
const editor = this.editor |
|||
if (editor != null) { |
|||
editor.destroy() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss" scoped> |
|||
.w-e-full-screen-container { |
|||
z-index: 99; |
|||
} |
|||
|
|||
.w-e-for-vue { |
|||
margin: 0; |
|||
border: 1px solid #ccc; |
|||
|
|||
.w-e-for-vue-toolbar { |
|||
border-bottom: 1px solid #ccc; |
|||
} |
|||
|
|||
.w-e-for-vue-editor ::v-deep { |
|||
height: auto; |
|||
|
|||
.w-e-text-container { |
|||
|
|||
.w-e-text-placeholder { |
|||
top: 6px; |
|||
color: #666; |
|||
} |
|||
|
|||
pre { |
|||
|
|||
code { |
|||
text-shadow: unset; |
|||
} |
|||
} |
|||
|
|||
p { |
|||
margin: 5px 0; |
|||
font-size: 14px; // 设置编辑器的默认字体大小为14px |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,235 @@ |
|||
<template> |
|||
<div class="tinymce-editor"> |
|||
<editor v-model="myValue" :init="init" :api-key="apiKey" :disabled="disabled" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
// import { fileUpload } from '@/api/cms' |
|||
import tinymce from "tinymce/tinymce"; |
|||
import Editor from "@tinymce/tinymce-vue"; |
|||
|
|||
// import 'tinymce/themes/modern/theme' |
|||
import "tinymce/themes/silver/theme"; |
|||
import "tinymce/icons/default/icons"; |
|||
import "tinymce/plugins/image"; // 插入上传图片插件 |
|||
import "tinymce/plugins/media"; // 插入视频插件 |
|||
import "tinymce/plugins/table"; // 插入表格插件 |
|||
import "tinymce/plugins/link"; // 超链接插件 |
|||
import "tinymce/plugins/code"; // 代码块插件 |
|||
import "tinymce/plugins/lists"; // 列表插件 |
|||
import "tinymce/plugins/contextmenu"; // 右键菜单插件 |
|||
import "tinymce/plugins/wordcount"; // 字数统计插件 |
|||
import "tinymce/plugins/colorpicker"; // 选择颜色插件 |
|||
import "tinymce/plugins/textcolor"; // 文本颜色插件 |
|||
import "tinymce/plugins/fullscreen"; // 全屏 |
|||
import "tinymce/plugins/help"; // 帮助 |
|||
import "tinymce/plugins/charmap"; |
|||
import "tinymce/plugins/paste"; |
|||
import "tinymce/plugins/print"; // 打印 |
|||
import "tinymce/plugins/preview"; // 预览 |
|||
import "tinymce/plugins/hr"; // 水平线 |
|||
import "tinymce/plugins/anchor"; |
|||
import "tinymce/plugins/pagebreak"; |
|||
import "tinymce/plugins/spellchecker"; |
|||
import "tinymce/plugins/searchreplace"; |
|||
import "tinymce/plugins/visualblocks"; |
|||
import "tinymce/plugins/visualchars"; |
|||
import "tinymce/plugins/insertdatetime"; |
|||
import "tinymce/plugins/nonbreaking"; |
|||
import "tinymce/plugins/autosave"; |
|||
import "tinymce/plugins/fullpage"; |
|||
import "tinymce/plugins/toc"; |
|||
import "tinymce/plugins/advlist"; |
|||
import "tinymce/plugins/autolink"; |
|||
import "tinymce/plugins/codesample"; |
|||
import "tinymce/plugins/directionality"; |
|||
import "tinymce/plugins/imagetools"; |
|||
import "tinymce/plugins/noneditable"; |
|||
import "tinymce/plugins/save"; |
|||
import "tinymce/plugins/tabfocus"; |
|||
import "tinymce/plugins/textpattern"; |
|||
import "tinymce/plugins/template"; |
|||
|
|||
export default { |
|||
components: { |
|||
Editor, |
|||
}, |
|||
props: { |
|||
// 传入一个value，使组件支持v-model绑定 |
|||
value: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
disabled: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
plugins: { |
|||
type: [String, Array], |
|||
default: "lists image media table textcolor wordcount contextmenu preview", |
|||
}, |
|||
toolbar: { |
|||
type: [String, Array], |
|||
default: "undo redo | formatselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | lists image media table | removeformat table| fontsizeselect | fontselect'", |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
apiKey: "jzlds2e6urz6akm9wxp4f70mnwg83d8fovsialqazxowyity", |
|||
// 配置文件服务器的静态访问路径前缀 |
|||
// static_web_preurl: 'http://localhost/files/hxzy_img/', |
|||
// 初始化配置 |
|||
init: { |
|||
placeholder: "在这里输入文字", |
|||
language_url: require("../../../public/tinymce/langs/zh_CN"), // 这个文件会放在下面 |
|||
language: "zh_CN", |
|||
skin_url: "/tinymce/skins/ui/oxide", |
|||
height: 600, |
|||
end_container_on_empty_block: true, |
|||
powerpaste_word_import: "clean", |
|||
advlist_bullet_styles: "square", |
|||
advlist_number_styles: "default", |
|||
imagetools_cors_hosts: ["www.tinymce.com", "codepen.io"], |
|||
default_link_target: "_blank", |
|||
link_title: false, |
|||
media_live_embeds: true, |
|||
content_style: "img {max-width:100%;}", // 直接自定义可编辑区域的css样式 |
|||
nonbreaking_force_tab: true, // inserting nonbreaking space need Nonbreaking Space Plugin |
|||
// plugins: this.plugins, |
|||
// toolbar: this.toolbar, |
|||
// @ts-nocheckplugins: 'link lists image code table colorpicker textcolor wordcount contextmenu', |
|||
plugins: "advlist anchor autolink autosave code codesample colorpicker contextmenu directionality fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textcolor textpattern visualblocks visualchars wordcount", |
|||
// toolbar:'bold italic underline strikethrough | fontsizeselect | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent blockquote | undo redo | link unlink image code | removeformat | table', |
|||
toolbar: [ |
|||
"searchreplace bold italic underline strikethrough fontselect fontsizeselect alignleft aligncenter alignright outdent indent blockquote undo redo removeformat subscript superscript code codesample", |
|||
"hr bullist numlist link image charmap preview anchor pagebreak insertdatetime media table emoticons forecolor backcolor fullscreen", |
|||
], |
|||
fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt", // 第二步 |
|||
font_formats: "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings", |
|||
branding: false, |
|||
menubar: true, |
|||
file_picker_types: "media", |
|||
// 此处为图片上传处理函数，这个直接用了base64的图片形式上传图片， |
|||
// 如需ajax上传可参考https://www.tiny.cloud/docs/configure/file-image-upload/#images_upload_handler |
|||
/* images_upload_handler: async(blobInfo, success, failure) => { |
|||
// let formdata = new FormData() |
|||
// formdata.set('file', blobInfo.blob()) |
|||
const { url, name } = await this.uploadFile(blobInfo.blob(), 'image') |
|||
success(url, { title: name }) |
|||
// this.handleImgUpload(blobInfo, success, failure) |
|||
}*/ |
|||
// file_picker_callback: (cb, value, meta) => { |
|||
// // 当点击meidia图标上传时,判断meta.filetype == 'media'有必要，因为file_picker_callback是media(媒体)、image(图片)、file(文件)的共同入口 |
|||
// if (meta.filetype == 'media') { |
|||
// // 创建一个隐藏的type=file的文件选择input |
|||
// const input = document.createElement('input') |
|||
// input.setAttribute('type', 'file') |
|||
// input.setAttribute('accept', 'video/*') |
|||
// input.onchange = async(e) => { |
|||
// const file = e.path[0].files[0]// 只选取第一个文件。如果要选取全部，后面注意做修改 |
|||
// if (this.validateVideo(file)) { |
|||
// const { url, name } = await this.uploadFile(file, 'video') |
|||
// cb(url, { title: name }) |
|||
// } |
|||
// } |
|||
// // 触发点击 |
|||
// input.click() |
|||
// } |
|||
// } |
|||
}, |
|||
myValue: this.value, |
|||
}; |
|||
}, |
|||
watch: { |
|||
value(newValue) { |
|||
this.myValue = newValue; |
|||
}, |
|||
myValue(newValue) { |
|||
this.$emit("input", newValue); |
|||
}, |
|||
}, |
|||
mounted() { |
|||
tinymce.init({}); |
|||
}, |
|||
methods: { |
|||
// 校验视频 |
|||
/* async validateVideo(file) { |
|||
const isMP4 = file.type === 'video/mp4' |
|||
const isLt3M = file.size / 1024 / 1024 < 3 |
|||
|
|||
if (!isMP4) { |
|||
this.$message.error('上传视频必须为 MP4 格式！') |
|||
|
|||
return false |
|||
} |
|||
|
|||
if (!isLt3M) { |
|||
this.$message.error('上传视频大小限制 3M 以内！') |
|||
|
|||
return false |
|||
} |
|||
|
|||
// const duration = await this.getVideoDuration(file) |
|||
// if (duration > 60) { |
|||
// this.$message.error('上传视频时长不能超过 60 秒！') |
|||
|
|||
// return false |
|||
// } |
|||
|
|||
return true |
|||
},*/ |
|||
/** |
|||
* @description 获取视频时长 |
|||
* @param {File} file - 要上传的文件 |
|||
* @returns {Promise<number>} |
|||
*/ |
|||
/* getVideoDuration(file) { |
|||
return new Promise(resolve => { |
|||
const videoElement = document.createElement('video') |
|||
videoElement.src = URL.createObjectURL(file) |
|||
|
|||
videoElement.addEventListener('loadedmetadata', () => { |
|||
resolve(videoElement.duration) |
|||
}) |
|||
}) |
|||
}*/ |
|||
/** |
|||
* @description 上传文件 |
|||
* @param {File} file - 要上传的文件 |
|||
* @param {string} type - 文件类型 |
|||
* @returns {Object} |
|||
*/ |
|||
/* async uploadFile(file, type = 'images') { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: 'Loading', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(0, 0, 0, 0.7)' |
|||
}) |
|||
const formData = new FormData() |
|||
formData.append('file', file) |
|||
|
|||
// // 注：此为调用后端上传接口，需根据实际情况进行调整 |
|||
// const res = await fileUpload(formData) |
|||
// loading.close() |
|||
// if (res.code !== 1) return this.$message.error(res.$message) |
|||
// return { |
|||
// url: `${ROOT}/${res.data}`, |
|||
// name: file.name |
|||
// } |
|||
},*/ |
|||
// 添加相关的事件，可用的事件参照文档=> https://github.com/tinymce/tinymce-vue => All available events |
|||
// 需要什么事件可以自己增加 |
|||
onClick(e) { |
|||
this.$emit("onClick", e, tinymce); |
|||
}, |
|||
// 可以添加一些自己的自定义事件，如清空内容 |
|||
clear() { |
|||
this.myValue = ""; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,134 @@ |
|||
<template> |
|||
<div class=""> |
|||
<el-dialog v-el-drag-dialog :visible.sync="visible" :title="title" @dragDialog="handleDrag" :width="width" |
|||
@close='onClose' :close-on-click-modal='closeOnClickModal' :top="top" append-to-body> |
|||
<div v-loading='loading' class="box_style" :style="'max-height:'+boxheight"> |
|||
<slot /> |
|||
</div> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button v-if="isCancelBtn" @click="closeView">{{cancelText}}</el-button> |
|||
<el-button type="primary" :disabled='loading' v-if="isConfirmBtn" @click="confirm()">{{confirmText}}</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import elDragDialog from '@/directive/el-drag-dialog' // base on element-ui |
|||
|
|||
export default { |
|||
name: 'DragDialogDemo', |
|||
directives: { |
|||
elDragDialog |
|||
}, |
|||
props: { |
|||
title: { // 弹窗标题 |
|||
type: String, |
|||
default: () => { |
|||
return "设置" |
|||
} |
|||
}, |
|||
width: { // 宽度 |
|||
type: String, |
|||
default: () => { |
|||
return '40%' |
|||
} |
|||
}, |
|||
top: { // 顶部高度 |
|||
type: String, |
|||
default: () => { |
|||
return '150px' |
|||
} |
|||
}, |
|||
visibleshow: { // 控制显示 |
|||
type: Boolean, |
|||
default: () => { |
|||
return false |
|||
} |
|||
}, |
|||
confirmText: { //确定按钮文字 |
|||
type: String, |
|||
default: () => { |
|||
return '确定' |
|||
} |
|||
}, |
|||
isConfirmBtn: { //是否显示确定按钮 |
|||
type: Boolean, |
|||
default: () => { |
|||
return false |
|||
} |
|||
}, |
|||
cancelText: { //关闭按钮文字 |
|||
type: String, |
|||
default: () => { |
|||
return '取消' |
|||
} |
|||
}, |
|||
isCancelBtn: { //是否显示关闭按钮 |
|||
type: Boolean, |
|||
default: () => { |
|||
return true |
|||
} |
|||
}, |
|||
loading: { //加载状态 |
|||
type: Boolean, |
|||
default: () => { |
|||
return false |
|||
} |
|||
}, |
|||
closeOnClickModal: { //是否可以通过点击 modal 关闭 Dialog |
|||
type: Boolean, |
|||
default: () => { |
|||
return true |
|||
} |
|||
} |
|||
|
|||
}, |
|||
computed: { |
|||
visible: { |
|||
get() { |
|||
return this.visibleshow; |
|||
}, |
|||
set(val) { |
|||
this.$emit('update:visibleshow', val); // visible 改变的时候通知父组件 |
|||
}, |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
boxheight: '' |
|||
} |
|||
}, |
|||
watch: { |
|||
|
|||
}, |
|||
mounted() { |
|||
// console.log(window.innerHeight); |
|||
this.boxheight = window.innerHeight - 200 + 'px' |
|||
}, |
|||
methods: { |
|||
handleDrag() {}, |
|||
closeView() { |
|||
this.$emit('update:visibleshow', false); |
|||
this.$emit('onCancel') |
|||
}, |
|||
confirm() { |
|||
// this.$emit('update:visibleshow', false); |
|||
this.$emit('onConfirm') |
|||
}, |
|||
onClose() { |
|||
this.$emit('onClose') |
|||
} |
|||
} |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.box_style { |
|||
overflow-y: auto; |
|||
|
|||
|
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,49 @@ |
|||
// Inspired by https://github.com/Inndy/vue-clipboard2
|
|||
const Clipboard = require('clipboard') |
|||
if (!Clipboard) { |
|||
throw new Error('you should npm install `clipboard` --save at first ') |
|||
} |
|||
|
|||
export default { |
|||
bind(el, binding) { |
|||
if (binding.arg === 'success') { |
|||
el._v_clipboard_success = binding.value |
|||
} else if (binding.arg === 'error') { |
|||
el._v_clipboard_error = binding.value |
|||
} else { |
|||
const clipboard = new Clipboard(el, { |
|||
text() { return binding.value }, |
|||
action() { return binding.arg === 'cut' ? 'cut' : 'copy' } |
|||
}) |
|||
clipboard.on('success', e => { |
|||
const callback = el._v_clipboard_success |
|||
callback && callback(e) // eslint-disable-line
|
|||
}) |
|||
clipboard.on('error', e => { |
|||
const callback = el._v_clipboard_error |
|||
callback && callback(e) // eslint-disable-line
|
|||
}) |
|||
el._v_clipboard = clipboard |
|||
} |
|||
}, |
|||
update(el, binding) { |
|||
if (binding.arg === 'success') { |
|||
el._v_clipboard_success = binding.value |
|||
} else if (binding.arg === 'error') { |
|||
el._v_clipboard_error = binding.value |
|||
} else { |
|||
el._v_clipboard.text = function() { return binding.value } |
|||
el._v_clipboard.action = function() { return binding.arg === 'cut' ? 'cut' : 'copy' } |
|||
} |
|||
}, |
|||
unbind(el, binding) { |
|||
if (binding.arg === 'success') { |
|||
delete el._v_clipboard_success |
|||
} else if (binding.arg === 'error') { |
|||
delete el._v_clipboard_error |
|||
} else { |
|||
el._v_clipboard.destroy() |
|||
delete el._v_clipboard |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,13 @@ |
|||
import Clipboard from './clipboard' |
|||
|
|||
const install = function(Vue) { |
|||
Vue.directive('Clipboard', Clipboard) |
|||
} |
|||
|
|||
if (window.Vue) { |
|||
window.clipboard = Clipboard |
|||
Vue.use(install); // eslint-disable-line
|
|||
} |
|||
|
|||
Clipboard.install = install |
|||
export default Clipboard |
|||
@ -0,0 +1,77 @@ |
|||
export default { |
|||
bind(el, binding, vnode) { |
|||
const dialogHeaderEl = el.querySelector('.el-dialog__header') |
|||
const dragDom = el.querySelector('.el-dialog') |
|||
dialogHeaderEl.style.cssText += ';cursor:move;' |
|||
dragDom.style.cssText += ';top:0px;' |
|||
|
|||
// 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
|
|||
const getStyle = (function() { |
|||
if (window.document.currentStyle) { |
|||
return (dom, attr) => dom.currentStyle[attr] |
|||
} else { |
|||
return (dom, attr) => getComputedStyle(dom, false)[attr] |
|||
} |
|||
})() |
|||
|
|||
dialogHeaderEl.onmousedown = (e) => { |
|||
// 鼠标按下，计算当前元素距离可视区的距离
|
|||
const disX = e.clientX - dialogHeaderEl.offsetLeft |
|||
const disY = e.clientY - dialogHeaderEl.offsetTop |
|||
|
|||
const dragDomWidth = dragDom.offsetWidth |
|||
const dragDomHeight = dragDom.offsetHeight |
|||
|
|||
const screenWidth = document.body.clientWidth |
|||
const screenHeight = document.body.clientHeight |
|||
|
|||
const minDragDomLeft = dragDom.offsetLeft |
|||
const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth |
|||
|
|||
const minDragDomTop = dragDom.offsetTop |
|||
const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomHeight |
|||
|
|||
// 获取到的值带px 正则匹配替换
|
|||
let styL = getStyle(dragDom, 'left') |
|||
let styT = getStyle(dragDom, 'top') |
|||
|
|||
if (styL.includes('%')) { |
|||
styL = +document.body.clientWidth * (+styL.replace(/\%/g, '') / 100) |
|||
styT = +document.body.clientHeight * (+styT.replace(/\%/g, '') / 100) |
|||
} else { |
|||
styL = +styL.replace(/\px/g, '') |
|||
styT = +styT.replace(/\px/g, '') |
|||
} |
|||
|
|||
document.onmousemove = function(e) { |
|||
// 通过事件委托，计算移动的距离
|
|||
let left = e.clientX - disX |
|||
let top = e.clientY - disY |
|||
|
|||
// 边界处理
|
|||
if (-(left) > minDragDomLeft) { |
|||
left = -minDragDomLeft |
|||
} else if (left > maxDragDomLeft) { |
|||
left = maxDragDomLeft |
|||
} |
|||
|
|||
if (-(top) > minDragDomTop) { |
|||
top = -minDragDomTop |
|||
} else if (top > maxDragDomTop) { |
|||
top = maxDragDomTop |
|||
} |
|||
|
|||
// 移动当前元素
|
|||
dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;` |
|||
|
|||
// emit onDrag event
|
|||
vnode.child.$emit('dragDialog') |
|||
} |
|||
|
|||
document.onmouseup = function(e) { |
|||
document.onmousemove = null |
|||
document.onmouseup = null |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,13 @@ |
|||
import drag from './drag' |
|||
|
|||
const install = function(Vue) { |
|||
Vue.directive('el-drag-dialog', drag) |
|||
} |
|||
|
|||
if (window.Vue) { |
|||
window['el-drag-dialog'] = drag |
|||
Vue.use(install); // eslint-disable-line
|
|||
} |
|||
|
|||
drag.install = install |
|||
export default drag |
|||
@ -0,0 +1,41 @@ |
|||
import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event' |
|||
|
|||
/** |
|||
* How to use |
|||
* <el-table height="100px" v-el-height-adaptive-table="{bottomOffset: 30}">...</el-table> |
|||
* el-table height is must be set |
|||
* bottomOffset: 30(default) // The height of the table from the bottom of the page.
|
|||
*/ |
|||
|
|||
const doResize = (el, binding, vnode) => { |
|||
const { componentInstance: $table } = vnode |
|||
|
|||
const { value } = binding |
|||
|
|||
if (!$table.height) { |
|||
throw new Error(`el-$table must set the height. Such as height='100px'`) |
|||
} |
|||
const bottomOffset = (value && value.bottomOffset) || 30 |
|||
|
|||
if (!$table) return |
|||
|
|||
const height = window.innerHeight - el.getBoundingClientRect().top - bottomOffset |
|||
$table.layout.setHeight(height) |
|||
$table.doLayout() |
|||
} |
|||
|
|||
export default { |
|||
bind(el, binding, vnode) { |
|||
el.resizeListener = () => { |
|||
doResize(el, binding, vnode) |
|||
} |
|||
// parameter 1 is must be "Element" type
|
|||
addResizeListener(window.document.body, el.resizeListener) |
|||
}, |
|||
inserted(el, binding, vnode) { |
|||
doResize(el, binding, vnode) |
|||
}, |
|||
unbind(el) { |
|||
removeResizeListener(window.document.body, el.resizeListener) |
|||
} |
|||
} |
|||
@ -0,0 +1,13 @@ |
|||
import adaptive from './adaptive' |
|||
|
|||
const install = function(Vue) { |
|||
Vue.directive('el-height-adaptive-table', adaptive) |
|||
} |
|||
|
|||
if (window.Vue) { |
|||
window['el-height-adaptive-table'] = adaptive |
|||
Vue.use(install); // eslint-disable-line
|
|||
} |
|||
|
|||
adaptive.install = install |
|||
export default adaptive |
|||
@ -0,0 +1,13 @@ |
|||
import permission from './permission' |
|||
|
|||
const install = function(Vue) { |
|||
Vue.directive('permission', permission) |
|||
} |
|||
|
|||
if (window.Vue) { |
|||
window['permission'] = permission |
|||
Vue.use(install); // eslint-disable-line
|
|||
} |
|||
|
|||
permission.install = install |
|||
export default permission |
|||
@ -0,0 +1,31 @@ |
|||
import store from '@/store' |
|||
|
|||
function checkPermission(el, binding) { |
|||
const { value } = binding |
|||
const roles = store.getters && store.getters.roles |
|||
|
|||
if (value && value instanceof Array) { |
|||
if (value.length > 0) { |
|||
const permissionRoles = value |
|||
|
|||
const hasPermission = roles.some(role => { |
|||
return permissionRoles.includes(role) |
|||
}) |
|||
|
|||
if (!hasPermission) { |
|||
el.parentNode && el.parentNode.removeChild(el) |
|||
} |
|||
} |
|||
} else { |
|||
throw new Error(`need roles! Like v-permission="['admin','editor']"`) |
|||
} |
|||
} |
|||
|
|||
export default { |
|||
inserted(el, binding) { |
|||
checkPermission(el, binding) |
|||
}, |
|||
update(el, binding) { |
|||
checkPermission(el, binding) |
|||
} |
|||
} |
|||
@ -0,0 +1,91 @@ |
|||
const vueSticky = {} |
|||
let listenAction |
|||
vueSticky.install = Vue => { |
|||
Vue.directive('sticky', { |
|||
inserted(el, binding) { |
|||
const params = binding.value || {} |
|||
const stickyTop = params.stickyTop || 0 |
|||
const zIndex = params.zIndex || 1000 |
|||
const elStyle = el.style |
|||
|
|||
elStyle.position = '-webkit-sticky' |
|||
elStyle.position = 'sticky' |
|||
// if the browser support css sticky（Currently Safari, Firefox and Chrome Canary）
|
|||
// if (~elStyle.position.indexOf('sticky')) {
|
|||
// elStyle.top = `${stickyTop}px`;
|
|||
// elStyle.zIndex = zIndex;
|
|||
// return
|
|||
// }
|
|||
const elHeight = el.getBoundingClientRect().height |
|||
const elWidth = el.getBoundingClientRect().width |
|||
elStyle.cssText = `top: ${stickyTop}px; z-index: ${zIndex}` |
|||
|
|||
const parentElm = el.parentNode || document.documentElement |
|||
const placeholder = document.createElement('div') |
|||
placeholder.style.display = 'none' |
|||
placeholder.style.width = `${elWidth}px` |
|||
placeholder.style.height = `${elHeight}px` |
|||
parentElm.insertBefore(placeholder, el) |
|||
|
|||
let active = false |
|||
|
|||
const getScroll = (target, top) => { |
|||
const prop = top ? 'pageYOffset' : 'pageXOffset' |
|||
const method = top ? 'scrollTop' : 'scrollLeft' |
|||
let ret = target[prop] |
|||
if (typeof ret !== 'number') { |
|||
ret = window.document.documentElement[method] |
|||
} |
|||
return ret |
|||
} |
|||
|
|||
const sticky = () => { |
|||
if (active) { |
|||
return |
|||
} |
|||
if (!elStyle.height) { |
|||
elStyle.height = `${el.offsetHeight}px` |
|||
} |
|||
|
|||
elStyle.position = 'fixed' |
|||
elStyle.width = `${elWidth}px` |
|||
placeholder.style.display = 'inline-block' |
|||
active = true |
|||
} |
|||
|
|||
const reset = () => { |
|||
if (!active) { |
|||
return |
|||
} |
|||
|
|||
elStyle.position = '' |
|||
placeholder.style.display = 'none' |
|||
active = false |
|||
} |
|||
|
|||
const check = () => { |
|||
const scrollTop = getScroll(window, true) |
|||
const offsetTop = el.getBoundingClientRect().top |
|||
if (offsetTop < stickyTop) { |
|||
sticky() |
|||
} else { |
|||
if (scrollTop < elHeight + stickyTop) { |
|||
reset() |
|||
} |
|||
} |
|||
} |
|||
listenAction = () => { |
|||
check() |
|||
} |
|||
|
|||
window.addEventListener('scroll', listenAction) |
|||
}, |
|||
|
|||
unbind() { |
|||
window.removeEventListener('scroll', listenAction) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
export default vueSticky |
|||
|
|||
@ -0,0 +1,13 @@ |
|||
import waves from './waves' |
|||
|
|||
const install = function(Vue) { |
|||
Vue.directive('waves', waves) |
|||
} |
|||
|
|||
if (window.Vue) { |
|||
window.waves = waves |
|||
Vue.use(install); // eslint-disable-line
|
|||
} |
|||
|
|||
waves.install = install |
|||
export default waves |
|||
@ -0,0 +1,26 @@ |
|||
.waves-ripple { |
|||
position: absolute; |
|||
border-radius: 100%; |
|||
background-color: rgba(0, 0, 0, 0.15); |
|||
background-clip: padding-box; |
|||
pointer-events: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
-webkit-transform: scale(0); |
|||
-ms-transform: scale(0); |
|||
transform: scale(0); |
|||
opacity: 1; |
|||
} |
|||
|
|||
.waves-ripple.z-active { |
|||
opacity: 0; |
|||
-webkit-transform: scale(2); |
|||
-ms-transform: scale(2); |
|||
transform: scale(2); |
|||
-webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out; |
|||
transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out; |
|||
transition: opacity 1.2s ease-out, transform 0.6s ease-out; |
|||
transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out; |
|||
} |
|||
@ -0,0 +1,72 @@ |
|||
import './waves.css' |
|||
|
|||
const context = '@@wavesContext' |
|||
|
|||
function handleClick(el, binding) { |
|||
function handle(e) { |
|||
const customOpts = Object.assign({}, binding.value) |
|||
const opts = Object.assign({ |
|||
ele: el, // 波纹作用元素
|
|||
type: 'hit', // hit 点击位置扩散 center中心点扩展
|
|||
color: 'rgba(0, 0, 0, 0.15)' // 波纹颜色
|
|||
}, |
|||
customOpts |
|||
) |
|||
const target = opts.ele |
|||
if (target) { |
|||
target.style.position = 'relative' |
|||
target.style.overflow = 'hidden' |
|||
const rect = target.getBoundingClientRect() |
|||
let ripple = target.querySelector('.waves-ripple') |
|||
if (!ripple) { |
|||
ripple = document.createElement('span') |
|||
ripple.className = 'waves-ripple' |
|||
ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px' |
|||
target.appendChild(ripple) |
|||
} else { |
|||
ripple.className = 'waves-ripple' |
|||
} |
|||
switch (opts.type) { |
|||
case 'center': |
|||
ripple.style.top = rect.height / 2 - ripple.offsetHeight / 2 + 'px' |
|||
ripple.style.left = rect.width / 2 - ripple.offsetWidth / 2 + 'px' |
|||
break |
|||
default: |
|||
ripple.style.top = |
|||
(e.pageY - rect.top - ripple.offsetHeight / 2 - document.documentElement.scrollTop || |
|||
document.body.scrollTop) + 'px' |
|||
ripple.style.left = |
|||
(e.pageX - rect.left - ripple.offsetWidth / 2 - document.documentElement.scrollLeft || |
|||
document.body.scrollLeft) + 'px' |
|||
} |
|||
ripple.style.backgroundColor = opts.color |
|||
ripple.className = 'waves-ripple z-active' |
|||
return false |
|||
} |
|||
} |
|||
|
|||
if (!el[context]) { |
|||
el[context] = { |
|||
removeHandle: handle |
|||
} |
|||
} else { |
|||
el[context].removeHandle = handle |
|||
} |
|||
|
|||
return handle |
|||
} |
|||
|
|||
export default { |
|||
bind(el, binding) { |
|||
el.addEventListener('click', handleClick(el, binding), false) |
|||
}, |
|||
update(el, binding) { |
|||
el.removeEventListener('click', el[context].removeHandle, false) |
|||
el.addEventListener('click', handleClick(el, binding), false) |
|||
}, |
|||
unbind(el) { |
|||
el.removeEventListener('click', el[context].removeHandle, false) |
|||
el[context] = null |
|||
delete el[context] |
|||
} |
|||
} |
|||
@ -0,0 +1,16 @@ |
|||
import Vue from 'vue' |
|||
import App from './App.vue' |
|||
import router from './router' |
|||
import store from './store' |
|||
import Element from 'element-ui' |
|||
import './styles/flex.css' // flex css
|
|||
import 'element-ui/lib/theme-chalk/index.css'; |
|||
Vue.use(Element) |
|||
|
|||
Vue.config.productionTip = false |
|||
|
|||
new Vue({ |
|||
router, |
|||
store, |
|||
render: h => h(App) |
|||
}).$mount('#app') |
|||
@ -1,14 +0,0 @@ |
|||
import { createApp } from 'vue' |
|||
import App from './App.vue' |
|||
import router from './router' |
|||
import store from './store' |
|||
// import './plugins/nutui'
|
|||
|
|||
import { |
|||
Button, |
|||
Icon,Swiper,SwiperItem,Input |
|||
} from "@nutui/nutui"; |
|||
let app=createApp(App) |
|||
|
|||
app.use(Button).use(Icon).use(Swiper).use(SwiperItem).use(Input) |
|||
app.use(store).use(router).mount('#app') |
|||
@ -1,10 +0,0 @@ |
|||
import { createApp } from 'vue' |
|||
import App from '../App.vue' |
|||
import { |
|||
Button, |
|||
Icon,Swiper,SwiperItem |
|||
} from "@nutui/nutui"; |
|||
|
|||
// let app=createApp()
|
|||
|
|||
App.use(Button).use(Icon).use(Swiper).use(SwiperItem) |
|||
@ -1,6 +0,0 @@ |
|||
/* eslint-disable */ |
|||
declare module '*.vue' { |
|||
import type { DefineComponent } from 'vue' |
|||
const component: DefineComponent<{}, {}, any> |
|||
export default component |
|||
} |
|||
@ -0,0 +1,15 @@ |
|||
import Vue from 'vue' |
|||
import Vuex from 'vuex' |
|||
|
|||
Vue.use(Vuex) |
|||
|
|||
export default new Vuex.Store({ |
|||
state: { |
|||
}, |
|||
mutations: { |
|||
}, |
|||
actions: { |
|||
}, |
|||
modules: { |
|||
} |
|||
}) |
|||
@ -1,12 +0,0 @@ |
|||
import { createStore } from 'vuex' |
|||
|
|||
export default createStore({ |
|||
state: { |
|||
}, |
|||
mutations: { |
|||
}, |
|||
actions: { |
|||
}, |
|||
modules: { |
|||
} |
|||
}) |
|||
@ -0,0 +1,59 @@ |
|||
.u-f { |
|||
display: flex; |
|||
} |
|||
.u-fdc{ |
|||
flex-direction: column; |
|||
} |
|||
.u-as { |
|||
align-items: flex-start; |
|||
} |
|||
|
|||
.u-ac { |
|||
align-items: center; |
|||
} |
|||
|
|||
.u-ae { |
|||
align-items: flex-end; |
|||
} |
|||
|
|||
.u-jcs { |
|||
justify-content: flex-start; |
|||
} |
|||
|
|||
.u-jcc { |
|||
justify-content: center; |
|||
} |
|||
|
|||
.u-jce { |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
.u-jca { |
|||
justify-content: space-around; |
|||
} |
|||
|
|||
.u-jcb { |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.u-flex { |
|||
flex: 1; |
|||
} |
|||
|
|||
.u-fcc { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.u-fcb { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.u-fca { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-around; |
|||
} |
|||
@ -0,0 +1,85 @@ |
|||
// 表格页面样式 |
|||
.index { |
|||
padding: 10px 30px 10px; |
|||
height: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
background-color: #fff; |
|||
border-radius: 5px; |
|||
box-sizing: border-box; |
|||
// box-shadow: 0 1px 20px 0 rgba(69, 90, 100, .8); |
|||
|
|||
.search_b ::v-deep { |
|||
margin-bottom: 0px; |
|||
padding: 5px 0; |
|||
|
|||
.search_form { |
|||
flex: 1; |
|||
|
|||
.el-row { |
|||
margin-left: 0px !important; |
|||
margin-right: 0px !important; |
|||
} |
|||
|
|||
} |
|||
|
|||
.el-form-item { |
|||
margin-bottom: 0; |
|||
display: flex; |
|||
|
|||
.el-form-item__content { |
|||
flex: 1; |
|||
} |
|||
} |
|||
|
|||
.btn_b { |
|||
.el-button { |
|||
margin: 0; |
|||
} |
|||
|
|||
& .el-button:not(:first-child) { |
|||
margin-top: 10px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.add_count_b { |
|||
padding: 8px 0; |
|||
border-top: 1px solid #EBEEF5; |
|||
|
|||
.total_b { |
|||
font-size: 14px; |
|||
color: #606266; |
|||
} |
|||
} |
|||
|
|||
// .table_b { |
|||
// flex: 1; |
|||
|
|||
// .el-table { |
|||
// height: 100%; |
|||
// } |
|||
// } |
|||
|
|||
.page_b { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 5px 0; |
|||
} |
|||
|
|||
.el-table ::v-deep { |
|||
.el-image-viewer__wrapper { |
|||
.el-image-viewer__close { |
|||
color: #fff; |
|||
} |
|||
} |
|||
} |
|||
.demo-ruleForm{ |
|||
.el-row{ |
|||
margin-left: 0 !important; |
|||
margin-right: 0 !important; |
|||
} |
|||
} |
|||
|
|||
} |
|||
@ -1,26 +1,472 @@ |
|||
<template> |
|||
<div class="home"> |
|||
<HelloWorld msg="Welcome to Your Vue.js + TypeScript App" @handler="getvalue"/> |
|||
<div class="index"> |
|||
<!-- <editor v-model="editorParams1.content"></editor> --> |
|||
|
|||
<!-- 搜索区 --> |
|||
<div class="search_b u-fcb"> |
|||
<el-form class="form-inlines search_form" inline label-width="50px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="名称:"> |
|||
<el-input v-model="searchForm.keyword" placeholder="请输入文章标题" size="mini" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div class="btn_b u-f u-fdc u-ac"> |
|||
<el-button type="primary" size="mini" @click="begin">搜索</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="add_count_b u-f u-ac u-jcb"> |
|||
<div class="total_b"> |
|||
<!-- <el-button type="warning" size="mini" :disabled='selectDataList.length==0'>批量操作</el-button> --> |
|||
</div> |
|||
<div> |
|||
<el-button type="primary" size="mini" @click="add">添加</el-button> |
|||
</div> |
|||
</div> |
|||
<!-- 表格区 --> |
|||
<el-table ref="configurationTable" v-loading="tableLoading" :data="tableData" border :height="'100%'" size="small" |
|||
:row-key="getRowKeys" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" :reserve-selection="true" /> |
|||
<el-table-column prop="nickname" label="封面" show-overflow-tooltip width="100"> |
|||
<template slot-scope="{ row }"> |
|||
<el-image style="width: 50px; height: 50px" :src="row.cover" :preview-src-list="[row.cover]" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="title" label="标题" show-overflow-tooltip /> |
|||
<el-table-column prop="des" label="简介" show-overflow-tooltip /> |
|||
<el-table-column prop="doctor.name" label="作者" show-overflow-tooltip> |
|||
<template slot-scope="{row}"> |
|||
{{row.account ||'正汉小编'}} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="create_time" label="时间" show-overflow-tooltip /> |
|||
<el-table-column prop="create_time" label="发布状态" show-overflow-tooltip> |
|||
<template slot-scope="{row}"> |
|||
<span :style="'color:'+(row.status?'green':'red')"> {{({0:'未发布',1:'已发布'})[row.status]}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="create_time" label="准备状态" show-overflow-tooltip> |
|||
<template slot-scope="{row}"> |
|||
<span :style="'color:'+(row.publish_status==1?'red':'green')">{{({1:'未就绪',2:'已就绪'})[row.publish_status]}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column label="操作" align="center" width="120"> |
|||
<template slot-scope="{ row, $index }"> |
|||
<el-button size="mini" type="text" v-if="row.publish_status==1" @click="ready($index, row)">就绪</el-button> |
|||
<el-button size="mini" type="text" :disabled="row.status?1:0" @click="editm($index, row)">编辑</el-button> |
|||
<el-button size="mini" type="text" :style="'color:'+(row.status?'#C0C4CC':'red')" :disabled="row.status?1:0" @click="deletem($index, row)">删除</el-button> |
|||
<!-- <el-dropdown trigger="click" style="margin-left:10px"> |
|||
<span class="el-dropdown-link"> |
|||
操作<i class="el-icon-arrow-down el-icon--right" /> |
|||
</span> |
|||
<el-dropdown-menu slot="dropdown"> |
|||
<el-dropdown-item><span @click="editm($index, row)">编辑</span> </el-dropdown-item> |
|||
|
|||
<el-dropdown-item divided><span style="color:red" @click="deletem($index, row)">删除</span> |
|||
</el-dropdown-item> |
|||
</el-dropdown-menu> |
|||
</el-dropdown> --> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 分页 --> |
|||
<div class="page_b"> |
|||
<div> |
|||
<el-pagination :current-page="currentPage" :page-sizes="[15, 30, 50, 100]" :page-size="pagesize" |
|||
layout="total, sizes, prev, pager, next, jumper" :total="count" @size-change="handleSizeChange" |
|||
@current-change="handleCurrentChange" /> |
|||
</div> |
|||
<div /> |
|||
</div> |
|||
|
|||
<!-- 编辑 --> |
|||
<formdialog ref="editformdialog" :title="setFormTit" :loading="adddialogLoading" :width="'900px'" :top="'0px'" |
|||
:visibleshow.sync="formdialogVisible" is-confirm-btn :close-on-click-modal="false" |
|||
@onConfirm="editconfirm('editform')" @onClose='closeEdit'> |
|||
<el-form ref="editform" :model="editform" :rules="rules" label-width="80px" class="demo-ruleForm"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="12"> |
|||
<el-form-item label="标题" prop="title"> |
|||
<el-input v-model="editform.title" size="small" placeholder="文章标题" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="作者"> |
|||
<!-- <el-select v-model="editform.doctorId" placeholder="请选择" size="small" clearable filterable> |
|||
<el-option v-for="item in docoptions" :key="item.id" :label="item.name" :value="item.id"> |
|||
</el-option> |
|||
</el-select> --> |
|||
<el-input v-model="editform.account" size="small" placeholder="作者" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- <el-row :gutter="20"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="封面"> |
|||
<uploadimg :limit="1" :name="'file'" :img-url-list="articleCover" @onUpload="eqrcodeUpload" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> --> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="简介" prop="des"> |
|||
<el-input v-model="editform.des" type="textarea" :rows="2" placeholder="请输入内容" size="small" /> |
|||
</el-form-item> |
|||
<el-form-item label="内容" required> |
|||
<!-- <WangEditor ref="wangEditorRef1" :editor-params="editorParams1" /> --> |
|||
|
|||
<editor v-model="editform.content" :key="editIndex"></editor> |
|||
|
|||
</el-form-item> |
|||
|
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</formdialog> |
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { defineComponent } from 'vue'; |
|||
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src |
|||
|
|||
export default defineComponent({ |
|||
name: 'Home', |
|||
components: { |
|||
HelloWorld, |
|||
}, |
|||
setup(){ |
|||
function getvalue(a:any){ |
|||
console.log('子组件传过来的值'+a); |
|||
} |
|||
<script> |
|||
import { |
|||
getActicleList, |
|||
getActicleDetail, |
|||
edtiSubmit, |
|||
delActicle, |
|||
|
|||
} from '@/api/admin' |
|||
|
|||
|
|||
|
|||
import uploadimg from '@/components/Upload/Image.vue' |
|||
|
|||
|
|||
import formdialog from '@/components/formdialog/index.vue' |
|||
|
|||
// import WangEditor from '@/components/editor' |
|||
|
|||
import Editor from '@/components/editor/tinymce' |
|||
export default { |
|||
components: { |
|||
formdialog, |
|||
uploadimg, |
|||
// WangEditor, |
|||
Editor, |
|||
}, |
|||
data() { |
|||
return { |
|||
searchForm: { |
|||
keyword: '' |
|||
}, |
|||
tableLoading: false, |
|||
tableData: [], |
|||
currentPage: 1, |
|||
pagesize: 15, |
|||
count: 0, |
|||
selectDataList: [], // 多选的数据 |
|||
clearForm: {}, |
|||
detaildata: { |
|||
name: '', |
|||
mark: '' |
|||
}, |
|||
editform: { |
|||
// id:'',//医生id |
|||
account: '', |
|||
des: '', // 简介 |
|||
title: '', // 名称 |
|||
content: '', //内容 |
|||
}, |
|||
|
|||
|
|||
formdialogVisible: false, |
|||
dataildialogVisible: false, |
|||
dialogLoading: false, |
|||
adddialogLoading: false, |
|||
|
|||
rules: { |
|||
// 校验规则 |
|||
title: [{ |
|||
required: true, |
|||
message: '请填写文章标题', |
|||
trigger: 'blur' |
|||
}], |
|||
|
|||
des: [{ |
|||
required: true, |
|||
message: '请填写简介', |
|||
trigger: 'blur' |
|||
}], |
|||
|
|||
}, |
|||
dataId: '', // 要编辑的数据ID |
|||
setFormTit: '添加', // 弹窗标题 |
|||
|
|||
province_options: [], // 省 |
|||
city_options: [], // 市 |
|||
district_options: [], // 区 |
|||
articleCover: [], |
|||
detailimg: [], |
|||
content: ``, |
|||
options: [], |
|||
zc_options: [], |
|||
bm_options: [], |
|||
disease_options: [], |
|||
zzdoc_options: [], |
|||
|
|||
// 富文本 |
|||
editorParams1: { |
|||
content: '', // 富文本内容 |
|||
placeholder: '请填写内容', // 富文本占位内容 |
|||
height: '300px' // 富文本最小高度 |
|||
}, |
|||
teamdialogVisible: false, |
|||
ksProps: { |
|||
label: "name", |
|||
value: "id", |
|||
children: 'submenu', |
|||
multiple: true |
|||
|
|||
}, |
|||
jbProps: { |
|||
label: "name", |
|||
value: "id", |
|||
children: 'submenu', |
|||
multiple: true |
|||
}, |
|||
docoptions: [], |
|||
videoSrc: '', |
|||
editIndex:1 |
|||
|
|||
} |
|||
}, |
|||
computed: {}, |
|||
watch: {}, |
|||
created() {}, |
|||
beforeDestroy() { |
|||
const editor = this.editor |
|||
if (editor == null) return |
|||
editor.destroy() // 组件销毁时，及时销毁编辑器 |
|||
}, |
|||
mounted() { |
|||
this.begin() |
|||
this.objClone() |
|||
}, |
|||
methods: { |
|||
objClone() { |
|||
this.clearForm = { |
|||
...this.editform |
|||
} |
|||
}, |
|||
|
|||
begin() { |
|||
this.currentPage = 1 |
|||
this.search() |
|||
}, |
|||
search() { |
|||
this.tableLoading = true |
|||
getActicleList({ |
|||
limit: this.pagesize, |
|||
page: this.currentPage, |
|||
title: this.searchForm.keyword, |
|||
type: 1 |
|||
}) |
|||
.then((res) => { |
|||
this.tableData = res.data |
|||
this.count = res.count |
|||
}) |
|||
.finally(() => { |
|||
this.tableLoading = false |
|||
}) |
|||
}, |
|||
add() { |
|||
this.setFormTit = '添加' |
|||
this.formdialogVisible = true |
|||
this.editform = { |
|||
...this.clearForm |
|||
} |
|||
this.$nextTick(() => { |
|||
this.$refs.editform.clearValidate() |
|||
}) |
|||
}, |
|||
closeEdit() { |
|||
|
|||
}, |
|||
|
|||
|
|||
handleSelectionChange(val) { |
|||
this.selectDataList = val |
|||
}, |
|||
getRowKeys(row) { |
|||
return row.id // id为列表数据的唯一标识 |
|||
}, |
|||
handleSizeChange(val) { |
|||
const that = this |
|||
that.pagesize = val |
|||
this.search() |
|||
}, |
|||
handleCurrentChange(val) { |
|||
const that = this |
|||
that.currentPage = val |
|||
this.search() |
|||
}, |
|||
editm(index, row) { |
|||
this.formdialogVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.editform.clearValidate() |
|||
}) |
|||
this.setFormTit = '编辑' |
|||
this.adddialogLoading = true |
|||
this.editIndex++ |
|||
getActicleDetail({ |
|||
id: row.id |
|||
}).then((res) => { |
|||
this.editform = res.data |
|||
// this.articleCover = res.data.cover ? [{ |
|||
// url: res.data.cover |
|||
// }] : [] |
|||
|
|||
// this.editform.departId = res.departIds[0] == '[' ? JSON.parse(res.departIds) : []; |
|||
// this.editform.diseaseId = res.diseaseIds ? JSON.parse(res.diseaseIds) : [] |
|||
this.adddialogLoading = false |
|||
}) |
|||
}, |
|||
changeRecommend(a, row) { |
|||
|
|||
isRecommend({ |
|||
id: row.id, |
|||
isRecommend: a - 0 |
|||
}) |
|||
.then((res) => { |
|||
this.$message.success('修改成功！') |
|||
this.search() |
|||
}) |
|||
.catch((err) => { |
|||
this.search() |
|||
}) |
|||
}, |
|||
|
|||
deletem(index, row) { |
|||
this.$confirm('此操作将永久删除该文章, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
.then(() => { |
|||
delActicle({ |
|||
id: row.id |
|||
}).then((res) => { |
|||
this.$notify({ |
|||
title: '成功', |
|||
message: '删除成功', |
|||
type: 'success' |
|||
}) |
|||
this.search() |
|||
}) |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
ready(index, row) { |
|||
this.$confirm('确认此文章已准备就绪吗, 准备就绪后将自动发布，是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
.then(() => { |
|||
edtiSubmit({ |
|||
publish_status: 2, |
|||
id:row.id |
|||
}).then((res) => { |
|||
this.$notify({ |
|||
title: '成功', |
|||
message: '文章已就绪', |
|||
type: 'success' |
|||
}) |
|||
this.search() |
|||
}) |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
detailconfirm() {}, |
|||
async editconfirm(formName) { |
|||
this.$refs[formName].validate((valid) => { |
|||
if (valid) { |
|||
// if (this.articleCover.length == 0) return this.$message('请上传头像') |
|||
this.adddialogLoading = true |
|||
// const wangEditorRef1 = this.$refs.wangEditorRef1 |
|||
// if (wangEditorRef1 != null) { |
|||
// this.editform.content = wangEditorRef1.getEditorHtml() |
|||
// } |
|||
// console.log(this.editorParams1.content); |
|||
|
|||
// let departIds = JSON.stringify(this.editform.departId) |
|||
// let diseaseIds = JSON.stringify(this.editform.diseaseId) |
|||
// let departId = this.editform.departId.map(a => a[a.length - 1]).toString() |
|||
// let departPid = this.editform.departId.map((a) => a[0]).toString(); |
|||
// // this.editform.departId = departId |
|||
// let diseaseId = this.editform.diseaseId.map(a => a[a.length - 1]).toString() |
|||
edtiSubmit( this.editform) |
|||
.then((res) => { |
|||
this.$message.success('操作成功！') |
|||
this.adddialogLoading = false |
|||
this.formdialogVisible = false |
|||
this.search() |
|||
}) |
|||
.finally((f) => { |
|||
this.adddialogLoading = false |
|||
}) |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
eqrcodeUpload(a) { |
|||
const imgs = [] |
|||
a.forEach((data) => { |
|||
imgs.push(data.response.data) |
|||
}) |
|||
this.articleCover = a |
|||
this.editform.cover = a.length > 0 ? imgs[0].url : '' |
|||
}, |
|||
|
|||
return{ |
|||
getvalue, |
|||
} |
|||
} |
|||
}); |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
@import "../styles/style.scss"; |
|||
|
|||
.index { |
|||
.label { |
|||
width: 150px; |
|||
// border-style: dashed; |
|||
} |
|||
|
|||
.el-dropdown-link { |
|||
cursor: pointer; |
|||
color: #1890ff; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.el-icon-arrow-down { |
|||
font-size: 12px; |
|||
} |
|||
} |
|||
</style> |
|||
<style> |
|||
.detail_item { |
|||
border-bottom: 1px dashed #eee; |
|||
padding: 0 10px; |
|||
border-radius: 5px; |
|||
line-height: 30px; |
|||
min-height: 30px; |
|||
} |
|||
|
|||
.el-upload-list__item { |
|||
transition: none !important; |
|||
|
|||
} |
|||
</style> |
|||
@ -1,39 +0,0 @@ |
|||
{ |
|||
"compilerOptions": { |
|||
"target": "esnext", |
|||
"module": "esnext", |
|||
"strict": true, |
|||
"jsx": "preserve", |
|||
"importHelpers": true, |
|||
"moduleResolution": "node", |
|||
"skipLibCheck": true, |
|||
"esModuleInterop": true, |
|||
"allowSyntheticDefaultImports": true, |
|||
"sourceMap": true, |
|||
"baseUrl": ".", |
|||
"types": [ |
|||
"webpack-env" |
|||
], |
|||
"paths": { |
|||
"@/*": [ |
|||
"src/*" |
|||
] |
|||
}, |
|||
"lib": [ |
|||
"esnext", |
|||
"dom", |
|||
"dom.iterable", |
|||
"scripthost" |
|||
] |
|||
}, |
|||
"include": [ |
|||
"src/**/*.ts", |
|||
"src/**/*.tsx", |
|||
"src/**/*.vue", |
|||
"tests/**/*.ts", |
|||
"tests/**/*.tsx" |
|||
, "src/**/*.js" ], |
|||
"exclude": [ |
|||
"node_modules" |
|||
] |
|||
} |
|||
@ -1,34 +1,23 @@ |
|||
module.exports = { |
|||
lintOnSave: false, |
|||
assetsDir: "static/wap", |
|||
productionSourceMap: false, |
|||
publicPath: '/', |
|||
devServer: { |
|||
port: 8080, // 端口号
|
|||
host: '0.0.0.0', |
|||
disableHostCheck: true, |
|||
https: false, // https:{type:Boolean}
|
|||
open: true, |
|||
proxy: { |
|||
'/api': { //代理api
|
|||
target: 'http://localhost:3000/', |
|||
ws: true, // proxy websockets
|
|||
changeOrigin: true, //是否跨域
|
|||
pathRewrite: { //重写路径
|
|||
'^/api': '' |
|||
} |
|||
}, |
|||
} |
|||
}, |
|||
css: { |
|||
loaderOptions: { |
|||
// 给 sass-loader 传递选项
|
|||
scss: { |
|||
// @/ 是 src/ 的别名
|
|||
// 注意：在 sass-loader v7 中，这个选项名是 "data"
|
|||
// @import "@/assets/custom_theme.scss"; 自定义主题
|
|||
prependData: `@import "@nutui/nutui/dist/styles/variables.scss";`, |
|||
} |
|||
}, |
|||
} |
|||
lintOnSave: false, |
|||
publicPath: '/', |
|||
devServer: { |
|||
hot: true, |
|||
host: "0.0.0.0", |
|||
port: 1111, // 端口号
|
|||
disableHostCheck: true, |
|||
https: false, // https:{type:Boolean}
|
|||
open: true, //配置自动启动浏览器
|
|||
proxy: { |
|||
'/': { //代理api
|
|||
// target: 'http://192.168.5.102:8001/',//服务器api地址
|
|||
// target: 'https://7cc72bb9.r3.cpolar.top',//服务器api地址
|
|||
target: 'http://192.168.5.105:70/', |
|||
ws: true, // proxy websockets
|
|||
changeOrigin: true, //是否跨域
|
|||
pathRewrite: {} //重写路径
|
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue