@innovastudio/contentbuilder 1.5.60 → 1.5.61

Sign up to get free protection for your applications and to get access to all the features.
Files changed (61) hide show
  1. package/package.json +1 -1
  2. package/public/contentbuilder/contentbuilder.css +241 -80
  3. package/public/contentbuilder/contentbuilder.esm.js +592 -767
  4. package/public/contentbuilder/contentbuilder.min.js +3 -3
  5. package/public/contentbuilder/lang/en.js +2 -2
  6. package/public/contentbuilder/lang/fr.js +2 -2
  7. package/public/contentbuilder/themes/colored-blue.css +31 -16
  8. package/public/contentbuilder/themes/colored-blue2.css +31 -16
  9. package/public/contentbuilder/themes/colored-blue3.css +31 -16
  10. package/public/contentbuilder/themes/colored-blue4.css +31 -16
  11. package/public/contentbuilder/themes/colored-blue5.css +31 -16
  12. package/public/contentbuilder/themes/colored-blue6.css +31 -16
  13. package/public/contentbuilder/themes/colored-blue7.css +31 -16
  14. package/public/contentbuilder/themes/colored-blue8.css +31 -16
  15. package/public/contentbuilder/themes/colored-darkblue.css +31 -16
  16. package/public/contentbuilder/themes/colored-gray.css +31 -16
  17. package/public/contentbuilder/themes/colored-green.css +31 -16
  18. package/public/contentbuilder/themes/colored-green2.css +31 -16
  19. package/public/contentbuilder/themes/colored-green3.css +31 -16
  20. package/public/contentbuilder/themes/colored-green4.css +31 -16
  21. package/public/contentbuilder/themes/colored-green5.css +31 -16
  22. package/public/contentbuilder/themes/colored-magenta.css +31 -16
  23. package/public/contentbuilder/themes/colored-orange.css +31 -16
  24. package/public/contentbuilder/themes/colored-orange2.css +31 -16
  25. package/public/contentbuilder/themes/colored-orange3.css +31 -16
  26. package/public/contentbuilder/themes/colored-pink.css +31 -16
  27. package/public/contentbuilder/themes/colored-pink2.css +31 -16
  28. package/public/contentbuilder/themes/colored-pink3.css +31 -16
  29. package/public/contentbuilder/themes/colored-pink4.css +31 -16
  30. package/public/contentbuilder/themes/colored-purple.css +31 -16
  31. package/public/contentbuilder/themes/colored-purple2.css +31 -16
  32. package/public/contentbuilder/themes/colored-red.css +31 -16
  33. package/public/contentbuilder/themes/colored-red2.css +31 -16
  34. package/public/contentbuilder/themes/colored-red3.css +31 -16
  35. package/public/contentbuilder/themes/colored-red4.css +31 -16
  36. package/public/contentbuilder/themes/colored-red5.css +31 -16
  37. package/public/contentbuilder/themes/colored-yellow.css +31 -16
  38. package/public/contentbuilder/themes/colored-yellow2.css +31 -16
  39. package/public/contentbuilder/themes/dark-blue.css +19 -15
  40. package/public/contentbuilder/themes/dark-blue2.css +19 -15
  41. package/public/contentbuilder/themes/dark-blue3.css +19 -15
  42. package/public/contentbuilder/themes/dark-gray.css +19 -15
  43. package/public/contentbuilder/themes/dark-pink.css +19 -15
  44. package/public/contentbuilder/themes/dark-purple.css +19 -15
  45. package/public/contentbuilder/themes/dark-red.css +19 -15
  46. package/public/contentbuilder/themes/dark.css +19 -15
  47. package/public/contentbuilder/themes/light-blue.css +30 -15
  48. package/public/contentbuilder/themes/light-blue2.css +30 -15
  49. package/public/contentbuilder/themes/light-blue3.css +30 -15
  50. package/public/contentbuilder/themes/light-cyan.css +30 -15
  51. package/public/contentbuilder/themes/light-gray.css +30 -15
  52. package/public/contentbuilder/themes/light-gray2.css +30 -15
  53. package/public/contentbuilder/themes/light-gray3.css +30 -15
  54. package/public/contentbuilder/themes/light-green.css +30 -15
  55. package/public/contentbuilder/themes/light-pink.css +30 -15
  56. package/public/contentbuilder/themes/light-pink2.css +30 -15
  57. package/public/contentbuilder/themes/light-purple.css +30 -15
  58. package/public/contentbuilder/themes/light-purple2.css +30 -15
  59. package/public/contentbuilder/themes/light-red.css +30 -15
  60. package/public/contentbuilder/themes/light-yellow.css +30 -15
  61. package/public/contentbuilder/themes/light-yellow2.css +30 -15
package/public/contentbuilder/themes/colored-purple.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .colored #_cbhtml .is-pop button,
194
194
  .colored .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .colored #_cbhtml .is-pop button svg,
199
199
  .colored .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .colored .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(255, 255, 255, 0.36) 1px solid;
614
614
  }
615
- .colored #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .colored .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button.is-btn-color {
621
- background-color: rgba(255, 255, 255, 0.2);
622
- border: rgba(255, 255, 255, 0.55) 1px solid;
623
- }
624
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove {
626
- background: rgba(95, 94, 94, 0.26);
627
- color: #fff;
628
- }
629
615
  .colored #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .colored .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -856,7 +842,7 @@
856
842
  .colored #_cbhtml .is-btn:hover,
857
843
  .colored .is-ui button:hover,
858
844
  .colored .is-ui .is-btn:hover {
859
- background: #7d30cd;
845
+ background: #0000000d;
860
846
  }
861
847
  .colored #_cbhtml button svg,
862
848
  .colored #_cbhtml .is-btn svg,
@@ -1071,6 +1057,23 @@
1071
1057
  background-color: rgba(255, 255, 255, 0.2);
1072
1058
  border: rgba(255, 255, 255, 0.55) 1px solid;
1073
1059
  }
1060
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .colored #_cbhtml .roundslider-container .roundslider,
1074
+ .colored .is-ui .roundslider-container .roundslider {
1075
+ background-color: #f0f0f0;
1076
+ }
1074
1077
  .colored .is-tool {
1075
1078
  background: #ecebec;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .colored #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1112
1115
  }
1116
+ .colored #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #0000000d;
1118
+ }
1113
1119
  .colored #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1115
1121
  }
1122
+ .colored #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #0000000d;
1124
+ }
1125
+ .colored #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #0000000d;
1127
+ }
1116
1128
  .colored #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1118
1130
  }
1131
+ .colored #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #0000000d;
1133
+ }
1119
1134
  .colored #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #ecebec;
1121
1136
  }
package/public/contentbuilder/themes/colored-purple2.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .colored #_cbhtml .is-pop button,
194
194
  .colored .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .colored #_cbhtml .is-pop button svg,
199
199
  .colored .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .colored .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(255, 255, 255, 0.36) 1px solid;
614
614
  }
615
- .colored #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .colored .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button.is-btn-color {
621
- background-color: rgba(255, 255, 255, 0.2);
622
- border: rgba(255, 255, 255, 0.55) 1px solid;
623
- }
624
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove {
626
- background: rgba(95, 94, 94, 0.26);
627
- color: #fff;
628
- }
629
615
  .colored #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .colored .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -856,7 +842,7 @@
856
842
  .colored #_cbhtml .is-btn:hover,
857
843
  .colored .is-ui button:hover,
858
844
  .colored .is-ui .is-btn:hover {
859
- background: #ac69db;
845
+ background: #0000000d;
860
846
  }
861
847
  .colored #_cbhtml button svg,
862
848
  .colored #_cbhtml .is-btn svg,
@@ -1071,6 +1057,23 @@
1071
1057
  background-color: rgba(255, 255, 255, 0.2);
1072
1058
  border: rgba(255, 255, 255, 0.55) 1px solid;
1073
1059
  }
1060
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .colored #_cbhtml .roundslider-container .roundslider,
1074
+ .colored .is-ui .roundslider-container .roundslider {
1075
+ background-color: #f0f0f0;
1076
+ }
1074
1077
  .colored .is-tool {
1075
1078
  background: #ecebec;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .colored #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1112
1115
  }
1116
+ .colored #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #0000000d;
1118
+ }
1113
1119
  .colored #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1115
1121
  }
1122
+ .colored #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #0000000d;
1124
+ }
1125
+ .colored #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #0000000d;
1127
+ }
1116
1128
  .colored #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1118
1130
  }
1131
+ .colored #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #0000000d;
1133
+ }
1119
1134
  .colored #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #ecebec;
1121
1136
  }
package/public/contentbuilder/themes/colored-red.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .colored #_cbhtml .is-pop button,
194
194
  .colored .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .colored #_cbhtml .is-pop button svg,
199
199
  .colored .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .colored .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(255, 255, 255, 0.36) 1px solid;
614
614
  }
615
- .colored #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .colored .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button.is-btn-color {
621
- background-color: rgba(255, 255, 255, 0.2);
622
- border: rgba(255, 255, 255, 0.55) 1px solid;
623
- }
624
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove {
626
- background: rgba(95, 94, 94, 0.26);
627
- color: #fff;
628
- }
629
615
  .colored #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .colored .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -856,7 +842,7 @@
856
842
  .colored #_cbhtml .is-btn:hover,
857
843
  .colored .is-ui button:hover,
858
844
  .colored .is-ui .is-btn:hover {
859
- background: #ee3131;
845
+ background: #0000000d;
860
846
  }
861
847
  .colored #_cbhtml button svg,
862
848
  .colored #_cbhtml .is-btn svg,
@@ -1071,6 +1057,23 @@
1071
1057
  background-color: rgba(255, 255, 255, 0.2);
1072
1058
  border: rgba(255, 255, 255, 0.55) 1px solid;
1073
1059
  }
1060
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .colored #_cbhtml .roundslider-container .roundslider,
1074
+ .colored .is-ui .roundslider-container .roundslider {
1075
+ background-color: #f0f0f0;
1076
+ }
1074
1077
  .colored .is-tool {
1075
1078
  background: #eae6e6;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .colored #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1112
1115
  }
1116
+ .colored #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #0000000d;
1118
+ }
1113
1119
  .colored #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1115
1121
  }
1122
+ .colored #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #0000000d;
1124
+ }
1125
+ .colored #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #0000000d;
1127
+ }
1116
1128
  .colored #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1118
1130
  }
1131
+ .colored #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #0000000d;
1133
+ }
1119
1134
  .colored #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #eae6e6;
1121
1136
  }
package/public/contentbuilder/themes/colored-red2.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .colored #_cbhtml .is-pop button,
194
194
  .colored .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .colored #_cbhtml .is-pop button svg,
199
199
  .colored .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .colored .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(255, 255, 255, 0.36) 1px solid;
614
614
  }
615
- .colored #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .colored .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button.is-btn-color {
621
- background-color: rgba(255, 255, 255, 0.2);
622
- border: rgba(255, 255, 255, 0.55) 1px solid;
623
- }
624
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove {
626
- background: rgba(95, 94, 94, 0.26);
627
- color: #fff;
628
- }
629
615
  .colored #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .colored .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -856,7 +842,7 @@
856
842
  .colored #_cbhtml .is-btn:hover,
857
843
  .colored .is-ui button:hover,
858
844
  .colored .is-ui .is-btn:hover {
859
- background: #f23f3f;
845
+ background: #0000000d;
860
846
  }
861
847
  .colored #_cbhtml button svg,
862
848
  .colored #_cbhtml .is-btn svg,
@@ -1071,6 +1057,23 @@
1071
1057
  background-color: rgba(255, 255, 255, 0.2);
1072
1058
  border: rgba(255, 255, 255, 0.55) 1px solid;
1073
1059
  }
1060
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .colored #_cbhtml .roundslider-container .roundslider,
1074
+ .colored .is-ui .roundslider-container .roundslider {
1075
+ background-color: #f0f0f0;
1076
+ }
1074
1077
  .colored .is-tool {
1075
1078
  background: #f7ecec;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .colored #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1112
1115
  }
1116
+ .colored #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #0000000d;
1118
+ }
1113
1119
  .colored #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1115
1121
  }
1122
+ .colored #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #0000000d;
1124
+ }
1125
+ .colored #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #0000000d;
1127
+ }
1116
1128
  .colored #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1118
1130
  }
1131
+ .colored #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #0000000d;
1133
+ }
1119
1134
  .colored #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #f7ecec;
1121
1136
  }
package/public/contentbuilder/themes/colored-red3.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .colored #_cbhtml .is-pop button,
194
194
  .colored .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .colored #_cbhtml .is-pop button svg,
199
199
  .colored .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .colored .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(255, 255, 255, 0.36) 1px solid;
614
614
  }
615
- .colored #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .colored .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button.is-btn-color {
621
- background-color: rgba(255, 255, 255, 0.2);
622
- border: rgba(255, 255, 255, 0.55) 1px solid;
623
- }
624
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove {
626
- background: rgba(95, 94, 94, 0.26);
627
- color: #fff;
628
- }
629
615
  .colored #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .colored .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -856,7 +842,7 @@
856
842
  .colored #_cbhtml .is-btn:hover,
857
843
  .colored .is-ui button:hover,
858
844
  .colored .is-ui .is-btn:hover {
859
- background: #f45a35;
845
+ background: #0000000d;
860
846
  }
861
847
  .colored #_cbhtml button svg,
862
848
  .colored #_cbhtml .is-btn svg,
@@ -1071,6 +1057,23 @@
1071
1057
  background-color: rgba(255, 255, 255, 0.2);
1072
1058
  border: rgba(255, 255, 255, 0.55) 1px solid;
1073
1059
  }
1060
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .colored #_cbhtml .roundslider-container .roundslider,
1074
+ .colored .is-ui .roundslider-container .roundslider {
1075
+ background-color: #f0f0f0;
1076
+ }
1074
1077
  .colored .is-tool {
1075
1078
  background: #f7ecec;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .colored #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1112
1115
  }
1116
+ .colored #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #0000000d;
1118
+ }
1113
1119
  .colored #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1115
1121
  }
1122
+ .colored #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #0000000d;
1124
+ }
1125
+ .colored #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #0000000d;
1127
+ }
1116
1128
  .colored #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1118
1130
  }
1131
+ .colored #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #0000000d;
1133
+ }
1119
1134
  .colored #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #f7ecec;
1121
1136
  }
package/public/contentbuilder/themes/colored-red4.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .colored #_cbhtml .is-pop button,
194
194
  .colored .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .colored #_cbhtml .is-pop button svg,
199
199
  .colored .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .colored .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(255, 255, 255, 0.36) 1px solid;
614
614
  }
615
- .colored #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .colored .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button.is-btn-color {
621
- background-color: rgba(255, 255, 255, 0.2);
622
- border: rgba(255, 255, 255, 0.55) 1px solid;
623
- }
624
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove {
626
- background: rgba(95, 94, 94, 0.26);
627
- color: #fff;
628
- }
629
615
  .colored #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .colored .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -856,7 +842,7 @@
856
842
  .colored #_cbhtml .is-btn:hover,
857
843
  .colored .is-ui button:hover,
858
844
  .colored .is-ui .is-btn:hover {
859
- background: #f23f3f;
845
+ background: #0000000d;
860
846
  }
861
847
  .colored #_cbhtml button svg,
862
848
  .colored #_cbhtml .is-btn svg,
@@ -1071,6 +1057,23 @@
1071
1057
  background-color: rgba(255, 255, 255, 0.2);
1072
1058
  border: rgba(255, 255, 255, 0.55) 1px solid;
1073
1059
  }
1060
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .colored #_cbhtml .roundslider-container .roundslider,
1074
+ .colored .is-ui .roundslider-container .roundslider {
1075
+ background-color: #f0f0f0;
1076
+ }
1074
1077
  .colored .is-tool {
1075
1078
  background: #eaeaea;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .colored #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1112
1115
  }
1116
+ .colored #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #0000000d;
1118
+ }
1113
1119
  .colored #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1115
1121
  }
1122
+ .colored #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #0000000d;
1124
+ }
1125
+ .colored #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #0000000d;
1127
+ }
1116
1128
  .colored #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1118
1130
  }
1131
+ .colored #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #0000000d;
1133
+ }
1119
1134
  .colored #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #eaeaea;
1121
1136
  }
package/public/contentbuilder/themes/colored-red5.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .colored #_cbhtml .is-pop button,
194
194
  .colored .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .colored #_cbhtml .is-pop button svg,
199
199
  .colored .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .colored .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(255, 255, 255, 0.36) 1px solid;
614
614
  }
615
- .colored #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .colored .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button.is-btn-color {
621
- background-color: rgba(255, 255, 255, 0.2);
622
- border: rgba(255, 255, 255, 0.55) 1px solid;
623
- }
624
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove {
626
- background: rgba(95, 94, 94, 0.26);
627
- color: #fff;
628
- }
629
615
  .colored #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .colored .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -856,7 +842,7 @@
856
842
  .colored #_cbhtml .is-btn:hover,
857
843
  .colored .is-ui button:hover,
858
844
  .colored .is-ui .is-btn:hover {
859
- background: #ff5f2c;
845
+ background: #0000000d;
860
846
  }
861
847
  .colored #_cbhtml button svg,
862
848
  .colored #_cbhtml .is-btn svg,
@@ -1071,6 +1057,23 @@
1071
1057
  background-color: rgba(255, 255, 255, 0.2);
1072
1058
  border: rgba(255, 255, 255, 0.55) 1px solid;
1073
1059
  }
1060
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .colored #_cbhtml .roundslider-container .roundslider,
1074
+ .colored .is-ui .roundslider-container .roundslider {
1075
+ background-color: #f0f0f0;
1076
+ }
1074
1077
  .colored .is-tool {
1075
1078
  background: #eaeaea;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .colored #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1112
1115
  }
1116
+ .colored #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #0000000d;
1118
+ }
1113
1119
  .colored #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1115
1121
  }
1122
+ .colored #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #0000000d;
1124
+ }
1125
+ .colored #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #0000000d;
1127
+ }
1116
1128
  .colored #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1118
1130
  }
1131
+ .colored #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #0000000d;
1133
+ }
1119
1134
  .colored #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #eaeaea;
1121
1136
  }
package/public/contentbuilder/themes/colored-yellow.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .colored #_cbhtml .is-pop button,
194
194
  .colored .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .colored #_cbhtml .is-pop button svg,
199
199
  .colored .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .colored .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(255, 255, 255, 0.36) 1px solid;
614
614
  }
615
- .colored #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .colored .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button.is-btn-color {
621
- background-color: rgba(255, 255, 255, 0.2);
622
- border: rgba(255, 255, 255, 0.55) 1px solid;
623
- }
624
- .colored #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .colored .is-ui .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove {
626
- background: rgba(95, 94, 94, 0.26);
627
- color: #fff;
628
- }
629
615
  .colored #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .colored .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -856,7 +842,7 @@
856
842
  .colored #_cbhtml .is-btn:hover,
857
843
  .colored .is-ui button:hover,
858
844
  .colored .is-ui .is-btn:hover {
859
- background: #f99719;
845
+ background: #0000000d;
860
846
  }
861
847
  .colored #_cbhtml button svg,
862
848
  .colored #_cbhtml .is-btn svg,
@@ -1071,6 +1057,23 @@
1071
1057
  background-color: rgba(255, 255, 255, 0.2);
1072
1058
  border: rgba(255, 255, 255, 0.55) 1px solid;
1073
1059
  }
1060
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .colored #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .colored .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .colored #_cbhtml .roundslider-container .roundslider,
1074
+ .colored .is-ui .roundslider-container .roundslider {
1075
+ background-color: #f0f0f0;
1076
+ }
1074
1077
  .colored .is-tool {
1075
1078
  background: #ecebe8;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .colored #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1112
1115
  }
1116
+ .colored #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #0000000d;
1118
+ }
1113
1119
  .colored #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1115
1121
  }
1122
+ .colored #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #0000000d;
1124
+ }
1125
+ .colored #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #0000000d;
1127
+ }
1116
1128
  .colored #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(255, 255, 255, 0.4) 1px solid;
1118
1130
  }
1131
+ .colored #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #0000000d;
1133
+ }
1119
1134
  .colored #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #ecebe8;
1121
1136
  }