appscms-tools-theme 0.4.3 → 0.4.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (70) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +52 -52
  4. data/_data/{pages → about/en}/about.json +19 -7
  5. data/_data/blog/alertbar.yml +3 -3
  6. data/_data/blog/authors.yml +11 -11
  7. data/_data/blog/blog.yml +3 -3
  8. data/_data/blog/nav.json +13 -13
  9. data/_data/blog/share.yml +28 -29
  10. data/_data/contact/en/contact.json +52 -0
  11. data/_data/disclaimer/en/disclaimer.json +49 -0
  12. data/_data/feature/en/compress-pdf.json +157 -79
  13. data/_data/feature/en/split-pdf.json +150 -79
  14. data/_data/feature/hi/compress-pdf.json +82 -30
  15. data/_data/footer/en/data.json +84 -84
  16. data/_data/footer/hi/data.json +85 -0
  17. data/_data/header/en/data.json +144 -58
  18. data/_data/header/hi/data.json +145 -0
  19. data/_data/{pages → help/en}/help.json +19 -7
  20. data/_data/home/en/en.json +88 -0
  21. data/_data/home/hi/hi.json +87 -0
  22. data/_data/languagesupport/compress-pdf-langs.json +12 -0
  23. data/_data/languagesupport/index-langs.json +12 -0
  24. data/_data/privacy/en/privacyPolicy.json +277 -0
  25. data/_data/termAndCondition/en/termAndCondition.json +370 -0
  26. data/_includes/author_bio.html +11 -11
  27. data/_includes/custom-head.html +29 -33
  28. data/_includes/disqus_comments.html +10 -10
  29. data/_includes/dropdown/langdropdown.html +22 -0
  30. data/_includes/footer/index.html +55 -75
  31. data/_includes/head/index.html +54 -49
  32. data/_includes/header/blogHeader.html +31 -31
  33. data/_includes/header/index.html +56 -33
  34. data/_includes/paginationBlogPage.html +34 -34
  35. data/_includes/paginationPostPage.html +14 -14
  36. data/_includes/postbox.html +37 -37
  37. data/_includes/script.html +11 -4
  38. data/_includes/section/alertbar.html +11 -11
  39. data/_includes/section/count.html +23 -23
  40. data/_includes/share/socialshare.html +22 -0
  41. data/_layouts/aboutUs.html +22 -24
  42. data/_layouts/blog.html +71 -75
  43. data/_layouts/categories.html +24 -24
  44. data/_layouts/contactUs.html +49 -23
  45. data/_layouts/default.html +1 -1
  46. data/_layouts/disclaimer.html +50 -0
  47. data/_layouts/feature.html +120 -142
  48. data/_layouts/help.html +22 -23
  49. data/_layouts/home.html +44 -45
  50. data/_layouts/page.html +5 -5
  51. data/_layouts/post.html +63 -68
  52. data/_layouts/privacyPolicy.html +51 -0
  53. data/_layouts/termAndCondition.html +49 -23
  54. data/assets/cross.svg +4 -4
  55. data/assets/css/blog.css +464 -464
  56. data/assets/css/tools.css +1427 -3085
  57. data/assets/facebook.svg +4 -4
  58. data/assets/instagram.svg +4 -4
  59. data/assets/js/TopScroll.js +8 -9
  60. data/assets/linkdin.svg +4 -4
  61. data/assets/pdf.svg +20 -20
  62. data/assets/star.svg +4 -4
  63. data/assets/twitter.svg +4 -4
  64. data/assets/youtube.svg +4 -4
  65. metadata +23 -14
  66. data/_data/home/en.json +0 -48
  67. data/_data/home/hi.json +0 -32
  68. data/_data/pages/contact.json +0 -8
  69. data/_data/pages/termAndCondition.json +0 -8
  70. data/_includes/uploader/index.html +0 -69
data/_layouts/page.html CHANGED
@@ -1,5 +1,5 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- {{ content }}
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {{ content }}
data/_layouts/post.html CHANGED
@@ -1,68 +1,63 @@
1
- <html>
2
-
3
- {% include custom-head.html %}
4
-
5
- <body>
6
- {%- include header/blogHeader.html -%}
7
-
8
- <section class="section_post">
9
- <div class="container">
10
- <div class="row section-title-wrap">
11
- <div class="col-md-12 mt-5">
12
- <h1 class="display-4" style="font-weight: 900;">{{ page.title }}</h1>
13
- </div>
14
- </div>
15
-
16
- <div class="row mt-5">
17
- <div class="col-md-2">
18
- <div class="socialIons">
19
- <ul class="list-unstyled item-lists2">
20
- <li><a style="pointer-events: none;">{{ site.data.blog.share.label }}</a></li>
21
- {% capture title %}{{ page.title }}{% endcapture %}
22
- {% assign url = page.url | relative_url | prepend: site.url %}
23
-
24
-
25
- {% for share in site.data.blog.share.platforms %}
26
- {% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
27
- <li> <a href=" {{ link }}" data-toggle="tooltip"
28
- onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
29
- data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
30
- <i class="fa-fw {{ share.icon }}"></i>
31
- </a>
32
- </li>
33
- {% endfor %}
34
- </span>
35
- </ul>
36
- <div class="sep"></div>
37
- <div class="comments-count">
38
- <a href="{{ content.absolute_url }}#disqus_thread" class="comment_count"></a>
39
- </div>
40
- </ul>
41
- </div>
42
- </div>
43
-
44
- <div class="col-md-8">
45
- {% assign author = site.data.blog.authors[page.author] %}
46
-
47
- {% if author %}
48
- {% include author_bio.html %}
49
- {% endif %}
50
-
51
- <div class="post-content">
52
- {{ content }}
53
- </div>
54
- {%- include paginationPostPage.html -%}
55
- <div class="commentsection">
56
- {%- if site.disqus.shortname -%}
57
- {%- include disqus_comments.html -%}
58
- {%- endif -%}
59
- </div>
60
- </div>
61
- </div>
62
- </section>
63
- {%- include section/count.html -%}
64
- {%- include section/alertbar.html -%}
65
- {% include script.html %}
66
- </body>
67
-
68
- </html>
1
+ <html>
2
+
3
+ {% include custom-head.html %}
4
+ <body>
5
+ {%- include header/blogHeader.html -%}
6
+ <section class="section_post">
7
+ <div class="container">
8
+ <div class="row section-title-wrap">
9
+ <div class="col-md-12 mt-5">
10
+ <h1 class="display-4" style="font-weight: 900;">{{ page.title }}</h1>
11
+ </div>
12
+ </div>
13
+ <div class="row mt-5">
14
+ <div class="col-md-2">
15
+ <div class="socialIons">
16
+ <ul class="list-unstyled item-lists2">
17
+ <li><a style="pointer-events: none;">{{ site.data.blog.share.label }}</a></li>
18
+ {% capture title %}{{ page.title }}{% endcapture %}
19
+ {% assign url = page.url | relative_url | prepend: site.url %}
20
+ {% for share in site.data.blog.share.platforms %}
21
+ {% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
22
+ <li> <a href=" {{ link }}" data-toggle="tooltip"
23
+ onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
24
+ data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
25
+ <i class="fa-fw {{ share.icon }}"></i>
26
+ </a>
27
+ </li>
28
+ {% endfor %}
29
+ </span>
30
+ </ul>
31
+ <div class="sep"></div>
32
+ <div class="comments-count">
33
+ <a href="{{ content.absolute_url }}#disqus_thread" class="comment_count"></a>
34
+ </div>
35
+ </ul>
36
+ </div>
37
+ </div>
38
+
39
+ <div class="col-md-8">
40
+ {% assign author = site.data.blog.authors[page.author] %}
41
+
42
+ {% if author %}
43
+ {% include author_bio.html %}
44
+ {% endif %}
45
+
46
+ <div class="post-content">
47
+ {{ content }}
48
+ </div>
49
+ {%- include paginationPostPage.html -%}
50
+ <div class="commentsection">
51
+ {%- if site.disqus.shortname -%}
52
+ {%- include disqus_comments.html -%}
53
+ {%- endif -%}
54
+ </div>
55
+ </div>
56
+ </div>
57
+ </section>
58
+ {%- include section/count.html -%}
59
+ {%- include section/alertbar.html -%}
60
+ {% include script.html %}
61
+ </body>
62
+
63
+ </html>
@@ -0,0 +1,51 @@
1
+ {% assign file = page.fileName %}
2
+ {% assign folder = page.folderName %}
3
+ {% assign lang = page.lang %}
4
+ {% assign privacyData = site.data[folder][lang][file] %}
5
+ <!DOCTYPE html>
6
+ <html lang="{{privacyData.htmlLangAtt}}">
7
+ {% include head/index.html %}
8
+ <body>
9
+ {% include header/index.html %}
10
+ {%- include dropdown/langdropdown.html -%}
11
+ <div class="container py-4">
12
+ <!-- <p>{{site.pages}}</p> -->
13
+ <h1 class="about-h1 py-4">{{privacyData.h1}}</h1>
14
+ <h2 class="about-h2">{{privacyData.h2}}</h2>
15
+ <div class="py-3">
16
+ {%- for item in privacyData.privacyPolicy -%}
17
+ {%- if item.li -%}
18
+ <li> {{item.li}} </li>
19
+ {%- endif -%}
20
+ {%- if item.h1 -%}
21
+ <h1> {{item.h1}} </h1>
22
+ {%- endif -%}
23
+ {%- if item.h2 -%}
24
+ <h2 class="common-h2"> {{item.h2}} </h2>
25
+ {%- endif -%}
26
+ {%- if item.p -%}
27
+ <p>{{item.p | replace:"$companyName", page.companyName | replace:"$domain", page.domain }}</p>
28
+ {%- endif -%}
29
+ {%- if item.h3 -%}
30
+ <h3> {{item.h3}} </h3>
31
+ {%- endif -%}
32
+ {%- if item.h4 -%}
33
+ <h4> {{item.h4}} </h4>
34
+ {%- endif -%}
35
+ {%- if item.h5 -%}
36
+ <h5> {{item.h5}} </h5>
37
+ {%- endif -%}
38
+ {%- if item.h6 -%}
39
+ <h6> {{item.h6}} </h6>
40
+ {%- endif -%}
41
+ {%- endfor -%}
42
+ </div>
43
+ <div>
44
+ {{content}}
45
+ </div>
46
+ </div>
47
+ {% include footer/index.html %}
48
+ {% include script.html %}
49
+ </body>
50
+
51
+ </html>
@@ -1,24 +1,50 @@
1
- {% assign file = page.fileName %}
2
- {% assign dataArr = site.data.pages[file] %}
3
- {% assign dataToShow = dataArr %}
4
- <!DOCTYPE html>
5
- <html lang="en" data-tool="landing">
6
- {% include head/index.html %}
7
-
8
- <body>
9
- {% include header/index.html %}
10
- <div class="sc-1ttxsn1-0 fxCLCz">
11
- <div class="sc-1ttxsn1-1 hvHwmD">
12
- <div class="sc-8oiqhz-0 fMjvGP">
13
- <h1 class="sc-8oiqhz-1 fMrSkY">{{dataToShow.h1}}</h1>
14
- <h2 class="sc-8oiqhz-2 fMAoPh">{{dataToShow.h2}}</h2>
15
- <p>
16
- {{dataToShow.paragraph}}
17
- </p>
18
- </div>
19
- </div>
20
- </div>
21
- {% include footer/index.html %}
22
- </body>
23
-
1
+ {% assign file = page.fileName %}
2
+ {% assign folder = page.folderName %}
3
+ {% assign lang = page.lang %}
4
+ {% assign termsData = site.data[folder][lang][file] %}
5
+ <!DOCTYPE html>
6
+ <html lang="{{termsData.htmlLangAtt}}">
7
+ {% include head/index.html %}
8
+ <body>
9
+ {% include header/index.html %}
10
+ {%- include dropdown/langdropdown.html -%}
11
+ <div class="container py-4">
12
+ <!-- <p>{{site.pages}}</p> -->
13
+ <h1 class="about-h1 py-4">{{termsData.h1}}</h1>
14
+ <div class="py-3">
15
+ {%- for item in termsData.termsAndConditions -%}
16
+ {%- if item.li -%}
17
+ <li> {{item.li}} </li>
18
+ {%- endif -%}
19
+ {%- if item.h1 -%}
20
+ <h1> {{item.h1}} </h1>
21
+ {%- endif -%}
22
+ {%- if item.h2 -%}
23
+ <h2> {{item.h2}} </h2>
24
+ {%- endif -%}
25
+ {%- if item.p -%}
26
+ <p>{{item.p | replace:"$companyName", page.companyName | replace:"$domain", page.domain }}</p>
27
+ {%- endif -%}
28
+ {%- if item.h3 -%}
29
+ <h3> {{item.h3}} </h3>
30
+ {%- endif -%}
31
+ {%- if item.h4 -%}
32
+ <h4> {{item.h4}} </h4>
33
+ {%- endif -%}
34
+ {%- if item.h5 -%}
35
+ <h5> {{item.h5}} </h5>
36
+ {%- endif -%}
37
+ {%- if item.h6 -%}
38
+ <h6> {{item.h6}} </h6>
39
+ {%- endif -%}
40
+ {%- endfor -%}
41
+ </div>
42
+ <div>
43
+ {{content}}
44
+ </div>
45
+ </div>
46
+ {% include footer/index.html %}
47
+ {% include script.html %}
48
+ </body>
49
+
24
50
  </html>
data/assets/cross.svg CHANGED
@@ -1,5 +1,5 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
2
- <path
3
- d="M6.692 6L10.5 9.808l-.692.692L6 6.692 2.192 10.5 1.5 9.808 5.308 6 1.5 2.192l.692-.692L6 5.308 9.808 1.5l.692.692z">
4
- </path>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
2
+ <path
3
+ d="M6.692 6L10.5 9.808l-.692.692L6 6.692 2.192 10.5 1.5 9.808 5.308 6 1.5 2.192l.692-.692L6 5.308 9.808 1.5l.692.692z">
4
+ </path>
5
5
  </svg>
data/assets/css/blog.css CHANGED
@@ -1,464 +1,464 @@
1
- /**********************************************/
2
- /***************BLOG-CSS-STYLING *************/
3
- /********************************************/
4
-
5
- html {
6
- scroll-behavior: smooth;
7
- font-size: 62.5%;
8
- }
9
- body {
10
- font-family: 'Open Sans', sans-serif !important;
11
- }
12
- a {
13
- text-decoration: none !important;
14
- }
15
- img {
16
- width: 100%;
17
- }
18
-
19
- .section_post {
20
- margin-top: 100px;
21
- }
22
-
23
- /* logo styling */
24
- .logo {
25
- width: 50px;
26
- border-radius: 50%;
27
- }
28
-
29
- header {
30
- width: 100%;
31
- position: relative;
32
- }
33
- .navbar {
34
- width: 100%;
35
- padding: 1.2rem 9% !important;
36
- position: fixed;
37
- top: 0;
38
- left: 0;
39
- z-index: 999;
40
- }
41
- .navbar-nav {
42
- align-items: center;
43
- }
44
- .navbar-brand {
45
- font-size: 2.2rem;
46
- color: var(--txtColor) !important;
47
- font-weight: 900;
48
- }
49
- .navbar-brand-image {
50
- width: 80%;
51
- display: inline-block;
52
- max-width: 40px;
53
- }
54
- .navbar-dark .navbar-toggler {
55
- outline: none !important;
56
- }
57
- .navbar-nav .nav-item {
58
- padding: 0 10px;
59
- }
60
- .navbar-nav .nav-link:hover {
61
- color: var(--txtColor) !important;
62
- transition: all 0.2s linear;
63
- -webkit-transition: all 0.2s linear;
64
- -moz-transition: all 0.2s linear;
65
- }
66
- .nav-link {
67
- text-decoration: none !important;
68
- font-size: 16px;
69
- color: gray !important;
70
- }
71
- /* close */
72
-
73
- /* blogs-card title, content styling */
74
- .anchor_link {
75
- text-decoration: none !important;
76
- color: #343a40 !important;
77
- }
78
- .anchor_link:hover {
79
- transition: all 0.5s linear;
80
- color: #000 !important;
81
- }
82
- .anchor_link .card-title {
83
- font-weight: 600;
84
- font-size: 22px;
85
- line-height: 1.3;
86
- }
87
- .text_size {
88
- color: rgba(0, 0, 0, 0.44);
89
- font-size: 15px;
90
- line-height: 1.6;
91
- font-weight: 400;
92
- }
93
- /* close */
94
-
95
- /* Blog-card-footer styling */
96
- .card-footer {
97
- border: none;
98
- }
99
- .wrapfooter {
100
- display: flex;
101
- align-items: center;
102
- margin-bottom: 15px;
103
- }
104
- .wrapfooter img {
105
- width: 35px;
106
- height: 35px;
107
- border-radius: 50%;
108
- }
109
- .wrapfooter .author-meta {
110
- flex: 1 1 auto;
111
- padding: 0 15px;
112
- }
113
- .wrapfooter .author-meta a {
114
- font-size: 15px;
115
- color: #000;
116
- text-transform: capitalize;
117
- }
118
- .wrapfooter .span.post-read-more {
119
- align-items: center;
120
- display: inline-block;
121
- margin-top: 8px;
122
- }
123
- .post-date {
124
- color: rgba(0, 0, 0, 0.44);
125
- font-size: 13px;
126
- }
127
- /* close */
128
-
129
- /* BLOG-Categories stlying */
130
- .explore {
131
- color: #fff;
132
- margin-bottom: 100px;
133
- margin-top: 60px;
134
- width: 100%;
135
- background: repeating-linear-gradient(
136
- 45deg,
137
- rgb(27, 27, 27) 0px,
138
- rgb(27, 27, 27) 97px,
139
- rgb(24, 24, 24) 97px,
140
- rgb(24, 24, 24) 194px,
141
- rgb(20, 20, 20) 194px,
142
- rgb(20, 20, 20) 291px
143
- );
144
- height: 250px;
145
- align-items: center;
146
- display: flex;
147
- justify-content: space-around;
148
- }
149
- .explore ul {
150
- display: flex;
151
- list-style: none;
152
- }
153
- .cat {
154
- display: inline-block;
155
- padding: 5px 10px;
156
- text-decoration: none !important;
157
- color: #000 !important;
158
- font-weight: 600;
159
- font-size: 12px;
160
- background: #fff;
161
- border-radius: 15px;
162
- margin: 0 15px;
163
- }
164
- /* close */
165
-
166
- /* BLOG-alertbar stlying */
167
- .alertbar {
168
- box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
169
- position: fixed;
170
- bottom: 0;
171
- left: 0;
172
- background-color: #fff;
173
- width: 100%;
174
- padding: 14px 0;
175
- z-index: 1;
176
- }
177
- .alertbar form {
178
- display: inline-block;
179
- }
180
- .alertbar input[type='email'] {
181
- font-size: 0.85rem;
182
- padding: 3px 40px 3px 10px;
183
- border-top-left-radius: 3px;
184
- border-bottom-left-radius: 3px;
185
- border: 1px solid #ddd;
186
- border-right: 0;
187
- margin-right: -10px;
188
- height: 34px;
189
- letter-spacing: 0.5px;
190
- margin-left: 5px;
191
- outline: 0;
192
- }
193
- .alertbar input[type='submit'] {
194
- background-color: #1c9963;
195
- border: 1px solid #1c9963;
196
- color: #fff;
197
- fill: #fff;
198
- font-size: 12px;
199
- border-radius: 0;
200
- padding: 4px 10px;
201
- border-top-right-radius: 3px;
202
- border-bottom-right-radius: 3px;
203
- font-weight: 600;
204
- height: 34px;
205
- letter-spacing: 0.5px;
206
- cursor: pointer;
207
- }
208
- /* close */
209
-
210
- /* Blog-Pages-Pagination stlying*/
211
- .blog-pagination a,
212
- .blog-pagination span {
213
- padding: 7px 10px;
214
- margin-left: -2px;
215
- margin-right: -2px;
216
- background-color: #ffffff;
217
- display: inline-block;
218
- text-decoration: none;
219
- }
220
-
221
- .blog-pagination a:hover {
222
- background-color: #f1f1f1;
223
- color: #333;
224
- }
225
-
226
- .blog-pagination {
227
- text-align: center;
228
- font-size: 14px;
229
- }
230
-
231
- /* BLOG-Categories-PAGes styling */
232
- .section-title h2 {
233
- border-bottom: 1px solid rgba(0, 0, 0, 0.125);
234
- font-weight: 700;
235
- font-size: 1.5rem;
236
- margin-bottom: 27px;
237
- }
238
- .section-title span {
239
- border-bottom: 1px solid rgba(0, 0, 0, 0.44);
240
- display: inline-block;
241
- padding-bottom: 20px;
242
- margin-bottom: -1px;
243
- }
244
-
245
- /***************************************************************/
246
- /********************** post-layouts-styling *******************/
247
- /***************************************************************/
248
-
249
- /* left-sidebar-social-styling */
250
- .post-content {
251
- font-size: 20px;
252
- }
253
-
254
- .socialIons {
255
- position: sticky;
256
- top: 100px;
257
- }
258
- .socialIons > .item-lists2 {
259
- display: flex;
260
- flex-direction: column;
261
- width: 100%;
262
- }
263
- .socialIons > .item-lists2 > li {
264
- list-style: none;
265
- padding: 8px 0px;
266
- margin: 0 auto;
267
- }
268
- .socialIons .item-lists2 li a {
269
- color: rgba(95, 21, 21, 0.44);
270
- fill: rgba(0, 0, 0, 0.44);
271
- font-size: 15px;
272
- cursor: pointer;
273
- text-decoration: none !important;
274
- }
275
- .socialIons > .item-lists2 > li i {
276
- font-size: 18px;
277
- color: rgba(0, 0, 0, 0.44);
278
- fill: rgba(0, 0, 0, 0.44);
279
- }
280
- .sep {
281
- height: 1px;
282
- width: 20px;
283
- background: #999;
284
- margin: 3px auto;
285
- }
286
- .comments-count {
287
- margin: 18px 25px;
288
- text-align: center;
289
- }
290
- .comment_count {
291
- font-size: 12px;
292
- color: rgba(95, 21, 21, 0.44) !important;
293
- fill: rgba(0, 0, 0, 0.44);
294
- text-decoration: none !important;
295
- }
296
- /* close */
297
-
298
- /* right-sidebar-styling-starts */
299
- /* author bio styling.. */
300
- .author_image .author-thumb {
301
- width: 60px;
302
- height: 60px;
303
- object-fit: cover;
304
- }
305
- .author-meta .postName {
306
- font-size: 18px !important;
307
- color: rgba(0, 0, 0, 0.8) !important;
308
- text-decoration: none !important;
309
- font-family: 'Merriweather', serif;
310
- }
311
- .btn_follow {
312
- margin-left: 5px;
313
- margin-bottom: 10px;
314
- border-color: #02b875;
315
- color: #1c9963 !important;
316
- padding: 3px 10px;
317
- text-align: center;
318
- border-radius: 999em;
319
- font-size: 1.5rem;
320
- display: inline-block;
321
- border: 1px solid;
322
- }
323
- .author_bio {
324
- font-family: 'Merriweather', serif;
325
- color: rgba(0, 0, 0, 0.44);
326
- font-size: 13px;
327
- line-height: 20px;
328
- }
329
- /* close */
330
-
331
- /* pagination-styling-postpages */
332
- .pointerup i.fa {
333
- color: #eaeaea;
334
- }
335
- .pointerup {
336
- margin-bottom: -9px;
337
- margin-left: 49%;
338
- font-size: 30px;
339
- }
340
- .bottompagination span.navigation {
341
- display: block;
342
- font-size: 0.93rem;
343
- padding: 15px 0 0 0;
344
- text-align: center;
345
- margin-bottom: 0rem;
346
- color: #999;
347
- border-top: 1px solid #ddd;
348
- }
349
- .pagination {
350
- display: -ms-flexbox;
351
- display: flex;
352
- padding-left: 0;
353
- list-style: none;
354
- border-radius: 0.25rem;
355
- display: block;
356
- color: green;
357
- font-size: 15px;
358
- margin-bottom: 30px;
359
- }
360
- .pageUrl {
361
- color: green;
362
- font-size: 12px;
363
- font-weight: 900;
364
- text-decoration: none;
365
- margin-right: 10px;
366
- }
367
- .pageUrl:hover {
368
- text-decoration: none;
369
- color: green;
370
- }
371
- .lunrsearchresult {
372
- font-size: 15px;
373
- }
374
- .lunrsearchresult .title {
375
- color: #d9230f;
376
- }
377
- .lunrsearchresult .url {
378
- color: silver;
379
- }
380
- .lunrsearchresult a {
381
- display: block;
382
- color: #777;
383
- }
384
-
385
- .lunrsearchresult:hover,
386
- .lunrsearchresult:focus {
387
- text-decoration: none;
388
- }
389
-
390
- .lunrsearchresult:hover .title {
391
- text-decoration: underline;
392
- }
393
-
394
- .close {
395
- float: right;
396
- font-size: 2rem;
397
- font-weight: 700;
398
- line-height: 1;
399
- color: #000;
400
- text-shadow: 0 1px 0 #fff;
401
- opacity: 0.5;
402
- border: none;
403
- background: transparent;
404
- }
405
- .close:focus {
406
- outline: none !important;
407
- }
408
-
409
- @media (max-width: 768px) {
410
- .bd-search {
411
- padding: 10px 25px;
412
- }
413
- }
414
-
415
- @media (max-width: 768px) {
416
- .navbar-nav {
417
- align-items: unset;
418
- }
419
- .nav-item {
420
- padding: 0 !important;
421
- }
422
- .socialIons > .item-lists2 {
423
- flex-direction: row;
424
- align-items: center;
425
- }
426
- .socialIons > .item-lists2 > li {
427
- padding-right: 30px;
428
- margin: 0;
429
- }
430
- .sep {
431
- margin: 0;
432
- }
433
- .author-meta {
434
- padding-left: 15px;
435
- }
436
- .comments-count {
437
- margin: 18px 0;
438
- text-align: left;
439
- }
440
-
441
- .navbar {
442
- padding-left: 7% !important;
443
- padding-right: 7% !important;
444
- }
445
- .title,
446
- .description {
447
- width: 100% !important;
448
- text-align: center;
449
- }
450
- .angle-arrow {
451
- position: fixed;
452
- bottom: 4px;
453
- right: 32px;
454
- top: auto;
455
- z-index: 999;
456
- }
457
- .alertbar form {
458
- display: block;
459
- margin-top: 10px;
460
- }
461
- .small_description {
462
- font-size: 25px;
463
- }
464
- }
1
+ /**********************************************/
2
+ /***************BLOG-CSS-STYLING *************/
3
+ /********************************************/
4
+
5
+ html {
6
+ scroll-behavior: smooth;
7
+ font-size: 62.5%;
8
+ }
9
+ body {
10
+ font-family: 'Open Sans', sans-serif !important;
11
+ }
12
+ a {
13
+ text-decoration: none !important;
14
+ }
15
+ img {
16
+ width: 100%;
17
+ }
18
+
19
+ .section_post {
20
+ margin-top: 100px;
21
+ }
22
+
23
+ /* logo styling */
24
+ .logo {
25
+ width: 50px;
26
+ border-radius: 50%;
27
+ }
28
+
29
+ header {
30
+ width: 100%;
31
+ position: relative;
32
+ }
33
+ .navbar {
34
+ width: 100%;
35
+ padding: 1.2rem 9% !important;
36
+ position: fixed;
37
+ top: 0;
38
+ left: 0;
39
+ z-index: 999;
40
+ }
41
+ .navbar-nav {
42
+ align-items: center;
43
+ }
44
+ .navbar-brand {
45
+ font-size: 2.2rem;
46
+ color: var(--txtColor) !important;
47
+ font-weight: 900;
48
+ }
49
+ .navbar-brand-image {
50
+ width: 80%;
51
+ display: inline-block;
52
+ max-width: 40px;
53
+ }
54
+ .navbar-dark .navbar-toggler {
55
+ outline: none !important;
56
+ }
57
+ .navbar-nav .nav-item {
58
+ padding: 0 10px;
59
+ }
60
+ .navbar-nav .nav-link:hover {
61
+ color: var(--txtColor) !important;
62
+ transition: all 0.2s linear;
63
+ -webkit-transition: all 0.2s linear;
64
+ -moz-transition: all 0.2s linear;
65
+ }
66
+ .nav-link {
67
+ text-decoration: none !important;
68
+ font-size: 16px;
69
+ color: gray !important;
70
+ }
71
+ /* close */
72
+
73
+ /* blogs-card title, content styling */
74
+ .anchor_link {
75
+ text-decoration: none !important;
76
+ color: #343a40 !important;
77
+ }
78
+ .anchor_link:hover {
79
+ transition: all 0.5s linear;
80
+ color: #000 !important;
81
+ }
82
+ .anchor_link .card-title {
83
+ font-weight: 600;
84
+ font-size: 22px;
85
+ line-height: 1.3;
86
+ }
87
+ .text_size {
88
+ color: rgba(0, 0, 0, 0.44);
89
+ font-size: 15px;
90
+ line-height: 1.6;
91
+ font-weight: 400;
92
+ }
93
+ /* close */
94
+
95
+ /* Blog-card-footer styling */
96
+ .card-footer {
97
+ border: none;
98
+ }
99
+ .wrapfooter {
100
+ display: flex;
101
+ align-items: center;
102
+ margin-bottom: 15px;
103
+ }
104
+ .wrapfooter img {
105
+ width: 35px;
106
+ height: 35px;
107
+ border-radius: 50%;
108
+ }
109
+ .wrapfooter .author-meta {
110
+ flex: 1 1 auto;
111
+ padding: 0 15px;
112
+ }
113
+ .wrapfooter .author-meta a {
114
+ font-size: 15px;
115
+ color: #000;
116
+ text-transform: capitalize;
117
+ }
118
+ .wrapfooter .span.post-read-more {
119
+ align-items: center;
120
+ display: inline-block;
121
+ margin-top: 8px;
122
+ }
123
+ .post-date {
124
+ color: rgba(0, 0, 0, 0.44);
125
+ font-size: 13px;
126
+ }
127
+ /* close */
128
+
129
+ /* BLOG-Categories stlying */
130
+ .explore {
131
+ color: #fff;
132
+ margin-bottom: 100px;
133
+ margin-top: 60px;
134
+ width: 100%;
135
+ background: repeating-linear-gradient(
136
+ 45deg,
137
+ rgb(27, 27, 27) 0px,
138
+ rgb(27, 27, 27) 97px,
139
+ rgb(24, 24, 24) 97px,
140
+ rgb(24, 24, 24) 194px,
141
+ rgb(20, 20, 20) 194px,
142
+ rgb(20, 20, 20) 291px
143
+ );
144
+ height: 250px;
145
+ align-items: center;
146
+ display: flex;
147
+ justify-content: space-around;
148
+ }
149
+ .explore ul {
150
+ display: flex;
151
+ list-style: none;
152
+ }
153
+ .cat {
154
+ display: inline-block;
155
+ padding: 5px 10px;
156
+ text-decoration: none !important;
157
+ color: #000 !important;
158
+ font-weight: 600;
159
+ font-size: 12px;
160
+ background: #fff;
161
+ border-radius: 15px;
162
+ margin: 0 15px;
163
+ }
164
+ /* close */
165
+
166
+ /* BLOG-alertbar stlying */
167
+ .alertbar {
168
+ box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
169
+ position: fixed;
170
+ bottom: 0;
171
+ left: 0;
172
+ background-color: #fff;
173
+ width: 100%;
174
+ padding: 14px 0;
175
+ z-index: 1;
176
+ }
177
+ .alertbar form {
178
+ display: inline-block;
179
+ }
180
+ .alertbar input[type='email'] {
181
+ font-size: 0.85rem;
182
+ padding: 3px 40px 3px 10px;
183
+ border-top-left-radius: 3px;
184
+ border-bottom-left-radius: 3px;
185
+ border: 1px solid #ddd;
186
+ border-right: 0;
187
+ margin-right: -10px;
188
+ height: 34px;
189
+ letter-spacing: 0.5px;
190
+ margin-left: 5px;
191
+ outline: 0;
192
+ }
193
+ .alertbar input[type='submit'] {
194
+ background-color: #1c9963;
195
+ border: 1px solid #1c9963;
196
+ color: #fff;
197
+ fill: #fff;
198
+ font-size: 12px;
199
+ border-radius: 0;
200
+ padding: 4px 10px;
201
+ border-top-right-radius: 3px;
202
+ border-bottom-right-radius: 3px;
203
+ font-weight: 600;
204
+ height: 34px;
205
+ letter-spacing: 0.5px;
206
+ cursor: pointer;
207
+ }
208
+ /* close */
209
+
210
+ /* Blog-Pages-Pagination stlying*/
211
+ .blog-pagination a,
212
+ .blog-pagination span {
213
+ padding: 7px 10px;
214
+ margin-left: -2px;
215
+ margin-right: -2px;
216
+ background-color: #ffffff;
217
+ display: inline-block;
218
+ text-decoration: none;
219
+ }
220
+
221
+ .blog-pagination a:hover {
222
+ background-color: #f1f1f1;
223
+ color: #333;
224
+ }
225
+
226
+ .blog-pagination {
227
+ text-align: center;
228
+ font-size: 14px;
229
+ }
230
+
231
+ /* BLOG-Categories-PAGes styling */
232
+ .section-title h2 {
233
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
234
+ font-weight: 700;
235
+ font-size: 1.5rem;
236
+ margin-bottom: 27px;
237
+ }
238
+ .section-title span {
239
+ border-bottom: 1px solid rgba(0, 0, 0, 0.44);
240
+ display: inline-block;
241
+ padding-bottom: 20px;
242
+ margin-bottom: -1px;
243
+ }
244
+
245
+ /***************************************************************/
246
+ /********************** post-layouts-styling *******************/
247
+ /***************************************************************/
248
+
249
+ /* left-sidebar-social-styling */
250
+ .post-content {
251
+ font-size: 20px;
252
+ }
253
+
254
+ .socialIons {
255
+ position: sticky;
256
+ top: 100px;
257
+ }
258
+ .socialIons > .item-lists2 {
259
+ display: flex;
260
+ flex-direction: column;
261
+ width: 100%;
262
+ }
263
+ .socialIons > .item-lists2 > li {
264
+ list-style: none;
265
+ padding: 8px 0px;
266
+ margin: 0 auto;
267
+ }
268
+ .socialIons .item-lists2 li a {
269
+ color: rgba(95, 21, 21, 0.44);
270
+ fill: rgba(0, 0, 0, 0.44);
271
+ font-size: 15px;
272
+ cursor: pointer;
273
+ text-decoration: none !important;
274
+ }
275
+ .socialIons > .item-lists2 > li i {
276
+ font-size: 18px;
277
+ color: rgba(0, 0, 0, 0.44);
278
+ fill: rgba(0, 0, 0, 0.44);
279
+ }
280
+ .sep {
281
+ height: 1px;
282
+ width: 20px;
283
+ background: #999;
284
+ margin: 3px auto;
285
+ }
286
+ .comments-count {
287
+ margin: 18px 25px;
288
+ text-align: center;
289
+ }
290
+ .comment_count {
291
+ font-size: 12px;
292
+ color: rgba(95, 21, 21, 0.44) !important;
293
+ fill: rgba(0, 0, 0, 0.44);
294
+ text-decoration: none !important;
295
+ }
296
+ /* close */
297
+
298
+ /* right-sidebar-styling-starts */
299
+ /* author bio styling.. */
300
+ .author_image .author-thumb {
301
+ width: 60px;
302
+ height: 60px;
303
+ object-fit: cover;
304
+ }
305
+ .author-meta .postName {
306
+ font-size: 18px !important;
307
+ color: rgba(0, 0, 0, 0.8) !important;
308
+ text-decoration: none !important;
309
+ font-family: 'Merriweather', serif;
310
+ }
311
+ .btn_follow {
312
+ margin-left: 5px;
313
+ margin-bottom: 10px;
314
+ border-color: #02b875;
315
+ color: #1c9963 !important;
316
+ padding: 3px 10px;
317
+ text-align: center;
318
+ border-radius: 999em;
319
+ font-size: 1.5rem;
320
+ display: inline-block;
321
+ border: 1px solid;
322
+ }
323
+ .author_bio {
324
+ font-family: 'Merriweather', serif;
325
+ color: rgba(0, 0, 0, 0.44);
326
+ font-size: 13px;
327
+ line-height: 20px;
328
+ }
329
+ /* close */
330
+
331
+ /* pagination-styling-postpages */
332
+ .pointerup i.fa {
333
+ color: #eaeaea;
334
+ }
335
+ .pointerup {
336
+ margin-bottom: -9px;
337
+ margin-left: 49%;
338
+ font-size: 30px;
339
+ }
340
+ .bottompagination span.navigation {
341
+ display: block;
342
+ font-size: 0.93rem;
343
+ padding: 15px 0 0 0;
344
+ text-align: center;
345
+ margin-bottom: 0rem;
346
+ color: #999;
347
+ border-top: 1px solid #ddd;
348
+ }
349
+ .pagination {
350
+ display: -ms-flexbox;
351
+ display: flex;
352
+ padding-left: 0;
353
+ list-style: none;
354
+ border-radius: 0.25rem;
355
+ display: block;
356
+ color: green;
357
+ font-size: 15px;
358
+ margin-bottom: 30px;
359
+ }
360
+ .pageUrl {
361
+ color: green;
362
+ font-size: 12px;
363
+ font-weight: 900;
364
+ text-decoration: none;
365
+ margin-right: 10px;
366
+ }
367
+ .pageUrl:hover {
368
+ text-decoration: none;
369
+ color: green;
370
+ }
371
+ .lunrsearchresult {
372
+ font-size: 15px;
373
+ }
374
+ .lunrsearchresult .title {
375
+ color: #d9230f;
376
+ }
377
+ .lunrsearchresult .url {
378
+ color: silver;
379
+ }
380
+ .lunrsearchresult a {
381
+ display: block;
382
+ color: #777;
383
+ }
384
+
385
+ .lunrsearchresult:hover,
386
+ .lunrsearchresult:focus {
387
+ text-decoration: none;
388
+ }
389
+
390
+ .lunrsearchresult:hover .title {
391
+ text-decoration: underline;
392
+ }
393
+
394
+ .close {
395
+ float: right;
396
+ font-size: 2rem;
397
+ font-weight: 700;
398
+ line-height: 1;
399
+ color: #000;
400
+ text-shadow: 0 1px 0 #fff;
401
+ opacity: 0.5;
402
+ border: none;
403
+ background: transparent;
404
+ }
405
+ .close:focus {
406
+ outline: none !important;
407
+ }
408
+
409
+ @media (max-width: 768px) {
410
+ .bd-search {
411
+ padding: 10px 25px;
412
+ }
413
+ }
414
+
415
+ @media (max-width: 768px) {
416
+ .navbar-nav {
417
+ align-items: unset;
418
+ }
419
+ .nav-item {
420
+ padding: 0 !important;
421
+ }
422
+ .socialIons > .item-lists2 {
423
+ flex-direction: row;
424
+ align-items: center;
425
+ }
426
+ .socialIons > .item-lists2 > li {
427
+ padding-right: 30px;
428
+ margin: 0;
429
+ }
430
+ .sep {
431
+ margin: 0;
432
+ }
433
+ .author-meta {
434
+ padding-left: 15px;
435
+ }
436
+ .comments-count {
437
+ margin: 18px 0;
438
+ text-align: left;
439
+ }
440
+
441
+ .navbar {
442
+ padding-left: 7% !important;
443
+ padding-right: 7% !important;
444
+ }
445
+ .title,
446
+ .description {
447
+ width: 100% !important;
448
+ text-align: center;
449
+ }
450
+ .angle-arrow {
451
+ position: fixed;
452
+ bottom: 4px;
453
+ right: 32px;
454
+ top: auto;
455
+ z-index: 999;
456
+ }
457
+ .alertbar form {
458
+ display: block;
459
+ margin-top: 10px;
460
+ }
461
+ .small_description {
462
+ font-size: 25px;
463
+ }
464
+ }