appscms-tools-theme 0.1.9 → 0.2.4

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
+ }