appscms-tools-theme 3.9.4 → 3.9.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,500 @@
1
+ /**********************************************/
2
+ /***************BLOG-CSS-STYLING *************/
3
+
4
+ /********************************************/
5
+
6
+ html {
7
+ scroll-behavior: smooth;
8
+ font-size: 62.5%;
9
+ }
10
+ body {
11
+ font-family: "Open Sans", sans-serif !important;
12
+ }
13
+ a {
14
+ text-decoration: none !important;
15
+ }
16
+ img {
17
+ width: 100%;
18
+ }
19
+ /* logo styling */
20
+ .logo {
21
+ width: 50px;
22
+ border-radius: 50%;
23
+ }
24
+
25
+ header {
26
+ width: 100%;
27
+ position: relative;
28
+ }
29
+ .navbar {
30
+ width: 100%;
31
+ padding: 1.2rem 9% !important;
32
+ position: fixed;
33
+ top: 0;
34
+ left: 0;
35
+ z-index: 999;
36
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
37
+ }
38
+ .navbar-nav {
39
+ align-items: center;
40
+ }
41
+ .navbar-brand {
42
+ font-size: 2.2rem;
43
+ color: var(--txtColor) !important;
44
+ font-weight: 900;
45
+ }
46
+ .navbar-brand-image {
47
+ width: 80%;
48
+ display: inline-block;
49
+ max-width: 40px;
50
+ }
51
+ .navbar-dark .navbar-toggler {
52
+ outline: none !important;
53
+ }
54
+ .navbar-nav .nav-item {
55
+ padding: 0 10px;
56
+ }
57
+ .navbar-nav .nav-link:hover {
58
+ color: var(--txtColor) !important;
59
+ transition: all 0.2s linear;
60
+ -webkit-transition: all 0.2s linear;
61
+ -moz-transition: all 0.2s linear;
62
+ }
63
+ .nav-link {
64
+ text-decoration: none !important;
65
+ font-size: 16px;
66
+ color: gray !important;
67
+ }
68
+ /* close */
69
+
70
+ /* blogs-card title, content styling */
71
+ .anchor_link {
72
+ text-decoration: none !important;
73
+ color: #343a40 !important;
74
+ }
75
+ .anchor_link:hover {
76
+ transition: all 0.5s linear;
77
+ color: #000 !important;
78
+ }
79
+ .anchor_link .card-title {
80
+ font-weight: 600;
81
+ font-size: 22px;
82
+ line-height: 1.3;
83
+ }
84
+ .text_size {
85
+ color: rgba(0, 0, 0, 0.44);
86
+ font-size: 15px;
87
+ line-height: 1.6;
88
+ font-weight: 400;
89
+ }
90
+ /* close */
91
+
92
+ /* Blog-card-footer styling */
93
+ .card-footer {
94
+ border: none;
95
+ }
96
+ .wrapfooter {
97
+ display: flex;
98
+ align-items: center;
99
+ margin-bottom: 15px;
100
+ }
101
+ .wrapfooter img {
102
+ width: 35px;
103
+ height: 35px;
104
+ border-radius: 50%;
105
+ }
106
+ .wrapfooter .author-meta {
107
+ flex: 1 1 auto;
108
+ padding: 0 15px;
109
+ }
110
+ .wrapfooter .author-meta a {
111
+ font-size: 15px;
112
+ color: #000;
113
+ text-transform: capitalize;
114
+ }
115
+ .wrapfooter .span.post-read-more {
116
+ align-items: center;
117
+ display: inline-block;
118
+ margin-top: 8px;
119
+ }
120
+ .post-date {
121
+ color: rgba(0, 0, 0, 0.44);
122
+ font-size: 13px;
123
+ }
124
+ /* close */
125
+
126
+ /* BLOG-Categories stlying */
127
+ .explore {
128
+ color: #fff;
129
+ margin-bottom: 100px;
130
+ margin-top: 60px;
131
+ width: 100%;
132
+ background: var(--primary-color);
133
+ height: 250px;
134
+ align-items: center;
135
+ display: flex;
136
+ justify-content: space-around;
137
+ }
138
+ .explore ul {
139
+ display: flex;
140
+ list-style: none;
141
+ flex-wrap: wrap;
142
+ }
143
+ .cat {
144
+ display: inline-block;
145
+ padding: 9px 16px;
146
+ text-decoration: none !important;
147
+ color: #000 !important;
148
+ font-weight: 600;
149
+ font-size: 12px;
150
+ background: #fff;
151
+ border-radius: 40px;
152
+ margin: 0 15px;
153
+ }
154
+ /* close */
155
+
156
+ /* BLOG-alertbar stlying */
157
+ .alertbar {
158
+ box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
159
+ position: fixed;
160
+ bottom: 0;
161
+ left: 0;
162
+ background-color: #fff;
163
+ width: 100%;
164
+ padding: 14px 0;
165
+ z-index: 1;
166
+ }
167
+ .alertbar form {
168
+ display: inline-block;
169
+ }
170
+ .alertbar input[type="email"] {
171
+ font-size: 0.85rem;
172
+ padding: 3px 40px 3px 10px;
173
+ border-top-left-radius: 3px;
174
+ border-bottom-left-radius: 3px;
175
+ border: 1px solid #ddd;
176
+ border-right: 0;
177
+ margin-right: -10px;
178
+ height: 34px;
179
+ letter-spacing: 0.5px;
180
+ margin-left: 5px;
181
+ outline: 0;
182
+ }
183
+ .alertbar input[type="submit"] {
184
+ background-color: var(--primary-color);
185
+ border: 1px solid var(--primary-color);
186
+ color: #fff;
187
+ fill: #fff;
188
+ font-size: 12px;
189
+ border-radius: 0;
190
+ padding: 4px 10px;
191
+ border-top-right-radius: 3px;
192
+ border-bottom-right-radius: 3px;
193
+ font-weight: 600;
194
+ height: 34px;
195
+ letter-spacing: 0.5px;
196
+ cursor: pointer;
197
+ }
198
+ /* close */
199
+
200
+ /* Blog-Pages-Pagination stlying*/
201
+ .blog-pagination a,
202
+ .blog-pagination span {
203
+ padding: 7px 10px;
204
+ margin-left: -2px;
205
+ margin-right: -2px;
206
+ background-color: #ffffff;
207
+ display: inline-block;
208
+ text-decoration: none;
209
+ }
210
+
211
+ .blog-pagination a:hover {
212
+ background-color: #f1f1f1;
213
+ color: #333;
214
+ }
215
+
216
+ .blog-pagination {
217
+ text-align: center;
218
+ font-size: 14px;
219
+ }
220
+
221
+ /* BLOG-Categories-PAGes styling */
222
+ .section-title h2 {
223
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
224
+ font-weight: 700;
225
+ font-size: 1.5rem;
226
+ margin-bottom: 27px;
227
+ }
228
+ .section-title span {
229
+ border-bottom: 1px solid rgba(0, 0, 0, 0.44);
230
+ display: inline-block;
231
+ padding-bottom: 20px;
232
+ margin-bottom: -1px;
233
+ }
234
+
235
+ /***************************************************************/
236
+ /********************** post-layouts-styling *******************/
237
+ /***************************************************************/
238
+
239
+ /* left-sidebar-social-styling */
240
+ .post-content {
241
+ font-size: 20px;
242
+ }
243
+
244
+ /*.socialIons {
245
+ position: sticky;
246
+ top: 100px;
247
+ }*/
248
+
249
+ .socialIons > .item-lists2 {
250
+ display: flex;
251
+ flex-direction: row;
252
+ width: 100%;
253
+ }
254
+ .socialIons > .item-lists2 > li:nth-child(1) {
255
+ margin: 0;
256
+ }
257
+
258
+ .socialIons > .item-lists2 > li {
259
+ list-style: none;
260
+ padding: 8px 0px;
261
+ margin: 0 auto;
262
+ }
263
+ .socialIons .item-lists2 li a {
264
+ color: rgba(95, 21, 21, 0.44);
265
+ fill: rgba(0, 0, 0, 0.44);
266
+ font-size: 15px;
267
+ cursor: pointer;
268
+ text-decoration: none !important;
269
+ }
270
+ .socialIons > .item-lists2 > li i {
271
+ font-size: 18px;
272
+ color: rgba(0, 0, 0, 0.44);
273
+ fill: rgba(0, 0, 0, 0.44);
274
+ }
275
+ .sep {
276
+ height: 1px;
277
+ width: 20px;
278
+ background: #999;
279
+ margin: 3px auto;
280
+ }
281
+ .comments-count {
282
+ margin: 18px 25px;
283
+ text-align: center;
284
+ }
285
+ .comment_count {
286
+ font-size: 12px;
287
+ color: rgba(95, 21, 21, 0.44) !important;
288
+ fill: rgba(0, 0, 0, 0.44);
289
+ text-decoration: none !important;
290
+ }
291
+ /* close */
292
+
293
+ /* right-sidebar-styling-starts */
294
+ /* author bio styling.. */
295
+ .author_image .author-thumb {
296
+ width: 80px;
297
+ height: 80px;
298
+ object-fit: cover;
299
+ }
300
+ .author-meta .postName {
301
+ font-size: 18px !important;
302
+ color: rgba(0, 0, 0, 0.8) !important;
303
+ text-decoration: none !important;
304
+ font-family: "Merriweather", serif;
305
+ }
306
+ .btn_follow {
307
+ margin-left: 5px;
308
+ margin-bottom: 10px;
309
+ border-color: #02b875;
310
+ color: #1c9963 !important;
311
+ padding: 3px 10px;
312
+ text-align: center;
313
+ border-radius: 999em;
314
+ font-size: 1.5rem;
315
+ display: inline-block;
316
+ border: 1px solid;
317
+ }
318
+ .author_bio {
319
+ color: rgba(0, 0, 0, 0.44);
320
+ font-size: 13px;
321
+ line-height: 20px;
322
+ }
323
+ /* close */
324
+
325
+ /* pagination-styling-postpages */
326
+ .pointerup i.fa {
327
+ color: #eaeaea;
328
+ }
329
+ .pointerup {
330
+ margin-bottom: -9px;
331
+ margin-left: 49%;
332
+ font-size: 30px;
333
+ }
334
+ .bottompagination span.navigation {
335
+ display: block;
336
+ font-size: 0.93rem;
337
+ padding: 15px 0 0 0;
338
+ text-align: center;
339
+ margin-bottom: 0rem;
340
+ color: #999;
341
+ border-top: 1px solid #ddd;
342
+ }
343
+ .pagination {
344
+ display: -ms-flexbox;
345
+ display: flex;
346
+ padding-left: 0;
347
+ list-style: none;
348
+ border-radius: 0.25rem;
349
+ display: block;
350
+ color: green;
351
+ font-size: 15px;
352
+ margin-bottom: 30px;
353
+ }
354
+ .pageUrl {
355
+ color: green;
356
+ font-size: 12px;
357
+ font-weight: 900;
358
+ text-decoration: none;
359
+ margin-right: 10px;
360
+ }
361
+ .pageUrl:hover {
362
+ text-decoration: none;
363
+ color: green;
364
+ }
365
+ .lunrsearchresult {
366
+ font-size: 15px;
367
+ }
368
+ .lunrsearchresult .title {
369
+ color: #d9230f;
370
+ }
371
+ .lunrsearchresult .url {
372
+ color: silver;
373
+ }
374
+ .lunrsearchresult a {
375
+ display: block;
376
+ color: #777;
377
+ }
378
+
379
+ .lunrsearchresult:hover,
380
+ .lunrsearchresult:focus {
381
+ text-decoration: none;
382
+ }
383
+
384
+ .lunrsearchresult:hover .title {
385
+ text-decoration: underline;
386
+ }
387
+
388
+ .close {
389
+ float: right;
390
+ font-size: 2rem;
391
+ font-weight: 700;
392
+ line-height: 1;
393
+ color: #000;
394
+ text-shadow: 0 1px 0 #fff;
395
+ opacity: 0.5;
396
+ border: none;
397
+ background: transparent;
398
+ }
399
+ .close:focus {
400
+ outline: none !important;
401
+ }
402
+
403
+ /* recent post heading stlye */
404
+ .recent_post_heading {
405
+ width: 100%;
406
+ font-size: 46px;
407
+ text-align: left;
408
+ font-weight: 800;
409
+ font-stretch: normal;
410
+ font-style: normal;
411
+ line-height: 1.24;
412
+ letter-spacing: normal;
413
+ color: rgb(17, 48, 78);
414
+ margin-bottom: 45px;
415
+ padding-top: 75px;
416
+ display: inline-block;
417
+ }
418
+
419
+ @media (max-width: 768px) {
420
+ .bd-search {
421
+ padding: 10px 25px;
422
+ }
423
+ .socialIons > .item-lists2 {
424
+ justify-content: center;
425
+ }
426
+ .socialIons > .item-lists2 {
427
+ flex-direction: row;
428
+ align-items: center;
429
+ }
430
+ .socialIons > .item-lists2 > li {
431
+ padding-right: 30px;
432
+ margin: 0;
433
+ }
434
+ }
435
+
436
+ @media (max-width: 768px) {
437
+ .navbar-nav {
438
+ align-items: unset;
439
+ }
440
+ .nav-item {
441
+ padding: 0 !important;
442
+ }
443
+
444
+ .sep {
445
+ margin: 0;
446
+ }
447
+ .author-meta {
448
+ padding-left: 15px;
449
+ }
450
+ .comments-count {
451
+ margin: 18px 0;
452
+ text-align: left;
453
+ }
454
+
455
+ .navbar {
456
+ padding-left: 7% !important;
457
+ padding-right: 7% !important;
458
+ }
459
+ .title,
460
+ .description {
461
+ width: 100% !important;
462
+ text-align: center;
463
+ }
464
+ .angle-arrow {
465
+ position: fixed;
466
+ bottom: 4px;
467
+ right: 32px;
468
+ top: auto;
469
+ z-index: 999;
470
+ }
471
+ .alertbar form {
472
+ display: block;
473
+ margin-top: 10px;
474
+ }
475
+ .small_description {
476
+ font-size: 25px;
477
+ }
478
+ }
479
+
480
+ .appscms-sidebar-right,
481
+ .appscms-sidebar-left {
482
+ min-width: 200px;
483
+ max-width: fit-content;
484
+ height: 100px;
485
+ min-height: 300px;
486
+ max-height: fit-content;
487
+ top: 150px;
488
+ position: fixed;
489
+ }
490
+ .appscms-sidebar-left {
491
+ left: 0;
492
+ }
493
+ .appscms-sidebar-right {
494
+ right: 0;
495
+ }
496
+ .wrapfooter {
497
+ display: flex;
498
+ margin-top: 0px;
499
+ margin-bottom: -0px;
500
+ }
@@ -484,10 +484,13 @@ body {
484
484
  .appscms-blog-cards {
485
485
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.06);
486
486
  margin-bottom: 20px;
487
- border-radius: 10px;
487
+ border-radius: 10px !important;
488
488
  /* max-width: 340px; */
489
489
  /* min-width: 300px; */
490
490
  }
491
+ .card-footer {
492
+ border-radius: 10px !important;
493
+ }
491
494
 
492
495
  .appscms-blog-cards img {
493
496
  border-radius: 10px 10px 0px 0px;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: appscms-tools-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.9.4
4
+ version: 3.9.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
@@ -123,6 +123,7 @@ files:
123
123
  - _includes/appscms/footer/footer.html
124
124
  - _includes/appscms/footer/products.html
125
125
  - _includes/appscms/footer/static-footer.html
126
+ - _includes/appscms/head/bloghead.html
126
127
  - _includes/appscms/head/head.html
127
128
  - _includes/appscms/headings/headings.html
128
129
  - _includes/appscms/home/feature-boxes.html
@@ -193,6 +194,7 @@ files:
193
194
  - _layouts/appscms-help.html
194
195
  - _layouts/appscms-home.html
195
196
  - _layouts/appscms-imagekit.html
197
+ - _layouts/appscms-post.html
196
198
  - _layouts/appscms-privacy-policy.html
197
199
  - _layouts/appscms-terms-and-conditions.html
198
200
  - _layouts/appscms-video.html
@@ -232,6 +234,7 @@ files:
232
234
  - assets/cloud.svg
233
235
  - assets/cross.svg
234
236
  - assets/css/adblocker.css
237
+ - assets/css/appscms-blog.css
235
238
  - assets/css/appscms-calculator.css
236
239
  - assets/css/appscms-feature.css
237
240
  - assets/css/appscms-home.css