word-games-theme 0.1.5 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +2 -2
  4. data/_data/blog/alertbar.yml +3 -3
  5. data/_data/blog/blog.yml +2 -2
  6. data/_data/blog/nav.json +13 -13
  7. data/_data/blog/share.yml +26 -27
  8. data/_data/footer/en/data.json +74 -74
  9. data/_data/footer/hi/data.json +68 -68
  10. data/_data/footer/networksites.json +15 -15
  11. data/_data/header/en/data.json +68 -71
  12. data/_data/wordgames/en/anagram_word_finder.json +48 -48
  13. data/_data/wordgames/en/eight_letter_word_finder.json +223 -223
  14. data/_data/wordgames/en/eleven_letter_word_finder.json +184 -184
  15. data/_data/wordgames/en/five_letter_word_finder.json +188 -188
  16. data/_data/wordgames/en/four_letter_word_finder.json +176 -176
  17. data/_data/wordgames/en/jumble_word_finder.json +54 -62
  18. data/_data/wordgames/en/lexical_word_finder.json +61 -54
  19. data/_data/wordgames/en/nine_letter_word_finder.json +184 -184
  20. data/_data/wordgames/en/root.json +79 -79
  21. data/_data/wordgames/en/scrabble_word_finder_cheat.json +49 -55
  22. data/_data/wordgames/en/seven_letter_word_finder.json +184 -184
  23. data/_data/wordgames/en/six_letter_word_finder.json +176 -176
  24. data/_data/wordgames/en/ten_letter_word_finder.json +184 -184
  25. data/_data/wordgames/en/thirteen_letter_word_finder.json +184 -184
  26. data/_data/wordgames/en/three_letter_word_finder.json +188 -188
  27. data/_data/wordgames/en/twelve_letter_word_finder.json +184 -184
  28. data/_data/wordgames/en/two_letter_word_finder.json +188 -188
  29. data/_data/wordgames/en/words_with_friends_word_finder.json +55 -55
  30. data/_includes/Rating/rating.html +91 -87
  31. data/_includes/Rating/structureddata.html +53 -53
  32. data/_includes/author_bio.html +15 -15
  33. data/_includes/authors/authors.html +27 -27
  34. data/_includes/custom-head.html +31 -31
  35. data/_includes/disqus_comments.html +10 -10
  36. data/_includes/filterWords/index.html +10 -10
  37. data/_includes/footer/index.html +47 -43
  38. data/_includes/google-analytics.html +22 -22
  39. data/_includes/head/index.html +108 -104
  40. data/_includes/header/blogHeader.html +28 -28
  41. data/_includes/header/index.html +41 -46
  42. data/_includes/paginationBlogPage.html +34 -34
  43. data/_includes/paginationPostPage.html +14 -14
  44. data/_includes/postauthorbio.html +17 -17
  45. data/_includes/postbox.html +29 -29
  46. data/_includes/script.html +13 -13
  47. data/_includes/section/about.html +25 -25
  48. data/_includes/section/alertbar.html +11 -11
  49. data/_includes/section/blog.html +41 -41
  50. data/_includes/section/commonPage.html +100 -119
  51. data/_includes/section/count.html +23 -23
  52. data/_includes/section/feature.html +34 -34
  53. data/_includes/section/home.html +94 -76
  54. data/_includes/section/home2.html +91 -93
  55. data/_includes/section/news.html +32 -32
  56. data/_includes/section/recent_posts.html +42 -42
  57. data/_includes/section/related_categories_post.html +73 -73
  58. data/_includes/section/related_tag_post.html +59 -59
  59. data/_includes/section/wordGroup.html +6 -6
  60. data/_includes/seo.html +56 -57
  61. data/_includes/share/socialshare.html +49 -50
  62. data/_layouts/blog.html +66 -66
  63. data/_layouts/categories.html +25 -25
  64. data/_layouts/default.html +43 -34
  65. data/_layouts/disclaimer.html +115 -115
  66. data/_layouts/page.html +67 -13
  67. data/_layouts/page2.html +61 -0
  68. data/_layouts/post.html +69 -69
  69. data/_layouts/privacyPolicy.html +420 -420
  70. data/_layouts/termAndCondition.html +421 -421
  71. data/_layouts/wordMeaning.html +106 -106
  72. data/assets/css/HomePageblog.css +154 -154
  73. data/assets/css/about.css +51 -51
  74. data/assets/css/advancedFilter.css +160 -134
  75. data/assets/css/blog.css +481 -481
  76. data/assets/css/feature.css +69 -67
  77. data/assets/css/footer.css +95 -94
  78. data/assets/css/home.css +235 -212
  79. data/assets/css/news.css +62 -59
  80. data/assets/css/style.css +399 -375
  81. data/assets/css/wordGroup.css +62 -62
  82. data/assets/images/angle-arrow-down.svg +43 -43
  83. data/assets/images/facebook-square.svg +1 -0
  84. data/assets/images/facebook.svg +1 -0
  85. data/assets/images/instagram-square.svg +1 -0
  86. data/assets/images/linkedin.svg +1 -0
  87. data/assets/images/linkedin2.svg +1 -0
  88. data/assets/images/ratingStar.png +0 -0
  89. data/assets/images/right.svg +38 -38
  90. data/assets/images/right2.svg +38 -38
  91. data/assets/images/right3.svg +38 -38
  92. data/assets/images/search.svg +1 -0
  93. data/assets/images/star.svg +1 -0
  94. data/assets/images/twitter-square.svg +1 -0
  95. data/assets/images/twitter.svg +1 -0
  96. data/assets/images/twitter2.svg +1 -0
  97. data/assets/images/window-close.png +0 -0
  98. data/assets/images/window-close.svg +1 -0
  99. data/assets/images/word-games-logo.svg +52 -52
  100. data/assets/js/TopScroll.js +8 -8
  101. data/assets/js/X-letter.js +359 -206
  102. data/assets/js/advancedFilter.js +5 -5
  103. data/assets/js/advancedFilter2.js +12 -5
  104. data/assets/js/advancedFilter3.js +2 -2
  105. data/assets/js/scrabbleDictonary.js +165 -165
  106. data/assets/js/wordScrabble.js +511 -368
  107. metadata +21 -8
  108. data/_data/header/hi/data.json +0 -145
data/assets/css/about.css CHANGED
@@ -1,51 +1,51 @@
1
- .rowHeight {
2
- margin: 300px 0 620px 0;
3
- }
4
- .about_content > .text {
5
- width: 80%;
6
- margin: 0 auto;
7
- font-weight: 900;
8
- font-size: 25px;
9
- position: relative;
10
- top: 100px;
11
- }
12
- .about {
13
- margin-top: -80px;
14
- }
15
- .about img {
16
- width: 420px;
17
- position: absolute;
18
- right: -15px;
19
- height: 700px;
20
- z-index: -1;
21
- }
22
- .content {
23
- position: absolute;
24
- right: 40px;
25
- color: #fff;
26
- top: 30px;
27
- width: 250px;
28
- padding: 0 10px;
29
- font-size: 15px;
30
- font-family: 'Poppins', sans-serif;
31
- }
32
- @media (max-width: 1125px) {
33
- .rowHeight {
34
- margin: 0px -15px 0px -15px;
35
- }
36
- .about {
37
- background: #b641da;
38
- padding: 10px 0;
39
- }
40
- .about img {
41
- display: none;
42
- }
43
- .content {
44
- position: static;
45
- text-align: center;
46
- width: 100%;
47
- }
48
- .about_content {
49
- margin: 0 !important;
50
- }
51
- }
1
+ .rowHeight {
2
+ margin: 300px 0 620px 0;
3
+ }
4
+ .about_content > .text {
5
+ width: 80%;
6
+ margin: 0 auto;
7
+ font-weight: 900;
8
+ font-size: 25px;
9
+ position: relative;
10
+ top: 100px;
11
+ }
12
+ .about {
13
+ margin-top: -80px;
14
+ }
15
+ .about img {
16
+ width: 420px;
17
+ position: absolute;
18
+ right: -15px;
19
+ height: 700px;
20
+ z-index: -1;
21
+ }
22
+ .content {
23
+ position: absolute;
24
+ right: 40px;
25
+ color: #fff;
26
+ top: 30px;
27
+ width: 250px;
28
+ padding: 0 10px;
29
+ font-size: 15px;
30
+ font-family: 'Poppins', sans-serif;
31
+ }
32
+ @media (max-width: 1125px) {
33
+ .rowHeight {
34
+ margin: 100px -15px 0px -15px;
35
+ }
36
+ .about {
37
+ background: #b641da;
38
+ padding: 10px 0;
39
+ }
40
+ .about img {
41
+ display: none;
42
+ }
43
+ .content {
44
+ position: static;
45
+ text-align: center;
46
+ width: 100%;
47
+ }
48
+ .about_content {
49
+ margin: 0 !important;
50
+ }
51
+ }
data/assets/css/advancedFilter.css CHANGED
@@ -1,134 +1,160 @@
1
- .Advancedbtn .filterButton {
2
- background: #f8f9fa;
3
- box-shadow: 0 0 3px #343a4063;
4
- width: 190px;
5
- border-radius: 10px;
6
- outline: none;
7
- border: none;
8
- font-weight: 900;
9
- font-size: 13px;
10
- padding: 10px;
11
- text-align: left;
12
- z-index: 99;
13
- }
14
- .hide {
15
- visibility: hidden;
16
- }
17
- .fillterWrapper {
18
- display: block;
19
- background: #fff;
20
- position: absolute;
21
- z-index: 999;
22
- top: 155px;
23
- right: 123px;
24
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
25
- padding: 30px 15px;
26
- border-radius: 15px;
27
- }
28
-
29
- .fa-times {
30
- position: absolute;
31
- top: 12px;
32
- right: 15px;
33
- font-size: 15px;
34
- cursor: pointer;
35
- }
36
- .fillterWrapper .same {
37
- margin-bottom: 10px;
38
- }
39
- .fillterWrapper input[type='text'] {
40
- border-radius: 15px;
41
- width: 100%;
42
- outline: none;
43
- text-indent: 8px;
44
- }
45
- .sticky_nav {
46
- position: sticky;
47
- width: inherit;
48
- top: 58px;
49
- background-color: #fff;
50
- z-index: 99;
51
- }
52
- .flex-row {
53
- -ms-flex-direction: row !important;
54
- flex-direction: row !important;
55
- display: flex;
56
- overflow: hidden;
57
- margin: 0 35px;
58
- }
59
- .tab_link_wrapper {
60
- display: flex;
61
- width: 100%;
62
- /* overflow: auto; */
63
- justify-content: center;
64
- background: #f8f9fa;
65
- border-radius: 40px;
66
- padding: 8px;
67
- /* white-space: wrap; */
68
- }
69
- .tab_link {
70
- font-size: 15px;
71
- font-weight: 900;
72
- margin: 0 5px;
73
- padding-top: 5px;
74
- border: none;
75
- outline: none;
76
- background-color: inherit;
77
- }
78
- a {
79
- text-decoration: none !important;
80
- }
81
- .active-tab {
82
- border-bottom: solid 2px black;
83
- }
84
-
85
- #next {
86
- background: url('/assets/images/next.webp');
87
- background-size: cover;
88
- width: 21px;
89
- object-fit: cover;
90
- padding: 3px;
91
- border: none;
92
- position: absolute;
93
- top: 12px;
94
- right: 43px;
95
- }
96
- #prev {
97
- background: url('/assets/images/prev.webp');
98
- background-size: cover;
99
- width: 21px;
100
- object-fit: cover;
101
- padding: 3px;
102
- border: none;
103
- position: absolute;
104
- top: 12px;
105
- left: 43px;
106
- }
107
-
108
- @media (max-width: 768px) {
109
- .Advancedbtn {
110
- margin: 0;
111
- height: 0;
112
- width: 0;
113
- }
114
- .Advancedbtn .filterButton {
115
- position: fixed;
116
- bottom: 0;
117
- width: 100%;
118
- left: 0;
119
- }
120
- .fillterWrapper {
121
- right: auto;
122
- position: fixed;
123
- left: 0;
124
- top: 215px;
125
- width: 100%;
126
- }
127
- }
128
-
129
- @media (min-width: 576px) {
130
- #containerWd {
131
- max-width: 100% !important;
132
- }
133
- }
134
- /* close */
1
+ .tick {
2
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAL7SURBVEhL7ZZdSBRRFMf/s+PWSrsUFGoUfi1ooWISFUQPvfRhH1hUL5agvogvaQ/hamBRbz0W2VNBQb2IgqJsGL2VVBK11UNpPkhGKmWK6wfu7kznzFxGx5lxZ+tN/MGdOefOzP3PnTn3noN11jySOLvnWamfniqGJGVovqpOQMVnHI9ENd8l7oTDe/zwSGfp7nPkHaPm0/qXWKD2kl7gERS1A+Uf5vVuZ1YXbg9KCAT2kWgjeaeoBbR+Z/gFupFQWhGNDuLCsKp3W3EW1kQ3HYRHfkhegd7pmkEoiVrMzPY7iXvE2YrfXyJEg3pHShTQsw9oDMcXthfuLfNDlq+RxQ/KWl/qFNIYN7WxbLAX9uIMhWu58P4D9TSNVSEcE06fmqM3WSAZ+DwbcCXnEk5sO7QyaNKpVeumGWtw9ZYE4E2bIGvlkrGFRZtyqxHKq8HQ3HfsfVOJmBIXVzUWEItn4OSnGeFrWGcspxXR0ZXolrQAmkgwlFeL4blRtAzdRVxJiKsGPhqzUNgGVmFJzRSWCVmSqZlvb8ipRCi3BtPxGYSG7qD3F+8hNqtHUncIy8DpH5tg0VvBeoTL7iHbl6XN9HqwDjfy6zCy8BPnI1edRXUsv9QqrEo/hGXAA+7fXIwjWw+gbXczmunTNmZX4uvcCFq/teHVVGQ1UR5zTFgGroMrJz0LbbtatMhlxhd/azNNKuoQXNbN4enEIqq2HyYrX+/QmY5H8XzyNYr8QSwqMVz+chsvJgeSiTI9KI88FraB/V7dV3aRjvepWdYyz3znxkz0T310I8qzrMfR9090dwn74Iqhk94pLDwTI/Njbj6vQOqhsbqEY8J+xky4lPZaTzdZqWYmhhfzMBSligqEt3qXGeflxPmUUxunuNQhUU6L0QHhW3DOPO1/gAr/KLzePioEuMzhYPNq15zhf9pJhUADorPv/q0QWA6XPrLEWYaTB2ctu9KHY6IDCbWLSp+k9Zc74eVwseehXAuJt0GJir1xirOUi7111jrAXwKK6K/PgrsYAAAAAElFTkSuQmCC)
3
+ no-repeat;
4
+ background-position: 95% 50%;
5
+ }
6
+ .filter_count {
7
+ width: 20px;
8
+ color: white;
9
+ height: 20px;
10
+ text-align: center;
11
+ background-color: #808080;
12
+ padding-top: 2px;
13
+ border-radius: 50%;
14
+ margin-right: 1px;
15
+ position: relative;
16
+ left: 150px;
17
+ }
18
+ .Advancedbtn .filterButton {
19
+ background: #f8f9fa;
20
+ box-shadow: 0 0 3px #343a4063;
21
+ width: 190px;
22
+ border-radius: 10px;
23
+ outline: none;
24
+ border: none;
25
+ font-weight: 900;
26
+ font-size: 13px;
27
+ padding: 10px;
28
+ text-align: left;
29
+ z-index: 99;
30
+ }
31
+ .hide {
32
+ visibility: hidden;
33
+ }
34
+ .fillterWrapper {
35
+ display: block;
36
+ background: #fff;
37
+ position: absolute;
38
+ z-index: 999;
39
+ top: 150px;
40
+ right: 123px;
41
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
42
+ padding: 30px 15px;
43
+ border-radius: 15px;
44
+ }
45
+
46
+ .fa-times {
47
+ position: absolute;
48
+ top: 12px;
49
+ right: 15px;
50
+ font-size: 15px;
51
+ cursor: pointer;
52
+ }
53
+ .fillterWrapper .same {
54
+ margin-bottom: 10px;
55
+ }
56
+ .fillterWrapper input[type='text'] {
57
+ border-radius: 15px;
58
+ width: 100%;
59
+ outline: none;
60
+ text-indent: 8px;
61
+ }
62
+ .sticky_nav {
63
+ position: sticky;
64
+ width: inherit;
65
+ top: 58px;
66
+ background-color: #fff;
67
+ z-index: 99;
68
+ }
69
+ .flex-row {
70
+ -ms-flex-direction: row !important;
71
+ flex-direction: row !important;
72
+ display: flex;
73
+ overflow: hidden;
74
+ margin: 0 35px;
75
+ }
76
+ .tab_link_wrapper {
77
+ display: flex;
78
+ width: 100%;
79
+ /* overflow: auto; */
80
+ justify-content: center;
81
+ background: #f8f9fa;
82
+ border-radius: 40px;
83
+ padding: 8px;
84
+ /* white-space: wrap; */
85
+ }
86
+ .tab_link {
87
+ font-size: 15px;
88
+ font-weight: 900;
89
+ margin: 0 5px;
90
+ padding-top: 5px;
91
+ border: none;
92
+ outline: none;
93
+ background-color: inherit;
94
+ }
95
+ a {
96
+ text-decoration: none !important;
97
+ }
98
+ .active-tab {
99
+ border-bottom: solid 2px black;
100
+ }
101
+
102
+ #next {
103
+ background: url('/assets/images/next.webp');
104
+ background-size: cover;
105
+ width: 21px;
106
+ object-fit: cover;
107
+ padding: 3px;
108
+ border: none;
109
+ position: absolute;
110
+ top: 15px;
111
+ right: 43px;
112
+ }
113
+ #prev {
114
+ background: url('/assets/images/prev.webp');
115
+ background-size: cover;
116
+ width: 21px;
117
+ object-fit: cover;
118
+ padding: 3px;
119
+ border: none;
120
+ position: absolute;
121
+ top: 15px;
122
+ left: 43px;
123
+ }
124
+
125
+ @media (max-width: 768px) {
126
+ .Advancedbtn {
127
+ margin: 0;
128
+ height: 0;
129
+ width: 0;
130
+ }
131
+ .Advancedbtn .filterButton {
132
+ position: fixed;
133
+ bottom: 0;
134
+ width: 50%;
135
+ left: 0px;
136
+ border-radius: 0;
137
+ }
138
+ .fillterWrapper {
139
+ right: auto;
140
+ position: fixed;
141
+ left: 0;
142
+ bottom: 40px;
143
+ top: unset;
144
+ width: 100%;
145
+ }
146
+ .filter_count {
147
+ z-index: 999;
148
+ display: inline-block;
149
+ position: fixed;
150
+ left: 112px;
151
+ bottom: 8px;
152
+ }
153
+ }
154
+
155
+ @media (min-width: 576px) {
156
+ #containerWd {
157
+ max-width: 100% !important;
158
+ }
159
+ }
160
+ /* close */
data/assets/css/blog.css CHANGED
@@ -1,481 +1,481 @@
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
- flex-wrap: wrap;
153
- }
154
- .cat {
155
- display: inline-block;
156
- padding: 5px 10px;
157
- text-decoration: none !important;
158
- color: #000 !important;
159
- font-weight: 600;
160
- font-size: 12px;
161
- background: #fff;
162
- border-radius: 15px;
163
- margin: 0 15px;
164
- }
165
- /* close */
166
-
167
- /* BLOG-alertbar stlying */
168
- .alertbar {
169
- box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
170
- position: fixed;
171
- bottom: 0;
172
- left: 0;
173
- background-color: #fff;
174
- width: 100%;
175
- padding: 14px 0;
176
- z-index: 1;
177
- }
178
- .alertbar form {
179
- display: inline-block;
180
- }
181
- .alertbar input[type='email'] {
182
- font-size: 0.85rem;
183
- padding: 3px 40px 3px 10px;
184
- border-top-left-radius: 3px;
185
- border-bottom-left-radius: 3px;
186
- border: 1px solid #ddd;
187
- border-right: 0;
188
- margin-right: -10px;
189
- height: 34px;
190
- letter-spacing: 0.5px;
191
- margin-left: 5px;
192
- outline: 0;
193
- }
194
- .alertbar input[type='submit'] {
195
- background-color: #1c9963;
196
- border: 1px solid #1c9963;
197
- color: #fff;
198
- fill: #fff;
199
- font-size: 12px;
200
- border-radius: 0;
201
- padding: 4px 10px;
202
- border-top-right-radius: 3px;
203
- border-bottom-right-radius: 3px;
204
- font-weight: 600;
205
- height: 34px;
206
- letter-spacing: 0.5px;
207
- cursor: pointer;
208
- }
209
- /* close */
210
-
211
- /* Blog-Pages-Pagination stlying*/
212
- .blog-pagination a,
213
- .blog-pagination span {
214
- padding: 7px 10px;
215
- margin-left: -2px;
216
- margin-right: -2px;
217
- background-color: #ffffff;
218
- display: inline-block;
219
- text-decoration: none;
220
- }
221
-
222
- .blog-pagination a:hover {
223
- background-color: #f1f1f1;
224
- color: #333;
225
- }
226
-
227
- .blog-pagination {
228
- text-align: center;
229
- font-size: 14px;
230
- }
231
-
232
- /* BLOG-Categories-PAGes styling */
233
- .section-title h2 {
234
- border-bottom: 1px solid rgba(0, 0, 0, 0.125);
235
- font-weight: 700;
236
- font-size: 1.5rem;
237
- margin-bottom: 27px;
238
- }
239
- .section-title span {
240
- border-bottom: 1px solid rgba(0, 0, 0, 0.44);
241
- display: inline-block;
242
- padding-bottom: 20px;
243
- margin-bottom: -1px;
244
- }
245
-
246
- /***************************************************************/
247
- /********************** post-layouts-styling *******************/
248
- /***************************************************************/
249
-
250
- /* left-sidebar-social-styling */
251
- .post-content {
252
- font-size: 20px;
253
- }
254
-
255
- .socialIons {
256
- position: sticky;
257
- top: 100px;
258
- }
259
- .socialIons > .item-lists2 {
260
- display: flex;
261
- flex-direction: column;
262
- width: 100%;
263
- }
264
- .socialIons > .item-lists2 > li {
265
- list-style: none;
266
- padding: 8px 0px;
267
- margin: 0 auto;
268
- }
269
- .socialIons .item-lists2 li a {
270
- color: rgba(95, 21, 21, 0.44);
271
- fill: rgba(0, 0, 0, 0.44);
272
- font-size: 15px;
273
- cursor: pointer;
274
- text-decoration: none !important;
275
- }
276
- .socialIons > .item-lists2 > li i {
277
- font-size: 18px;
278
- color: rgba(0, 0, 0, 0.44);
279
- fill: rgba(0, 0, 0, 0.44);
280
- }
281
- .sep {
282
- height: 1px;
283
- width: 20px;
284
- background: #999;
285
- margin: 3px auto;
286
- }
287
- .comments-count {
288
- margin: 18px 25px;
289
- text-align: center;
290
- }
291
- .comment_count {
292
- font-size: 12px;
293
- color: rgba(95, 21, 21, 0.44) !important;
294
- fill: rgba(0, 0, 0, 0.44);
295
- text-decoration: none !important;
296
- }
297
- /* close */
298
-
299
- /* right-sidebar-styling-starts */
300
- /* author bio styling.. */
301
- .author_image .author-thumb {
302
- width: 60px;
303
- height: 60px;
304
- object-fit: cover;
305
- }
306
- .author-meta .postName {
307
- font-size: 18px !important;
308
- color: rgba(0, 0, 0, 0.8) !important;
309
- text-decoration: none !important;
310
- font-family: 'Merriweather', serif;
311
- }
312
- .btn_follow {
313
- margin-left: 5px;
314
- margin-bottom: 10px;
315
- border-color: #02b875;
316
- color: #1c9963 !important;
317
- padding: 3px 10px;
318
- text-align: center;
319
- border-radius: 999em;
320
- font-size: 1.5rem;
321
- display: inline-block;
322
- border: 1px solid;
323
- }
324
- .author_bio {
325
- font-family: 'Merriweather', serif;
326
- color: rgba(0, 0, 0, 0.44);
327
- font-size: 13px;
328
- line-height: 20px;
329
- }
330
- /* close */
331
-
332
- /* pagination-styling-postpages */
333
- .pointerup i.fa {
334
- color: #eaeaea;
335
- }
336
- .pointerup {
337
- margin-bottom: -9px;
338
- margin-left: 49%;
339
- font-size: 30px;
340
- }
341
- .bottompagination span.navigation {
342
- display: block;
343
- font-size: 0.93rem;
344
- padding: 15px 0 0 0;
345
- text-align: center;
346
- margin-bottom: 0rem;
347
- color: #999;
348
- border-top: 1px solid #ddd;
349
- }
350
- .pagination {
351
- display: -ms-flexbox;
352
- display: flex;
353
- padding-left: 0;
354
- list-style: none;
355
- border-radius: 0.25rem;
356
- display: block;
357
- color: green;
358
- font-size: 15px;
359
- margin-bottom: 30px;
360
- }
361
- .pageUrl {
362
- color: green;
363
- font-size: 12px;
364
- font-weight: 900;
365
- text-decoration: none;
366
- margin-right: 10px;
367
- }
368
- .pageUrl:hover {
369
- text-decoration: none;
370
- color: green;
371
- }
372
- .lunrsearchresult {
373
- font-size: 15px;
374
- }
375
- .lunrsearchresult .title {
376
- color: #d9230f;
377
- }
378
- .lunrsearchresult .url {
379
- color: silver;
380
- }
381
- .lunrsearchresult a {
382
- display: block;
383
- color: #777;
384
- }
385
-
386
- .lunrsearchresult:hover,
387
- .lunrsearchresult:focus {
388
- text-decoration: none;
389
- }
390
-
391
- .lunrsearchresult:hover .title {
392
- text-decoration: underline;
393
- }
394
-
395
- .close {
396
- float: right;
397
- font-size: 2rem;
398
- font-weight: 700;
399
- line-height: 1;
400
- color: #000;
401
- text-shadow: 0 1px 0 #fff;
402
- opacity: 0.5;
403
- border: none;
404
- background: transparent;
405
- }
406
- .close:focus {
407
- outline: none !important;
408
- }
409
-
410
- /* recent post heading stlye */
411
- .recent_post_heading {
412
- width: 100%;
413
- font-size: 46px;
414
- text-align: left;
415
- font-weight: 800;
416
- font-stretch: normal;
417
- font-style: normal;
418
- line-height: 1.24;
419
- letter-spacing: normal;
420
- color: rgb(17, 48, 78);
421
- margin-bottom: 45px;
422
- padding-top: 75px;
423
- display: inline-block;
424
- }
425
-
426
- @media (max-width: 768px) {
427
- .bd-search {
428
- padding: 10px 25px;
429
- }
430
- }
431
-
432
- @media (max-width: 768px) {
433
- .navbar-nav {
434
- align-items: unset;
435
- }
436
- .nav-item {
437
- padding: 0 !important;
438
- }
439
- .socialIons > .item-lists2 {
440
- flex-direction: row;
441
- align-items: center;
442
- }
443
- .socialIons > .item-lists2 > li {
444
- padding-right: 30px;
445
- margin: 0;
446
- }
447
- .sep {
448
- margin: 0;
449
- }
450
- .author-meta {
451
- padding-left: 15px;
452
- }
453
- .comments-count {
454
- margin: 18px 0;
455
- text-align: left;
456
- }
457
-
458
- .navbar {
459
- padding-left: 7% !important;
460
- padding-right: 7% !important;
461
- }
462
- .title,
463
- .description {
464
- width: 100% !important;
465
- text-align: center;
466
- }
467
- .angle-arrow {
468
- position: fixed;
469
- bottom: 4px;
470
- right: 32px;
471
- top: auto;
472
- z-index: 999;
473
- }
474
- .alertbar form {
475
- display: block;
476
- margin-top: 10px;
477
- }
478
- .small_description {
479
- font-size: 25px;
480
- }
481
- }
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
+ flex-wrap: wrap;
153
+ }
154
+ .cat {
155
+ display: inline-block;
156
+ padding: 5px 10px;
157
+ text-decoration: none !important;
158
+ color: #000 !important;
159
+ font-weight: 600;
160
+ font-size: 12px;
161
+ background: #fff;
162
+ border-radius: 15px;
163
+ margin: 0 15px;
164
+ }
165
+ /* close */
166
+
167
+ /* BLOG-alertbar stlying */
168
+ .alertbar {
169
+ box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
170
+ position: fixed;
171
+ bottom: 0;
172
+ left: 0;
173
+ background-color: #fff;
174
+ width: 100%;
175
+ padding: 14px 0;
176
+ z-index: 1;
177
+ }
178
+ .alertbar form {
179
+ display: inline-block;
180
+ }
181
+ .alertbar input[type='email'] {
182
+ font-size: 0.85rem;
183
+ padding: 3px 40px 3px 10px;
184
+ border-top-left-radius: 3px;
185
+ border-bottom-left-radius: 3px;
186
+ border: 1px solid #ddd;
187
+ border-right: 0;
188
+ margin-right: -10px;
189
+ height: 34px;
190
+ letter-spacing: 0.5px;
191
+ margin-left: 5px;
192
+ outline: 0;
193
+ }
194
+ .alertbar input[type='submit'] {
195
+ background-color: #1c9963;
196
+ border: 1px solid #1c9963;
197
+ color: #fff;
198
+ fill: #fff;
199
+ font-size: 12px;
200
+ border-radius: 0;
201
+ padding: 4px 10px;
202
+ border-top-right-radius: 3px;
203
+ border-bottom-right-radius: 3px;
204
+ font-weight: 600;
205
+ height: 34px;
206
+ letter-spacing: 0.5px;
207
+ cursor: pointer;
208
+ }
209
+ /* close */
210
+
211
+ /* Blog-Pages-Pagination stlying*/
212
+ .blog-pagination a,
213
+ .blog-pagination span {
214
+ padding: 7px 10px;
215
+ margin-left: -2px;
216
+ margin-right: -2px;
217
+ background-color: #ffffff;
218
+ display: inline-block;
219
+ text-decoration: none;
220
+ }
221
+
222
+ .blog-pagination a:hover {
223
+ background-color: #f1f1f1;
224
+ color: #333;
225
+ }
226
+
227
+ .blog-pagination {
228
+ text-align: center;
229
+ font-size: 14px;
230
+ }
231
+
232
+ /* BLOG-Categories-PAGes styling */
233
+ .section-title h2 {
234
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
235
+ font-weight: 700;
236
+ font-size: 1.5rem;
237
+ margin-bottom: 27px;
238
+ }
239
+ .section-title span {
240
+ border-bottom: 1px solid rgba(0, 0, 0, 0.44);
241
+ display: inline-block;
242
+ padding-bottom: 20px;
243
+ margin-bottom: -1px;
244
+ }
245
+
246
+ /***************************************************************/
247
+ /********************** post-layouts-styling *******************/
248
+ /***************************************************************/
249
+
250
+ /* left-sidebar-social-styling */
251
+ .post-content {
252
+ font-size: 20px;
253
+ }
254
+
255
+ .socialIons {
256
+ position: sticky;
257
+ top: 100px;
258
+ }
259
+ .socialIons > .item-lists2 {
260
+ display: flex;
261
+ flex-direction: column;
262
+ width: 100%;
263
+ }
264
+ .socialIons > .item-lists2 > li {
265
+ list-style: none;
266
+ padding: 8px 0px;
267
+ margin: 0 auto;
268
+ }
269
+ .socialIons .item-lists2 li a {
270
+ color: rgba(95, 21, 21, 0.44);
271
+ fill: rgba(0, 0, 0, 0.44);
272
+ font-size: 15px;
273
+ cursor: pointer;
274
+ text-decoration: none !important;
275
+ }
276
+ .socialIons > .item-lists2 > li i {
277
+ font-size: 18px;
278
+ color: rgba(0, 0, 0, 0.44);
279
+ fill: rgba(0, 0, 0, 0.44);
280
+ }
281
+ .sep {
282
+ height: 1px;
283
+ width: 20px;
284
+ background: #999;
285
+ margin: 3px auto;
286
+ }
287
+ .comments-count {
288
+ margin: 18px 25px;
289
+ text-align: center;
290
+ }
291
+ .comment_count {
292
+ font-size: 12px;
293
+ color: rgba(95, 21, 21, 0.44) !important;
294
+ fill: rgba(0, 0, 0, 0.44);
295
+ text-decoration: none !important;
296
+ }
297
+ /* close */
298
+
299
+ /* right-sidebar-styling-starts */
300
+ /* author bio styling.. */
301
+ .author_image .author-thumb {
302
+ width: 60px;
303
+ height: 60px;
304
+ object-fit: cover;
305
+ }
306
+ .author-meta .postName {
307
+ font-size: 18px !important;
308
+ color: rgba(0, 0, 0, 0.8) !important;
309
+ text-decoration: none !important;
310
+ font-family: 'Merriweather', serif;
311
+ }
312
+ .btn_follow {
313
+ margin-left: 5px;
314
+ margin-bottom: 10px;
315
+ border-color: #02b875;
316
+ color: #1c9963 !important;
317
+ padding: 3px 10px;
318
+ text-align: center;
319
+ border-radius: 999em;
320
+ font-size: 1.5rem;
321
+ display: inline-block;
322
+ border: 1px solid;
323
+ }
324
+ .author_bio {
325
+ font-family: 'Merriweather', serif;
326
+ color: rgba(0, 0, 0, 0.44);
327
+ font-size: 13px;
328
+ line-height: 20px;
329
+ }
330
+ /* close */
331
+
332
+ /* pagination-styling-postpages */
333
+ .pointerup i.fa {
334
+ color: #eaeaea;
335
+ }
336
+ .pointerup {
337
+ margin-bottom: -9px;
338
+ margin-left: 49%;
339
+ font-size: 30px;
340
+ }
341
+ .bottompagination span.navigation {
342
+ display: block;
343
+ font-size: 0.93rem;
344
+ padding: 15px 0 0 0;
345
+ text-align: center;
346
+ margin-bottom: 0rem;
347
+ color: #999;
348
+ border-top: 1px solid #ddd;
349
+ }
350
+ .pagination {
351
+ display: -ms-flexbox;
352
+ display: flex;
353
+ padding-left: 0;
354
+ list-style: none;
355
+ border-radius: 0.25rem;
356
+ display: block;
357
+ color: green;
358
+ font-size: 15px;
359
+ margin-bottom: 30px;
360
+ }
361
+ .pageUrl {
362
+ color: green;
363
+ font-size: 12px;
364
+ font-weight: 900;
365
+ text-decoration: none;
366
+ margin-right: 10px;
367
+ }
368
+ .pageUrl:hover {
369
+ text-decoration: none;
370
+ color: green;
371
+ }
372
+ .lunrsearchresult {
373
+ font-size: 15px;
374
+ }
375
+ .lunrsearchresult .title {
376
+ color: #d9230f;
377
+ }
378
+ .lunrsearchresult .url {
379
+ color: silver;
380
+ }
381
+ .lunrsearchresult a {
382
+ display: block;
383
+ color: #777;
384
+ }
385
+
386
+ .lunrsearchresult:hover,
387
+ .lunrsearchresult:focus {
388
+ text-decoration: none;
389
+ }
390
+
391
+ .lunrsearchresult:hover .title {
392
+ text-decoration: underline;
393
+ }
394
+
395
+ .close {
396
+ float: right;
397
+ font-size: 2rem;
398
+ font-weight: 700;
399
+ line-height: 1;
400
+ color: #000;
401
+ text-shadow: 0 1px 0 #fff;
402
+ opacity: 0.5;
403
+ border: none;
404
+ background: transparent;
405
+ }
406
+ .close:focus {
407
+ outline: none !important;
408
+ }
409
+
410
+ /* recent post heading stlye */
411
+ .recent_post_heading {
412
+ width: 100%;
413
+ font-size: 46px;
414
+ text-align: left;
415
+ font-weight: 800;
416
+ font-stretch: normal;
417
+ font-style: normal;
418
+ line-height: 1.24;
419
+ letter-spacing: normal;
420
+ color: rgb(17, 48, 78);
421
+ margin-bottom: 45px;
422
+ padding-top: 75px;
423
+ display: inline-block;
424
+ }
425
+
426
+ @media (max-width: 768px) {
427
+ .bd-search {
428
+ padding: 10px 25px;
429
+ }
430
+ }
431
+
432
+ @media (max-width: 768px) {
433
+ .navbar-nav {
434
+ align-items: unset;
435
+ }
436
+ .nav-item {
437
+ padding: 0 !important;
438
+ }
439
+ .socialIons > .item-lists2 {
440
+ flex-direction: row;
441
+ align-items: center;
442
+ }
443
+ .socialIons > .item-lists2 > li {
444
+ padding-right: 30px;
445
+ margin: 0;
446
+ }
447
+ .sep {
448
+ margin: 0;
449
+ }
450
+ .author-meta {
451
+ padding-left: 15px;
452
+ }
453
+ .comments-count {
454
+ margin: 18px 0;
455
+ text-align: left;
456
+ }
457
+
458
+ .navbar {
459
+ padding-left: 7% !important;
460
+ padding-right: 7% !important;
461
+ }
462
+ .title,
463
+ .description {
464
+ width: 100% !important;
465
+ text-align: center;
466
+ }
467
+ .angle-arrow {
468
+ position: fixed;
469
+ bottom: 4px;
470
+ right: 32px;
471
+ top: auto;
472
+ z-index: 999;
473
+ }
474
+ .alertbar form {
475
+ display: block;
476
+ margin-top: 10px;
477
+ }
478
+ .small_description {
479
+ font-size: 25px;
480
+ }
481
+ }