@innovastudio/contentbuilder 1.4.149 → 1.5.0
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +4 -1
- package/public/contentbuilder/contentbuilder.css +651 -33
- package/public/contentbuilder/contentbuilder.esm.js +18446 -11080
- package/public/contentbuilder/contentbuilder.min.js +11 -11
- package/public/contentbuilder/lang/en.js +9 -1
- package/public/contentbuilder/lang/fr.js +9 -1
- package/public/contentbuilder/themes/colored-blue.css +64 -53
- package/public/contentbuilder/themes/colored-blue2.css +64 -53
- package/public/contentbuilder/themes/colored-blue3.css +64 -53
- package/public/contentbuilder/themes/colored-blue4.css +64 -53
- package/public/contentbuilder/themes/colored-blue5.css +64 -53
- package/public/contentbuilder/themes/colored-blue6.css +64 -53
- package/public/contentbuilder/themes/colored-blue7.css +64 -53
- package/public/contentbuilder/themes/colored-blue8.css +64 -53
- package/public/contentbuilder/themes/colored-dark.css +60 -53
- package/public/contentbuilder/themes/colored-darkblue.css +64 -53
- package/public/contentbuilder/themes/colored-gray.css +64 -53
- package/public/contentbuilder/themes/colored-green.css +64 -53
- package/public/contentbuilder/themes/colored-green2.css +64 -53
- package/public/contentbuilder/themes/colored-green3.css +64 -53
- package/public/contentbuilder/themes/colored-green4.css +64 -53
- package/public/contentbuilder/themes/colored-green5.css +64 -53
- package/public/contentbuilder/themes/colored-magenta.css +64 -53
- package/public/contentbuilder/themes/colored-orange.css +64 -53
- package/public/contentbuilder/themes/colored-orange2.css +64 -53
- package/public/contentbuilder/themes/colored-orange3.css +64 -53
- package/public/contentbuilder/themes/colored-pink.css +64 -53
- package/public/contentbuilder/themes/colored-pink2.css +64 -53
- package/public/contentbuilder/themes/colored-pink3.css +64 -53
- package/public/contentbuilder/themes/colored-pink4.css +64 -53
- package/public/contentbuilder/themes/colored-purple.css +64 -53
- package/public/contentbuilder/themes/colored-purple2.css +64 -53
- package/public/contentbuilder/themes/colored-red.css +64 -53
- package/public/contentbuilder/themes/colored-red2.css +64 -53
- package/public/contentbuilder/themes/colored-red3.css +64 -53
- package/public/contentbuilder/themes/colored-red4.css +64 -53
- package/public/contentbuilder/themes/colored-red5.css +64 -53
- package/public/contentbuilder/themes/colored-yellow.css +64 -53
- package/public/contentbuilder/themes/colored-yellow2.css +64 -53
- package/public/contentbuilder/themes/dark-blue.css +78 -57
- package/public/contentbuilder/themes/dark-blue2.css +78 -57
- package/public/contentbuilder/themes/dark-blue3.css +78 -57
- package/public/contentbuilder/themes/dark-gray.css +78 -57
- package/public/contentbuilder/themes/dark-pink.css +78 -57
- package/public/contentbuilder/themes/dark-purple.css +78 -57
- package/public/contentbuilder/themes/dark-red.css +78 -57
- package/public/contentbuilder/themes/dark.css +74 -55
- package/public/contentbuilder/themes/light-blue.css +64 -53
- package/public/contentbuilder/themes/light-blue2.css +64 -53
- package/public/contentbuilder/themes/light-blue3.css +64 -53
- package/public/contentbuilder/themes/light-cyan.css +64 -53
- package/public/contentbuilder/themes/light-gray.css +64 -53
- package/public/contentbuilder/themes/light-gray2.css +64 -53
- package/public/contentbuilder/themes/light-gray3.css +64 -53
- package/public/contentbuilder/themes/light-green.css +64 -53
- package/public/contentbuilder/themes/light-pink.css +64 -53
- package/public/contentbuilder/themes/light-pink2.css +64 -53
- package/public/contentbuilder/themes/light-purple.css +64 -53
- package/public/contentbuilder/themes/light-purple2.css +64 -53
- package/public/contentbuilder/themes/light-red.css +64 -53
- package/public/contentbuilder/themes/light-yellow.css +64 -53
- package/public/contentbuilder/themes/light-yellow2.css +64 -53
- package/readme.txt +95 -10
- package/README.md +0 -2252
@@ -401,6 +401,28 @@
|
|
401
401
|
.light .is-ui .is-rte-pop.rte-textsetting-options button:focus {
|
402
402
|
background: #ffcece;
|
403
403
|
}
|
404
|
+
.light #_cbhtml .is-rte-pop.rte-icon-options input[type=text],
|
405
|
+
.light .is-ui .is-rte-pop.rte-icon-options input[type=text] {
|
406
|
+
color: rgba(0, 0, 0, 0.95);
|
407
|
+
background: rgba(255, 175, 175, 0.4);
|
408
|
+
border: none;
|
409
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
|
410
|
+
}
|
411
|
+
.light #_cbhtml .is-rte-pop.rte-icon-options #inpRteIconSearch::placeholder,
|
412
|
+
.light .is-ui .is-rte-pop.rte-icon-options #inpRteIconSearch::placeholder {
|
413
|
+
color: rgba(0, 0, 0, 0.6);
|
414
|
+
}
|
415
|
+
.light #_cbhtml .is-rte-pop.rte-fontfamily-options input[type=text],
|
416
|
+
.light .is-ui .is-rte-pop.rte-fontfamily-options input[type=text] {
|
417
|
+
color: rgba(0, 0, 0, 0.95);
|
418
|
+
background: rgba(255, 175, 175, 0.4);
|
419
|
+
border: none;
|
420
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
|
421
|
+
}
|
422
|
+
.light #_cbhtml .is-rte-pop.rte-fontfamily-options #inpRteFontSearch::placeholder,
|
423
|
+
.light .is-ui .is-rte-pop.rte-fontfamily-options #inpRteFontSearch::placeholder {
|
424
|
+
color: rgba(0, 0, 0, 0.6);
|
425
|
+
}
|
404
426
|
.light #_cbhtml .is-rte-pop.rte-color-picker button,
|
405
427
|
.light .is-ui .is-rte-pop.rte-color-picker button {
|
406
428
|
color: rgba(0, 0, 0, 0.95);
|
@@ -678,6 +700,18 @@
|
|
678
700
|
.light .is-ui .is-modal.pickcolor .is-color-preview {
|
679
701
|
border: transparent 1px solid;
|
680
702
|
}
|
703
|
+
.light #_cbhtml .is-modal.snippetwindow,
|
704
|
+
.light .is-ui .is-modal.snippetwindow {
|
705
|
+
background-color: #f5f2f2;
|
706
|
+
}
|
707
|
+
.light #_cbhtml .is-modal.snippetwindow .is-modal-bar,
|
708
|
+
.light .is-ui .is-modal.snippetwindow .is-modal-bar {
|
709
|
+
background-color: rgba(255, 255, 255, 0.12);
|
710
|
+
}
|
711
|
+
.light #_cbhtml .is-modal.snippetwindow .select-styled,
|
712
|
+
.light .is-ui .is-modal.snippetwindow .select-styled {
|
713
|
+
border-bottom: 1px solid #bababa38;
|
714
|
+
}
|
681
715
|
.light #_cbhtml .is-modal.pickcolormore div.is-modal-content > div,
|
682
716
|
.light .is-ui .is-modal.pickcolormore div.is-modal-content > div {
|
683
717
|
opacity: 0.9;
|
@@ -752,26 +786,26 @@
|
|
752
786
|
.light .is-ui .is-tool.is-table-tool > button svg {
|
753
787
|
fill: #000;
|
754
788
|
}
|
755
|
-
.light #_cbhtml .is-tool.is-code-tool > button, .light #_cbhtml .is-tool.is-module-tool > button,
|
789
|
+
.light #_cbhtml .is-tool.is-code-tool > button, .light #_cbhtml .is-tool.is-module-tool > button, .light #_cbhtml .is-tool.is-svg-tool > button,
|
756
790
|
.light .is-ui .is-tool.is-code-tool > button,
|
757
|
-
.light .is-ui .is-tool.is-module-tool > button
|
791
|
+
.light .is-ui .is-tool.is-module-tool > button,
|
792
|
+
.light .is-ui .is-tool.is-svg-tool > button {
|
758
793
|
background: #efeeee;
|
759
794
|
}
|
760
|
-
.light #_cbhtml .is-tool.is-code-tool > button svg, .light #_cbhtml .is-tool.is-module-tool > button svg,
|
795
|
+
.light #_cbhtml .is-tool.is-code-tool > button svg, .light #_cbhtml .is-tool.is-module-tool > button svg, .light #_cbhtml .is-tool.is-svg-tool > button svg,
|
761
796
|
.light .is-ui .is-tool.is-code-tool > button svg,
|
762
|
-
.light .is-ui .is-tool.is-module-tool > button svg
|
797
|
+
.light .is-ui .is-tool.is-module-tool > button svg,
|
798
|
+
.light .is-ui .is-tool.is-svg-tool > button svg {
|
763
799
|
fill: #000;
|
764
800
|
}
|
765
|
-
.light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button,
|
801
|
+
.light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button,
|
766
802
|
.light .is-ui .is-tool#divLinkTool button,
|
767
|
-
.light .is-ui .is-tool#divButtonTool button
|
768
|
-
.light .is-ui .is-tool#divSvgTool button {
|
803
|
+
.light .is-ui .is-tool#divButtonTool button {
|
769
804
|
background: #efeeee;
|
770
805
|
}
|
771
|
-
.light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg,
|
806
|
+
.light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg,
|
772
807
|
.light .is-ui .is-tool#divLinkTool button svg,
|
773
|
-
.light .is-ui .is-tool#divButtonTool button svg
|
774
|
-
.light .is-ui .is-tool#divSvgTool button svg {
|
808
|
+
.light .is-ui .is-tool#divButtonTool button svg {
|
775
809
|
fill: #000;
|
776
810
|
}
|
777
811
|
.light #_cbhtml #divImageProgress,
|
@@ -1018,49 +1052,6 @@
|
|
1018
1052
|
.light .is-ui .is-selectbox-options > div.selected {
|
1019
1053
|
background: #f9d0d0;
|
1020
1054
|
}
|
1021
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle,
|
1022
|
-
.light .is-ui .is-dropdown .dropdown-toggle {
|
1023
|
-
color: #000;
|
1024
|
-
background: #fbe2e2;
|
1025
|
-
box-shadow: none;
|
1026
|
-
}
|
1027
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle:hover,
|
1028
|
-
.light .is-ui .is-dropdown .dropdown-toggle:hover {
|
1029
|
-
background: #fce6e6;
|
1030
|
-
}
|
1031
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle svg,
|
1032
|
-
.light .is-ui .is-dropdown .dropdown-toggle svg {
|
1033
|
-
fill: #000;
|
1034
|
-
}
|
1035
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle::after,
|
1036
|
-
.light .is-ui .is-dropdown .dropdown-toggle::after {
|
1037
|
-
border-top-color: #000;
|
1038
|
-
border-bottom-color: transparent;
|
1039
|
-
}
|
1040
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
|
1041
|
-
.light .is-ui .is-dropdown .dropdown-toggle.active::after {
|
1042
|
-
border-bottom-color: #000;
|
1043
|
-
border-top-color: transparent;
|
1044
|
-
}
|
1045
|
-
.light #_cbhtml .is-dropdown .dropdown-menu,
|
1046
|
-
.light .is-ui .is-dropdown .dropdown-menu {
|
1047
|
-
border: transparent 1px solid;
|
1048
|
-
background-color: #fbe2e2;
|
1049
|
-
}
|
1050
|
-
.light #_cbhtml .is-dropdown .dropdown-menu li,
|
1051
|
-
.light .is-ui .is-dropdown .dropdown-menu li {
|
1052
|
-
color: #000;
|
1053
|
-
background-color: #fbe2e2;
|
1054
|
-
}
|
1055
|
-
.light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
|
1056
|
-
.light .is-ui .is-dropdown .dropdown-menu li:hover,
|
1057
|
-
.light .is-ui .is-dropdown .dropdown-menu li:focus {
|
1058
|
-
background: #f9d0d0;
|
1059
|
-
}
|
1060
|
-
.light #_cbhtml .is-dropdown .dropdown-menu li.selected,
|
1061
|
-
.light .is-ui .is-dropdown .dropdown-menu li.selected {
|
1062
|
-
background: #f9d0d0;
|
1063
|
-
}
|
1064
1055
|
.light #_cbhtml .elementstyles .elm-list,
|
1065
1056
|
.light .is-ui .elementstyles .elm-list {
|
1066
1057
|
color: rgba(0, 0, 0, 0.95);
|
@@ -1275,3 +1266,23 @@
|
|
1275
1266
|
.light .scroll-darker *::-webkit-scrollbar-thumb {
|
1276
1267
|
background-color: rgba(78, 78, 78, 0.62);
|
1277
1268
|
}
|
1269
|
+
.light .custom-select .select-styled span {
|
1270
|
+
color: #000;
|
1271
|
+
}
|
1272
|
+
.light .custom-select input {
|
1273
|
+
background: #fbe2e2;
|
1274
|
+
}
|
1275
|
+
.light .custom-select .select-options {
|
1276
|
+
border: transparent 1px solid;
|
1277
|
+
background-color: #fbe2e2;
|
1278
|
+
color: #000;
|
1279
|
+
}
|
1280
|
+
.light .custom-select .select-options li {
|
1281
|
+
color: #000;
|
1282
|
+
}
|
1283
|
+
.light .custom-select .select-options li:hover {
|
1284
|
+
background-color: #f9d0d0;
|
1285
|
+
}
|
1286
|
+
.light .custom-select .select-options li.selected {
|
1287
|
+
background-color: #f9d0d0;
|
1288
|
+
}
|
@@ -401,6 +401,28 @@
|
|
401
401
|
.light .is-ui .is-rte-pop.rte-textsetting-options button:focus {
|
402
402
|
background: #f6efc7;
|
403
403
|
}
|
404
|
+
.light #_cbhtml .is-rte-pop.rte-icon-options input[type=text],
|
405
|
+
.light .is-ui .is-rte-pop.rte-icon-options input[type=text] {
|
406
|
+
color: rgba(0, 0, 0, 0.95);
|
407
|
+
background: rgba(242, 231, 173, 0.4);
|
408
|
+
border: none;
|
409
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
|
410
|
+
}
|
411
|
+
.light #_cbhtml .is-rte-pop.rte-icon-options #inpRteIconSearch::placeholder,
|
412
|
+
.light .is-ui .is-rte-pop.rte-icon-options #inpRteIconSearch::placeholder {
|
413
|
+
color: rgba(0, 0, 0, 0.6);
|
414
|
+
}
|
415
|
+
.light #_cbhtml .is-rte-pop.rte-fontfamily-options input[type=text],
|
416
|
+
.light .is-ui .is-rte-pop.rte-fontfamily-options input[type=text] {
|
417
|
+
color: rgba(0, 0, 0, 0.95);
|
418
|
+
background: rgba(242, 231, 173, 0.4);
|
419
|
+
border: none;
|
420
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
|
421
|
+
}
|
422
|
+
.light #_cbhtml .is-rte-pop.rte-fontfamily-options #inpRteFontSearch::placeholder,
|
423
|
+
.light .is-ui .is-rte-pop.rte-fontfamily-options #inpRteFontSearch::placeholder {
|
424
|
+
color: rgba(0, 0, 0, 0.6);
|
425
|
+
}
|
404
426
|
.light #_cbhtml .is-rte-pop.rte-color-picker button,
|
405
427
|
.light .is-ui .is-rte-pop.rte-color-picker button {
|
406
428
|
color: rgba(0, 0, 0, 0.95);
|
@@ -678,6 +700,18 @@
|
|
678
700
|
.light .is-ui .is-modal.pickcolor .is-color-preview {
|
679
701
|
border: transparent 1px solid;
|
680
702
|
}
|
703
|
+
.light #_cbhtml .is-modal.snippetwindow,
|
704
|
+
.light .is-ui .is-modal.snippetwindow {
|
705
|
+
background-color: #faf8ef;
|
706
|
+
}
|
707
|
+
.light #_cbhtml .is-modal.snippetwindow .is-modal-bar,
|
708
|
+
.light .is-ui .is-modal.snippetwindow .is-modal-bar {
|
709
|
+
background-color: rgba(255, 255, 255, 0.12);
|
710
|
+
}
|
711
|
+
.light #_cbhtml .is-modal.snippetwindow .select-styled,
|
712
|
+
.light .is-ui .is-modal.snippetwindow .select-styled {
|
713
|
+
border-bottom: 1px solid #bababa38;
|
714
|
+
}
|
681
715
|
.light #_cbhtml .is-modal.pickcolormore div.is-modal-content > div,
|
682
716
|
.light .is-ui .is-modal.pickcolormore div.is-modal-content > div {
|
683
717
|
opacity: 0.9;
|
@@ -752,26 +786,26 @@
|
|
752
786
|
.light .is-ui .is-tool.is-table-tool > button svg {
|
753
787
|
fill: #000;
|
754
788
|
}
|
755
|
-
.light #_cbhtml .is-tool.is-code-tool > button, .light #_cbhtml .is-tool.is-module-tool > button,
|
789
|
+
.light #_cbhtml .is-tool.is-code-tool > button, .light #_cbhtml .is-tool.is-module-tool > button, .light #_cbhtml .is-tool.is-svg-tool > button,
|
756
790
|
.light .is-ui .is-tool.is-code-tool > button,
|
757
|
-
.light .is-ui .is-tool.is-module-tool > button
|
791
|
+
.light .is-ui .is-tool.is-module-tool > button,
|
792
|
+
.light .is-ui .is-tool.is-svg-tool > button {
|
758
793
|
background: #efefe6;
|
759
794
|
}
|
760
|
-
.light #_cbhtml .is-tool.is-code-tool > button svg, .light #_cbhtml .is-tool.is-module-tool > button svg,
|
795
|
+
.light #_cbhtml .is-tool.is-code-tool > button svg, .light #_cbhtml .is-tool.is-module-tool > button svg, .light #_cbhtml .is-tool.is-svg-tool > button svg,
|
761
796
|
.light .is-ui .is-tool.is-code-tool > button svg,
|
762
|
-
.light .is-ui .is-tool.is-module-tool > button svg
|
797
|
+
.light .is-ui .is-tool.is-module-tool > button svg,
|
798
|
+
.light .is-ui .is-tool.is-svg-tool > button svg {
|
763
799
|
fill: #000;
|
764
800
|
}
|
765
|
-
.light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button,
|
801
|
+
.light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button,
|
766
802
|
.light .is-ui .is-tool#divLinkTool button,
|
767
|
-
.light .is-ui .is-tool#divButtonTool button
|
768
|
-
.light .is-ui .is-tool#divSvgTool button {
|
803
|
+
.light .is-ui .is-tool#divButtonTool button {
|
769
804
|
background: #efefe6;
|
770
805
|
}
|
771
|
-
.light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg,
|
806
|
+
.light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg,
|
772
807
|
.light .is-ui .is-tool#divLinkTool button svg,
|
773
|
-
.light .is-ui .is-tool#divButtonTool button svg
|
774
|
-
.light .is-ui .is-tool#divSvgTool button svg {
|
808
|
+
.light .is-ui .is-tool#divButtonTool button svg {
|
775
809
|
fill: #000;
|
776
810
|
}
|
777
811
|
.light #_cbhtml #divImageProgress,
|
@@ -1018,49 +1052,6 @@
|
|
1018
1052
|
.light .is-ui .is-selectbox-options > div.selected {
|
1019
1053
|
background: #f0eccf;
|
1020
1054
|
}
|
1021
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle,
|
1022
|
-
.light .is-ui .is-dropdown .dropdown-toggle {
|
1023
|
-
color: #000;
|
1024
|
-
background: #f5f2df;
|
1025
|
-
box-shadow: none;
|
1026
|
-
}
|
1027
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle:hover,
|
1028
|
-
.light .is-ui .is-dropdown .dropdown-toggle:hover {
|
1029
|
-
background: #f6f4e3;
|
1030
|
-
}
|
1031
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle svg,
|
1032
|
-
.light .is-ui .is-dropdown .dropdown-toggle svg {
|
1033
|
-
fill: #000;
|
1034
|
-
}
|
1035
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle::after,
|
1036
|
-
.light .is-ui .is-dropdown .dropdown-toggle::after {
|
1037
|
-
border-top-color: #000;
|
1038
|
-
border-bottom-color: transparent;
|
1039
|
-
}
|
1040
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
|
1041
|
-
.light .is-ui .is-dropdown .dropdown-toggle.active::after {
|
1042
|
-
border-bottom-color: #000;
|
1043
|
-
border-top-color: transparent;
|
1044
|
-
}
|
1045
|
-
.light #_cbhtml .is-dropdown .dropdown-menu,
|
1046
|
-
.light .is-ui .is-dropdown .dropdown-menu {
|
1047
|
-
border: transparent 1px solid;
|
1048
|
-
background-color: #f5f2df;
|
1049
|
-
}
|
1050
|
-
.light #_cbhtml .is-dropdown .dropdown-menu li,
|
1051
|
-
.light .is-ui .is-dropdown .dropdown-menu li {
|
1052
|
-
color: #000;
|
1053
|
-
background-color: #f5f2df;
|
1054
|
-
}
|
1055
|
-
.light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
|
1056
|
-
.light .is-ui .is-dropdown .dropdown-menu li:hover,
|
1057
|
-
.light .is-ui .is-dropdown .dropdown-menu li:focus {
|
1058
|
-
background: #f0eccf;
|
1059
|
-
}
|
1060
|
-
.light #_cbhtml .is-dropdown .dropdown-menu li.selected,
|
1061
|
-
.light .is-ui .is-dropdown .dropdown-menu li.selected {
|
1062
|
-
background: #f0eccf;
|
1063
|
-
}
|
1064
1055
|
.light #_cbhtml .elementstyles .elm-list,
|
1065
1056
|
.light .is-ui .elementstyles .elm-list {
|
1066
1057
|
color: rgba(0, 0, 0, 0.95);
|
@@ -1275,3 +1266,23 @@
|
|
1275
1266
|
.light .scroll-darker *::-webkit-scrollbar-thumb {
|
1276
1267
|
background-color: rgba(78, 78, 78, 0.62);
|
1277
1268
|
}
|
1269
|
+
.light .custom-select .select-styled span {
|
1270
|
+
color: #000;
|
1271
|
+
}
|
1272
|
+
.light .custom-select input {
|
1273
|
+
background: #f5f2df;
|
1274
|
+
}
|
1275
|
+
.light .custom-select .select-options {
|
1276
|
+
border: transparent 1px solid;
|
1277
|
+
background-color: #f5f2df;
|
1278
|
+
color: #000;
|
1279
|
+
}
|
1280
|
+
.light .custom-select .select-options li {
|
1281
|
+
color: #000;
|
1282
|
+
}
|
1283
|
+
.light .custom-select .select-options li:hover {
|
1284
|
+
background-color: #f0eccf;
|
1285
|
+
}
|
1286
|
+
.light .custom-select .select-options li.selected {
|
1287
|
+
background-color: #f0eccf;
|
1288
|
+
}
|
@@ -401,6 +401,28 @@
|
|
401
401
|
.light .is-ui .is-rte-pop.rte-textsetting-options button:focus {
|
402
402
|
background: #ffeb9d;
|
403
403
|
}
|
404
|
+
.light #_cbhtml .is-rte-pop.rte-icon-options input[type=text],
|
405
|
+
.light .is-ui .is-rte-pop.rte-icon-options input[type=text] {
|
406
|
+
color: rgba(0, 0, 0, 0.95);
|
407
|
+
background: rgba(255, 229, 126, 0.4);
|
408
|
+
border: none;
|
409
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
|
410
|
+
}
|
411
|
+
.light #_cbhtml .is-rte-pop.rte-icon-options #inpRteIconSearch::placeholder,
|
412
|
+
.light .is-ui .is-rte-pop.rte-icon-options #inpRteIconSearch::placeholder {
|
413
|
+
color: rgba(0, 0, 0, 0.6);
|
414
|
+
}
|
415
|
+
.light #_cbhtml .is-rte-pop.rte-fontfamily-options input[type=text],
|
416
|
+
.light .is-ui .is-rte-pop.rte-fontfamily-options input[type=text] {
|
417
|
+
color: rgba(0, 0, 0, 0.95);
|
418
|
+
background: rgba(255, 229, 126, 0.4);
|
419
|
+
border: none;
|
420
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
|
421
|
+
}
|
422
|
+
.light #_cbhtml .is-rte-pop.rte-fontfamily-options #inpRteFontSearch::placeholder,
|
423
|
+
.light .is-ui .is-rte-pop.rte-fontfamily-options #inpRteFontSearch::placeholder {
|
424
|
+
color: rgba(0, 0, 0, 0.6);
|
425
|
+
}
|
404
426
|
.light #_cbhtml .is-rte-pop.rte-color-picker button,
|
405
427
|
.light .is-ui .is-rte-pop.rte-color-picker button {
|
406
428
|
color: rgba(0, 0, 0, 0.95);
|
@@ -678,6 +700,18 @@
|
|
678
700
|
.light .is-ui .is-modal.pickcolor .is-color-preview {
|
679
701
|
border: transparent 1px solid;
|
680
702
|
}
|
703
|
+
.light #_cbhtml .is-modal.snippetwindow,
|
704
|
+
.light .is-ui .is-modal.snippetwindow {
|
705
|
+
background-color: #e5e4e2;
|
706
|
+
}
|
707
|
+
.light #_cbhtml .is-modal.snippetwindow .is-modal-bar,
|
708
|
+
.light .is-ui .is-modal.snippetwindow .is-modal-bar {
|
709
|
+
background-color: rgba(255, 255, 255, 0.12);
|
710
|
+
}
|
711
|
+
.light #_cbhtml .is-modal.snippetwindow .select-styled,
|
712
|
+
.light .is-ui .is-modal.snippetwindow .select-styled {
|
713
|
+
border-bottom: 1px solid #bababa38;
|
714
|
+
}
|
681
715
|
.light #_cbhtml .is-modal.pickcolormore div.is-modal-content > div,
|
682
716
|
.light .is-ui .is-modal.pickcolormore div.is-modal-content > div {
|
683
717
|
opacity: 0.9;
|
@@ -752,26 +786,26 @@
|
|
752
786
|
.light .is-ui .is-tool.is-table-tool > button svg {
|
753
787
|
fill: #000;
|
754
788
|
}
|
755
|
-
.light #_cbhtml .is-tool.is-code-tool > button, .light #_cbhtml .is-tool.is-module-tool > button,
|
789
|
+
.light #_cbhtml .is-tool.is-code-tool > button, .light #_cbhtml .is-tool.is-module-tool > button, .light #_cbhtml .is-tool.is-svg-tool > button,
|
756
790
|
.light .is-ui .is-tool.is-code-tool > button,
|
757
|
-
.light .is-ui .is-tool.is-module-tool > button
|
791
|
+
.light .is-ui .is-tool.is-module-tool > button,
|
792
|
+
.light .is-ui .is-tool.is-svg-tool > button {
|
758
793
|
background: #edece6;
|
759
794
|
}
|
760
|
-
.light #_cbhtml .is-tool.is-code-tool > button svg, .light #_cbhtml .is-tool.is-module-tool > button svg,
|
795
|
+
.light #_cbhtml .is-tool.is-code-tool > button svg, .light #_cbhtml .is-tool.is-module-tool > button svg, .light #_cbhtml .is-tool.is-svg-tool > button svg,
|
761
796
|
.light .is-ui .is-tool.is-code-tool > button svg,
|
762
|
-
.light .is-ui .is-tool.is-module-tool > button svg
|
797
|
+
.light .is-ui .is-tool.is-module-tool > button svg,
|
798
|
+
.light .is-ui .is-tool.is-svg-tool > button svg {
|
763
799
|
fill: #000;
|
764
800
|
}
|
765
|
-
.light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button,
|
801
|
+
.light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button,
|
766
802
|
.light .is-ui .is-tool#divLinkTool button,
|
767
|
-
.light .is-ui .is-tool#divButtonTool button
|
768
|
-
.light .is-ui .is-tool#divSvgTool button {
|
803
|
+
.light .is-ui .is-tool#divButtonTool button {
|
769
804
|
background: #edece6;
|
770
805
|
}
|
771
|
-
.light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg,
|
806
|
+
.light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg,
|
772
807
|
.light .is-ui .is-tool#divLinkTool button svg,
|
773
|
-
.light .is-ui .is-tool#divButtonTool button svg
|
774
|
-
.light .is-ui .is-tool#divSvgTool button svg {
|
808
|
+
.light .is-ui .is-tool#divButtonTool button svg {
|
775
809
|
fill: #000;
|
776
810
|
}
|
777
811
|
.light #_cbhtml #divImageProgress,
|
@@ -1018,49 +1052,6 @@
|
|
1018
1052
|
.light .is-ui .is-selectbox-options > div.selected {
|
1019
1053
|
background: #f7e7a6;
|
1020
1054
|
}
|
1021
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle,
|
1022
|
-
.light .is-ui .is-dropdown .dropdown-toggle {
|
1023
|
-
color: #000;
|
1024
|
-
background: #f9ecb9;
|
1025
|
-
box-shadow: none;
|
1026
|
-
}
|
1027
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle:hover,
|
1028
|
-
.light .is-ui .is-dropdown .dropdown-toggle:hover {
|
1029
|
-
background: #f9edbe;
|
1030
|
-
}
|
1031
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle svg,
|
1032
|
-
.light .is-ui .is-dropdown .dropdown-toggle svg {
|
1033
|
-
fill: #000;
|
1034
|
-
}
|
1035
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle::after,
|
1036
|
-
.light .is-ui .is-dropdown .dropdown-toggle::after {
|
1037
|
-
border-top-color: #000;
|
1038
|
-
border-bottom-color: transparent;
|
1039
|
-
}
|
1040
|
-
.light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
|
1041
|
-
.light .is-ui .is-dropdown .dropdown-toggle.active::after {
|
1042
|
-
border-bottom-color: #000;
|
1043
|
-
border-top-color: transparent;
|
1044
|
-
}
|
1045
|
-
.light #_cbhtml .is-dropdown .dropdown-menu,
|
1046
|
-
.light .is-ui .is-dropdown .dropdown-menu {
|
1047
|
-
border: transparent 1px solid;
|
1048
|
-
background-color: #f9ecb9;
|
1049
|
-
}
|
1050
|
-
.light #_cbhtml .is-dropdown .dropdown-menu li,
|
1051
|
-
.light .is-ui .is-dropdown .dropdown-menu li {
|
1052
|
-
color: #000;
|
1053
|
-
background-color: #f9ecb9;
|
1054
|
-
}
|
1055
|
-
.light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
|
1056
|
-
.light .is-ui .is-dropdown .dropdown-menu li:hover,
|
1057
|
-
.light .is-ui .is-dropdown .dropdown-menu li:focus {
|
1058
|
-
background: #f7e7a6;
|
1059
|
-
}
|
1060
|
-
.light #_cbhtml .is-dropdown .dropdown-menu li.selected,
|
1061
|
-
.light .is-ui .is-dropdown .dropdown-menu li.selected {
|
1062
|
-
background: #f7e7a6;
|
1063
|
-
}
|
1064
1055
|
.light #_cbhtml .elementstyles .elm-list,
|
1065
1056
|
.light .is-ui .elementstyles .elm-list {
|
1066
1057
|
color: rgba(0, 0, 0, 0.95);
|
@@ -1275,3 +1266,23 @@
|
|
1275
1266
|
.light .scroll-darker *::-webkit-scrollbar-thumb {
|
1276
1267
|
background-color: rgba(78, 78, 78, 0.62);
|
1277
1268
|
}
|
1269
|
+
.light .custom-select .select-styled span {
|
1270
|
+
color: #000;
|
1271
|
+
}
|
1272
|
+
.light .custom-select input {
|
1273
|
+
background: #f9ecb9;
|
1274
|
+
}
|
1275
|
+
.light .custom-select .select-options {
|
1276
|
+
border: transparent 1px solid;
|
1277
|
+
background-color: #f9ecb9;
|
1278
|
+
color: #000;
|
1279
|
+
}
|
1280
|
+
.light .custom-select .select-options li {
|
1281
|
+
color: #000;
|
1282
|
+
}
|
1283
|
+
.light .custom-select .select-options li:hover {
|
1284
|
+
background-color: #f7e7a6;
|
1285
|
+
}
|
1286
|
+
.light .custom-select .select-options li.selected {
|
1287
|
+
background-color: #f7e7a6;
|
1288
|
+
}
|
package/readme.txt
CHANGED
@@ -1,21 +1,106 @@
|
|
1
|
-
|
1
|
+
ContentBuilder.js 5.4
|
2
2
|
|
3
|
-
|
3
|
+
Note: If you have Source Code package (Super license), please refer to:
|
4
4
|
|
5
|
-
|
5
|
+
readme-sourcecode.txt
|
6
6
|
|
7
|
-
|
7
|
+
for additional information.
|
8
8
|
|
9
|
-
|
9
|
+
Documentation:
|
10
10
|
|
11
|
-
|
11
|
+
https://demo.innovastudio.com/docs/ContentBuilder.pdf
|
12
12
|
|
13
|
-
http://localhost/.../public/example1.html
|
14
13
|
|
15
|
-
|
16
|
-
|
14
|
+
Getting started
|
15
|
+
|
16
|
+
You can choose to run the HTML, PHP or JavaScript project examples:
|
17
|
+
|
18
|
+
A. To try the HTML example:
|
19
|
+
|
20
|
+
1. Unzip the project files:
|
21
|
+
|
22
|
+
- ContentBuilder/
|
23
|
+
|
24
|
+
2. Open terminal, go to the project directory and install the required server dependencies.
|
25
|
+
The example is using Node.js server.
|
26
|
+
|
27
|
+
> cd ContentBuilder
|
28
|
+
|
29
|
+
> npm install
|
30
|
+
|
31
|
+
Note: To run this command, you need to have NPM installed.
|
32
|
+
Download & install NPM from https://nodejs.org/en/download/.
|
33
|
+
|
34
|
+
3. Run the server:
|
35
|
+
|
36
|
+
> node server.js
|
37
|
+
|
38
|
+
3. Open from your browser:
|
39
|
+
|
40
|
+
http://localhost:8081/example.html
|
41
|
+
|
42
|
+
|
43
|
+
B. To try the PHP Example, open from your browser:
|
44
|
+
|
45
|
+
http://localhost/.../public/example.php
|
46
|
+
|
47
|
+
If you're using Visual Studio Code, you can use the PHP Server extension.
|
48
|
+
|
49
|
+
|
50
|
+
C. To try the JavaScript project, install the dependencies and start the project:
|
51
|
+
|
52
|
+
> npm install
|
53
|
+
|
54
|
+
> npm start
|
17
55
|
|
18
|
-
|
56
|
+
A browser window will be opened with the example running.
|
19
57
|
|
58
|
+
Note:
|
59
|
+
The code for this project is:
|
60
|
+
|
61
|
+
src/index.js
|
20
62
|
|
63
|
+
The project is using Node.js server:
|
64
|
+
|
65
|
+
server.js
|
66
|
+
|
67
|
+
|
68
|
+
NOTE:
|
69
|
+
|
70
|
+
- To use the AI Assistant:
|
71
|
+
1. Obtain the OpenAI API key from https://openai.com.
|
72
|
+
2. Update the .env file with your API key.
|
73
|
+
|
74
|
+
OPENAI_API_KEY=YOUR_API_KEY
|
75
|
+
|
76
|
+
Alternatively, if you're using PHP, update the api/config.php file with your API key:
|
77
|
+
|
78
|
+
$OPENAI_API_KEY = 'YOUR_API_KEY';
|
79
|
+
|
80
|
+
- For speech recognition (if dictation is enabled), the browser's built-in
|
81
|
+
speech recognition is used. However, certain browsers may not support this feature.
|
82
|
+
We recommend using Deepgram for browser compatibility and accuracy.
|
83
|
+
Obtain the Deepgram API key from https://deepgram.com and update the .env file with your API key.
|
84
|
+
Then enable the 'speechTranscribeUrl' parameter in the ContentBuilder initialization (src/index.js).
|
85
|
+
|
86
|
+
- To use the AI image generation:
|
87
|
+
1. Obtain the API key from https://getimg.ai/tools/api.
|
88
|
+
2. Update the .env file with your API key.
|
89
|
+
|
90
|
+
GETIMG_API_KEY=YOUR_API_KEY
|
91
|
+
|
92
|
+
Alternatively, if you're using PHP, update the 'api/config.php' file with your API key:
|
93
|
+
|
94
|
+
$GETIMG_API_KEY = 'YOUR_API_KEY';
|
95
|
+
|
96
|
+
|
97
|
+
- IMPORTANT:
|
98
|
+
|
99
|
+
Please add your own security to the API endpoints (public/api/)!
|
100
|
+
|
101
|
+
|
102
|
+
|
103
|
+
_____________________________________________
|
104
|
+
SUPPORT:
|
21
105
|
|
106
|
+
Email us at: support@innovastudio.com
|