@ostendis/grapesjs-preset-ostendis-adv 1.2.4 → 1.3.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/README.md
CHANGED
|
@@ -1,118 +1,118 @@
|
|
|
1
|
-
# GrapesJS Ostendis Preset
|
|
2
|
-
|
|
3
|
-
This preset configures GrapesJS to be used with some unique features and blocks for the [Ostendis E-Recruiting system](https://www.ostendis.com/en)
|
|
4
|
-
|
|
5
|
-
## Summary
|
|
6
|
-
|
|
7
|
-
TODO
|
|
8
|
-
|
|
9
|
-
## Download
|
|
10
|
-
|
|
11
|
-
Download using one of the options:
|
|
12
|
-
|
|
13
|
-
- `npm i grapesjs-preset-ostendis-adv`
|
|
14
|
-
- Latest release link https://github.com/ostendisorg/grapesjs-preset-ostendis-adv/releases
|
|
15
|
-
|
|
16
|
-
## Usage
|
|
17
|
-
|
|
18
|
-
Directly in the browser
|
|
19
|
-
|
|
20
|
-
```html
|
|
21
|
-
<link href="path/to/grapes.min.css" rel="stylesheet" />
|
|
22
|
-
<link href="path/to/grapesjs-preset-ostendis-adv.css" rel="stylesheet" />
|
|
23
|
-
|
|
24
|
-
<script src="path/to/grapes.min.js"></script>
|
|
25
|
-
<script src="path/to/grapesjs-preset-ostendis-adv.min.js"></script>
|
|
26
|
-
|
|
27
|
-
<div id="gjs"></div>
|
|
28
|
-
|
|
29
|
-
<script type="text/javascript">
|
|
30
|
-
var editor = grapesjs.init({
|
|
31
|
-
container: "#gjs",
|
|
32
|
-
plugins: ["grapesjs-preset-ostendis-adv"],
|
|
33
|
-
pluginsOpts: {
|
|
34
|
-
"grapesjs-preset-ostendis-adv": {
|
|
35
|
-
// options
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
});
|
|
39
|
-
</script>
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
Modern javascript
|
|
43
|
-
|
|
44
|
-
```js
|
|
45
|
-
import grapesjs from 'grapesjs';
|
|
46
|
-
import plugin from 'grapesjs-preset-ostendis-adv';
|
|
47
|
-
|
|
48
|
-
const editor = grapesjs.init({
|
|
49
|
-
container : '#gjs',
|
|
50
|
-
// ...
|
|
51
|
-
plugins: [plugin],
|
|
52
|
-
pluginsOpts: {
|
|
53
|
-
[plugin]: { /* options */ }
|
|
54
|
-
}
|
|
55
|
-
// or
|
|
56
|
-
plugins: [
|
|
57
|
-
editor => plugin(editor, { /* options */ }),
|
|
58
|
-
],
|
|
59
|
-
});
|
|
60
|
-
```
|
|
61
|
-
|
|
62
|
-
## Development
|
|
63
|
-
|
|
64
|
-
Clone the repository
|
|
65
|
-
|
|
66
|
-
```sh
|
|
67
|
-
$ git clone https://github.com/ostendisorg/grapesjs-preset-ostendis-adv.git
|
|
68
|
-
$ cd grapesjs-preset-ostendis
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
Install dependencies (use Node version 18.x)
|
|
72
|
-
|
|
73
|
-
```sh
|
|
74
|
-
$ npm i
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
Start the dev server
|
|
78
|
-
|
|
79
|
-
```sh
|
|
80
|
-
$ npm start
|
|
81
|
-
```
|
|
82
|
-
|
|
83
|
-
Build before the commit. This will also increase the patch level version of the package
|
|
84
|
-
|
|
85
|
-
```sh
|
|
86
|
-
$ npm run build
|
|
87
|
-
```
|
|
88
|
-
|
|
89
|
-
## Test Version (test.html)
|
|
90
|
-
|
|
91
|
-
The file test.html was created for testing purposes. It can be used either with the Ostendis plugin or in its original version (see comments for details).
|
|
92
|
-
|
|
93
|
-
URL: http://localhost:8080/test.html
|
|
94
|
-
|
|
95
|
-
## Release
|
|
96
|
-
|
|
97
|
-
To install publishing dependency
|
|
98
|
-
|
|
99
|
-
```sh
|
|
100
|
-
$ npm install --global np
|
|
101
|
-
```
|
|
102
|
-
|
|
103
|
-
Publish the package
|
|
104
|
-
|
|
105
|
-
```sh
|
|
106
|
-
$ npm run release
|
|
107
|
-
```
|
|
108
|
-
|
|
109
|
-
**ONLY** workes with package:
|
|
110
|
-
https://www.npmjs.com/package/np
|
|
111
|
-
|
|
112
|
-
## License
|
|
113
|
-
|
|
114
|
-
BSD 3-Clause
|
|
115
|
-
|
|
116
|
-
Based on: [GrapesJS Newsletter Preset](http://grapesjs.com/demo-newsletter-editor.html)
|
|
117
|
-
Copyright (c) 2016, [Artur Arseniev](https://github.com/artf)
|
|
118
|
-
All rights reserved.
|
|
1
|
+
# GrapesJS Ostendis Preset
|
|
2
|
+
|
|
3
|
+
This preset configures GrapesJS to be used with some unique features and blocks for the [Ostendis E-Recruiting system](https://www.ostendis.com/en)
|
|
4
|
+
|
|
5
|
+
## Summary
|
|
6
|
+
|
|
7
|
+
TODO
|
|
8
|
+
|
|
9
|
+
## Download
|
|
10
|
+
|
|
11
|
+
Download using one of the options:
|
|
12
|
+
|
|
13
|
+
- `npm i grapesjs-preset-ostendis-adv`
|
|
14
|
+
- Latest release link https://github.com/ostendisorg/grapesjs-preset-ostendis-adv/releases
|
|
15
|
+
|
|
16
|
+
## Usage
|
|
17
|
+
|
|
18
|
+
Directly in the browser
|
|
19
|
+
|
|
20
|
+
```html
|
|
21
|
+
<link href="path/to/grapes.min.css" rel="stylesheet" />
|
|
22
|
+
<link href="path/to/grapesjs-preset-ostendis-adv.css" rel="stylesheet" />
|
|
23
|
+
|
|
24
|
+
<script src="path/to/grapes.min.js"></script>
|
|
25
|
+
<script src="path/to/grapesjs-preset-ostendis-adv.min.js"></script>
|
|
26
|
+
|
|
27
|
+
<div id="gjs"></div>
|
|
28
|
+
|
|
29
|
+
<script type="text/javascript">
|
|
30
|
+
var editor = grapesjs.init({
|
|
31
|
+
container: "#gjs",
|
|
32
|
+
plugins: ["grapesjs-preset-ostendis-adv"],
|
|
33
|
+
pluginsOpts: {
|
|
34
|
+
"grapesjs-preset-ostendis-adv": {
|
|
35
|
+
// options
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
});
|
|
39
|
+
</script>
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
Modern javascript
|
|
43
|
+
|
|
44
|
+
```js
|
|
45
|
+
import grapesjs from 'grapesjs';
|
|
46
|
+
import plugin from 'grapesjs-preset-ostendis-adv';
|
|
47
|
+
|
|
48
|
+
const editor = grapesjs.init({
|
|
49
|
+
container : '#gjs',
|
|
50
|
+
// ...
|
|
51
|
+
plugins: [plugin],
|
|
52
|
+
pluginsOpts: {
|
|
53
|
+
[plugin]: { /* options */ }
|
|
54
|
+
}
|
|
55
|
+
// or
|
|
56
|
+
plugins: [
|
|
57
|
+
editor => plugin(editor, { /* options */ }),
|
|
58
|
+
],
|
|
59
|
+
});
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## Development
|
|
63
|
+
|
|
64
|
+
Clone the repository
|
|
65
|
+
|
|
66
|
+
```sh
|
|
67
|
+
$ git clone https://github.com/ostendisorg/grapesjs-preset-ostendis-adv.git
|
|
68
|
+
$ cd grapesjs-preset-ostendis
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
Install dependencies (use Node version 18.x)
|
|
72
|
+
|
|
73
|
+
```sh
|
|
74
|
+
$ npm i
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
Start the dev server
|
|
78
|
+
|
|
79
|
+
```sh
|
|
80
|
+
$ npm start
|
|
81
|
+
```
|
|
82
|
+
|
|
83
|
+
Build before the commit. This will also increase the patch level version of the package
|
|
84
|
+
|
|
85
|
+
```sh
|
|
86
|
+
$ npm run build
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
## Test Version (test.html)
|
|
90
|
+
|
|
91
|
+
The file test.html was created for testing purposes. It can be used either with the Ostendis plugin or in its original version (see comments for details).
|
|
92
|
+
|
|
93
|
+
URL: http://localhost:8080/test.html
|
|
94
|
+
|
|
95
|
+
## Release
|
|
96
|
+
|
|
97
|
+
To install publishing dependency
|
|
98
|
+
|
|
99
|
+
```sh
|
|
100
|
+
$ npm install --global np
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
Publish the package
|
|
104
|
+
|
|
105
|
+
```sh
|
|
106
|
+
$ npm run release
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
**ONLY** workes with package:
|
|
110
|
+
https://www.npmjs.com/package/np
|
|
111
|
+
|
|
112
|
+
## License
|
|
113
|
+
|
|
114
|
+
BSD 3-Clause
|
|
115
|
+
|
|
116
|
+
Based on: [GrapesJS Newsletter Preset](http://grapesjs.com/demo-newsletter-editor.html)
|
|
117
|
+
Copyright (c) 2016, [Artur Arseniev](https://github.com/artf)
|
|
118
|
+
All rights reserved.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.gjs-one-bg{background-color:#fff}.gjs-two-color{color:#657390}.gjs-blocks-c{background-color:#f2f2f2}.gjs-pn-commands,.gjs-pn-views-container{box-shadow:none}.gjs-four-color{color:#ff8200}.gjs-color-warn{color:#ff8200;fill:#ff8200;text-decoration:line-through}.gjs-radio-item input:checked+.gjs-radio-item-label{color:#fff;background-color:#3b5998}.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color:#3b5998}.gjs-field-arrow-d{border-top:4px solid #3b5998}.gjs-field-arrow-u{border-bottom:4px solid #3b5998}.gjs-clm-tags #gjs-clm-new{color:#657390}.gjs-pn-commands,.gjs-cv-canvas{width:80%}.gjs-pn-views,.gjs-pn-views-container{width:20%;transition:all .2s ease-in}.gjs-pn-options{right:20%}.gjs-field-arrows{z-index:9}.gjs-block.fa::before,.gjs-block.fa-solid::before,.gjs-block.fa-regular::before,.gjs-block.fa-brands::before{display:block;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:48px}.gjs-block.fa-regular::before,.gjs-block.fa-brands::before{font-weight:400}.gjs-block.fa-solid::before{font-weight:900}.gjs-drag-helper{background-color:#3b5998 !important}.gjs-selected{outline:2px solid #3b5998 !important}.gjs-highlighter{outline:1px solid #3b5998 !important}*.gjs-hover,div.gjs-hover{outline:1px solid #3b5998}.gjs-badge,.gjs-badge{background-color:#3b5998}.gjs-toolbar{background-color:#3b5998}.gjs-toolbar-items{text-align:center}.gjs-resizer-h{border:2px solid #3b5998}.gjs-clm-tags .gjs-sm-title,.gjs-sm-sector .gjs-sm-title{border-top:none;background-color:#fff}.gjs-clm-tags .gjs-clm-tag{background-color:#3b5998;border:none;box-shadow:none;padding:5px 8px;text-shadow:none;color:#fff}.gjs-field{color:#657390;background-color:rgba(0,0,0,.1);box-shadow:none}.gjs-btnt.gjs-pn-active,.gjs-pn-btn.gjs-pn-active{box-shadow:none}.gjs-pn-btn:hover{color:#3b5998}.gjs-btnt.gjs-pn-active,.gjs-color-active,.gjs-pn-btn.gjs-pn-active,.gjs-pn-btn:active,.gjs-block:hover{color:#3b5998}#gjs-rte-toolbar .gjs-rte-btn,.gjs-btn-prim,.gjs-btnt,.gjs-clm-tags .gjs-sm-composite.gjs-clm-field,.gjs-clm-tags .gjs-sm-field.gjs-sm-composite,.gjs-clm-tags .gjs-sm-stack #gjs-sm-add,.gjs-color-main,.gjs-mdl-dialog,.gjs-off-prv,.gjs-pn-btn,.gjs-pn-panel,.gjs-sm-sector .gjs-sm-composite.gjs-clm-field,.gjs-sm-sector .gjs-sm-field.gjs-sm-composite,.gjs-sm-sector .gjs-sm-stack #gjs-sm-add{color:#657390}#gjs-rte-toolbar,.gjs-bg-main,.gjs-clm-select option,.gjs-clm-tags .gjs-sm-colorp-c,.gjs-editor,.gjs-mdl-dialog,.gjs-nv-item .gjs-nv-title-c,.gjs-off-prv,.gjs-pn-panel,.gjs-block,.gjs-select option,.gjs-field-select option,.gjs-sm-sector .gjs-sm-colorp-c,.gjs-sm-select option,.gjs-sm-unit option,.sp-container .sp-container button{color:#657390;background-color:#fff}.simple .gjs-toolbar-item:not(:first-child){display:none}.gjs-ost-toolbar{display:none;position:absolute;background-color:#3b5998;white-space:nowrap;color:#fff;z-index:11;bottom:-26px;right:0}.gjs-ost-toolbar.show{display:block;pointer-events:all}.gjs-ost-toolbar .gjs-ost-toolbar-item{cursor:pointer;display:inline-block;width:26px;height:26px;padding:5px}.gjs-ost-toolbar .gjs-ost-toolbar-item.disable{color:hsla(0,0%,100%,.3);cursor:inherit}.gjs-sm-sector .gjs-sm-field input,.gjs-clm-tags .gjs-sm-field input,.gjs-sm-sector .gjs-clm-field input,.gjs-clm-tags .gjs-clm-field input,.gjs-sm-sector .gjs-clm-select input,.gjs-clm-tags .gjs-clm-select input,.gjs-sm-sector .gjs-sm-field select,.gjs-clm-tags .gjs-sm-field select,.gjs-sm-sector .gjs-clm-field select,.gjs-clm-tags .gjs-clm-field select,.gjs-sm-sector .gjs-clm-select select,.gjs-clm-tags .gjs-clm-select select{color:#657390;background-color:#fff}.gjs-import-label,.gjs-export-label{margin-bottom:10px;font-size:13px}.gjs-mdl-dialog .gjs-btn-import{margin-top:10px;background-color:#3b5998;color:#fff;padding-inline:15px;margin-left:auto}.CodeMirror{border-radius:3px;height:450px;font-family:sans-serif,monospace;letter-spacing:.3px;font-size:12px}.gjs-block{border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:5px 2.5% 5px;box-shadow:0 1px 0 0 rgba(0,0,0,.15);transition:box-shadow,color .2s ease 0s}.gjs-block:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}#gjs-pn-views-container.gjs-pn-panel{padding:39px 0 0}#gjs-pn-views.gjs-pn-panel{padding:0;border:none}#gjs-pn-views .gjs-pn-btn{margin:0;height:40px;padding:10px;width:25%;border-bottom:2px solid rgba(0,0,0,.3)}#gjs-pn-views .gjs-pn-active{color:hsla(0,0%,100%,.9);border-bottom:2px solid #3b5998;border-radius:0}#gjs-pn-devices-c{padding-left:30px}#gjs-pn-options{padding-right:30px}.gjs-pn-options{z-index:4}.gjs-sm-composite .gjs-sm-properties{display:flex;flex-flow:row wrap;justify-content:space-between}#gjs-sm-border-top-left-radius,#gjs-sm-border-top-right-radius,#gjs-sm-border-bottom-left-radius,#gjs-sm-border-bottom-right-radius,#gjs-sm-margin-top,#gjs-sm-margin-bottom,#gjs-sm-margin-right,#gjs-sm-margin-left,#gjs-sm-padding-top,#gjs-sm-padding-bottom,#gjs-sm-padding-right,#gjs-sm-padding-left{flex:999 1 60px}#gjs-sm-border-width,#gjs-sm-border-style,#gjs-sm-border-color{flex:999 1 80px}#gjs-sm-margin-left,#gjs-sm-padding-left{order:2}#gjs-sm-margin-right,#gjs-sm-padding-right{order:3}#gjs-sm-margin-bottom,#gjs-sm-padding-bottom{order:4}.gjs-field-radio{width:100%}.gjs-field-radio #gjs-sm-input-holder{display:flex}.gjs-radio-item{flex:1 0 auto;text-align:center}.gjs-sm-sector .gjs-sm-property.gjs-sm-list{width:50%}.gjs-mdl-content{border-top:none}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-active{background-color:hsla(0,0%,100%,.09)}.gjs-f-button::before{content:"B"}.gjs-f-divider::before{content:"D"}.gjs-mdl-dialog-sm{width:300px}.gjs-mdl-dialog form .gjs-sm-property{font-size:12px;margin-bottom:15px}.gjs-mdl-dialog form .gjs-sm-label{margin-bottom:5px}#gjs-clm-status-c{display:none}.anim-spin{animation:.5s linear 0s normal none infinite running spin}.form-status{float:right;font-size:14px}.text-danger{color:#f92929}#alert-msg-overlay{position:absolute;top:0;left:0;width:100%;height:401px;z-index:990}.alert-msg{position:absolute;background-color:#fff;top:50px;left:20%;width:60%;min-width:300px;z-index:999;border-radius:5px;box-shadow:0 0 11px rgba(0,0,0,.5)}.alert-msg .header{background-color:#ff8200;color:#fff;padding:15px;border-top-left-radius:5px;border-top-right-radius:5px;height:50px;box-sizing:border-box}.alert-msg .header h3{margin:0}.alert-msg .header h3 span{margin-right:10px}.alert-msg .content{padding:20px;box-sizing:border-box}.alert-msg .content .files{overflow-y:auto;margin:15px 0}.alert-msg .content .files ul{margin:5px;padding:0 0 0 15px}.alert-msg .content .files ul ::marker{content:"×"}.alert-msg .content .files ul li{padding-left:5px}.alert-msg .content strong{font-weight:bold}.alert-msg .content button.ok{margin:15px auto;display:flex;background-color:#fff;padding:5px 15px;text-transform:uppercase;color:currentColor;border:none;font-weight:normal;font-size:1.1rem;cursor:pointer}.alert-msg .content button.ok:hover{background-color:#dfdfdf}.gjs-mdl-header{display:flex;padding:10px 15px;line-height:25px}.gjs-mdl-btn-close{position:inherit;right:inherit;top:inherit;margin-left:auto;border-color:rgba(59,89,152,.2);line-height:25px;font-size:
|
|
1
|
+
.gjs-one-bg{background-color:#fff}.gjs-two-color{color:#657390}.gjs-blocks-c{background-color:#f2f2f2}.gjs-pn-commands,.gjs-pn-views-container{box-shadow:none}.gjs-four-color{color:#ff8200}.gjs-color-warn{color:#ff8200;fill:#ff8200;text-decoration:line-through}.gjs-radio-item input:checked+.gjs-radio-item-label{color:#fff;background-color:#3b5998}.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color:#3b5998}.gjs-field-arrow-d{border-top:4px solid #3b5998}.gjs-field-arrow-u{border-bottom:4px solid #3b5998}.gjs-clm-tags #gjs-clm-new{color:#657390}.gjs-pn-commands,.gjs-cv-canvas{width:80%}.gjs-pn-views,.gjs-pn-views-container{width:20%;transition:all .2s ease-in}.gjs-pn-options{right:20%}.gjs-field-arrows{z-index:9}.gjs-block.fa::before,.gjs-block.fa-solid::before,.gjs-block.fa-regular::before,.gjs-block.fa-brands::before{display:block;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:48px}.gjs-block.fa-regular::before,.gjs-block.fa-brands::before{font-weight:400}.gjs-block.fa-solid::before{font-weight:900}.gjs-drag-helper{background-color:#3b5998 !important}.gjs-selected{outline:2px solid #3b5998 !important}.gjs-highlighter{outline:1px solid #3b5998 !important}*.gjs-hover,div.gjs-hover{outline:1px solid #3b5998}.gjs-badge,.gjs-badge{background-color:#3b5998}.gjs-toolbar{background-color:#3b5998}.gjs-toolbar-items{display:flex;justify-content:center;align-items:center;text-align:center}.gjs-toolbar-items>.gjs-toolbar-item{height:26px;display:flex;justify-content:center;align-items:center}.gjs-resizer-h{border:2px solid #3b5998}.gjs-clm-tags .gjs-sm-title,.gjs-sm-sector .gjs-sm-title{border-top:none;background-color:#fff}.gjs-clm-tags .gjs-clm-tag{background-color:#3b5998;border:none;box-shadow:none;padding:5px 8px;text-shadow:none;color:#fff}.gjs-field{color:#657390;background-color:rgba(0,0,0,.1);box-shadow:none}.gjs-btnt.gjs-pn-active,.gjs-pn-btn.gjs-pn-active{box-shadow:none}.gjs-pn-btn:hover{color:#3b5998}.gjs-btnt.gjs-pn-active,.gjs-color-active,.gjs-pn-btn.gjs-pn-active,.gjs-pn-btn:active,.gjs-block:hover{color:#3b5998}#gjs-rte-toolbar .gjs-rte-btn,.gjs-btn-prim,.gjs-btnt,.gjs-clm-tags .gjs-sm-composite.gjs-clm-field,.gjs-clm-tags .gjs-sm-field.gjs-sm-composite,.gjs-clm-tags .gjs-sm-stack #gjs-sm-add,.gjs-color-main,.gjs-mdl-dialog,.gjs-off-prv,.gjs-pn-btn,.gjs-pn-panel,.gjs-sm-sector .gjs-sm-composite.gjs-clm-field,.gjs-sm-sector .gjs-sm-field.gjs-sm-composite,.gjs-sm-sector .gjs-sm-stack #gjs-sm-add{color:#657390}#gjs-rte-toolbar,.gjs-bg-main,.gjs-clm-select option,.gjs-clm-tags .gjs-sm-colorp-c,.gjs-editor,.gjs-mdl-dialog,.gjs-nv-item .gjs-nv-title-c,.gjs-off-prv,.gjs-pn-panel,.gjs-block,.gjs-select option,.gjs-field-select option,.gjs-sm-sector .gjs-sm-colorp-c,.gjs-sm-select option,.gjs-sm-unit option,.sp-container .sp-container button{color:#657390;background-color:#fff}.simple .gjs-toolbar-item:not(:first-child){display:none}.gjs-ost-toolbar{display:none;position:absolute;background-color:#3b5998;white-space:nowrap;color:#fff;z-index:11;bottom:-26px;right:0}.gjs-ost-toolbar.show{display:block;pointer-events:all}.gjs-ost-toolbar .gjs-ost-toolbar-item{cursor:pointer;display:inline-block;width:26px;height:26px;padding:5px}.gjs-ost-toolbar .gjs-ost-toolbar-item.disable{color:hsla(0,0%,100%,.3);cursor:inherit}.gjs-sm-sector .gjs-sm-field input,.gjs-clm-tags .gjs-sm-field input,.gjs-sm-sector .gjs-clm-field input,.gjs-clm-tags .gjs-clm-field input,.gjs-sm-sector .gjs-clm-select input,.gjs-clm-tags .gjs-clm-select input,.gjs-sm-sector .gjs-sm-field select,.gjs-clm-tags .gjs-sm-field select,.gjs-sm-sector .gjs-clm-field select,.gjs-clm-tags .gjs-clm-field select,.gjs-sm-sector .gjs-clm-select select,.gjs-clm-tags .gjs-clm-select select{color:#657390;background-color:#fff}.gjs-import-label,.gjs-export-label{margin-bottom:10px;font-size:13px}.gjs-mdl-dialog .gjs-btn-import{margin-top:10px;background-color:#3b5998;color:#fff;padding-inline:15px;margin-left:auto}.CodeMirror{border-radius:3px;height:450px;font-family:sans-serif,monospace;letter-spacing:.3px;font-size:12px}.gjs-block{border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:5px 2.5% 5px;box-shadow:0 1px 0 0 rgba(0,0,0,.15);transition:box-shadow,color .2s ease 0s}.gjs-block:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}#gjs-pn-views-container.gjs-pn-panel{padding:39px 0 0}#gjs-pn-views.gjs-pn-panel{padding:0;border:none}#gjs-pn-views .gjs-pn-btn{margin:0;height:40px;padding:10px;width:25%;border-bottom:2px solid rgba(0,0,0,.3)}#gjs-pn-views .gjs-pn-active{color:hsla(0,0%,100%,.9);border-bottom:2px solid #3b5998;border-radius:0}#gjs-pn-devices-c{padding-left:30px}#gjs-pn-options{padding-right:30px}.gjs-pn-options{z-index:4}.gjs-sm-composite .gjs-sm-properties{display:flex;flex-flow:row wrap;justify-content:space-between}#gjs-sm-border-top-left-radius,#gjs-sm-border-top-right-radius,#gjs-sm-border-bottom-left-radius,#gjs-sm-border-bottom-right-radius,#gjs-sm-margin-top,#gjs-sm-margin-bottom,#gjs-sm-margin-right,#gjs-sm-margin-left,#gjs-sm-padding-top,#gjs-sm-padding-bottom,#gjs-sm-padding-right,#gjs-sm-padding-left{flex:999 1 60px}#gjs-sm-border-width,#gjs-sm-border-style,#gjs-sm-border-color{flex:999 1 80px}#gjs-sm-margin-left,#gjs-sm-padding-left{order:2}#gjs-sm-margin-right,#gjs-sm-padding-right{order:3}#gjs-sm-margin-bottom,#gjs-sm-padding-bottom{order:4}.gjs-field-radio{width:100%}.gjs-field-radio #gjs-sm-input-holder{display:flex}.gjs-radio-item{flex:1 0 auto;text-align:center}.gjs-sm-sector .gjs-sm-property.gjs-sm-list{width:50%}.gjs-mdl-content{border-top:none}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-active{background-color:hsla(0,0%,100%,.09)}.gjs-f-button::before{content:"B"}.gjs-f-divider::before{content:"D"}.gjs-mdl-dialog-sm{width:300px}.gjs-mdl-dialog form .gjs-sm-property{font-size:12px;margin-bottom:15px}.gjs-mdl-dialog form .gjs-sm-label{margin-bottom:5px}#gjs-clm-status-c{display:none}.anim-spin{animation:.5s linear 0s normal none infinite running spin}.form-status{float:right;font-size:14px}.text-danger{color:#f92929}#alert-msg-overlay{position:absolute;top:0;left:0;width:100%;height:401px;z-index:990}.alert-msg{position:absolute;background-color:#fff;top:50px;left:20%;width:60%;min-width:300px;z-index:999;border-radius:5px;box-shadow:0 0 11px rgba(0,0,0,.5)}.alert-msg .header{background-color:#ff8200;color:#fff;padding:15px;border-top-left-radius:5px;border-top-right-radius:5px;height:50px;box-sizing:border-box}.alert-msg .header h3{margin:0}.alert-msg .header h3 span{margin-right:10px}.alert-msg .content{padding:20px;box-sizing:border-box}.alert-msg .content .files{overflow-y:auto;margin:15px 0}.alert-msg .content .files ul{margin:5px;padding:0 0 0 15px}.alert-msg .content .files ul ::marker{content:"×"}.alert-msg .content .files ul li{padding-left:5px}.alert-msg .content strong{font-weight:bold}.alert-msg .content button.ok{margin:15px auto;display:flex;background-color:#fff;padding:5px 15px;text-transform:uppercase;color:currentColor;border:none;font-weight:normal;font-size:1.1rem;cursor:pointer}.alert-msg .content button.ok:hover{background-color:#dfdfdf}.gjs-mdl-header{display:flex;padding:10px 15px;line-height:25px}.gjs-mdl-btn-close{position:inherit;right:inherit;top:inherit;margin-left:auto;border-color:rgba(59,89,152,.2);line-height:25px;font-size:2rem}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-dialog{width:500px;max-width:100%;border-radius:5px}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-header{background-color:#ff8200;color:#fff;border:none;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bold}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-btn-close{color:#fff}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-content{padding:20px}.gjs-mdl-container.alertModalOstBlocks button.ok{margin:15px auto;display:flex;background-color:#fff;padding:5px 15px;text-transform:uppercase;color:currentColor;border:none;font-weight:normal;font-size:1.1rem;cursor:pointer}.gjs-mdl-container.alertModalOstBlocks button.ok:hover{background-color:#dfdfdf}.gjs-editor-cont .sp-container .sp-choose{background:#3b5998;border-color:#3b5998;color:#fff;border-radius:0}.gjs-editor-cont .sp-container .sp-choose:hover,.gjs-editor-cont .sp-container .sp-choose:active{background:#3b5998;border-color:#3b5998;color:#657390}.gjs-trt-trait{padding:10px;flex-wrap:wrap}.gjs-trt-trait .gjs-label-wrp{width:100%}.gjs-select-option-ok,.gjs-select-option-ok:checked{background-color:#b9ffb2;color:#006400}.gjs-select-option-nok,.gjs-select-option-nok:checked{background-color:#ffb3b3;color:#680000}.gjs-trt-traits .sp-container{top:30px !important;left:-200px !important}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#paste-from-word-text{margin-bottom:15px;color:#657390;font-size:14px}#paste-from-word-content{box-sizing:border-box;width:100%;height:300px;padding:10px;border:1px solid #ddd;border-radius:4px;color:#657390;font-size:14px;line-height:1.4;resize:vertical}#paste-from-word-content:focus{outline:1px solid #3b5998}#paste-from-word-footer{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}#paste-from-word-apply{padding:10px 20px;background:#3b5998;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}#paste-from-word-apply:focus{outline:1px solid #2e4576}
|