appscms-tools-theme 2.5.4 → 2.5.6

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 (24) hide show
  1. checksums.yaml +4 -4
  2. data/_data/feature/en/allele-frequency.json +244 -244
  3. data/_data/feature/en/theframe.json +55 -55
  4. data/_data/home/en/photoeffects.json +23 -23
  5. data/_data/photo-categories.json +12 -12
  6. data/_data/photoeffects.json +116 -116
  7. data/_includes/header/index.html +1 -1
  8. data/_includes/monumetric/ads.html +57 -57
  9. data/_includes/monumetric/profitablecpmgate.html +51 -51
  10. data/_layouts/calculator.html +83 -83
  11. data/_layouts/feature-1.html +37 -44
  12. data/_layouts/frame.html +197 -197
  13. data/_layouts/photo-effects-home.html +97 -97
  14. data/assets/css/calculators.css +40 -40
  15. data/assets/css/common.css +7 -4
  16. data/assets/css/feature-1.css +30 -6
  17. data/assets/css/frame.css +717 -717
  18. data/assets/css/imagekit.css +841 -757
  19. data/assets/images/addimg.svg +2 -2
  20. data/assets/js/ads.js +8 -8
  21. data/assets/js/append-div.js +10 -10
  22. data/assets/js/photo-effects.json +32 -32
  23. data/assets/js/theme.js +44 -27
  24. metadata +7 -7
data/assets/css/calculators.css CHANGED
@@ -1,40 +1,40 @@
1
- .calculator-workspace {
2
- width: 400px;
3
- background: #f6f6f6d2;
4
- position: relative;
5
- z-index: 1;
6
- margin: 0 auto;
7
- box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
- border-radius: 8px;
9
- padding: 1.5rem;
10
- }
11
-
12
- .calculator-workspace label {
13
- width: 100%;
14
- font-weight: 600;
15
- text-align: left;
16
- margin-top: 10px;
17
- }
18
-
19
- .submit-button {
20
- border: none;
21
- border-radius: 4px;
22
- padding: 10px 22px;
23
- color: #fff;
24
- margin-left: auto;
25
- font-weight: 600;
26
- }
27
-
28
- .calculator-inputs {
29
- display: flex;
30
- gap: 10px;
31
- }
32
- .unit {
33
- background: #ffff;
34
- padding: 0px 10px;
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- border-radius: 4px;
39
- font-weight: 600;
40
- }
1
+ .calculator-workspace {
2
+ width: 400px;
3
+ background: #f6f6f6d2;
4
+ position: relative;
5
+ z-index: 1;
6
+ margin: 0 auto;
7
+ box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
+ border-radius: 8px;
9
+ padding: 1.5rem;
10
+ }
11
+
12
+ .calculator-workspace label {
13
+ width: 100%;
14
+ font-weight: 600;
15
+ text-align: left;
16
+ margin-top: 10px;
17
+ }
18
+
19
+ .submit-button {
20
+ border: none;
21
+ border-radius: 4px;
22
+ padding: 10px 22px;
23
+ color: #fff;
24
+ margin-left: auto;
25
+ font-weight: 600;
26
+ }
27
+
28
+ .calculator-inputs {
29
+ display: flex;
30
+ gap: 10px;
31
+ }
32
+ .unit {
33
+ background: #ffff;
34
+ padding: 0px 10px;
35
+ display: flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ border-radius: 4px;
39
+ font-weight: 600;
40
+ }
data/assets/css/common.css CHANGED
@@ -10,7 +10,8 @@ HEADER | NAVBAR DESIGN CSS
10
10
  top: 0;
11
11
  z-index: 10;
12
12
  background: #fff;
13
- box-shadow: 0 1px 0 0 rgb(38 38 40 / 9%);
13
+ border: none !important;
14
+ box-shadow: 0 1px 0 0 rgb(38 38 40 / 9%) !important;
14
15
  }
15
16
 
16
17
  .header-navbar {
@@ -89,12 +90,12 @@ FEATURE H1/H2 STYLE CSS
89
90
  ***********************/
90
91
  .home1-top-h1 {
91
92
  line-height: 60px;
92
- font-size: 42px;
93
+ font-size: 35px;
93
94
  }
94
95
 
95
96
  .feature1-h1 {
96
97
  line-height: 70px;
97
- font-size: 42px;
98
+ font-size: 35px;
98
99
  font-weight: 700;
99
100
  color: rgb(33, 33, 33);
100
101
  text-align: center;
@@ -440,7 +441,9 @@ MEDIA QUERIES FOR MOBILE RESPONSIVE
440
441
 
441
442
  .home1-top-h1,
442
443
  .feature1-h1 {
443
- font-size: 2rem;
444
+ padding-bottom: 1rem;
445
+ margin-bottom: 0px;
446
+ font-size: 20px;
444
447
  text-align: center;
445
448
  line-height: initial;
446
449
  }
data/assets/css/feature-1.css CHANGED
@@ -106,7 +106,7 @@
106
106
 
107
107
  .feature1-flex-container {
108
108
  padding-top: 75px;
109
- padding-bottom: 60px;
109
+ padding-bottom: 20px;
110
110
  }
111
111
 
112
112
  #filepicker,
@@ -117,10 +117,6 @@
117
117
 
118
118
 
119
119
  /* feature css */
120
- canvas {
121
- min-height: fit-content;
122
- }
123
-
124
120
  #canvas-box-panel {
125
121
  border: 1px solid rgba(0, 0, 0, 0.1);
126
122
  padding: 25px;
@@ -136,6 +132,11 @@ canvas {
136
132
  max-width: 100%;
137
133
  }
138
134
 
135
+ canvas {
136
+ min-height: fit-content;
137
+ max-width: 100%;
138
+ }
139
+
139
140
  .select-format-title {
140
141
  position: relative;
141
142
  display: inline-block;
@@ -203,6 +204,7 @@ canvas {
203
204
  padding: 30px;
204
205
  width: 100%;
205
206
  text-align: left;
207
+ height: 100%;
206
208
  }
207
209
 
208
210
  .options-panel .title {
@@ -232,6 +234,24 @@ canvas {
232
234
  text-align: left;
233
235
  }
234
236
 
237
+ #counter {
238
+ background: #ccc;
239
+ padding: 2px 4px;
240
+ border-radius: 5px;
241
+ display: inline-block;
242
+ width: auto;
243
+ margin: auto;
244
+ margin-left: 4px;
245
+ border: none;
246
+ text-align: center;
247
+ }
248
+
249
+ input[type=range] {
250
+ appearance: none;
251
+ height: 4px;
252
+ background: #D3D3D3;
253
+ }
254
+
235
255
  @media (max-width: 768px) {
236
256
  .download-format {
237
257
  padding: 0 15px;
@@ -250,10 +270,14 @@ canvas {
250
270
  line-height: 20px;
251
271
  }
252
272
 
273
+ #image-format {
274
+ width: auto;
275
+ }
276
+
253
277
  #image-format,
254
278
  #download-button {
279
+ margin-left: auto;
255
280
  font-size: 12px;
256
- width: 110px;
257
281
  }
258
282
 
259
283
  .download-button-container {