appscms-tools-theme 0.1.9 → 0.2.4

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.
@@ -0,0 +1,23 @@
1
+ <!-- header starts -->
2
+ <header id="header">
3
+ <!-- navigation startss -->
4
+ <nav class="navbar navbar-expand-lg navbar-dark bg-light">
5
+ <a class="navbar-brand" href="/" title="{{site.data.nav.navbar-brand-text}}">
6
+ {{site.data.nav.navbar-brand-text}}
7
+ </a>
8
+
9
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
10
+ <i class="fas fa-bars fa-2x" style="color:#000"></i>
11
+ </button>
12
+
13
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
14
+ <ul class="navbar-nav ml-auto">
15
+ <li class="nav-item">
16
+ <a class="nav-link" href="/blog">{{site.data.nav.item}}</a>
17
+ </li>
18
+ </ul>
19
+ </div>
20
+ </nav>
21
+ <!-- navbar close -->
22
+ </header>
23
+ <!-- header close -->
@@ -1,8 +1,12 @@
1
1
  <!-- pagination -->
2
+ <div class="bottompagination">
3
+ <div class="pointerup"><i class="fa fa-caret-up"></i></div>
4
+ <span class="navigation" role="navigation"></span>
5
+ </div>
2
6
  {% if paginator.total_pages > 1 %}
3
- <div class="pagination2">
7
+ <div class="blog-pagination">
4
8
  {% if paginator.previous_page %}
5
- <a style="color: green; font-weight: 900;"
9
+ <a style="color: #00ab6b; font-weight: 900;"
6
10
  href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a>
7
11
  {% else %}
8
12
  <span class="text-muted">&laquo; Prev</span>
@@ -12,16 +16,16 @@
12
16
  {% if page == paginator.page %}
13
17
  <span class="webjeda text-muted">{{ page }}</span>
14
18
  {% elsif page == 1 %}
15
- <a href="/blog" style="color: green; font-weight: 900;">{{ page }}</a>
19
+ <a href="/blog" style="color: #00ab6b; font-weight: 900;">{{ page }}</a>
16
20
  {% else %}
17
- <a style="color: green; font-weight: 900;"
21
+ <a style="color: #00ab6b; font-weight: 900;"
18
22
  href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page
19
23
  }}</a>
20
24
  {% endif %}
21
25
  {% endfor %}
22
26
 
23
27
  {% if paginator.next_page %}
24
- <a style="color:green; font-weight: 900;"
28
+ <a style="color:#00ab6b; font-weight: 900;"
25
29
  href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next
26
30
  &raquo;</a>
27
31
  {% else %}
@@ -8,7 +8,6 @@
8
8
  {% endif %}
9
9
  {% if page.next.url %}
10
10
  <a class="ml-1 mr-1 pageUrl" href="{{page.next.url}}"> Next »</a>
11
-
12
11
  {% endif %}
13
12
  </div>
14
13
  </span>
@@ -12,7 +12,7 @@
12
12
  <div class="card-footer bg-white">
13
13
  <div class="wrapfooter">
14
14
  <span class="meta-footer-thumb">
15
- <img class="author-thumb" src="/assets/images/example.png" alt="{{ post.author.name }}">
15
+ <img class="author-thumb" src="{{post.url}}" alt="{{ post.author.name }}">
16
16
  </span>
17
17
  <span class="author-meta">
18
18
  <span class="post-name">
@@ -1,7 +1,6 @@
1
1
  <div class="alertbar" style="display: none;">
2
2
  <div class="container text-center">
3
- <span style="font-size: 15px;">Mathbig.com &nbsp; Never miss a
4
- <b>story</b> from us, subscribe to our newsletter</span>
3
+ <span style="font-size: 15px;">{{site.data.alertbar.span}}</span>
5
4
  <form>
6
5
  <div class="mc-field-group">
7
6
  <input type="email" placeholder="Email" name="EMAIL" class="required email" id="mce-EMAIL"
@@ -0,0 +1,24 @@
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
+
24
+ </html>
data/_layouts/blog.html CHANGED
@@ -1,46 +1,24 @@
1
1
  <html>
2
2
 
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6
- <meta name="keywords" content="Mathbig - Blogposts">
7
- <meta name="description" content="{{site.description}}">
8
- <meta property="og:title" content="{{ page.title | default: site.title }}">
9
- <meta property="og:type" content="website">
10
- <meta property="og:locale" content="en_US">
11
- <meta property="og:site_name" content="{{site.name}}">
12
- <meta property="og:url" content="{{site.url | append: page.url}}">
13
- <meta name="author" content="Harshit Raghav">
14
-
15
- <title>{{page.title}}</title>
16
-
17
- <!-- fonts -->
18
- <link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
19
- <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
20
-
21
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />
22
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
23
-
24
- <link rel="stylesheet" href="{{ '/assets/css/tools.css' | relative_url }}">
25
- <link rel="stylesheet" href="{{ '/assets/css/blog.css' | relative_url }}">
26
- <link rel="stylesheet" href="{{'/assets/css/tools.css' | relative_url }}">
27
- </head>
3
+ {% include custom-head.html %}
28
4
 
29
5
  <body>
30
- {%- include header/index.html -%}
6
+ {%- include header.html -%}
31
7
 
32
8
  <section class="section_post">
33
9
  <div class="container">
34
10
  <div class="row justify-content-center section-title-wrap">
35
- <div class="col-lg-12 mt-5">
36
- <h1 style="font-weight: 900;">{{ site.data.blog.title }}</h1>
11
+ <div class="col-lg-12">
12
+ <h1 style="font-weight: 900;" class="display-4 m-0">{{ site.data.blog.h1 }}</h1>
13
+ <p class="lead mb-5 mt-1" style="font-size: 18px;">
14
+ {{ site.data.blog.description }}
15
+ </p>
37
16
  </div>
38
17
  </div>
39
18
 
40
- <!-- category posts -->
41
-
19
+ <!-- categories post -->
42
20
  <div class="main-content">
43
- {{ content }}
21
+ {{content}}
44
22
  </div>
45
23
  <!-- close -->
46
24
 
@@ -56,15 +34,19 @@
56
34
  <h4 class="card-title mb-4">{{ post.title }}</h4>
57
35
  </a>
58
36
  </div>
37
+
38
+ {% assign author = site.data.authors[post.author] %}
59
39
  <div class="card-footer bg-white">
60
40
  <div class="wrapfooter">
41
+ {% if post.author %}
61
42
  <span class="meta-footer-thumb">
62
- <img class="author-thumb" src="/assets/images/example.png"
63
- alt="{{ post.author.name }}">
43
+ <img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
64
44
  </span>
45
+ {% endif %}
46
+
65
47
  <span class="author-meta">
66
48
  <span class="post-name">
67
- <a target="_blank" href="{{ post.author.url }}">{{post.author}}</a>
49
+ <a target="_blank" href="/blog">{{post.author}}</a>
68
50
  </span><br>
69
51
  <span class="post-date">{{post.date | date_to_string }}</span>
70
52
  </span>
@@ -80,14 +62,13 @@
80
62
  </div>
81
63
  {% endfor %}
82
64
  </div>
65
+ {%- include paginationBlogPage.html -%}
83
66
  </div>
84
67
 
85
- {%- include pagination2.html -%}
86
68
  {% include section/count.html %}
87
69
  </section>
88
70
  {%- include section/alertbar.html -%}
89
-
90
- <script src="/js/TopScroll.js"></script>
71
+ <script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>
91
72
  </body>
92
73
 
93
74
  </html>
@@ -0,0 +1,24 @@
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
+
24
+ </html>
@@ -160,7 +160,7 @@
160
160
  <div class="sc-1ttxsn1-0 fxCLCz">
161
161
  <div class="sc-1ttxsn1-1 hvHwmD">
162
162
  <div class="tie4x1-0 esoOLU">
163
- <div class="sc-7ukfwr-0 kmltsK"><img class="sc-7ukfwr-1 kmtPWT" src="assets/bulb.svg"
163
+ <div class="sc-7ukfwr-0 kmltsK"><img class="sc-7ukfwr-1 kmtPWT" src="/assets/bulb.svg"
164
164
  alt="How to compress a PDF">
165
165
  <div class="sc-7ukfwr-2 kmCmBc">How to compress a PDF</div>
166
166
  <div class="sc-7ukfwr-3 kmKJfl">Just drag-and-drop your PDF file in the box above, wait for the
@@ -0,0 +1,24 @@
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
+
24
+ </html>
data/_layouts/post.html CHANGED
@@ -1,43 +1,9 @@
1
- ---
2
- layout: post
3
- ---
4
-
5
1
  <html>
6
2
 
7
- <head>
8
- {%- assign seo_description = page.description | default: page.excerpt | default: site.description -%}
9
- {%- if seo_description -%}
10
- {%- assign seo_description = seo_description | markdownify | strip_html | strip_newlines | escape_once -%}
11
- {%- endif -%}
12
-
13
- <meta charset="UTF-8">
14
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
15
- <meta name="keywords" content="BlogPost">
16
- <meta name="description" content="{{ seo_description }}">
17
- <meta name="og:description" content="{{ seo_description }} ">
18
- <meta property="og:title" content="{{ page.title | default: site.title }}">
19
- <meta property="og:type" content="article">
20
- <meta property="og:locale" content="en_US">
21
- <meta property="og:site_name" content="{{site.name}}">
22
- <meta property="og:url" content="{{site.url | append: page.url}}">
23
- <meta name="author" content="Harshit Raghav">
24
-
25
- <title>{{page.title}}</title>
26
-
27
- <!-- fonts -->
28
- <link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
29
- <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
30
-
31
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />
32
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
33
- <link rel="stylesheet" href="{{ '/css/feature.css' | relative_url }}">
34
- <link rel="stylesheet" href="{{ 'css/blog.css' | relative_url }}">
35
- <link rel="stylesheet" href="{{ 'css/post.css' | relative_url }}">
36
-
37
- </head>
3
+ {% include custom-head.html %}
38
4
 
39
5
  <body>
40
- {%- include header/index.html -%}
6
+ {%- include header.html -%}
41
7
 
42
8
  <section class="section_post">
43
9
  <div class="container">
@@ -79,9 +45,10 @@ layout: post
79
45
  {% include author_bio.html %}
80
46
  {% endif %}
81
47
 
82
- {{ content }}
83
- {%- include pagination.html -%}
84
-
48
+ <div class="post-content">
49
+ {{ content }}
50
+ </div>
51
+ {%- include paginationPostPage.html -%}
85
52
  </div>
86
53
  </div>
87
54
  </section>
@@ -89,7 +56,6 @@ layout: post
89
56
  {%- include section/alertbar.html -%}
90
57
  </body>
91
58
 
92
- <link rel="stylesheet" href="{{'/assets/css/tools.css' | relative_url }}">
93
- <script src="/js/TopScroll.js"></script>
59
+ <script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>
94
60
 
95
61
  </html>
@@ -0,0 +1,24 @@
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
+
24
+ </html>
data/assets/css/blog.css CHANGED
@@ -1,7 +1,67 @@
1
- .section_post {
1
+ /**********************************************/
2
+ /***************BLOG-CSS-STYLING *************/
3
+ /********************************************/
4
+
5
+ html {
6
+ scroll-behavior: smooth;
7
+ font-size: 62.5%;
8
+ }
9
+ body {
2
10
  font-family: 'Open Sans', sans-serif !important;
3
11
  }
4
- /* card title, content styling */
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 10rem !important;
36
+ position: fixed;
37
+ top: 0;
38
+ left: 0;
39
+ z-index: 999;
40
+ }
41
+ .navbar-brand {
42
+ font-size: 2.2rem;
43
+ color: var(--txtColor) !important;
44
+ font-weight: 900;
45
+ }
46
+ .navbar-dark .navbar-toggler {
47
+ outline: none !important;
48
+ }
49
+ .navbar-nav .nav-item {
50
+ padding: 0 10px;
51
+ }
52
+ .navbar-nav .nav-link:hover {
53
+ color: var(--txtColor) !important;
54
+ transition: all 0.2s linear;
55
+ -webkit-transition: all 0.2s linear;
56
+ -moz-transition: all 0.2s linear;
57
+ }
58
+ .nav-link {
59
+ text-decoration: none !important;
60
+ font-size: 16px;
61
+ color: gray !important;
62
+ }
63
+
64
+ /* blogs-card title, content styling */
5
65
  .anchor_link {
6
66
  text-decoration: none !important;
7
67
  color: #343a40 !important;
@@ -23,7 +83,7 @@
23
83
  }
24
84
  /* close */
25
85
 
26
- /* for card-footer styling */
86
+ /* Blog-card-footer styling */
27
87
  .card-footer {
28
88
  border: none;
29
89
  }
@@ -51,9 +111,13 @@
51
111
  display: inline-block;
52
112
  margin-top: 8px;
53
113
  }
114
+ .post-date {
115
+ color: rgba(0, 0, 0, 0.44);
116
+ font-size: 13px;
117
+ }
54
118
  /* close */
55
119
 
56
- /* some categories stlying */
120
+ /* BLOG-Categories stlying */
57
121
  .explore {
58
122
  color: #fff;
59
123
  margin-bottom: 100px;
@@ -90,9 +154,8 @@
90
154
  }
91
155
  /* close */
92
156
 
93
- /* alertbar stlying */
157
+ /* BLOG-alertbar stlying */
94
158
  .alertbar {
95
- font-family: 'Open Sans', sans-serif !important;
96
159
  box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
97
160
  position: fixed;
98
161
  bottom: 0;
@@ -135,28 +198,28 @@
135
198
  }
136
199
  /* close */
137
200
 
138
- /* paginatopm 2 stlying*/
139
- .pagination2 a,
140
- .pagination2 span {
141
- padding: 7px 18px;
142
- border: 1px solid #eee;
201
+ /* Blog-Pages-Pagination stlying*/
202
+ .blog-pagination a,
203
+ .blog-pagination span {
204
+ padding: 7px 10px;
143
205
  margin-left: -2px;
144
206
  margin-right: -2px;
145
207
  background-color: #ffffff;
146
208
  display: inline-block;
209
+ text-decoration: none;
147
210
  }
148
211
 
149
- .pagination2 a:hover {
212
+ .blog-pagination a:hover {
150
213
  background-color: #f1f1f1;
151
214
  color: #333;
152
215
  }
153
216
 
154
- .pagination2 {
217
+ .blog-pagination {
155
218
  text-align: center;
156
219
  font-size: 14px;
157
220
  }
158
221
 
159
- /* blog categories modifed */
222
+ /* BLOG-Categories-PAGes styling */
160
223
  .section-title h2 {
161
224
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
162
225
  font-weight: 700;
@@ -169,3 +232,171 @@
169
232
  padding-bottom: 20px;
170
233
  margin-bottom: -1px;
171
234
  }
235
+
236
+ /***************************************************************/
237
+ /********************** post-layouts-styling *******************/
238
+ /***************************************************************/
239
+
240
+ /* left-sidebar-social-styling */
241
+ .post-content {
242
+ font-size: 20px;
243
+ }
244
+
245
+ .socialIons {
246
+ position: sticky;
247
+ top: 100px;
248
+ }
249
+ .socialIons > .item-lists2 {
250
+ display: flex;
251
+ flex-direction: column;
252
+ width: 100%;
253
+ }
254
+ .socialIons > .item-lists2 > li {
255
+ list-style: none;
256
+ padding: 8px 0px;
257
+ margin: 0 auto;
258
+ }
259
+ .socialIons .item-lists2 li a {
260
+ color: rgba(95, 21, 21, 0.44);
261
+ fill: rgba(0, 0, 0, 0.44);
262
+ font-size: 15px;
263
+ cursor: pointer;
264
+ text-decoration: none !important;
265
+ }
266
+ .socialIons > .item-lists2 > li i {
267
+ font-size: 18px;
268
+ color: rgba(0, 0, 0, 0.44);
269
+ fill: rgba(0, 0, 0, 0.44);
270
+ }
271
+ .sep {
272
+ height: 1px;
273
+ width: 20px;
274
+ background: #999;
275
+ margin: 3px auto;
276
+ }
277
+ .comments-count {
278
+ margin: 18px 25px;
279
+ text-align: center;
280
+ }
281
+ .comment_count {
282
+ font-size: 12px;
283
+ color: rgba(95, 21, 21, 0.44) !important;
284
+ fill: rgba(0, 0, 0, 0.44);
285
+ text-decoration: none !important;
286
+ }
287
+ /* close */
288
+
289
+ /* right-sidebar-styling-starts */
290
+ /* author bio styling.. */
291
+ .author_image .author-thumb {
292
+ width: 60px;
293
+ height: 60px;
294
+ object-fit: cover;
295
+ }
296
+ .author-meta .postName {
297
+ font-size: 18px !important;
298
+ color: rgba(0, 0, 0, 0.8) !important;
299
+ text-decoration: none !important;
300
+ font-family: 'Merriweather', serif;
301
+ }
302
+ .btn_follow {
303
+ margin-left: 5px;
304
+ margin-bottom: 10px;
305
+ border-color: #02b875;
306
+ color: #1c9963 !important;
307
+ padding: 3px 10px;
308
+ text-align: center;
309
+ border-radius: 999em;
310
+ font-size: 1.5rem;
311
+ display: inline-block;
312
+ border: 1px solid;
313
+ }
314
+ .author_bio {
315
+ font-family: 'Merriweather', serif;
316
+ color: rgba(0, 0, 0, 0.44);
317
+ font-size: 13px;
318
+ line-height: 20px;
319
+ }
320
+ /* close */
321
+
322
+ /* pagination-styling-postpages */
323
+ .pointerup i.fa {
324
+ color: #eaeaea;
325
+ }
326
+ .pointerup {
327
+ margin-bottom: -9px;
328
+ margin-left: 49%;
329
+ font-size: 30px;
330
+ }
331
+ .bottompagination span.navigation {
332
+ display: block;
333
+ font-size: 0.93rem;
334
+ padding: 15px 0 0 0;
335
+ text-align: center;
336
+ margin-bottom: 0rem;
337
+ color: #999;
338
+ border-top: 1px solid #ddd;
339
+ }
340
+ .pagination {
341
+ display: -ms-flexbox;
342
+ display: flex;
343
+ padding-left: 0;
344
+ list-style: none;
345
+ border-radius: 0.25rem;
346
+ display: block;
347
+ color: green;
348
+ font-size: 15px;
349
+ margin-bottom: 30px;
350
+ }
351
+ .pageUrl {
352
+ color: green;
353
+ font-size: 12px;
354
+ font-weight: 900;
355
+ text-decoration: none;
356
+ margin-right: 10px;
357
+ }
358
+ .pageUrl:hover {
359
+ text-decoration: none;
360
+ color: green;
361
+ }
362
+
363
+ @media (max-width: 768px) {
364
+ .socialIons > .item-lists2 {
365
+ flex-direction: row;
366
+ align-items: center;
367
+ }
368
+ .socialIons > .item-lists2 > li {
369
+ padding-right: 30px;
370
+ margin: 0;
371
+ }
372
+ .sep {
373
+ margin: 0;
374
+ }
375
+ .author-meta {
376
+ padding-left: 15px;
377
+ }
378
+ .comments-count {
379
+ margin: 18px 0;
380
+ text-align: left;
381
+ }
382
+
383
+ .navbar {
384
+ padding: 1.2rem 15px !important;
385
+ }
386
+ .title,
387
+ .description {
388
+ width: 100% !important;
389
+ text-align: center;
390
+ }
391
+ .angle-arrow {
392
+ position: fixed;
393
+ bottom: 4px;
394
+ right: 32px;
395
+ top: auto;
396
+ z-index: 999;
397
+ }
398
+ .alertbar form {
399
+ display: block;
400
+ margin-top: 10px;
401
+ }
402
+ }