appscms-tools-theme 0.1.8 → 0.2.3
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.
- checksums.yaml +4 -4
- data/_includes/custom-head.html +34 -0
- data/_includes/head/index.html +1 -1
- data/_includes/header.html +34 -0
- data/_includes/{pagination2.html → paginationBlogPage.html} +9 -5
- data/_includes/{pagination.html → paginationPostPage.html} +0 -1
- data/_includes/postbox.html +1 -1
- data/_includes/section/alertbar.html +1 -2
- data/_layouts/blog.html +12 -36
- data/_layouts/post.html +6 -41
- data/assets/css/blog.css +399 -0
- data/assets/css/tools.css +1170 -0
- data/assets/images/avatar.png +0 -0
- data/assets/js/TopScroll.js +9 -0
- metadata +9 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d22054ec07496321ab4fcdbec1939dad589d6e0a6dd6ef628a153e64decb45f3
|
|
4
|
+
data.tar.gz: 17df3e1f3326ebb1ad4feff5e50019a3a27d8ceda87701715e136697f777566b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: aac5542cb6cae559ec84847bc7e6910b2826f3b47d385acc444af6efb95151d7d1f250de6f4ee3807c00867e0f5d35332754274aaeaf642ece4f0a88b9c20792
|
|
7
|
+
data.tar.gz: 25b270c912b9db2ec00262fdc2dc983ee89bcf2147dd385ae57fd578c7597697a565dc5086203daba6589a7474cf930dc2d9a0d4986d7a72635ca8e6c2b274ad
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
{%- assign seo_description = page.description | default: page.excerpt | default: site.description -%}
|
|
3
|
+
{%- if seo_description -%}
|
|
4
|
+
{%- assign seo_description = seo_description | markdownify | strip_html | strip_newlines | escape_once -%}
|
|
5
|
+
{%- endif -%}
|
|
6
|
+
{%- if page.date -%}
|
|
7
|
+
{%- assign og_type = "article" -%}
|
|
8
|
+
{%- else -%}
|
|
9
|
+
{%- assign og_type = "website" -%}
|
|
10
|
+
{%- endif -%}
|
|
11
|
+
|
|
12
|
+
<meta charset="UTF-8">
|
|
13
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
14
|
+
<meta name="keywords" content="{{site.keyboard}}">
|
|
15
|
+
<meta name="description" content="{{ seo_description}}">
|
|
16
|
+
<meta name="og:description" content="{{ seo_description}}">
|
|
17
|
+
<meta property="og:title" content="{{ page.title | default: site.title }}">
|
|
18
|
+
<meta property="og:type" content="{{og_type}}">
|
|
19
|
+
<meta property="og:locale" content="en_US">
|
|
20
|
+
<meta property="og:site_name" content="{{site.name}}">
|
|
21
|
+
<meta property="og:url" content="{{site.url | append: page.url}}">
|
|
22
|
+
<meta name="author" content="{{ site.author_name }}">
|
|
23
|
+
|
|
24
|
+
<title>{{page.title}}</title>
|
|
25
|
+
|
|
26
|
+
<!-- fonts -->
|
|
27
|
+
<link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
|
|
28
|
+
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
|
|
29
|
+
|
|
30
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />
|
|
31
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
|
|
32
|
+
|
|
33
|
+
<link rel="stylesheet" href="{{ '/assets/css/blog.css' | relative_url }}">
|
|
34
|
+
</head>
|
data/_includes/head/index.html
CHANGED
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
<link rel="preload" href="/build/ca6a911b9040a84259b8c6f7f4cbb72e.svg" as=image>
|
|
43
43
|
<link rel="preload" href="/build/95cf74e5f89f93cfd5f97d16fa673f05.svg" as=image>
|
|
44
44
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
|
|
45
|
-
<link rel="stylesheet" href="
|
|
45
|
+
<link rel="stylesheet" href="/assets/css/tools.css">
|
|
46
46
|
</head>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<!-- header starts -->
|
|
2
|
+
<header id="header">
|
|
3
|
+
<!-- navigation startss -->
|
|
4
|
+
<nav class="navbar navbar-expand-lg navbar-dark bg-light">
|
|
5
|
+
|
|
6
|
+
{% if site.data.nav.navbar-brand-text %}
|
|
7
|
+
<a class="navbar-brand" href="/" title="{{site.data.nav.navbar-brand-text}}">
|
|
8
|
+
{{site.data.nav.navbar-brand-text}}
|
|
9
|
+
</a>
|
|
10
|
+
|
|
11
|
+
{% else %}
|
|
12
|
+
|
|
13
|
+
<a class="navbar-brand" href="/" title="{{site.data.nav.navbar-brand-text}}">
|
|
14
|
+
<img src="{{site.data.nav.navbar-brand-logo}}" class="logo" alt="logo-image">
|
|
15
|
+
</a>
|
|
16
|
+
|
|
17
|
+
{% endif %}
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
|
|
21
|
+
<i class="fas fa-bars fa-2x" style="color:#000"></i>
|
|
22
|
+
</button>
|
|
23
|
+
|
|
24
|
+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
25
|
+
<ul class="navbar-nav ml-auto">
|
|
26
|
+
<li class="nav-item">
|
|
27
|
+
<a class="nav-link" href="/blog">{{site.data.nav.item}}</a>
|
|
28
|
+
</li>
|
|
29
|
+
</ul>
|
|
30
|
+
</div>
|
|
31
|
+
</nav>
|
|
32
|
+
<!-- navbar close -->
|
|
33
|
+
</header>
|
|
34
|
+
<!-- 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="
|
|
7
|
+
<div class="blog-pagination">
|
|
4
8
|
{% if paginator.previous_page %}
|
|
5
|
-
<a style="color:
|
|
9
|
+
<a style="color: #00ab6b; font-weight: 900;"
|
|
6
10
|
href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">« Prev</a>
|
|
7
11
|
{% else %}
|
|
8
12
|
<span class="text-muted">« 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:
|
|
19
|
+
<a href="/blog" style="color: #00ab6b; font-weight: 900;">{{ page }}</a>
|
|
16
20
|
{% else %}
|
|
17
|
-
<a style="color:
|
|
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
|
|
28
|
+
<a style="color:#00ab6b; font-weight: 900;"
|
|
25
29
|
href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next
|
|
26
30
|
»</a>
|
|
27
31
|
{% else %}
|
data/_includes/postbox.html
CHANGED
|
@@ -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="
|
|
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;">
|
|
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"
|
data/_layouts/blog.html
CHANGED
|
@@ -1,45 +1,21 @@
|
|
|
1
1
|
<html>
|
|
2
2
|
|
|
3
|
-
|
|
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="{{ 'css/tools.css' | relative_url }}">
|
|
25
|
-
<link rel="stylesheet" href="{{ 'css/blog.css' | relative_url }}">
|
|
26
|
-
</head>
|
|
3
|
+
{% include custom-head.html %}
|
|
27
4
|
|
|
28
5
|
<body>
|
|
29
|
-
{%- include header
|
|
6
|
+
{%- include header.html -%}
|
|
30
7
|
|
|
31
8
|
<section class="section_post">
|
|
32
9
|
<div class="container">
|
|
33
10
|
<div class="row justify-content-center section-title-wrap">
|
|
34
|
-
<div class="col-lg-12
|
|
35
|
-
<h1 style="font-weight: 900;">{{ site.data.blog.
|
|
11
|
+
<div class="col-lg-12">
|
|
12
|
+
<h1 style="font-weight: 900;" class="display-4 mb-5">{{ site.data.blog.h1 }}</h1>
|
|
36
13
|
</div>
|
|
37
14
|
</div>
|
|
38
15
|
|
|
39
|
-
<!--
|
|
40
|
-
|
|
16
|
+
<!-- categories post -->
|
|
41
17
|
<div class="main-content">
|
|
42
|
-
{{
|
|
18
|
+
{{content}}
|
|
43
19
|
</div>
|
|
44
20
|
<!-- close -->
|
|
45
21
|
|
|
@@ -58,12 +34,14 @@
|
|
|
58
34
|
<div class="card-footer bg-white">
|
|
59
35
|
<div class="wrapfooter">
|
|
60
36
|
<span class="meta-footer-thumb">
|
|
61
|
-
<img class="author-thumb" src="
|
|
37
|
+
<img class="author-thumb" src="{{ page.author.image }}"
|
|
62
38
|
alt="{{ post.author.name }}">
|
|
63
39
|
</span>
|
|
40
|
+
|
|
64
41
|
<span class="author-meta">
|
|
65
42
|
<span class="post-name">
|
|
66
|
-
<a target="_blank"
|
|
43
|
+
<a target="_blank"
|
|
44
|
+
href="{{ site.data.authors.author.image }}">{{post.author}}</a>
|
|
67
45
|
</span><br>
|
|
68
46
|
<span class="post-date">{{post.date | date_to_string }}</span>
|
|
69
47
|
</span>
|
|
@@ -79,15 +57,13 @@
|
|
|
79
57
|
</div>
|
|
80
58
|
{% endfor %}
|
|
81
59
|
</div>
|
|
60
|
+
{%- include paginationBlogPage.html -%}
|
|
82
61
|
</div>
|
|
83
62
|
|
|
84
|
-
{%- include pagination2.html -%}
|
|
85
63
|
{% include section/count.html %}
|
|
86
64
|
</section>
|
|
87
65
|
{%- include section/alertbar.html -%}
|
|
88
|
-
|
|
89
|
-
<link rel="stylesheet" href="{{ 'css/tools.css' | relative_url }}">
|
|
90
|
-
<script src="/js/TopScroll.js"></script>
|
|
66
|
+
<script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>
|
|
91
67
|
</body>
|
|
92
68
|
|
|
93
69
|
</html>
|
data/_layouts/post.html
CHANGED
|
@@ -1,43 +1,9 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: post
|
|
3
|
-
---
|
|
4
|
-
|
|
5
1
|
<html>
|
|
6
2
|
|
|
7
|
-
|
|
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
|
|
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
|
-
|
|
83
|
-
|
|
84
|
-
|
|
48
|
+
<div class="post-content">
|
|
49
|
+
{{ content }}
|
|
50
|
+
</div>
|
|
51
|
+
{%- include paginationPostPage.html -%}
|
|
85
52
|
</div>
|
|
86
53
|
</div>
|
|
87
54
|
</section>
|
|
@@ -89,8 +56,6 @@ layout: post
|
|
|
89
56
|
{%- include section/alertbar.html -%}
|
|
90
57
|
</body>
|
|
91
58
|
|
|
92
|
-
<link rel="stylesheet" href="{{ '../css/tools.css' | relative_url }}">
|
|
93
|
-
<link rel="stylesheet" href="../css/tools.css">
|
|
94
59
|
<script src="/js/TopScroll.js"></script>
|
|
95
60
|
|
|
96
61
|
</html>
|
data/assets/css/blog.css
ADDED
|
@@ -0,0 +1,399 @@
|
|
|
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
|
+
|
|
16
|
+
.section_post {
|
|
17
|
+
margin-top: 100px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* logo styling */
|
|
21
|
+
.logo {
|
|
22
|
+
width: 50px;
|
|
23
|
+
border-radius: 50%;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
header {
|
|
27
|
+
width: 100%;
|
|
28
|
+
position: relative;
|
|
29
|
+
}
|
|
30
|
+
.navbar {
|
|
31
|
+
width: 100%;
|
|
32
|
+
padding: 1.2rem 10rem !important;
|
|
33
|
+
position: fixed;
|
|
34
|
+
top: 0;
|
|
35
|
+
left: 0;
|
|
36
|
+
z-index: 999;
|
|
37
|
+
}
|
|
38
|
+
.navbar-brand {
|
|
39
|
+
font-size: 2.2rem;
|
|
40
|
+
color: var(--txtColor) !important;
|
|
41
|
+
font-weight: 900;
|
|
42
|
+
}
|
|
43
|
+
.navbar-dark .navbar-toggler {
|
|
44
|
+
outline: none !important;
|
|
45
|
+
}
|
|
46
|
+
.navbar-nav .nav-item {
|
|
47
|
+
padding: 0 10px;
|
|
48
|
+
}
|
|
49
|
+
.navbar-nav .nav-link:hover {
|
|
50
|
+
color: var(--txtColor) !important;
|
|
51
|
+
transition: all 0.2s linear;
|
|
52
|
+
-webkit-transition: all 0.2s linear;
|
|
53
|
+
-moz-transition: all 0.2s linear;
|
|
54
|
+
}
|
|
55
|
+
.nav-link {
|
|
56
|
+
text-decoration: none !important;
|
|
57
|
+
font-size: 16px;
|
|
58
|
+
color: gray !important;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
/* blogs-card title, content styling */
|
|
62
|
+
.anchor_link {
|
|
63
|
+
text-decoration: none !important;
|
|
64
|
+
color: #343a40 !important;
|
|
65
|
+
}
|
|
66
|
+
.anchor_link:hover {
|
|
67
|
+
transition: all 0.5s linear;
|
|
68
|
+
color: #000 !important;
|
|
69
|
+
}
|
|
70
|
+
.anchor_link .card-title {
|
|
71
|
+
font-weight: 600;
|
|
72
|
+
font-size: 22px;
|
|
73
|
+
line-height: 1.3;
|
|
74
|
+
}
|
|
75
|
+
.text_size {
|
|
76
|
+
color: rgba(0, 0, 0, 0.44);
|
|
77
|
+
font-size: 15px;
|
|
78
|
+
line-height: 1.6;
|
|
79
|
+
font-weight: 400;
|
|
80
|
+
}
|
|
81
|
+
/* close */
|
|
82
|
+
|
|
83
|
+
/* Blog-card-footer styling */
|
|
84
|
+
.card-footer {
|
|
85
|
+
border: none;
|
|
86
|
+
}
|
|
87
|
+
.wrapfooter {
|
|
88
|
+
display: flex;
|
|
89
|
+
align-items: center;
|
|
90
|
+
margin-bottom: 15px;
|
|
91
|
+
}
|
|
92
|
+
.wrapfooter img {
|
|
93
|
+
width: 35px;
|
|
94
|
+
height: 35px;
|
|
95
|
+
border-radius: 50%;
|
|
96
|
+
}
|
|
97
|
+
.wrapfooter .author-meta {
|
|
98
|
+
flex: 1 1 auto;
|
|
99
|
+
padding: 0 15px;
|
|
100
|
+
}
|
|
101
|
+
.wrapfooter .author-meta a {
|
|
102
|
+
font-size: 15px;
|
|
103
|
+
color: #000;
|
|
104
|
+
text-transform: capitalize;
|
|
105
|
+
}
|
|
106
|
+
.wrapfooter .span.post-read-more {
|
|
107
|
+
align-items: center;
|
|
108
|
+
display: inline-block;
|
|
109
|
+
margin-top: 8px;
|
|
110
|
+
}
|
|
111
|
+
.post-date {
|
|
112
|
+
color: rgba(0, 0, 0, 0.44);
|
|
113
|
+
font-size: 13px;
|
|
114
|
+
}
|
|
115
|
+
/* close */
|
|
116
|
+
|
|
117
|
+
/* BLOG-Categories stlying */
|
|
118
|
+
.explore {
|
|
119
|
+
color: #fff;
|
|
120
|
+
margin-bottom: 100px;
|
|
121
|
+
margin-top: 60px;
|
|
122
|
+
width: 100%;
|
|
123
|
+
background: repeating-linear-gradient(
|
|
124
|
+
45deg,
|
|
125
|
+
rgb(27, 27, 27) 0px,
|
|
126
|
+
rgb(27, 27, 27) 97px,
|
|
127
|
+
rgb(24, 24, 24) 97px,
|
|
128
|
+
rgb(24, 24, 24) 194px,
|
|
129
|
+
rgb(20, 20, 20) 194px,
|
|
130
|
+
rgb(20, 20, 20) 291px
|
|
131
|
+
);
|
|
132
|
+
height: 250px;
|
|
133
|
+
align-items: center;
|
|
134
|
+
display: flex;
|
|
135
|
+
justify-content: space-around;
|
|
136
|
+
}
|
|
137
|
+
.explore ul {
|
|
138
|
+
display: flex;
|
|
139
|
+
list-style: none;
|
|
140
|
+
}
|
|
141
|
+
.cat {
|
|
142
|
+
display: inline-block;
|
|
143
|
+
padding: 5px 10px;
|
|
144
|
+
text-decoration: none !important;
|
|
145
|
+
color: #000 !important;
|
|
146
|
+
font-weight: 600;
|
|
147
|
+
font-size: 12px;
|
|
148
|
+
background: #fff;
|
|
149
|
+
border-radius: 15px;
|
|
150
|
+
margin: 0 15px;
|
|
151
|
+
}
|
|
152
|
+
/* close */
|
|
153
|
+
|
|
154
|
+
/* BLOG-alertbar stlying */
|
|
155
|
+
.alertbar {
|
|
156
|
+
box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
|
|
157
|
+
position: fixed;
|
|
158
|
+
bottom: 0;
|
|
159
|
+
left: 0;
|
|
160
|
+
background-color: #fff;
|
|
161
|
+
width: 100%;
|
|
162
|
+
padding: 14px 0;
|
|
163
|
+
z-index: 1;
|
|
164
|
+
}
|
|
165
|
+
.alertbar form {
|
|
166
|
+
display: inline-block;
|
|
167
|
+
}
|
|
168
|
+
.alertbar input[type='email'] {
|
|
169
|
+
font-size: 0.85rem;
|
|
170
|
+
padding: 3px 40px 3px 10px;
|
|
171
|
+
border-top-left-radius: 3px;
|
|
172
|
+
border-bottom-left-radius: 3px;
|
|
173
|
+
border: 1px solid #ddd;
|
|
174
|
+
border-right: 0;
|
|
175
|
+
margin-right: -10px;
|
|
176
|
+
height: 34px;
|
|
177
|
+
letter-spacing: 0.5px;
|
|
178
|
+
margin-left: 5px;
|
|
179
|
+
outline: 0;
|
|
180
|
+
}
|
|
181
|
+
.alertbar input[type='submit'] {
|
|
182
|
+
background-color: #1c9963;
|
|
183
|
+
border: 1px solid #1c9963;
|
|
184
|
+
color: #fff;
|
|
185
|
+
fill: #fff;
|
|
186
|
+
font-size: 12px;
|
|
187
|
+
border-radius: 0;
|
|
188
|
+
padding: 4px 10px;
|
|
189
|
+
border-top-right-radius: 3px;
|
|
190
|
+
border-bottom-right-radius: 3px;
|
|
191
|
+
font-weight: 600;
|
|
192
|
+
height: 34px;
|
|
193
|
+
letter-spacing: 0.5px;
|
|
194
|
+
cursor: pointer;
|
|
195
|
+
}
|
|
196
|
+
/* close */
|
|
197
|
+
|
|
198
|
+
/* Blog-Pages-Pagination stlying*/
|
|
199
|
+
.blog-pagination a,
|
|
200
|
+
.blog-pagination span {
|
|
201
|
+
padding: 7px 10px;
|
|
202
|
+
margin-left: -2px;
|
|
203
|
+
margin-right: -2px;
|
|
204
|
+
background-color: #ffffff;
|
|
205
|
+
display: inline-block;
|
|
206
|
+
text-decoration: none;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.blog-pagination a:hover {
|
|
210
|
+
background-color: #f1f1f1;
|
|
211
|
+
color: #333;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.blog-pagination {
|
|
215
|
+
text-align: center;
|
|
216
|
+
font-size: 14px;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
/* BLOG-Categories-PAGes styling */
|
|
220
|
+
.section-title h2 {
|
|
221
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
|
|
222
|
+
font-weight: 700;
|
|
223
|
+
font-size: 1.5rem;
|
|
224
|
+
margin-bottom: 27px;
|
|
225
|
+
}
|
|
226
|
+
.section-title span {
|
|
227
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.44);
|
|
228
|
+
display: inline-block;
|
|
229
|
+
padding-bottom: 20px;
|
|
230
|
+
margin-bottom: -1px;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
/***************************************************************/
|
|
234
|
+
/********************** post-layouts-styling *******************/
|
|
235
|
+
/***************************************************************/
|
|
236
|
+
|
|
237
|
+
/* left-sidebar-social-styling */
|
|
238
|
+
.post-content {
|
|
239
|
+
font-size: 20px;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.socialIons {
|
|
243
|
+
position: sticky;
|
|
244
|
+
top: 100px;
|
|
245
|
+
}
|
|
246
|
+
.socialIons > .item-lists2 {
|
|
247
|
+
display: flex;
|
|
248
|
+
flex-direction: column;
|
|
249
|
+
width: 100%;
|
|
250
|
+
}
|
|
251
|
+
.socialIons > .item-lists2 > li {
|
|
252
|
+
list-style: none;
|
|
253
|
+
padding: 8px 0px;
|
|
254
|
+
margin: 0 auto;
|
|
255
|
+
}
|
|
256
|
+
.socialIons .item-lists2 li a {
|
|
257
|
+
color: rgba(95, 21, 21, 0.44);
|
|
258
|
+
fill: rgba(0, 0, 0, 0.44);
|
|
259
|
+
font-size: 15px;
|
|
260
|
+
cursor: pointer;
|
|
261
|
+
text-decoration: none !important;
|
|
262
|
+
}
|
|
263
|
+
.socialIons > .item-lists2 > li i {
|
|
264
|
+
font-size: 18px;
|
|
265
|
+
color: rgba(0, 0, 0, 0.44);
|
|
266
|
+
fill: rgba(0, 0, 0, 0.44);
|
|
267
|
+
}
|
|
268
|
+
.sep {
|
|
269
|
+
height: 1px;
|
|
270
|
+
width: 20px;
|
|
271
|
+
background: #999;
|
|
272
|
+
margin: 3px auto;
|
|
273
|
+
}
|
|
274
|
+
.comments-count {
|
|
275
|
+
margin: 18px 25px;
|
|
276
|
+
text-align: center;
|
|
277
|
+
}
|
|
278
|
+
.comment_count {
|
|
279
|
+
font-size: 12px;
|
|
280
|
+
color: rgba(95, 21, 21, 0.44) !important;
|
|
281
|
+
fill: rgba(0, 0, 0, 0.44);
|
|
282
|
+
text-decoration: none !important;
|
|
283
|
+
}
|
|
284
|
+
/* close */
|
|
285
|
+
|
|
286
|
+
/* right-sidebar-styling-starts */
|
|
287
|
+
/* author bio styling.. */
|
|
288
|
+
.author_image .author-thumb {
|
|
289
|
+
width: 60px;
|
|
290
|
+
height: 60px;
|
|
291
|
+
object-fit: cover;
|
|
292
|
+
}
|
|
293
|
+
.author-meta .postName {
|
|
294
|
+
font-size: 18px !important;
|
|
295
|
+
color: rgba(0, 0, 0, 0.8) !important;
|
|
296
|
+
text-decoration: none !important;
|
|
297
|
+
font-family: 'Merriweather', serif;
|
|
298
|
+
}
|
|
299
|
+
.btn_follow {
|
|
300
|
+
margin-left: 5px;
|
|
301
|
+
margin-bottom: 10px;
|
|
302
|
+
border-color: #02b875;
|
|
303
|
+
color: #1c9963 !important;
|
|
304
|
+
padding: 3px 10px;
|
|
305
|
+
text-align: center;
|
|
306
|
+
border-radius: 999em;
|
|
307
|
+
font-size: 1.5rem;
|
|
308
|
+
display: inline-block;
|
|
309
|
+
border: 1px solid;
|
|
310
|
+
}
|
|
311
|
+
.author_bio {
|
|
312
|
+
font-family: 'Merriweather', serif;
|
|
313
|
+
color: rgba(0, 0, 0, 0.44);
|
|
314
|
+
font-size: 13px;
|
|
315
|
+
line-height: 20px;
|
|
316
|
+
}
|
|
317
|
+
/* close */
|
|
318
|
+
|
|
319
|
+
/* pagination-styling-postpages */
|
|
320
|
+
.pointerup i.fa {
|
|
321
|
+
color: #eaeaea;
|
|
322
|
+
}
|
|
323
|
+
.pointerup {
|
|
324
|
+
margin-bottom: -9px;
|
|
325
|
+
margin-left: 49%;
|
|
326
|
+
font-size: 30px;
|
|
327
|
+
}
|
|
328
|
+
.bottompagination span.navigation {
|
|
329
|
+
display: block;
|
|
330
|
+
font-size: 0.93rem;
|
|
331
|
+
padding: 15px 0 0 0;
|
|
332
|
+
text-align: center;
|
|
333
|
+
margin-bottom: 0rem;
|
|
334
|
+
color: #999;
|
|
335
|
+
border-top: 1px solid #ddd;
|
|
336
|
+
}
|
|
337
|
+
.pagination {
|
|
338
|
+
display: -ms-flexbox;
|
|
339
|
+
display: flex;
|
|
340
|
+
padding-left: 0;
|
|
341
|
+
list-style: none;
|
|
342
|
+
border-radius: 0.25rem;
|
|
343
|
+
display: block;
|
|
344
|
+
color: green;
|
|
345
|
+
font-size: 15px;
|
|
346
|
+
margin-bottom: 30px;
|
|
347
|
+
}
|
|
348
|
+
.pageUrl {
|
|
349
|
+
color: green;
|
|
350
|
+
font-size: 12px;
|
|
351
|
+
font-weight: 900;
|
|
352
|
+
text-decoration: none;
|
|
353
|
+
margin-right: 10px;
|
|
354
|
+
}
|
|
355
|
+
.pageUrl:hover {
|
|
356
|
+
text-decoration: none;
|
|
357
|
+
color: green;
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
@media (max-width: 768px) {
|
|
361
|
+
.socialIons > .item-lists2 {
|
|
362
|
+
flex-direction: row;
|
|
363
|
+
align-items: center;
|
|
364
|
+
}
|
|
365
|
+
.socialIons > .item-lists2 > li {
|
|
366
|
+
padding-right: 30px;
|
|
367
|
+
margin: 0;
|
|
368
|
+
}
|
|
369
|
+
.sep {
|
|
370
|
+
margin: 0;
|
|
371
|
+
}
|
|
372
|
+
.author-meta {
|
|
373
|
+
padding-left: 15px;
|
|
374
|
+
}
|
|
375
|
+
.comments-count {
|
|
376
|
+
margin: 18px 0;
|
|
377
|
+
text-align: left;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
.navbar {
|
|
381
|
+
padding: 1.2rem 15px !important;
|
|
382
|
+
}
|
|
383
|
+
.title,
|
|
384
|
+
.description {
|
|
385
|
+
width: 100% !important;
|
|
386
|
+
text-align: center;
|
|
387
|
+
}
|
|
388
|
+
.angle-arrow {
|
|
389
|
+
position: fixed;
|
|
390
|
+
bottom: 4px;
|
|
391
|
+
right: 32px;
|
|
392
|
+
top: auto;
|
|
393
|
+
z-index: 999;
|
|
394
|
+
}
|
|
395
|
+
.alertbar form {
|
|
396
|
+
display: block;
|
|
397
|
+
margin-top: 10px;
|
|
398
|
+
}
|
|
399
|
+
}
|