suneditor 2.46.1 → 3.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintignore +7 -0
- package/.eslintrc.json +64 -0
- package/CONTRIBUTING.md +36 -0
- package/LICENSE.txt +1 -1
- package/README.md +174 -805
- package/dist/suneditor.min.css +1 -0
- package/dist/suneditor.min.js +1 -2
- package/package.json +96 -70
- package/src/assets/icons/_default.js +194 -0
- package/src/assets/suneditor-content.css +646 -0
- package/src/assets/suneditor.css +3378 -0
- package/src/core/base/eventHandlers/handler_toolbar.js +114 -0
- package/src/core/base/eventHandlers/handler_ww_clipboard.js +31 -0
- package/src/core/base/eventHandlers/handler_ww_dragDrop.js +69 -0
- package/src/core/base/eventHandlers/handler_ww_key_input.js +975 -0
- package/src/core/base/eventHandlers/handler_ww_mouse.js +118 -0
- package/src/core/base/eventManager.js +1115 -0
- package/src/core/base/events.js +320 -0
- package/src/core/base/history.js +301 -0
- package/src/core/class/char.js +146 -0
- package/src/core/class/component.js +627 -0
- package/src/core/class/format.js +3255 -0
- package/src/core/class/html.js +1621 -0
- package/src/core/class/menu.js +260 -0
- package/src/core/class/nodeTransform.js +379 -0
- package/src/core/class/notice.js +42 -0
- package/src/core/class/offset.js +578 -0
- package/src/core/class/selection.js +508 -0
- package/src/core/class/shortcuts.js +38 -0
- package/src/core/class/toolbar.js +440 -0
- package/src/core/class/viewer.js +646 -0
- package/src/core/editor.js +1593 -0
- package/src/core/section/actives.js +107 -0
- package/src/core/section/constructor.js +1237 -0
- package/src/core/section/context.js +97 -0
- package/src/editorInjector/_classes.js +22 -0
- package/src/editorInjector/_core.js +28 -0
- package/src/editorInjector/index.js +13 -0
- package/src/helper/converter.js +313 -0
- package/src/helper/domUtils.js +1177 -0
- package/src/helper/env.js +250 -0
- package/src/helper/index.js +19 -0
- package/src/helper/numbers.js +68 -0
- package/src/helper/unicode.js +43 -0
- package/src/langs/ckb.js +161 -0
- package/src/langs/cs.js +161 -0
- package/src/langs/da.js +161 -0
- package/src/langs/de.js +162 -0
- package/src/langs/en.js +199 -0
- package/src/langs/es.js +162 -0
- package/src/langs/fa.js +159 -0
- package/src/langs/fr.js +161 -0
- package/src/langs/he.js +162 -0
- package/src/{lang → langs}/index.js +0 -2
- package/src/langs/it.js +162 -0
- package/src/langs/ja.js +162 -0
- package/src/langs/ko.js +162 -0
- package/src/langs/lv.js +162 -0
- package/src/langs/nl.js +162 -0
- package/src/langs/pl.js +162 -0
- package/src/langs/pt_br.js +162 -0
- package/src/langs/ro.js +162 -0
- package/src/langs/ru.js +162 -0
- package/src/langs/se.js +162 -0
- package/src/langs/tr.js +159 -0
- package/src/langs/ua.js +162 -0
- package/src/langs/ur.js +162 -0
- package/src/langs/zh_cn.js +162 -0
- package/src/modules/ApiManager.js +168 -0
- package/src/modules/ColorPicker.js +302 -0
- package/src/modules/Controller.js +315 -0
- package/src/modules/Figure.js +1160 -0
- package/src/modules/FileBrowser.js +271 -0
- package/src/modules/FileManager.js +290 -0
- package/src/modules/HueSlider.js +513 -0
- package/src/modules/Modal.js +177 -0
- package/src/modules/ModalAnchorEditor.js +494 -0
- package/src/modules/SelectMenu.js +447 -0
- package/src/modules/_DragHandle.js +16 -0
- package/src/modules/index.js +14 -0
- package/src/plugins/command/blockquote.js +47 -47
- package/src/plugins/command/exportPdf.js +168 -0
- package/src/plugins/command/fileUpload.js +389 -0
- package/src/plugins/command/list_bulleted.js +112 -0
- package/src/plugins/command/list_numbered.js +115 -0
- package/src/plugins/dropdown/align.js +143 -0
- package/src/plugins/dropdown/backgroundColor.js +73 -0
- package/src/plugins/dropdown/font.js +113 -0
- package/src/plugins/dropdown/fontColor.js +73 -0
- package/src/plugins/dropdown/formatBlock.js +141 -0
- package/src/plugins/dropdown/hr.js +111 -0
- package/src/plugins/dropdown/layout.js +72 -0
- package/src/plugins/dropdown/lineHeight.js +114 -0
- package/src/plugins/dropdown/list.js +107 -0
- package/src/plugins/dropdown/paragraphStyle.js +117 -0
- package/src/plugins/dropdown/table.js +2810 -0
- package/src/plugins/dropdown/template.js +71 -0
- package/src/plugins/dropdown/textStyle.js +137 -0
- package/src/plugins/field/mention.js +172 -0
- package/src/plugins/fileBrowser/imageGallery.js +76 -59
- package/src/plugins/index.js +86 -24
- package/src/plugins/input/fontSize.js +357 -0
- package/src/plugins/modal/audio.js +510 -0
- package/src/plugins/modal/image.js +1062 -0
- package/src/plugins/modal/link.js +211 -0
- package/src/plugins/modal/math.js +347 -0
- package/src/plugins/modal/video.js +870 -0
- package/src/suneditor.js +62 -67
- package/src/themes/test.css +61 -0
- package/typings/CommandPlugin.d.ts +8 -0
- package/typings/DialogPlugin.d.ts +20 -0
- package/typings/FileBrowserPlugin.d.ts +30 -0
- package/typings/Lang.d.ts +124 -0
- package/typings/Module.d.ts +15 -0
- package/typings/Plugin.d.ts +42 -0
- package/typings/SubmenuPlugin.d.ts +8 -0
- package/typings/_classes.d.ts +17 -0
- package/typings/_colorPicker.d.ts +60 -0
- package/typings/_core.d.ts +55 -0
- package/typings/align.d.ts +5 -0
- package/{src/plugins/dialog → typings}/audio.d.ts +1 -1
- package/typings/backgroundColor.d.ts +5 -0
- package/{src/plugins/command → typings}/blockquote.d.ts +1 -1
- package/typings/char.d.ts +39 -0
- package/typings/component.d.ts +38 -0
- package/typings/context.d.ts +39 -0
- package/typings/converter.d.ts +33 -0
- package/typings/dialog.d.ts +28 -0
- package/typings/domUtils.d.ts +361 -0
- package/typings/editor.d.ts +7 -0
- package/typings/editor.ts +542 -0
- package/typings/env.d.ts +70 -0
- package/typings/eventManager.d.ts +37 -0
- package/typings/events.d.ts +262 -0
- package/typings/fileBrowser.d.ts +42 -0
- package/typings/fileManager.d.ts +67 -0
- package/typings/font.d.ts +5 -0
- package/typings/fontColor.d.ts +5 -0
- package/typings/fontSize.d.ts +5 -0
- package/typings/format.d.ts +191 -0
- package/typings/formatBlock.d.ts +5 -0
- package/typings/history.d.ts +48 -0
- package/typings/horizontalRule.d.ts +5 -0
- package/{src/plugins/dialog → typings}/image.d.ts +1 -1
- package/{src/plugins/fileBrowser → typings}/imageGallery.d.ts +1 -1
- package/typings/index.d.ts +21 -0
- package/{src/plugins/modules/index.d.ts → typings/index.modules.d.ts} +3 -3
- package/typings/index.plugins.d.ts +58 -0
- package/typings/lineHeight.d.ts +5 -0
- package/{src/plugins/dialog → typings}/link.d.ts +1 -1
- package/typings/list.d.ts +5 -0
- package/{src/plugins/dialog → typings}/math.d.ts +1 -1
- package/typings/mediaContainer.d.ts +25 -0
- package/typings/node.d.ts +57 -0
- package/typings/notice.d.ts +16 -0
- package/typings/numbers.d.ts +29 -0
- package/typings/offset.d.ts +24 -0
- package/typings/options.d.ts +589 -0
- package/typings/paragraphStyle.d.ts +5 -0
- package/typings/resizing.d.ts +141 -0
- package/typings/selection.d.ts +94 -0
- package/typings/shortcuts.d.ts +13 -0
- package/typings/suneditor.d.ts +9 -0
- package/typings/table.d.ts +5 -0
- package/typings/template.d.ts +5 -0
- package/typings/textStyle.d.ts +5 -0
- package/typings/toolbar.d.ts +32 -0
- package/typings/unicode.d.ts +25 -0
- package/{src/plugins/dialog → typings}/video.d.ts +1 -1
- package/dist/css/suneditor.min.css +0 -1
- package/src/assets/css/suneditor-contents.css +0 -562
- package/src/assets/css/suneditor.css +0 -566
- package/src/assets/defaultIcons.js +0 -103
- package/src/lang/Lang.d.ts +0 -144
- package/src/lang/ckb.d.ts +0 -5
- package/src/lang/ckb.js +0 -188
- package/src/lang/cs.d.ts +0 -5
- package/src/lang/cs.js +0 -188
- package/src/lang/da.d.ts +0 -5
- package/src/lang/da.js +0 -191
- package/src/lang/de.d.ts +0 -5
- package/src/lang/de.js +0 -188
- package/src/lang/en.d.ts +0 -5
- package/src/lang/en.js +0 -188
- package/src/lang/es.d.ts +0 -5
- package/src/lang/es.js +0 -188
- package/src/lang/fa.d.ts +0 -5
- package/src/lang/fa.js +0 -188
- package/src/lang/fr.d.ts +0 -5
- package/src/lang/fr.js +0 -188
- package/src/lang/he.d.ts +0 -5
- package/src/lang/he.js +0 -188
- package/src/lang/index.d.ts +0 -23
- package/src/lang/it.d.ts +0 -5
- package/src/lang/it.js +0 -188
- package/src/lang/ja.d.ts +0 -5
- package/src/lang/ja.js +0 -188
- package/src/lang/ko.d.ts +0 -5
- package/src/lang/ko.js +0 -188
- package/src/lang/lv.d.ts +0 -5
- package/src/lang/lv.js +0 -188
- package/src/lang/nl.d.ts +0 -5
- package/src/lang/nl.js +0 -188
- package/src/lang/pl.d.ts +0 -5
- package/src/lang/pl.js +0 -188
- package/src/lang/pt_br.d.ts +0 -5
- package/src/lang/pt_br.js +0 -189
- package/src/lang/ro.d.ts +0 -5
- package/src/lang/ro.js +0 -188
- package/src/lang/ru.d.ts +0 -5
- package/src/lang/ru.js +0 -188
- package/src/lang/se.d.ts +0 -5
- package/src/lang/se.js +0 -191
- package/src/lang/tr.d.ts +0 -5
- package/src/lang/tr.js +0 -191
- package/src/lang/ua.d.ts +0 -5
- package/src/lang/ua.js +0 -188
- package/src/lang/ur.d.ts +0 -5
- package/src/lang/ur.js +0 -188
- package/src/lang/zh_cn.d.ts +0 -5
- package/src/lang/zh_cn.js +0 -187
- package/src/lib/constructor.js +0 -954
- package/src/lib/context.d.ts +0 -42
- package/src/lib/context.js +0 -71
- package/src/lib/core.d.ts +0 -1135
- package/src/lib/core.js +0 -9395
- package/src/lib/history.d.ts +0 -48
- package/src/lib/history.js +0 -219
- package/src/lib/util.d.ts +0 -678
- package/src/lib/util.js +0 -2131
- package/src/options.d.ts +0 -608
- package/src/plugins/CommandPlugin.d.ts +0 -8
- package/src/plugins/DialogPlugin.d.ts +0 -20
- package/src/plugins/FileBrowserPlugin.d.ts +0 -30
- package/src/plugins/Module.d.ts +0 -15
- package/src/plugins/Plugin.d.ts +0 -42
- package/src/plugins/SubmenuPlugin.d.ts +0 -8
- package/src/plugins/dialog/audio.js +0 -559
- package/src/plugins/dialog/image.js +0 -1126
- package/src/plugins/dialog/link.js +0 -223
- package/src/plugins/dialog/math.js +0 -295
- package/src/plugins/dialog/mention.js +0 -242
- package/src/plugins/dialog/video.js +0 -979
- package/src/plugins/index.d.ts +0 -79
- package/src/plugins/modules/_anchor.js +0 -461
- package/src/plugins/modules/_colorPicker.d.ts +0 -60
- package/src/plugins/modules/_colorPicker.js +0 -201
- package/src/plugins/modules/_notice.d.ts +0 -21
- package/src/plugins/modules/_notice.js +0 -72
- package/src/plugins/modules/_selectMenu.js +0 -119
- package/src/plugins/modules/component.d.ts +0 -25
- package/src/plugins/modules/component.js +0 -81
- package/src/plugins/modules/dialog.d.ts +0 -28
- package/src/plugins/modules/dialog.js +0 -175
- package/src/plugins/modules/fileBrowser.d.ts +0 -42
- package/src/plugins/modules/fileBrowser.js +0 -374
- package/src/plugins/modules/fileManager.d.ts +0 -67
- package/src/plugins/modules/fileManager.js +0 -326
- package/src/plugins/modules/index.js +0 -9
- package/src/plugins/modules/resizing.d.ts +0 -154
- package/src/plugins/modules/resizing.js +0 -903
- package/src/plugins/submenu/align.d.ts +0 -5
- package/src/plugins/submenu/align.js +0 -160
- package/src/plugins/submenu/font.d.ts +0 -5
- package/src/plugins/submenu/font.js +0 -123
- package/src/plugins/submenu/fontColor.d.ts +0 -5
- package/src/plugins/submenu/fontColor.js +0 -101
- package/src/plugins/submenu/fontSize.d.ts +0 -5
- package/src/plugins/submenu/fontSize.js +0 -112
- package/src/plugins/submenu/formatBlock.d.ts +0 -5
- package/src/plugins/submenu/formatBlock.js +0 -273
- package/src/plugins/submenu/hiliteColor.d.ts +0 -5
- package/src/plugins/submenu/hiliteColor.js +0 -102
- package/src/plugins/submenu/horizontalRule.d.ts +0 -5
- package/src/plugins/submenu/horizontalRule.js +0 -98
- package/src/plugins/submenu/lineHeight.d.ts +0 -5
- package/src/plugins/submenu/lineHeight.js +0 -104
- package/src/plugins/submenu/list.d.ts +0 -5
- package/src/plugins/submenu/list.js +0 -456
- package/src/plugins/submenu/paragraphStyle.d.ts +0 -5
- package/src/plugins/submenu/paragraphStyle.js +0 -135
- package/src/plugins/submenu/table.d.ts +0 -5
- package/src/plugins/submenu/table.js +0 -1431
- package/src/plugins/submenu/template.d.ts +0 -5
- package/src/plugins/submenu/template.js +0 -72
- package/src/plugins/submenu/textStyle.d.ts +0 -5
- package/src/plugins/submenu/textStyle.js +0 -167
- package/src/suneditor.d.ts +0 -9
- package/src/suneditor_build.js +0 -18
- /package/{src/plugins/dialog → typings}/mention.d.ts +0 -0
|
@@ -1,566 +0,0 @@
|
|
|
1
|
-
/* used color #000 , #fff , #CCC, #f5f5f5, #f9f9f9 */
|
|
2
|
-
/* font color #333, background color: #fff */
|
|
3
|
-
/* grey color #e1e1e1 , #d1d1d1 , #c1c1c1 , #b1b1b1 */
|
|
4
|
-
/* blue color #c7deff , #80bdff , #3f9dff , #4592ff, #407dd1, #3288ff */
|
|
5
|
-
/* red color #b94a48 , #f2dede , #eed3d7, #d9534f */
|
|
6
|
-
|
|
7
|
-
/** --- suneditor main */
|
|
8
|
-
.sun-editor {width:auto; height:auto; box-sizing:border-box; font-family:Helvetica Neue; border:1px solid #dadada; background-color:#FFF; color:#000; user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none;}
|
|
9
|
-
.sun-editor * {box-sizing:border-box; -webkit-user-drag:none; overflow:visible;}
|
|
10
|
-
.sun-editor-common input, .sun-editor-common select, .sun-editor-common textarea, .sun-editor-common button {font-size:14px; line-height:1.5;}
|
|
11
|
-
.sun-editor-common body, .sun-editor-common div, .sun-editor-common dl, .sun-editor-common dt, .sun-editor-common dd, .sun-editor-common ul, .sun-editor-common ol, .sun-editor-common li,
|
|
12
|
-
.sun-editor-common h1, .sun-editor-common h2, .sun-editor-common h3, .sun-editor-common h4, .sun-editor-common h5, .sun-editor-common h6, .sun-editor-common pre, .sun-editor-common code,
|
|
13
|
-
.sun-editor-common form, .sun-editor-common fieldset, .sun-editor-common legend, .sun-editor-common textarea, .sun-editor-common p, .sun-editor-common blockquote, .sun-editor-common th,
|
|
14
|
-
.sun-editor-common td, .sun-editor-common input, .sun-editor-common select, .sun-editor-common textarea, .sun-editor-common button {margin:0; padding:0; border:0;}
|
|
15
|
-
.sun-editor-common dl, .sun-editor-common ul, .sun-editor-common ol, .sun-editor-common menu, .sun-editor-common li {list-style:none !important;}
|
|
16
|
-
.sun-editor-common hr {margin:6px 0 6px 0 !important;}
|
|
17
|
-
.sun-editor textarea {resize:none; border:0; padding:0;}
|
|
18
|
-
.sun-editor button {border:0 none; background-color:transparent; touch-action:manipulation; cursor:pointer; outline:none;}
|
|
19
|
-
.sun-editor input, .sun-editor select, .sun-editor textarea, .sun-editor button {vertical-align:middle;}
|
|
20
|
-
.sun-editor button span {display:block; margin:0; padding:0;}
|
|
21
|
-
.sun-editor button .txt {display:block; margin-top:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
/* button children are pointer event none */
|
|
25
|
-
.sun-editor button * {
|
|
26
|
-
pointer-events: none;
|
|
27
|
-
backface-visibility: hidden;
|
|
28
|
-
-webkit-backface-visibility: hidden;
|
|
29
|
-
-moz-backface-visibility: hidden;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
/** --- Icons ---------------------------------------------------------- */
|
|
34
|
-
/* default svg */
|
|
35
|
-
.sun-editor svg {
|
|
36
|
-
fill: currentColor;
|
|
37
|
-
}
|
|
38
|
-
.sun-editor button > svg, .sun-editor .se-svg {
|
|
39
|
-
width: 16px;
|
|
40
|
-
height: 16px;
|
|
41
|
-
margin: auto;
|
|
42
|
-
fill: currentColor;
|
|
43
|
-
display: block;
|
|
44
|
-
text-align: center;
|
|
45
|
-
float: none;
|
|
46
|
-
}
|
|
47
|
-
/* close class icon */
|
|
48
|
-
.sun-editor .close > svg, .sun-editor .se-dialog-close > svg {
|
|
49
|
-
width: 10px;
|
|
50
|
-
height: 10px;
|
|
51
|
-
}
|
|
52
|
-
/* se-select-btn icon */
|
|
53
|
-
.sun-editor .se-btn-select > svg {
|
|
54
|
-
float: right;
|
|
55
|
-
width: 10px;
|
|
56
|
-
height: 10px;
|
|
57
|
-
}
|
|
58
|
-
/* se-btn-list inner icon */
|
|
59
|
-
.sun-editor .se-btn-list > .se-list-icon {
|
|
60
|
-
display: inline-block;
|
|
61
|
-
width: 16px;
|
|
62
|
-
height: 16px;
|
|
63
|
-
margin: -1px 10px 0 0;
|
|
64
|
-
vertical-align: middle;
|
|
65
|
-
}
|
|
66
|
-
/* se-line-breaker inner icon */
|
|
67
|
-
.sun-editor .se-line-breaker > button > svg {
|
|
68
|
-
width: 24px;
|
|
69
|
-
height: 24px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
/* icon class */
|
|
73
|
-
.sun-editor button > i::before {
|
|
74
|
-
-moz-osx-font-smoothing:grayscale;
|
|
75
|
-
-webkit-font-smoothing:antialiased;
|
|
76
|
-
display: inline-block;
|
|
77
|
-
font-style: normal;
|
|
78
|
-
font-variant: normal;
|
|
79
|
-
text-rendering:auto;
|
|
80
|
-
font-size: 15px;
|
|
81
|
-
line-height: 2;
|
|
82
|
-
}
|
|
83
|
-
.sun-editor button > [class="se-icon-text"] {
|
|
84
|
-
font-size: 20px;
|
|
85
|
-
line-height: 1;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
/** --- arrow icon ---------------------------------------------------------- */
|
|
89
|
-
.sun-editor .se-arrow, .sun-editor .se-arrow::after {position:absolute; display:block; width:0; height:0; border:11px solid transparent;}
|
|
90
|
-
/* arrow up */
|
|
91
|
-
.sun-editor .se-arrow.se-arrow-up {top:-11px; left:20px; margin-left:-11px; border-top-width:0; border-bottom-color:#dadada;}
|
|
92
|
-
.sun-editor .se-arrow.se-arrow-up::after {top:1px; margin-left:-11px; content:" "; border-top-width:0; border-bottom-color:#fff;}
|
|
93
|
-
.sun-editor .se-toolbar .se-arrow.se-arrow-up::after {border-bottom-color:#fafafa;}
|
|
94
|
-
/* arrow down */
|
|
95
|
-
.sun-editor .se-arrow.se-arrow-down {top:0px; left:0px; margin-left:-11px; border-bottom-width:0; border-top-color:#dadada;}
|
|
96
|
-
.sun-editor .se-arrow.se-arrow-down::after {top:-12px; margin-left:-11px; content:" "; border-bottom-width:0; border-top-color:#fff;}
|
|
97
|
-
.sun-editor .se-toolbar .se-arrow.se-arrow-down::after {border-top-color:#fafafa;}
|
|
98
|
-
|
|
99
|
-
/** --- container */
|
|
100
|
-
.sun-editor .se-container {position:relative; width:100%; height:100%;}
|
|
101
|
-
|
|
102
|
-
/** button */
|
|
103
|
-
.sun-editor button {color:#000;}
|
|
104
|
-
|
|
105
|
-
/** --- se-btn button */
|
|
106
|
-
.sun-editor .se-btn {float:left; width:34px; height:34px; border:0; border-radius:4px; margin:1px !important; padding:0; font-size:12px; line-height:27px;}
|
|
107
|
-
.sun-editor .se-btn:enabled:hover, .sun-editor .se-btn:enabled:focus {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
|
|
108
|
-
.sun-editor .se-btn:enabled:active {background-color:#d1d1d1; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
|
|
109
|
-
/** --- primary button */
|
|
110
|
-
.sun-editor .se-btn-primary {color:#000; background-color:#c7deff; border:1px solid #80bdff; border-radius:4px;}
|
|
111
|
-
.sun-editor .se-btn-primary:hover, .sun-editor .se-btn-primary:focus {color:#000; background-color:#80bdff; border-color:#3f9dff; outline:0 none;}
|
|
112
|
-
.sun-editor .se-btn-primary:active {color:#fff; background-color:#3f9dff; border-color:#4592ff; -webkit-box-shadow:inset 0 3px 5px #4592ff; box-shadow:inset 0 3px 5px #4592ff;}
|
|
113
|
-
|
|
114
|
-
/** --- Input */
|
|
115
|
-
.sun-editor input, .sun-editor select, .sun-editor textarea {color:#000; border:1px solid #ccc; border-radius:4px;}
|
|
116
|
-
.sun-editor input:focus, .sun-editor select:focus, .sun-editor textarea:focus {border:1px solid #80bdff; outline:0; -webkit-box-shadow:0 0 0 0.2rem #c7deff; box-shadow:0 0 0 0.2rem #c7deff; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
|
|
117
|
-
|
|
118
|
-
/* se-btn button active*/
|
|
119
|
-
.sun-editor .se-btn:enabled.active {color:#4592ff; outline:0 none;}
|
|
120
|
-
.sun-editor .se-btn:enabled.active:hover, .sun-editor .se-btn:enabled.active:focus {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
|
|
121
|
-
.sun-editor .se-btn:enabled.active:active {background-color:#d1d1d1; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
|
|
122
|
-
/* se-btn button on */
|
|
123
|
-
.sun-editor .se-btn:enabled.on {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
|
|
124
|
-
.sun-editor .se-btn:enabled.on:hover, .sun-editor .se-btn:enabled.on:focus {background-color:#d1d1d1; border-color:#c1c1c1; outline:0 none;}
|
|
125
|
-
.sun-editor .se-btn:enabled.on:active {background-color:#c1c1c1; border-color:#b1b1b1; -webkit-box-shadow:inset 0 3px 5px #b1b1b1; box-shadow:inset 0 3px 5px #b1b1b1;}
|
|
126
|
-
/* disabled buttons, icon blur */
|
|
127
|
-
.sun-editor .se-btn:disabled, .sun-editor .se-btn-list:disabled, .sun-editor button:disabled {cursor:not-allowed; background-color:inherit; color:#bdbdbd;}
|
|
128
|
-
|
|
129
|
-
/** --- loading box */
|
|
130
|
-
.sun-editor .se-loading-box {position:absolute; display:none; width:100%; height:100%; top:0; left:0; background-color:#fff; opacity:.7; filter:alpha(opacity=70); z-index:2147483647;}
|
|
131
|
-
.sun-editor .se-loading-box .se-loading-effect {position:absolute; display:block; top:50%; left:50%; height:25px; width:25px; border-top:2px solid #07d; border-right:2px solid transparent; border-radius:50%; animation:spinner .8s linear infinite; margin:-25px 0 0 -25px;}
|
|
132
|
-
|
|
133
|
-
/** --- line breaker */
|
|
134
|
-
.sun-editor .se-line-breaker {position:absolute; display:none; width:100%; height:1px; cursor:text; border-top:1px solid #3288ff; z-index:7;}
|
|
135
|
-
.sun-editor .se-line-breaker > button.se-btn {position:relative; display:inline-block; width:30px; height:30px; top:-15px; float:none; left:-50%; background-color:#fff; border:1px solid #0c2240; opacity:0.6; cursor:pointer;}
|
|
136
|
-
.sun-editor .se-line-breaker > button.se-btn:hover {opacity:0.9; background-color:#fff; border-color:#041b39;}
|
|
137
|
-
/** --- line breaker --- component - top, bottom */
|
|
138
|
-
.sun-editor .se-line-breaker-component {position:absolute; display:none; width:24px; height:24px; background-color:#fff; border:1px solid #0c2240; opacity:0.6; border-radius:4px; cursor:pointer; z-index:7;}
|
|
139
|
-
.sun-editor .se-line-breaker-component:hover {opacity:0.9;}
|
|
140
|
-
|
|
141
|
-
/** --- toolbar ---------------------------------------------------------- */
|
|
142
|
-
.sun-editor .se-toolbar {display:block; position:relative; height:auto; width:100%; overflow:visible; padding:0; margin:0; background-color:#fafafa; outline:1px solid #dadada; z-index:5;}
|
|
143
|
-
.sun-editor .se-toolbar-shadow {display:block !important; height:0px !important; padding:0 !important; margin:0 !important; background-color:transparent !important; outline:none !important; border: none !important; z-index:0 !important;}
|
|
144
|
-
.sun-editor .se-toolbar-cover {position:absolute; display:none; font-size:36px; width:100%; height:100%; top:0; left:0; background-color:#fefefe; opacity:.5; filter:alpha(opacity=50); cursor:not-allowed; z-index:4;}
|
|
145
|
-
.sun-editor .se-toolbar-separator-vertical {display:inline-block; height:0px; width:0px; margin:0px; vertical-align:top;}
|
|
146
|
-
/* inline toolbar */
|
|
147
|
-
.sun-editor .se-toolbar.se-toolbar-inline {display:none; position:absolute; box-shadow:0 3px 9px rgba(0,0,0,.5); -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);}
|
|
148
|
-
/* balloon toolbar */
|
|
149
|
-
.sun-editor .se-toolbar.se-toolbar-balloon {display:none; position:absolute; z-index:2147483647; width:auto; box-shadow:0 3px 9px rgba(0,0,0,.5); -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);}
|
|
150
|
-
/* sticky toolbar */
|
|
151
|
-
.sun-editor .se-toolbar.se-toolbar-sticky {position:fixed; top:0px;}
|
|
152
|
-
.sun-editor .se-toolbar-sticky-dummy {display:none; position:static; z-index:-1;}
|
|
153
|
-
|
|
154
|
-
/** --- tool bar --- module --- button, module, group ---------------------------------------------------------- */
|
|
155
|
-
/* module */
|
|
156
|
-
.sun-editor .se-btn-module {display:inline-block;}
|
|
157
|
-
.sun-editor .se-btn-module-border {border:1px solid #dadada; border-radius:4px; margin-left:1px; margin-right:1px;}
|
|
158
|
-
.sun-editor .se-btn-module-enter {display:block; width:100%; height:0px; margin:0; padding:0; background-color:transparent;}
|
|
159
|
-
/* ---more - layer */
|
|
160
|
-
.sun-editor .se-toolbar-more-layer {margin:0 -3px; background-color:#fafafa;}
|
|
161
|
-
.sun-editor .se-toolbar-more-layer .se-more-layer {display:none; border-top:1px solid #dadada;}
|
|
162
|
-
.sun-editor .se-toolbar-more-layer .se-more-layer .se-more-form {display:inline-block; width:100%; height:auto; padding:4px 3px 0 3px;}
|
|
163
|
-
/* ---more - button */
|
|
164
|
-
.sun-editor .se-btn-module .se-btn-more.se-btn-more-text {width:auto; padding:0 4px;}
|
|
165
|
-
.sun-editor .se-btn-module .se-btn-more:hover, .sun-editor .se-btn-module .se-btn-more:focus {color:#000; background-color:#d1d1d1; border-color:#c1c1c1; outline:0 none;}
|
|
166
|
-
.sun-editor .se-btn-module .se-btn-more.on {color:#333; background-color:#d1d1d1; border-color:#c1c1c1; outline:0 none;}
|
|
167
|
-
.sun-editor .se-btn-module .se-btn-more.on:hover {color:#000; background-color:#c1c1c1; border-color:#b1b1b1; outline:0 none;}
|
|
168
|
-
/* innser ul */
|
|
169
|
-
.sun-editor .se-menu-list {float:left; padding:0; margin:0;}
|
|
170
|
-
.sun-editor .se-menu-list li {position:relative; float:left; padding:0; margin:0;}
|
|
171
|
-
/* tool bar select button (font, fontSize, formatBlock) */
|
|
172
|
-
.sun-editor .se-btn-select {width:auto; display:flex; padding:4px 6px;}
|
|
173
|
-
.sun-editor .se-btn-select .txt {flex:auto; text-align:left;}
|
|
174
|
-
.sun-editor .se-btn-select.se-btn-tool-font {width:100px;}
|
|
175
|
-
.sun-editor .se-btn-select.se-btn-tool-format {width:82px;}
|
|
176
|
-
.sun-editor .se-btn-select.se-btn-tool-size {width:78px;}
|
|
177
|
-
|
|
178
|
-
/** --- menu tray -------------------------------------------------------------- */
|
|
179
|
-
.sun-editor .se-btn-tray {position:relative; width:100%; height:auto; padding:4px 3px 0 3px; margin:0;}
|
|
180
|
-
.sun-editor .se-menu-tray {position:absolute; top:0px; left:0px; width:100%; height:0px;}
|
|
181
|
-
|
|
182
|
-
/** --- submenu layer ---------------------------------------------------------- */
|
|
183
|
-
.sun-editor .se-submenu {overflow-x:hidden; overflow-y:auto;}
|
|
184
|
-
.sun-editor .se-menu-container {overflow-x:unset; overflow-y:unset;}
|
|
185
|
-
.sun-editor .se-list-layer {display:none; position:absolute; top:0px; left:0px; height:auto; z-index:5; border:1px solid #bababa; border-radius:4px; padding:6px 0; background-color:#fff; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5); outline:0 none;}
|
|
186
|
-
.sun-editor .se-list-layer .se-list-inner {padding:0; margin:0; overflow-x:initial; overflow-y:initial; overflow:visible;}
|
|
187
|
-
.sun-editor .se-list-layer button {margin:0; width:100%;}
|
|
188
|
-
.sun-editor .se-list-inner ul {width:100%; padding:0;}
|
|
189
|
-
.sun-editor .se-list-inner li > button {min-width:100%; width:max-content;}
|
|
190
|
-
/* submenu layer - basic list */
|
|
191
|
-
.sun-editor .se-list-inner .se-list-basic li {width:100%;}
|
|
192
|
-
.sun-editor .se-list-inner .se-list-basic li button.active {background-color:#80bdff; border:1px solid #3f9dff; border-left:0; border-right:0;}
|
|
193
|
-
.sun-editor .se-list-inner .se-list-basic li button.active:hover {background-color:#3f9dff; border:1px solid #4592ff; border-left:0; border-right:0;}
|
|
194
|
-
.sun-editor .se-list-inner .se-list-basic li button.active:active {background-color:#4592ff; border:1px solid #407dd1; border-left:0; border-right:0; -webkit-box-shadow:inset 0 3px 5px #407dd1; box-shadow:inset 0 3px 5px #407dd1;}
|
|
195
|
-
/* submenu layer - checked list */
|
|
196
|
-
.sun-editor .se-list-inner .se-list-checked li button > .se-svg {float:left; padding:6px 6px 0 0;}
|
|
197
|
-
.sun-editor .se-list-inner .se-list-checked li button > .se-svg > svg {display:none;}
|
|
198
|
-
.sun-editor .se-list-inner .se-list-checked li button.se-checked {color:#4592ff;}
|
|
199
|
-
.sun-editor .se-list-inner .se-list-checked li button.se-checked > .se-svg > svg {display:block;}
|
|
200
|
-
/* submenu layer - list button */
|
|
201
|
-
.sun-editor .se-btn-list {width:100%; height:auto; min-height:32px; padding:0 14px; cursor:pointer; font-size:12px; line-height:normal; text-indent:0; text-decoration:none; text-align:left;}
|
|
202
|
-
.sun-editor .se-btn-list.default_value {background-color:#f3f3f3; border-top:1px dotted #b1b1b1; border-bottom:1px dotted #b1b1b1;}
|
|
203
|
-
.sun-editor .se-btn-list:hover, .sun-editor .se-btn-list:focus {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
|
|
204
|
-
.sun-editor .se-btn-list:active {background-color:#d1d1d1; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
|
|
205
|
-
/** --- submenu layer - se-list-inner > exception */
|
|
206
|
-
/* submenu layer - font size */
|
|
207
|
-
.sun-editor .se-list-layer.se-list-font-size {min-width:140px; max-height:300px;}
|
|
208
|
-
/* submenu layer - font family */
|
|
209
|
-
.sun-editor .se-list-layer.se-list-font-family {min-width:156px;}
|
|
210
|
-
.sun-editor .se-list-layer.se-list-font-family .default {border-bottom:1px solid #CCC;}
|
|
211
|
-
/* submenu layer - hr */
|
|
212
|
-
.sun-editor .se-list-layer.se-list-line {width:125px;}
|
|
213
|
-
.sun-editor .se-list-layer.se-list-line hr {border-width: 1px 0 0; height: 1px;}
|
|
214
|
-
/* submenu layer - align */
|
|
215
|
-
.sun-editor .se-list-layer.se-list-align .se-list-inner {left:9px;}
|
|
216
|
-
/** submenu layer - format block, paragraph style, text style */
|
|
217
|
-
.sun-editor .se-list-layer.se-list-format {min-width:156px;}
|
|
218
|
-
.sun-editor .se-list-layer.se-list-format li {padding:0; width:100%;}
|
|
219
|
-
.sun-editor .se-list-layer.se-list-format ul .se-btn-list {line-height:100%;}
|
|
220
|
-
.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value="h1"] {height:40px;}
|
|
221
|
-
.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value="h2"] {height:34px;}
|
|
222
|
-
.sun-editor .se-list-layer.se-list-format ul p {font-size:13px;}
|
|
223
|
-
.sun-editor .se-list-layer.se-list-format ul div {font-size:13px; padding:4px 2px;}
|
|
224
|
-
.sun-editor .se-list-layer.se-list-format ul h1 {font-size:2em; font-weight:bold; color:#333;}
|
|
225
|
-
.sun-editor .se-list-layer.se-list-format ul h2 {font-size:1.5em; font-weight:bold; color:#333;}
|
|
226
|
-
.sun-editor .se-list-layer.se-list-format ul h3 {font-size:1.17em; font-weight:bold; color:#333;}
|
|
227
|
-
.sun-editor .se-list-layer.se-list-format ul h4 {font-size:1em; font-weight:bold; color:#333;}
|
|
228
|
-
.sun-editor .se-list-layer.se-list-format ul h5 {font-size:0.83em; font-weight:bold; color:#333;}
|
|
229
|
-
.sun-editor .se-list-layer.se-list-format ul h6 {font-size:0.67em; font-weight:bold; color:#333;}
|
|
230
|
-
.sun-editor .se-list-layer.se-list-format ul blockquote {font-size:13px; color:#999; height:22px; margin:0; background-color:transparent; line-height:1.5; border-style:solid; border-color:#b1b1b1; padding:0 0 0 7px; border-left-width:5px;}
|
|
231
|
-
.sun-editor .se-list-layer.se-list-format ul pre {font-size:13px; color:#666; padding:4px 11px; margin:0; background-color:#f9f9f9; border:1px solid #e1e1e1; border-radius:4px;}
|
|
232
|
-
/* submenu layer --- table selector */
|
|
233
|
-
.sun-editor .se-selector-table {display:none; position:absolute; top:34px; left:1px; z-index:5; padding:5px 0; float:left; margin:2px 0 0; font-size:14px; text-align:left; list-style:none; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175); box-shadow:0 6px 12px rgba(0, 0, 0, .175);}
|
|
234
|
-
.sun-editor .se-selector-table .se-table-size {font-size:18px; padding:0 5px;}
|
|
235
|
-
.sun-editor .se-selector-table .se-table-size-picker {position:absolute !important; z-index:3; font-size:18px; width:10em; height:10em; cursor:pointer;}
|
|
236
|
-
.sun-editor .se-selector-table .se-table-size-highlighted {position:absolute !important; z-index:2; font-size:18px; width:1em; height:1em; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==') repeat;}
|
|
237
|
-
.sun-editor .se-selector-table .se-table-size-unhighlighted {position:relative !important; z-index:1; font-size:18px; width:10em; height:10em; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;}
|
|
238
|
-
.sun-editor .se-selector-table .se-table-size-display {padding-left:5px;}
|
|
239
|
-
.sun-editor .se-list-layer.se-table-split {top:36px;}
|
|
240
|
-
/* submenu layer --- color selector button */
|
|
241
|
-
.sun-editor .se-list-layer .se-selector-color {display:flex; width:max-content; max-width:270px; height:auto; padding:0; margin:auto;}
|
|
242
|
-
.sun-editor .se-list-layer .se-selector-color .se-color-pallet {width:100%; height:100%; padding:0;}
|
|
243
|
-
.sun-editor .se-list-layer .se-selector-color .se-color-pallet li {display:flex; float:left; position:relative; margin:0;}
|
|
244
|
-
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button {display:block; cursor:default; width:30px; height:30px; text-indent:-9999px;}
|
|
245
|
-
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active,
|
|
246
|
-
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:hover,
|
|
247
|
-
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:focus {border:3px solid #fff;}
|
|
248
|
-
|
|
249
|
-
/** --- form group - input -------------------------------------------------------------- */
|
|
250
|
-
.sun-editor .se-form-group {display:flex; width:100%; min-height:40px; height:auto; padding:4px;}
|
|
251
|
-
.sun-editor .se-form-group input {flex:auto; display:inline-block; width:auto; height:33px; font-size:12px; margin:1px 0 1px 0; padding:0; border-radius:0.25rem; border:1px solid #ccc;}
|
|
252
|
-
.sun-editor .se-form-group button, .sun-editor .se-submenu-form-group button {float:right; width:34px; height:34px; margin:0 2px !important;}
|
|
253
|
-
.sun-editor .se-form-group button.se-btn, .sun-editor .se-form-group button.se-btn {border:1px solid #ccc;}
|
|
254
|
-
.sun-editor .se-form-group > div {position:relative;}
|
|
255
|
-
.sun-editor .se-form-group label {display:inline-block; max-width:100%; margin-bottom:5px; font-weight:bold;}
|
|
256
|
-
|
|
257
|
-
/** --- form group - label -------------------------------------------------------------- */
|
|
258
|
-
.sun-editor .se-form-group-label {width:100%; height:auto; padding:0px 4px;}
|
|
259
|
-
.sun-editor .se-form-group-label label {font-size:13px; font-weight:bold;}
|
|
260
|
-
|
|
261
|
-
/** form group - submenu - color input */
|
|
262
|
-
.sun-editor .se-submenu .se-form-group input {width:auto; height:33px; color:#555;}
|
|
263
|
-
.sun-editor .se-submenu .se-form-group .se-color-input {width:72px; text-transform:uppercase; border:none; border-bottom:2px solid #b1b1b1; outline:none;}
|
|
264
|
-
.sun-editor .se-submenu .se-form-group .se-color-input:focus {border-bottom:3px solid #b1b1b1;}
|
|
265
|
-
|
|
266
|
-
/** --- editor area */
|
|
267
|
-
.sun-editor .se-wrapper {position:relative !important; width:100%; height:auto; overflow:hidden; z-index:1;}
|
|
268
|
-
.sun-editor .se-wrapper .se-wrapper-inner {width:100%; height:100%; min-height:65px; overflow-y:auto; overflow-x:auto; -webkit-overflow-scrolling:touch; user-select:auto; -o-user-select:auto; -moz-user-select:auto; -khtml-user-select:auto; -webkit-user-select:auto; -ms-user-select:auto;}
|
|
269
|
-
.sun-editor .se-wrapper .se-wrapper-inner:focus {outline:none;}
|
|
270
|
-
.sun-editor .se-wrapper .se-wrapper-code {background-color:#191919; color:#fff; font-size:13px; word-break:break-all; padding:4px; margin:0; resize:none !important;}
|
|
271
|
-
.sun-editor .se-wrapper .se-wrapper-wysiwyg {display:block;}
|
|
272
|
-
.sun-editor .se-wrapper .se-wrapper-code-mirror {font-size:13px;}
|
|
273
|
-
/** --- placeholder */
|
|
274
|
-
.sun-editor .se-wrapper .se-placeholder {position:absolute; display:none; white-space:nowrap; text-overflow:ellipsis; z-index:1; color:#b1b1b1; font-size:13px; line-height:1.5; top:0; left:0; right:0; overflow:hidden; margin-top:0px; padding-top:16px; padding-left:16px; margin-left:0px; padding-right:16px; margin-right:0px; pointer-events:none; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;}
|
|
275
|
-
|
|
276
|
-
/** --- resizing bar */
|
|
277
|
-
.sun-editor .se-resizing-bar {display:flex; width:auto; height:auto; min-height:16px; border-top:1px solid #dadada; padding:0 4px; background-color:#fafafa; cursor:ns-resize;}
|
|
278
|
-
.sun-editor .se-resizing-bar.se-resizing-none {cursor:default;}
|
|
279
|
-
.sun-editor .se-resizing-back {position:absolute; display:none; cursor:default; top:0; left:0; width:100%; height:100%; z-index:2147483647;}
|
|
280
|
-
/** resizing bar - nabigation */
|
|
281
|
-
.sun-editor .se-resizing-bar .se-navigation {flex:auto; position:relative; width:auto; height:auto; color:#666; margin:0; padding:0; font-size:10px; line-height:1.5; background:transparent;}
|
|
282
|
-
/** resizing bar - charCounter */
|
|
283
|
-
.sun-editor .se-resizing-bar .se-char-counter-wrapper {flex:none; position:relative; display:block; width:auto; height:auto; margin:0; padding:0; color:#999; font-size:13px; background:transparent;}
|
|
284
|
-
.sun-editor .se-resizing-bar .se-char-counter-wrapper.se-blink {color:#b94a48; animation:blinker 0.2s linear infinite;}
|
|
285
|
-
.sun-editor .se-resizing-bar .se-char-counter-wrapper .se-char-label {margin-right:4px;}
|
|
286
|
-
|
|
287
|
-
/* --- dialog ---------------------------------------------------------- */
|
|
288
|
-
.sun-editor .se-dialog {position:absolute; display:none; top:0; left:0; width:100%; height:100%; z-index:2147483647;}
|
|
289
|
-
.sun-editor .se-dialog label, .sun-editor .se-dialog input, .sun-editor .se-dialog button {font-size:14px; line-height:1.5; color:#111; margin:0;}
|
|
290
|
-
.sun-editor .se-dialog .se-dialog-back {position:absolute; width:100%; height:100%; top:0; left:0; background-color:#222; opacity:0.5;}
|
|
291
|
-
/* dialog - modal */
|
|
292
|
-
.sun-editor .se-dialog .se-dialog-inner {position:absolute; width:100%; height:100%; top:0; left:0;}
|
|
293
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content {position:relative; width:auto; max-width:500px; margin:1.75rem auto; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid rgba(0, 0, 0, .2); border-radius:4px; outline:0; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5);}
|
|
294
|
-
@media screen and (max-width:509px) { .sun-editor .se-dialog .se-dialog-inner .se-dialog-content {width:100%;} }
|
|
295
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content label {display:inline-block; max-width:100%; margin-bottom:5px; font-weight:bold;}
|
|
296
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content .se-btn-primary {display:inline-block; padding:6px 12px; margin:0 0 10px 0 !important; font-size:14px; font-weight:normal; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; border-radius:4px;}
|
|
297
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-header {height:50px; padding:6px 15px 6px 15px; border-bottom:1px solid #e5e5e5;}
|
|
298
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {float:right; font-weight:bold; text-shadow:0 1px 0 #fff; -webkit-appearance:none; filter:alpha(opacity=100); opacity:1;}
|
|
299
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {float:left; font-size:14px; font-weight:bold; margin:0; padding:0; line-height:2.5;}
|
|
300
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-body {position:relative; padding:15px 15px 5px 15px;}
|
|
301
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form {margin-bottom:10px;}
|
|
302
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer {margin-top:10px; margin-bottom:0;}
|
|
303
|
-
.sun-editor .se-dialog .se-dialog-inner input:disabled {background-color:#f3f3f3;}
|
|
304
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text {width:100%;}
|
|
305
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-w {width:70px; text-align:center;}
|
|
306
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-h {width:70px; text-align:center;}
|
|
307
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-x {margin:0 8px 0 8px; width:25px; text-align:center;}
|
|
308
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer {height:auto; min-height:55px; padding:10px 15px 0px 15px; text-align:right; border-top:1px solid #e5e5e5;}
|
|
309
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div {float:left;}
|
|
310
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div > label {margin:0 5px 0 0;}
|
|
311
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-radio {margin-left:12px; margin-right:6px;}
|
|
312
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-check {margin-left:12px; margin-right:4px;}
|
|
313
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer .se-dialog-btn-check {margin-left:0; margin-right:4px;}
|
|
314
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child {margin-right:16px; margin-left:0px;}
|
|
315
|
-
/* dialog - modal - form - files */
|
|
316
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files {position:relative; display:flex; align-items:center;}
|
|
317
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files > input {flex:auto;}
|
|
318
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button {flex:auto; opacity:0.8; border:1px solid #ccc;}
|
|
319
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button.se-file-remove > svg {width:8px; height:8px;} /* custom."remove icon" */
|
|
320
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:hover {background-color:#f0f0f0; outline:0 none;}
|
|
321
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:active {background-color:#e9e9e9; -webkit-box-shadow:inset 0 3px 5px #d6d6d6; box-shadow:inset 0 3px 5px #d6d6d6;}
|
|
322
|
-
/* dialog - modal - input */
|
|
323
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select {display:inline-block; width:auto; height:34px; font-size:14px; text-align:center; line-height:1.42857143;}
|
|
324
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-control {display:inline-block; width:70px; height:34px; font-size:14px; text-align:center; line-height:1.42857143;}
|
|
325
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form {display:block; width:100%; height:34px; font-size:14px; line-height:1.42857143; padding:0 4px;}
|
|
326
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url {direction:ltr;}
|
|
327
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url:disabled {text-decoration:line-through; color:#999;}
|
|
328
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio {width:70px; margin-left:4px;}
|
|
329
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form a {color:#004cff;}
|
|
330
|
-
/* dialog - revert button */
|
|
331
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert {border:1px solid #ccc;}
|
|
332
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:hover {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
|
|
333
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:active {background-color:#d1d1d1; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
|
|
334
|
-
/* dialog - inner tab */
|
|
335
|
-
.sun-editor .se-dialog-tabs {width:100%; height:25px; border-bottom:1px solid #e5e5e5;}
|
|
336
|
-
.sun-editor .se-dialog-tabs button {background-color:#e5e5e5; border-right:1px solid #e5e5e5; float:left; outline:none; padding:2px 13px; transition:0.3s;}
|
|
337
|
-
.sun-editor .se-dialog-tabs button:hover {background-color:#fff;}
|
|
338
|
-
.sun-editor .se-dialog-tabs button.active {background-color:#fff;border-bottom:0;}
|
|
339
|
-
|
|
340
|
-
/* dialog - modal - math */
|
|
341
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp {resize:vertical; height:14em; border:1px solid #ccc; font-size:13px; padding:4px; direction:ltr;}
|
|
342
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select.se-math-size {width:6em; height:28px; margin-left:1em;}
|
|
343
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview {font-size:13px;}
|
|
344
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > span {display:inline-block; -webkit-box-shadow:0 0 0 0.1rem #c7deff; box-shadow:0 0 0 0.1rem #c7deff;}
|
|
345
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > span * {direction:ltr;}
|
|
346
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > .se-math-katex-error {color:#b94a48; -webkit-box-shadow:0 0 0 0.1rem #f2dede; box-shadow:0 0 0 0.1rem #f2dede;}
|
|
347
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > .se-math-katex-error svg {width:auto; height:30px; color:#b94a48;}
|
|
348
|
-
/* dialog - modal - link preview */
|
|
349
|
-
.sun-editor .se-dialog .se-dialog-inner .se-link-preview {display:block; height:auto; max-height:18px; font-size:13px; font-weight:normal; font-family:inherit; color:#666; background-color:transparent; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:pre;}
|
|
350
|
-
/* dialog - modal - anchor module */
|
|
351
|
-
.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form {width:100%; display:flex; margin-top:4px;}
|
|
352
|
-
.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-svg.se-anchor-preview-icon {flex:unset; display:none; line-height:1.5; color:#4592ff;}
|
|
353
|
-
.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-link-preview {flex:auto; margin:0; }
|
|
354
|
-
/* dialog - modal - anchor module - rel select */
|
|
355
|
-
.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel {height:34px;}
|
|
356
|
-
.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-btn {width:46px; color:#3f9dff;}
|
|
357
|
-
.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-wrapper {display:flex; line-height:1.5; padding-top:6px;}
|
|
358
|
-
.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-preview {text-align:left;}
|
|
359
|
-
/* .sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-mention-item {line-height:28px;min-height:25px;padding:0 5px;cursor:pointer;}
|
|
360
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-mention-item:hover {background-color:#e1e1e1}
|
|
361
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-mention-item.se-mention-active {background-color: #d1d1d1; border-radius:3px;}
|
|
362
|
-
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-mention-search {margin-bottom: 10px;} */
|
|
363
|
-
|
|
364
|
-
/** --- controller ---------------------------------------------------------- */
|
|
365
|
-
.sun-editor .se-controller .se-arrow.se-arrow-up {border-bottom-color:rgba(0, 0, 0, .25);}
|
|
366
|
-
.sun-editor .se-controller {position:absolute; display:none; overflow:visible; z-index:6; border:1px solid rgba(0, 0, 0, .25); border-radius:4px; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; word-wrap:normal; white-space:normal; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .2); box-shadow:0 5px 10px rgba(0, 0, 0, .2); line-break:auto;}
|
|
367
|
-
|
|
368
|
-
/* controller - button group */
|
|
369
|
-
.sun-editor .se-controller .se-btn-group {position:relative; display:flex; vertical-align:middle; padding:2px; top:0; left:0;}
|
|
370
|
-
.sun-editor .se-controller .se-btn-group .se-btn-group-sub {left:50%; min-width:auto; width:max-content; display:none;/* display: inline-table; */}
|
|
371
|
-
.sun-editor .se-controller .se-btn-group .se-btn-group-sub button {margin:0; min-width:72px;}
|
|
372
|
-
.sun-editor .se-controller .se-btn-group button {position:relative; min-height:34px; height:auto; border:none; border-radius:4px; margin:1px; padding:5px 10px; font-size:12px; line-height:1.5; display:inline-block; font-weight:normal; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation;}
|
|
373
|
-
.sun-editor .se-controller .se-btn-group button:hover:enabled, .sun-editor .se-controller .se-btn-group button:focus:enabled {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
|
|
374
|
-
.sun-editor .se-controller .se-btn-group button:active:enabled {background-color:#d1d1d1; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
|
|
375
|
-
.sun-editor .se-controller .se-btn-group button span {display:block; padding:0; margin:0;}
|
|
376
|
-
/* controller - buttn group active */
|
|
377
|
-
.sun-editor .se-controller .se-btn-group button:enabled.active {color:#4592ff; outline:0 none;}
|
|
378
|
-
.sun-editor .se-controller .se-btn-group button:enabled.active:hover, .sun-editor .se-controller .se-btn-group button:enabled.active:focus {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
|
|
379
|
-
.sun-editor .se-controller .se-btn-group button:enabled.active:active {background-color:#d1d1d1; border-color:#c1c1c1; -webkit-box-shadow:inset 0 3px 5px #c1c1c1; box-shadow:inset 0 3px 5px #c1c1c1;}
|
|
380
|
-
/* controller - buttn group on */
|
|
381
|
-
.sun-editor .se-controller .se-btn-group button:enabled.on {background-color:#e1e1e1; border-color:#d1d1d1; outline:0 none;}
|
|
382
|
-
.sun-editor .se-controller .se-btn-group button:enabled.on:hover, .sun-editor .se-controller .se-btn-group button:enabled.on:focus {background-color:#d1d1d1; border-color:#c1c1c1; outline:0 none;}
|
|
383
|
-
.sun-editor .se-controller .se-btn-group button:enabled.on:active {background-color:#c1c1c1; border-color:#b1b1b1; -webkit-box-shadow:inset 0 3px 5px #b1b1b1; box-shadow:inset 0 3px 5px #b1b1b1;}
|
|
384
|
-
/* controller - input */
|
|
385
|
-
.sun-editor .se-controller .se-form-group input {min-width:120px;}
|
|
386
|
-
|
|
387
|
-
/* controller - resizing(image, iframe) */
|
|
388
|
-
.sun-editor .se-controller-resizing {margin-top:-50px !important; padding:0; font-size:14px; font-style:normal; font-weight:normal; line-height:1.42857143;}
|
|
389
|
-
.sun-editor .se-controller-resizing .se-btn-group .se-btn-group-sub.se-resizing-align-list {width:74px;}
|
|
390
|
-
.sun-editor .se-resizing-container {position:absolute; display:none; outline:1px solid #3f9dff; background-color:transparent;}
|
|
391
|
-
.sun-editor .se-resizing-container .se-modal-resize {position:absolute; display:inline-block; background-color:#3f9dff; opacity:0.3;}
|
|
392
|
-
.sun-editor .se-resizing-container .se-resize-dot {position:absolute; top:0px; left:0px; width:100%; height:100%}
|
|
393
|
-
.sun-editor .se-resizing-container .se-resize-dot > span {position:absolute; width:7px; height:7px; background-color:#3f9dff; border:1px solid #4592ff;}
|
|
394
|
-
.sun-editor .se-resizing-container .se-resize-dot > span.tl {top:-5px; left:-5px; cursor:nw-resize;}
|
|
395
|
-
.sun-editor .se-resizing-container .se-resize-dot > span.tr {top:-5px; right:-5px; cursor:ne-resize;}
|
|
396
|
-
.sun-editor .se-resizing-container .se-resize-dot > span.bl {bottom:-5px; left:-5px; cursor:sw-resize;}
|
|
397
|
-
.sun-editor .se-resizing-container .se-resize-dot > span.br {right:-5px; bottom:-5px; cursor:se-resize;}
|
|
398
|
-
.sun-editor .se-resizing-container .se-resize-dot > span.lw {left:-7px; bottom:50%; cursor:w-resize;}
|
|
399
|
-
.sun-editor .se-resizing-container .se-resize-dot > span.th {left:50%; top:-7px; cursor:n-resize;}
|
|
400
|
-
.sun-editor .se-resizing-container .se-resize-dot > span.rw {right:-7px; bottom:50%; cursor:e-resize;}
|
|
401
|
-
.sun-editor .se-resizing-container .se-resize-dot > span.bh {right:50%; bottom:-7px; cursor:s-resize;}
|
|
402
|
-
.sun-editor .se-resizing-container .se-resize-display {position:absolute; right:0; bottom:0; padding:5px; margin:5px; font-size:12px; color:#fff; background-color:#333; border-radius:4px;}
|
|
403
|
-
/* controller - table */
|
|
404
|
-
.sun-editor .se-controller-table {width:auto; padding:0; font-size:14px; font-style:normal; font-weight:normal; line-height:1.42857143;}
|
|
405
|
-
.sun-editor .se-controller-table-cell {width:auto; padding:0; font-size:14px; font-style:normal; font-weight:normal; line-height:1.42857143;}
|
|
406
|
-
/* controller - link */
|
|
407
|
-
.sun-editor .se-controller-link {padding:0; font-size:14px; font-style:normal; font-weight:normal; line-height:1.42857143;}
|
|
408
|
-
.sun-editor .se-controller-link::before, .sun-editor .se-controller-link::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
|
|
409
|
-
.sun-editor .se-controller-link .link-content {padding:0; margin:0;}
|
|
410
|
-
.sun-editor .se-controller-link .link-content a {display:inline-block; color:#4592ff; max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; margin-left:5px;}
|
|
411
|
-
|
|
412
|
-
/* --- select list ---------------------------------------------------------- */
|
|
413
|
-
.sun-editor .se-select-list {position:absolute; top:0px; left:0px; display:none; width:auto; max-width:100%; background-color:#fff; padding:0; margin:0; border:1px solid #bababa; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5); outline:0 none;}
|
|
414
|
-
.sun-editor .se-select-list .se-select-item {line-height:28px; min-height:28px; font-size:13px; padding:0 5px; margin:2px 0; cursor:pointer;}
|
|
415
|
-
.sun-editor .se-select-list.__se_select-menu-mouse-move .se-select-item:hover, .sun-editor .se-select-list:not(.__se_select-menu-mouse-move) .se-select-item.active {background-color:#e1e1e1;}
|
|
416
|
-
.sun-editor .se-dialog-form-files .se-select-list {width:100%;}
|
|
417
|
-
|
|
418
|
-
/* --- browser ---------------------------------------------------------- */
|
|
419
|
-
.sun-editor .se-file-browser {position:absolute; display:none; top:0; left:0; width:100%; height:100%; z-index:2147483647;}
|
|
420
|
-
.sun-editor .se-file-browser label, .sun-editor .se-file-browser input, .sun-editor .se-file-browser button {font-size:14px; line-height:1.5; color:#111; margin:0;}
|
|
421
|
-
.sun-editor .se-file-browser .se-file-browser-back {position:absolute; display:block; width:100%; height:100%; top:0; left:0; background-color:#222; opacity:0.5;}
|
|
422
|
-
.sun-editor .se-file-browser .se-file-browser-inner {position:absolute; display:block; width:100%; height:100%; top:0; left:0;}
|
|
423
|
-
.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {position:relative; width:960px; max-width:100%; margin:20px auto; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid rgba(0, 0, 0, .2); border-radius:4px; outline:0; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5);}
|
|
424
|
-
/* --- browser - header */
|
|
425
|
-
.sun-editor .se-file-browser .se-file-browser-header {height:auto; min-height:50px; padding:6px 15px 6px 15px; border-bottom:1px solid #e5e5e5;}
|
|
426
|
-
.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close {float:right; font-weight:bold; text-shadow:0 1px 0 #fff; -webkit-appearance:none; filter:alpha(opacity=100); opacity:1;}
|
|
427
|
-
.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close > svg {width:12px; height:12px;}
|
|
428
|
-
.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-title {font-size:16px; font-weight:bold; margin:0; padding:0; line-height:2.2;}
|
|
429
|
-
/* --- browser - header - tags */
|
|
430
|
-
.sun-editor .se-file-browser .se-file-browser-tags {display:block; width:100%; padding:0; text-align:left; margin:0 -15px;}
|
|
431
|
-
.sun-editor .se-file-browser .se-file-browser-tags a {display:inline-block; background-color:#f5f5f5; padding:6px 12px; margin:8px 0 8px 8px; color:#333; text-decoration:none; border-radius:32px; -moz-border-radius:32px; -webkit-border-radius:32px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; cursor:pointer;}
|
|
432
|
-
.sun-editor .se-file-browser .se-file-browser-tags a:hover {background-color:#e1e1e1;}
|
|
433
|
-
.sun-editor .se-file-browser .se-file-browser-tags a:active {background-color:#d1d1d1;}
|
|
434
|
-
.sun-editor .se-file-browser .se-file-browser-tags a.on {background-color:#ebf3fe; color:#4592ff;}
|
|
435
|
-
.sun-editor .se-file-browser .se-file-browser-tags a.on:hover {background-color:#d8e8fe;}
|
|
436
|
-
.sun-editor .se-file-browser .se-file-browser-tags a.on:active {background-color:#c7deff;}
|
|
437
|
-
/* --- browser - body */
|
|
438
|
-
.sun-editor .se-file-browser .se-file-browser-body {position:relative; height:auto; min-height:350px; padding:20px; overflow-y:auto;}
|
|
439
|
-
.sun-editor .se-file-browser .se-file-browser-body .se-file-browser-list {position:relative; width:100%;}
|
|
440
|
-
@media screen and (max-width:992px) { .sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {width:748px;} }
|
|
441
|
-
@media screen and (max-width:768px) { .sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {width:600px;} }
|
|
442
|
-
/* --- browser - column */
|
|
443
|
-
.sun-editor .se-file-browser .se-file-browser-list .se-file-item-column {position:relative; display:block; height:auto; float:left;}
|
|
444
|
-
|
|
445
|
-
/* --- browser --- custom - "se-image-list" - column */
|
|
446
|
-
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {width:calc(25% - 20px); margin:0 10px;}
|
|
447
|
-
@media screen and (max-width:992px) { .sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {width:calc(33% - 20px);} }
|
|
448
|
-
@media screen and (max-width:768px) { .sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {width:calc(50% - 20px);} }
|
|
449
|
-
/* --- browser --- custom - "se-image-list" - item */
|
|
450
|
-
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img {position:relative; display:block; cursor: pointer; width:100%; height:auto; border-radius:4px; outline:0; margin:10px 0;}
|
|
451
|
-
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img:hover {opacity:0.8; -webkit-box-shadow:0 0 0 0.2rem #3288ff; box-shadow:0 0 0 0.2rem #3288ff;}
|
|
452
|
-
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > img {position:relative; display:block; width:100%; border-radius:4px; outline:0; height:auto;}
|
|
453
|
-
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-img-name {position: absolute; z-index:1; font-size:13px; color:#fff; left:0px; bottom:0; padding:5px 10px; background-color:transparent; width:100%; height:30px; border-bottom-right-radius:4px; border-bottom-left-radius:4px;}
|
|
454
|
-
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-img-name.se-file-name-back {background-color:#333; opacity:0.6;}
|
|
455
|
-
|
|
456
|
-
/** --- notice */
|
|
457
|
-
.sun-editor .se-notice {position:absolute; top:0; display:none; z-index:7; width:100%; height:auto; word-break:break-all; font-size:13px; color:#b94a48; background-color:#f2dede; padding:15px; margin:0; border:1px solid #eed3d7; user-select:auto; -o-user-select:auto; -moz-user-select:auto; -khtml-user-select:auto; -webkit-user-select:auto; -ms-user-select:auto;}
|
|
458
|
-
.sun-editor .se-notice button {float:right; padding:7px;}
|
|
459
|
-
|
|
460
|
-
/** --- tooltip */
|
|
461
|
-
.sun-editor .se-tooltip {position:relative; overflow:visible;}
|
|
462
|
-
.sun-editor .se-tooltip .se-tooltip-inner {visibility:hidden; position:absolute; display:block; width:auto; height:auto; top:120%; left:50%; background:transparent; opacity:0; z-index:1; line-height:1.5; transition:opacity 0.5s; margin:0; padding:0; bottom:auto; float:none; pointer-events:none; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;}
|
|
463
|
-
.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text {position:relative; display:inline-block; width:auto; height:auto; left:-50%; font-size:0.9em; margin:0; padding:4px 6px; border-radius:2px; background-color:#333; color:#fff; text-align:center; line-height:unset; white-space:nowrap; cursor:auto;}
|
|
464
|
-
.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text::after {content:""; position:absolute; bottom:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:transparent transparent #333 transparent;}
|
|
465
|
-
.sun-editor .se-tooltip:hover .se-tooltip-inner {visibility:visible; opacity:1;}
|
|
466
|
-
.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {display:block !important;}
|
|
467
|
-
.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut > .se-shortcut-key {display:inline; font-weight:bold;}
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
/** --- RTL ---------------------------------------------------------- */
|
|
471
|
-
/* tray */
|
|
472
|
-
.sun-editor.se-rtl .se-btn-tray {direction:rtl;}
|
|
473
|
-
.sun-editor.se-rtl .se-btn-select svg {margin:auto 1px;}
|
|
474
|
-
|
|
475
|
-
/* button--- */
|
|
476
|
-
/* button - select text */
|
|
477
|
-
.sun-editor.se-rtl .se-btn-select .txt {flex:auto; text-align:right; direction:rtl;}
|
|
478
|
-
/* button - se-menu-list */
|
|
479
|
-
.sun-editor.se-rtl .se-btn-list {text-align:right;}
|
|
480
|
-
.sun-editor.se-rtl .se-btn-list > .se-list-icon {margin:-1px 0 0 10px;}
|
|
481
|
-
/* button - se-menu-list - li */
|
|
482
|
-
.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix) {float:right;}
|
|
483
|
-
.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix) li {float:right;}
|
|
484
|
-
|
|
485
|
-
/* menu list--- */
|
|
486
|
-
.sun-editor.se-rtl .se-list-layer * {direction:rtl;}
|
|
487
|
-
/* menu list - format block */
|
|
488
|
-
.sun-editor.se-rtl .se-list-layer.se-list-format ul blockquote {padding:0 7px 0 0; border-right-width:5px; border-left-width:0;}
|
|
489
|
-
/* menu list - color picker */
|
|
490
|
-
.sun-editor.se-rtl .se-list-layer .se-selector-color .se-color-pallet li {float:right;}
|
|
491
|
-
|
|
492
|
-
/* submenu layer - checked list */
|
|
493
|
-
.sun-editor.se-rtl .se-list-inner .se-list-checked li button > .se-svg {float:right; padding:6px 0 0 6px;}
|
|
494
|
-
|
|
495
|
-
/* placeholder */
|
|
496
|
-
.sun-editor.se-rtl .se-wrapper .se-placeholder {direction:rtl;}
|
|
497
|
-
|
|
498
|
-
/* tooltip */
|
|
499
|
-
.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text {direction:rtl;}
|
|
500
|
-
.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {direction:ltr;}
|
|
501
|
-
|
|
502
|
-
/* dialog--- */
|
|
503
|
-
.sun-editor.se-rtl .se-dialog * {direction:rtl;}
|
|
504
|
-
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio {margin-left:0; margin-right:4px;}
|
|
505
|
-
/* dialog - header */
|
|
506
|
-
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {float:left;}
|
|
507
|
-
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {float:right;}
|
|
508
|
-
/* dialog - tabs */
|
|
509
|
-
.sun-editor.se-rtl .se-dialog-tabs button {float:right;}
|
|
510
|
-
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-size-text {padding-right:34px;}
|
|
511
|
-
/* dialog - footer */
|
|
512
|
-
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer .se-btn-primary {float:left}
|
|
513
|
-
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer > div {float:right;}
|
|
514
|
-
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer > div > label {margin:0 0 0 5px;}
|
|
515
|
-
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child {margin-left:16px; margin-right:0px;}
|
|
516
|
-
/* dialog - footer - link preview*/
|
|
517
|
-
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-preview {margin-left:4px; text-align:right;}
|
|
518
|
-
|
|
519
|
-
/* anchor module */
|
|
520
|
-
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-btn {float:right;}
|
|
521
|
-
|
|
522
|
-
/* fileBrowser--- */
|
|
523
|
-
.sun-editor.se-rtl .se-file-browser * {direction:rtl;}
|
|
524
|
-
/* fileBrowser - header */
|
|
525
|
-
.sun-editor.se-rtl .se-file-browser .se-file-browser-tags {text-align:right;}
|
|
526
|
-
.sun-editor.se-rtl .se-file-browser .se-file-browser-tags a {margin: 8px 8px 0 8px;}
|
|
527
|
-
.sun-editor.se-rtl .se-file-browser .se-file-browser-header .se-file-browser-close {float:left;}
|
|
528
|
-
|
|
529
|
-
/** controller--- */
|
|
530
|
-
.sun-editor.se-rtl .se-controller .se-btn-group {direction:rtl;}
|
|
531
|
-
.sun-editor.se-rtl .se-resizing-container .se-resize-display {direction:rtl;}
|
|
532
|
-
/** --- RTL ---------------------------------------------------------- */
|
|
533
|
-
|
|
534
|
-
/** button module float --------------------------------------------- */
|
|
535
|
-
.sun-editor .se-btn-module-border.module-float-left {float:left;}
|
|
536
|
-
.sun-editor .se-btn-module-border.module-float-right {float:right;}
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
/** --- error ---------------------------------------------------------- */
|
|
540
|
-
.sun-editor .se-error {color:#d9534f;}
|
|
541
|
-
.sun-editor input.se-error:focus, select.se-error:focus, textarea.se-error:focus {
|
|
542
|
-
border: 1px solid #f2dede;
|
|
543
|
-
outline: 0;
|
|
544
|
-
-webkit-box-shadow: 0 0 0 0.2rem #eed3d7;
|
|
545
|
-
box-shadow: 0 0 0 0.2rem #eed3d7;
|
|
546
|
-
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
/** ---------------------------------------------------------- menu items style ---------------------------------------------------------- */
|
|
551
|
-
/** hr menu items */
|
|
552
|
-
.sun-editor hr.__se__solid {
|
|
553
|
-
border-style: solid none none;
|
|
554
|
-
}
|
|
555
|
-
.sun-editor hr.__se__dotted {
|
|
556
|
-
border-style: dotted none none;
|
|
557
|
-
}
|
|
558
|
-
.sun-editor hr.__se__dashed {
|
|
559
|
-
border-style: dashed none none;
|
|
560
|
-
}
|
|
561
|
-
/** ---------------------------------------------------------- menu items style ---------------------------------------------------------- */
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
/** animation */
|
|
565
|
-
@keyframes blinker { 50% {opacity:0;} }
|
|
566
|
-
@keyframes spinner { to {transform:rotate(361deg);} }
|