@innovastudio/contentbuilder 1.3.25 → 1.3.27

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 (61) hide show
  1. package/package.json +1 -1
  2. package/public/contentbuilder/contentbuilder.css +35 -0
  3. package/public/contentbuilder/contentbuilder.esm.js +136 -0
  4. package/public/contentbuilder/contentbuilder.min.js +8 -8
  5. package/public/contentbuilder/themes/colored-blue.css +29 -0
  6. package/public/contentbuilder/themes/colored-blue2.css +29 -0
  7. package/public/contentbuilder/themes/colored-blue3.css +29 -0
  8. package/public/contentbuilder/themes/colored-blue4.css +29 -0
  9. package/public/contentbuilder/themes/colored-blue5.css +29 -0
  10. package/public/contentbuilder/themes/colored-blue6.css +29 -0
  11. package/public/contentbuilder/themes/colored-blue7.css +29 -0
  12. package/public/contentbuilder/themes/colored-blue8.css +29 -0
  13. package/public/contentbuilder/themes/colored-dark.css +29 -0
  14. package/public/contentbuilder/themes/colored-darkblue.css +29 -0
  15. package/public/contentbuilder/themes/colored-gray.css +29 -0
  16. package/public/contentbuilder/themes/colored-green.css +29 -0
  17. package/public/contentbuilder/themes/colored-green2.css +29 -0
  18. package/public/contentbuilder/themes/colored-green3.css +29 -0
  19. package/public/contentbuilder/themes/colored-green4.css +29 -0
  20. package/public/contentbuilder/themes/colored-green5.css +29 -0
  21. package/public/contentbuilder/themes/colored-magenta.css +29 -0
  22. package/public/contentbuilder/themes/colored-orange.css +29 -0
  23. package/public/contentbuilder/themes/colored-orange2.css +29 -0
  24. package/public/contentbuilder/themes/colored-orange3.css +29 -0
  25. package/public/contentbuilder/themes/colored-pink.css +29 -0
  26. package/public/contentbuilder/themes/colored-pink2.css +29 -0
  27. package/public/contentbuilder/themes/colored-pink3.css +29 -0
  28. package/public/contentbuilder/themes/colored-pink4.css +29 -0
  29. package/public/contentbuilder/themes/colored-purple.css +29 -0
  30. package/public/contentbuilder/themes/colored-purple2.css +29 -0
  31. package/public/contentbuilder/themes/colored-red.css +29 -0
  32. package/public/contentbuilder/themes/colored-red2.css +29 -0
  33. package/public/contentbuilder/themes/colored-red3.css +29 -0
  34. package/public/contentbuilder/themes/colored-red4.css +29 -0
  35. package/public/contentbuilder/themes/colored-red5.css +29 -0
  36. package/public/contentbuilder/themes/colored-yellow.css +29 -0
  37. package/public/contentbuilder/themes/colored-yellow2.css +29 -0
  38. package/public/contentbuilder/themes/dark-blue.css +28 -1
  39. package/public/contentbuilder/themes/dark-blue2.css +28 -1
  40. package/public/contentbuilder/themes/dark-blue3.css +28 -1
  41. package/public/contentbuilder/themes/dark-gray.css +28 -1
  42. package/public/contentbuilder/themes/dark-pink.css +28 -1
  43. package/public/contentbuilder/themes/dark-purple.css +28 -1
  44. package/public/contentbuilder/themes/dark-red.css +28 -1
  45. package/public/contentbuilder/themes/dark.css +29 -0
  46. package/public/contentbuilder/themes/light-blue.css +29 -0
  47. package/public/contentbuilder/themes/light-blue2.css +29 -0
  48. package/public/contentbuilder/themes/light-blue3.css +29 -0
  49. package/public/contentbuilder/themes/light-cyan.css +29 -0
  50. package/public/contentbuilder/themes/light-gray.css +29 -0
  51. package/public/contentbuilder/themes/light-gray2.css +29 -0
  52. package/public/contentbuilder/themes/light-gray3.css +29 -0
  53. package/public/contentbuilder/themes/light-green.css +29 -0
  54. package/public/contentbuilder/themes/light-pink.css +29 -0
  55. package/public/contentbuilder/themes/light-pink2.css +29 -0
  56. package/public/contentbuilder/themes/light-purple.css +29 -0
  57. package/public/contentbuilder/themes/light-purple2.css +29 -0
  58. package/public/contentbuilder/themes/light-red.css +29 -0
  59. package/public/contentbuilder/themes/light-yellow.css +29 -0
  60. package/public/contentbuilder/themes/light-yellow2.css +29 -0
  61. package/readme.txt +1 -1
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #d6d6d6 !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #e3e3e3 !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #d6d6d6;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #bdc4ed !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #e3e5ea !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #bdc4ed;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #d6ecf1 !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #ebeced !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #d6ecf1;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #e9ecf9 !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #dadee5 !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #e9ecf9;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #bcd8f7 !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #e7eaee !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #bcd8f7;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #d0d3d7 !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #dee0e3 !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #d0d3d7;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #e3e3e3 !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #eaeaea !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #e3e3e3;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #e3e3e3 !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #eaeaea !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #e3e3e3;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored-dark .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored-dark #_cbhtml .is-area,
161
+ .colored-dark .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #d6d6d6 !important;
164
+ }
165
+ .colored-dark #_cbhtml .is-area button,
166
+ .colored-dark .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored-dark #_cbhtml .is-area button svg,
170
+ .colored-dark .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored-dark #_cbhtml .is-area-2nd,
174
+ .colored-dark .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #bfbfbf !important;
177
+ }
178
+ .colored-dark #_cbhtml .is-area-2nd button,
179
+ .colored-dark .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored-dark #_cbhtml .is-area-2nd button svg,
183
+ .colored-dark .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored-dark #_cbhtml .is-pop,
161
187
  .colored-dark .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored-dark #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored-dark .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored-dark #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored-dark .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored-dark #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored-dark .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored-dark #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored-dark .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #d6d6d6;
1005
1034
  }
1006
1035
  .colored-dark #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored-dark #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored-dark .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #d2d4d8 !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #e0e1e4 !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #d2d4d8;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #dddddd !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #ededed !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #dddddd;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #d5d6d3 !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #e2e2e0 !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #d5d6d3;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,
@@ -157,6 +157,32 @@
157
157
  .colored .is-ui .style-helper-button-classic svg {
158
158
  fill: #000;
159
159
  }
160
+ .colored #_cbhtml .is-area,
161
+ .colored .is-ui .is-area {
162
+ color: #000 !important;
163
+ background: #c1e7c5 !important;
164
+ }
165
+ .colored #_cbhtml .is-area button,
166
+ .colored .is-ui .is-area button {
167
+ color: #000 !important;
168
+ }
169
+ .colored #_cbhtml .is-area button svg,
170
+ .colored .is-ui .is-area button svg {
171
+ fill: #000 !important;
172
+ }
173
+ .colored #_cbhtml .is-area-2nd,
174
+ .colored .is-ui .is-area-2nd {
175
+ color: #000 !important;
176
+ background: #e6e7e6 !important;
177
+ }
178
+ .colored #_cbhtml .is-area-2nd button,
179
+ .colored .is-ui .is-area-2nd button {
180
+ color: #000 !important;
181
+ }
182
+ .colored #_cbhtml .is-area-2nd button svg,
183
+ .colored .is-ui .is-area-2nd button svg {
184
+ fill: #000 !important;
185
+ }
160
186
  .colored #_cbhtml .is-pop,
161
187
  .colored .is-ui .is-pop {
162
188
  color: #000;
@@ -989,10 +1015,12 @@
989
1015
  .colored #_cbhtml .is-dropdown .dropdown-toggle::after,
990
1016
  .colored .is-ui .is-dropdown .dropdown-toggle::after {
991
1017
  border-top-color: #000;
1018
+ border-bottom-color: transparent;
992
1019
  }
993
1020
  .colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
994
1021
  .colored .is-ui .is-dropdown .dropdown-toggle.active::after {
995
1022
  border-bottom-color: #000;
1023
+ border-top-color: transparent;
996
1024
  }
997
1025
  .colored #_cbhtml .is-dropdown .dropdown-menu,
998
1026
  .colored .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
1002
1030
  .colored #_cbhtml .is-dropdown .dropdown-menu li,
1003
1031
  .colored .is-ui .is-dropdown .dropdown-menu li {
1004
1032
  color: #000;
1033
+ background-color: #c1e7c5;
1005
1034
  }
1006
1035
  .colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
1007
1036
  .colored .is-ui .is-dropdown .dropdown-menu li:hover,