appscms-tools-theme 0.4.4 → 0.4.5

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 (58) 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 +6 -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 +29 -29
  10. data/_data/{pages → contact/en}/contact.json +7 -7
  11. data/_data/feature/en/compress-pdf.json +79 -79
  12. data/_data/feature/en/split-pdf.json +80 -79
  13. data/_data/feature/hi/compress-pdf.json +29 -29
  14. data/_data/footer/en/data.json +84 -84
  15. data/_data/header/en/data.json +136 -58
  16. data/_data/{pages → help/en}/help.json +6 -7
  17. data/_data/home/en/en.json +48 -0
  18. data/_data/home/hi.json +31 -31
  19. data/_data/{pages → termAndCondition/en}/termAndCondition.json +7 -7
  20. data/_includes/author_bio.html +11 -11
  21. data/_includes/custom-head.html +29 -33
  22. data/_includes/disqus_comments.html +10 -10
  23. data/_includes/footer/index.html +53 -75
  24. data/_includes/head/index.html +30 -49
  25. data/_includes/header/blogHeader.html +31 -31
  26. data/_includes/header/index.html +54 -33
  27. data/_includes/paginationBlogPage.html +34 -34
  28. data/_includes/paginationPostPage.html +14 -14
  29. data/_includes/postbox.html +37 -37
  30. data/_includes/script.html +4 -4
  31. data/_includes/section/alertbar.html +11 -11
  32. data/_includes/section/count.html +23 -23
  33. data/_includes/share/socialshare.html +19 -0
  34. data/_layouts/aboutUs.html +17 -24
  35. data/_layouts/blog.html +71 -75
  36. data/_layouts/categories.html +24 -24
  37. data/_layouts/contactUs.html +17 -23
  38. data/_layouts/default.html +1 -1
  39. data/_layouts/feature.html +119 -142
  40. data/_layouts/help.html +18 -23
  41. data/_layouts/home.html +40 -45
  42. data/_layouts/page.html +5 -5
  43. data/_layouts/post.html +63 -68
  44. data/_layouts/termAndCondition.html +17 -23
  45. data/assets/cross.svg +4 -4
  46. data/assets/css/blog.css +464 -464
  47. data/assets/css/tools.css +1336 -3085
  48. data/assets/facebook.svg +4 -4
  49. data/assets/instagram.svg +4 -4
  50. data/assets/js/TopScroll.js +8 -9
  51. data/assets/linkdin.svg +4 -4
  52. data/assets/pdf.svg +20 -20
  53. data/assets/star.svg +4 -4
  54. data/assets/twitter.svg +4 -4
  55. data/assets/youtube.svg +4 -4
  56. metadata +12 -12
  57. data/_data/home/en.json +0 -48
  58. data/_includes/uploader/index.html +0 -69
data/_layouts/help.html CHANGED
@@ -1,24 +1,19 @@
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 helpData = site.data[folder][lang][file] %}
5
+ <!DOCTYPE html>
6
+ <html lang="en" data-tool="landing">
7
+ {% include head/index.html %}
8
+
9
+ <body>
10
+ {% include header/index.html %}
11
+ <div class="container py-4">
12
+ <h1 class="about-h1 py-2">{{helpData.h1}}</h1>
13
+ <h2 class="about-h2">{{helpData.h2}}</h2>
14
+ <p class="py-2">{{helpData.paragraph}}</p>
15
+ </div>
16
+ {% include footer/index.html %}
17
+ </body>
18
+
24
19
  </html>
data/_layouts/home.html CHANGED
@@ -1,46 +1,41 @@
1
- <!DOCTYPE html>
2
- <html lang="en" data-tool="landing">
3
- {% include head/index.html %}
4
-
5
-
6
- <body>
7
- {% include header/index.html %}
8
- {% assign file = page.fileName %}
9
- {% assign dataArr = site.data.home[file] %}
10
- {% assign dataToShow = dataArr %}
11
-
12
- <div class="sc-1ttxsn1-0 fxCLCz">
13
- <div class="sc-1ttxsn1-1 hvHwmD">
14
- <div class="sc-8oiqhz-0 fMjvGP">
15
- <h1 class="sc-8oiqhz-1 fMrSkY">{{dataToShow.h1}}</h1>
16
- <h2 class="sc-8oiqhz-2 fMAoPh">{{dataToShow.h2}}</h2>
17
- </div>
18
- </div>
19
- </div>
20
-
21
- <div class="sc-1ttxsn1-0 fxCLCz">
22
- <div class="sc-1ttxsn1-1 hvHwmD">
23
- <ul class="je654-0 dhopRv">
24
- {% for product in dataToShow.features %}
25
- <li style=background:{{product.color}} class="sc-1jhrmy1-0 hpzLVg">
26
- <div class="sc-1jhrmy1-2 hpQFdy">
27
- <div class="sc-2xfn8l-0 bxyVaO sc-1nz7oec-0 dTTiwf">
28
- <img src="{{product.icon}}" alt="star icon">
29
- </div>
30
- </div>
31
- <div class="sc-1jhrmy1-4 hqhylQ"></div>
32
- <div class="sc-1jhrmy1-3 hpZbHH">{{product.description}}</div><a
33
- class="lqkt1b-0 fdItuc sc-1jhrmy1-1 hpIizp" href="{{product.url}}">{{product.name}}</a>
34
- </li>
35
- {% endfor %}
36
- </ul>
37
- </div>
38
- </div>
39
-
40
- <!-- Footer -->
41
- {% include footer/index.html %}
42
- {% include script.html %}
43
- <!-- Footer End -->
44
- </body>
45
-
1
+ <!DOCTYPE html>
2
+ <html lang="en" data-tool="landing">
3
+ {% include head/index.html %}
4
+ <body>
5
+ {% include header/index.html %}
6
+ {% assign file = page.fileName %}
7
+ {% assign folderName = page.folderName %}
8
+ {% assign dataArr = site.data[folderName][lang][file] %}
9
+ {% assign dataToShow = dataArr %}
10
+ <div class="flex-container">
11
+ <div class="flex-class py-5">
12
+ <h1 class="home-top-h1">{{dataToShow.h1}}</h1>
13
+ <h2 class="home-top-h2">{{dataToShow.h2}}</h2>
14
+ </div>
15
+ </div>
16
+
17
+ <div class="flex-container">
18
+ <div class="flex-class">
19
+ <ul class="home-features">
20
+ {% for product in dataToShow.features %}
21
+ <li style=background:{{product.color}} class="home-feature-box">
22
+ <div class="home-inner-box">
23
+ <div class="div-cont feature-img">
24
+ <img src="{{product.icon}}" alt="star icon">
25
+ </div>
26
+ </div>
27
+ <div class="home-feature-desc">{{product.description}}</div><a
28
+ class="home-feature-name" href="{{product.url}}">{{product.name}}</a>
29
+ </li>
30
+ {% endfor %}
31
+ </ul>
32
+ </div>
33
+ </div>
34
+ {%- include share/socialshare.html -%}
35
+ <!-- Footer -->
36
+ {% include footer/index.html %}
37
+ {% include script.html %}
38
+ <!-- Footer End -->
39
+ </body>
40
+
46
41
  </html>
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>
@@ -1,24 +1,18 @@
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="en" data-tool="landing">
7
+ {% include head/index.html %}
8
+ <body>
9
+ {% include header/index.html %}
10
+ <div class="container py-4">
11
+ <h1 class="about-h1 py-2">{{termsData.h1}}</h1>
12
+ <h2 class="about-h2">{{termsData.h2}}</h2>
13
+ <p class="py-2">{{termsData.paragraph}}</p>
14
+ </div>
15
+ {% include footer/index.html %}
16
+ </body>
17
+
24
18
  </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
+ }