@innovastudio/contentbuilder 1.5.59 → 1.5.61

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.
Files changed (62) hide show
  1. package/package.json +1 -1
  2. package/public/contentbuilder/contentbuilder.css +241 -80
  3. package/public/contentbuilder/contentbuilder.esm.js +594 -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
  62. package/readme.txt +1 -1
package/public/contentbuilder/themes/light-blue2.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .light #_cbhtml .is-pop button,
194
194
  .light .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .light #_cbhtml .is-pop button svg,
199
199
  .light .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .light .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
614
614
  }
615
- .light #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .light .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .light .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
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .light .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
  .light #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .light .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -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
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .light .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .light #_cbhtml .roundslider-container .roundslider,
1074
+ .light .is-ui .roundslider-container .roundslider {
1075
+ background-color: #00000012;
1076
+ }
1074
1077
  .light .is-tool {
1075
1078
  background: #e9eef1;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .light #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1112
1115
  }
1116
+ .light #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #d1effd;
1118
+ }
1113
1119
  .light #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1115
1121
  }
1122
+ .light #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #d1effd;
1124
+ }
1125
+ .light #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #d1effd;
1127
+ }
1116
1128
  .light #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1118
1130
  }
1131
+ .light #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #d1effd;
1133
+ }
1119
1134
  .light #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #e9eef1;
1121
1136
  }
package/public/contentbuilder/themes/light-blue3.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .light #_cbhtml .is-pop button,
194
194
  .light .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .light #_cbhtml .is-pop button svg,
199
199
  .light .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .light .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
614
614
  }
615
- .light #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .light .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .light .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
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .light .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
  .light #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .light .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -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
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .light .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .light #_cbhtml .roundslider-container .roundslider,
1074
+ .light .is-ui .roundslider-container .roundslider {
1075
+ background-color: #00000012;
1076
+ }
1074
1077
  .light .is-tool {
1075
1078
  background: #ebecf1;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .light #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1112
1115
  }
1116
+ .light #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #cfdcff;
1118
+ }
1113
1119
  .light #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1115
1121
  }
1122
+ .light #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #cfdcff;
1124
+ }
1125
+ .light #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #cfdcff;
1127
+ }
1116
1128
  .light #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1118
1130
  }
1131
+ .light #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #cfdcff;
1133
+ }
1119
1134
  .light #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #ebecf1;
1121
1136
  }
package/public/contentbuilder/themes/light-cyan.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .light #_cbhtml .is-pop button,
194
194
  .light .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .light #_cbhtml .is-pop button svg,
199
199
  .light .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .light .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
614
614
  }
615
- .light #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .light .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .light .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
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .light .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
  .light #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .light .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -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
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .light .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .light #_cbhtml .roundslider-container .roundslider,
1074
+ .light .is-ui .roundslider-container .roundslider {
1075
+ background-color: #00000012;
1076
+ }
1074
1077
  .light .is-tool {
1075
1078
  background: #ebf1ef;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .light #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1112
1115
  }
1116
+ .light #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #e0f9f4;
1118
+ }
1113
1119
  .light #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1115
1121
  }
1122
+ .light #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #e0f9f4;
1124
+ }
1125
+ .light #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #e0f9f4;
1127
+ }
1116
1128
  .light #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1118
1130
  }
1131
+ .light #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #e0f9f4;
1133
+ }
1119
1134
  .light #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #ebf1ef;
1121
1136
  }
package/public/contentbuilder/themes/light-gray.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .light #_cbhtml .is-pop button,
194
194
  .light .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .light #_cbhtml .is-pop button svg,
199
199
  .light .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .light .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
614
614
  }
615
- .light #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .light .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .light .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
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .light .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
  .light #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .light .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -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
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .light .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .light #_cbhtml .roundslider-container .roundslider,
1074
+ .light .is-ui .roundslider-container .roundslider {
1075
+ background-color: #00000012;
1076
+ }
1074
1077
  .light .is-tool {
1075
1078
  background: #efefef;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .light #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1112
1115
  }
1116
+ .light #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #dfdfdf;
1118
+ }
1113
1119
  .light #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1115
1121
  }
1122
+ .light #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #dfdfdf;
1124
+ }
1125
+ .light #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #dfdfdf;
1127
+ }
1116
1128
  .light #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1118
1130
  }
1131
+ .light #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #dfdfdf;
1133
+ }
1119
1134
  .light #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #efefef;
1121
1136
  }
package/public/contentbuilder/themes/light-gray2.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .light #_cbhtml .is-pop button,
194
194
  .light .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .light #_cbhtml .is-pop button svg,
199
199
  .light .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .light .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
614
614
  }
615
- .light #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .light .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .light .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
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .light .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
  .light #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .light .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -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
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .light .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .light #_cbhtml .roundslider-container .roundslider,
1074
+ .light .is-ui .roundslider-container .roundslider {
1075
+ background-color: #00000012;
1076
+ }
1074
1077
  .light .is-tool {
1075
1078
  background: #eaeaea;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .light #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1112
1115
  }
1116
+ .light #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #f4f4f4;
1118
+ }
1113
1119
  .light #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1115
1121
  }
1122
+ .light #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #f4f4f4;
1124
+ }
1125
+ .light #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #f4f4f4;
1127
+ }
1116
1128
  .light #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1118
1130
  }
1131
+ .light #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #f4f4f4;
1133
+ }
1119
1134
  .light #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #eaeaea;
1121
1136
  }
package/public/contentbuilder/themes/light-gray3.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .light #_cbhtml .is-pop button,
194
194
  .light .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .light #_cbhtml .is-pop button svg,
199
199
  .light .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .light .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
614
614
  }
615
- .light #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .light .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .light .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
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .light .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
  .light #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .light .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -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
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .light .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .light #_cbhtml .roundslider-container .roundslider,
1074
+ .light .is-ui .roundslider-container .roundslider {
1075
+ background-color: #00000012;
1076
+ }
1074
1077
  .light .is-tool {
1075
1078
  background: #eaeaea;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .light #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1112
1115
  }
1116
+ .light #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: white;
1118
+ }
1113
1119
  .light #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1115
1121
  }
1122
+ .light #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: white;
1124
+ }
1125
+ .light #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: white;
1127
+ }
1116
1128
  .light #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1118
1130
  }
1131
+ .light #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: white;
1133
+ }
1119
1134
  .light #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #eaeaea;
1121
1136
  }
package/public/contentbuilder/themes/light-green.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .light #_cbhtml .is-pop button,
194
194
  .light .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .light #_cbhtml .is-pop button svg,
199
199
  .light .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .light .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
614
614
  }
615
- .light #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .light .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .light .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
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .light .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
  .light #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .light .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -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
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .light .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .light #_cbhtml .roundslider-container .roundslider,
1074
+ .light .is-ui .roundslider-container .roundslider {
1075
+ background-color: #00000012;
1076
+ }
1074
1077
  .light .is-tool {
1075
1078
  background: #ecf1ec;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .light #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1112
1115
  }
1116
+ .light #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #e4f6e4;
1118
+ }
1113
1119
  .light #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1115
1121
  }
1122
+ .light #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #e4f6e4;
1124
+ }
1125
+ .light #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #e4f6e4;
1127
+ }
1116
1128
  .light #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1118
1130
  }
1131
+ .light #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #e4f6e4;
1133
+ }
1119
1134
  .light #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #ecf1ec;
1121
1136
  }
package/public/contentbuilder/themes/light-pink.css CHANGED
@@ -193,7 +193,7 @@
193
193
  .light #_cbhtml .is-pop button,
194
194
  .light .is-ui .is-pop button {
195
195
  color: #000;
196
- background-color: transparent !important;
196
+ background-color: transparent;
197
197
  }
198
198
  .light #_cbhtml .is-pop button svg,
199
199
  .light .is-ui .is-pop button svg {
@@ -612,20 +612,6 @@
612
612
  .light .is-ui .is-modal.grideditor .is-separator {
613
613
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
614
614
  }
615
- .light #_cbhtml .is-modal.pickgradientcolor div.is-modal-content > div,
616
- .light .is-ui .is-modal.pickgradientcolor div.is-modal-content > div {
617
- opacity: 0.9;
618
- }
619
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
620
- .light .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
- .light #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
625
- .light .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
  .light #_cbhtml .is-modal.edittable .is-modal-bar,
630
616
  .light .is-ui .is-modal.edittable .is-modal-bar {
631
617
  background-color: rgba(255, 255, 255, 0.12);
@@ -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
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-colorstop,
1061
+ .light .is-ui .pickgradientcolor .div-sort div .btn-colorstop {
1062
+ border: 1px solid rgba(197, 197, 197, 0.27);
1063
+ }
1064
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove,
1065
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove {
1066
+ background: #fff;
1067
+ border: rgba(0, 0, 0, 0.6705882353) 1px solid;
1068
+ }
1069
+ .light #_cbhtml .pickgradientcolor .div-sort div .btn-remove svg,
1070
+ .light .is-ui .pickgradientcolor .div-sort div .btn-remove svg {
1071
+ color: #000;
1072
+ }
1073
+ .light #_cbhtml .roundslider-container .roundslider,
1074
+ .light .is-ui .roundslider-container .roundslider {
1075
+ background-color: #00000012;
1076
+ }
1074
1077
  .light .is-tool {
1075
1078
  background: #f3f0f2;
1076
1079
  }
@@ -1110,12 +1113,24 @@
1110
1113
  .light #_cbhtml .is-pop.columnmore div.is-separator {
1111
1114
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1112
1115
  }
1116
+ .light #_cbhtml .is-pop.columnmore button:hover {
1117
+ background: #ffdff5;
1118
+ }
1113
1119
  .light #_cbhtml .is-pop.rowmore div.is-separator {
1114
1120
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1115
1121
  }
1122
+ .light #_cbhtml .is-pop.rowmore button:hover {
1123
+ background: #ffdff5;
1124
+ }
1125
+ .light #_cbhtml .is-pop.elmmore button:hover {
1126
+ background: #ffdff5;
1127
+ }
1116
1128
  .light #_cbhtml .is-pop.quickadd .pop-separator {
1117
1129
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
1118
1130
  }
1131
+ .light #_cbhtml .is-pop.quickadd button:hover {
1132
+ background: #ffdff5;
1133
+ }
1119
1134
  .light #_cbhtml .is-tool.is-element-tool {
1120
1135
  background: #f3f0f2;
1121
1136
  }