appscms-tools-theme 4.7.4 → 4.7.6

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.
data/_layouts/home-1.html CHANGED
@@ -8,8 +8,10 @@
8
8
  <html lang="{{page.lang}}">
9
9
  {% include head/index.html %}
10
10
 
11
+
11
12
  <body>
12
13
  {% include header/index.html %}
14
+ {%- include appscms/navbars/toolbar.html -%}
13
15
 
14
16
  {%- if homeData.H1 or homeData.H2 -%}
15
17
  <div class="flex-container mb-1">
@@ -74,25 +76,7 @@
74
76
  </li>
75
77
  {% endfor %}
76
78
  </ul>
77
- <!-- another tools box design -->
78
- <!-- <nav class="home1-tools-list">
79
- <ul class="home1-tools-container">
80
- {% for product in homeData.features %}
81
- <li class="home1-tool-box">
82
- <a href="{{product.url}}" class="home1-tool-name">
83
- <div class="home1-tool-detials">
84
- <div class="home1-tool-img">
85
- <img src="{{product.icon}}" height="25px" width="25px"
86
- alt="home1-tool-icon" {%- if site.crossorigin -%} crossorigin {%-
87
- endif -%}>
88
- </div>
89
- <div class="home1-tool-text">{{product.name}}</div>
90
- </div>
91
- </a>
92
- </li>
93
- {% endfor %}
94
- </ul>
95
- </nav> -->
79
+
96
80
  </div>
97
81
  </div>
98
82
  </div>
@@ -195,34 +179,7 @@
195
179
  </section>
196
180
  {%- endif -%}
197
181
  {%- endif -%}
198
-
199
-
200
- <!-- {%- include share/socialshare.html -%} -->
201
182
  {%- include Rating/rating.html -%}
202
-
203
- <!-- {%- assign langen = "en" -%}
204
- {%- if site.data[folder][langen][file].categories -%}
205
- {% assign categories= site.data[folder][langen][file].categories %}
206
- {%- else -%}
207
- {% assign categories= page.categories %}
208
- {%- endif -%}
209
- {%- if site.data[folder][langen][file].tags -%}
210
- {% assign tags= site.data[folder][langen][file].tags %}
211
- {%- else -%}
212
- {% assign tags= page.tags %}
213
- {%- endif -%}
214
- {%- if categories.size> 0 or tags.size>0-%}
215
- {%- include section/related_categories_post.html -%}
216
- {%- else -%}
217
- {%- include section/recent_posts.html -%}
218
- {% endif %}
219
- {%- if site.customblogdata -%}
220
- {%- if categories.size> 0 or tags.size>0-%}
221
- {%- include customblog/relatedposts.html -%}
222
- {%- else -%}
223
- {%- include customblog/recentposts.html -%}
224
- {% endif %}
225
- {%- endif -%} -->
226
183
  {% include footer/index.html %}
227
184
  {% include script.html %}
228
185
  </body>
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --primary-color: #1b2fe7;
2
+ --primary-color: #dd4db5;
3
3
  --font-size: 16px;
4
4
  --secondary-color: #f8f8f8;
5
5
  --secondary-color-1: #fafafa;
@@ -2,6 +2,310 @@ body {
2
2
  font-family: Inter, sans-serif
3
3
  }
4
4
 
5
+ /* search bar css */
6
+ .search-container {
7
+ display: flex;
8
+ border: 1px solid #ccc;
9
+ border-radius: 5px;
10
+ overflow: hidden;
11
+ height: 38px;
12
+ width: 400px;
13
+ background-color: white;
14
+ position: relative;
15
+ }
16
+
17
+ .search-input {
18
+ flex: 1;
19
+ border: none;
20
+ padding: 12px 16px;
21
+ font-size: 16px;
22
+ outline: none;
23
+ }
24
+
25
+ .search-input::placeholder {
26
+ color: #888;
27
+ }
28
+
29
+ .search-button {
30
+ background-color: var(--primary-color);
31
+ border: none;
32
+ padding: 0 16px;
33
+ display: flex;
34
+ align-items: center;
35
+ justify-content: center;
36
+ cursor: pointer;
37
+ outline: none;
38
+ }
39
+
40
+ .search-button svg {
41
+ /* fill: #fff; */
42
+ height: 20px;
43
+ }
44
+
45
+ .search-button:active {
46
+ background-color: #555;
47
+ }
48
+
49
+ .nav-search {
50
+ position: relative;
51
+ }
52
+
53
+ .result-item {
54
+ padding: 9px 12px;
55
+ }
56
+
57
+ .result-item a {
58
+ color: #222325;
59
+ }
60
+
61
+ .searchbarResults {
62
+ overflow: scroll;
63
+ height: 60vh;
64
+ background-color: #fff;
65
+ border: 1px solid #e4e5e7;
66
+ border-radius: 6px;
67
+ -webkit-box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
68
+ box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
69
+ -webkit-box-sizing: border-box;
70
+ box-sizing: border-box;
71
+ color: #74767e;
72
+ cursor: default;
73
+ margin-top: 8px;
74
+ padding: 12px;
75
+ position: absolute;
76
+ width: 100%;
77
+ z-index: 101;
78
+ display: none;
79
+ }
80
+
81
+ /* toolbar css */
82
+ .appscms-toolbar {
83
+ background-color: var(--primary-color);
84
+ box-shadow: 1px 4px 10 #00000026;
85
+ position: sticky;
86
+ z-index: 999;
87
+ top: 60px;
88
+ }
89
+
90
+ .appscms-toolbar .appscms-toolbar-list {
91
+ list-style: none;
92
+ display: flex;
93
+ padding: 0;
94
+ margin: 0;
95
+ height: 40px;
96
+ }
97
+
98
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item {
99
+ color: var(--black-light);
100
+ display: block;
101
+ font-size: 16px;
102
+ line-height: 24px;
103
+ padding: 10px;
104
+ position: relative;
105
+ text-decoration: none;
106
+ display: flex;
107
+ align-items: center;
108
+ justify-content: center;
109
+ cursor: pointer;
110
+ padding-left: 30px;
111
+ padding-right: 30px;
112
+ }
113
+
114
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:first-child {
115
+ padding-left: 0px;
116
+ }
117
+
118
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:first-child {
119
+ padding-right: 0px;
120
+ }
121
+
122
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:hover>.list-item-dropdown {
123
+ display: block;
124
+ opacity: 1;
125
+ white-space: nowrap;
126
+ }
127
+
128
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:hover {
129
+ border-bottom: 2px solid white;
130
+ padding-bottom: 8px;
131
+ position: relative;
132
+ }
133
+
134
+ .appscms-toolbar-list {
135
+ overflow-y: hidden;
136
+ overflow-x: auto;
137
+ }
138
+
139
+ .appscms-toolbar-list::-webkit-scrollbar {
140
+ width: 0;
141
+ height: 0;
142
+ }
143
+
144
+ .appscms-toolbar-list::-webkit-scrollbar-track {
145
+ background-color: transparent;
146
+ }
147
+
148
+ .appscms-toolbar-list::-webkit-scrollbar-thumb {
149
+ background-color: transparent;
150
+ }
151
+
152
+ .appscms-toolbar .list-item-dropdown {
153
+ border: 5px solid #fff;
154
+ left: 0px;
155
+ position: fixed;
156
+ top: 100px;
157
+ min-width: 100%;
158
+ max-height: 500px;
159
+ overflow-y: auto;
160
+ width: 90vw;
161
+ box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
162
+ z-index: 200;
163
+ border-bottom-left-radius: 10px;
164
+ border-bottom-right-radius: 10px;
165
+ padding: 25px 50px 50px 50px;
166
+ display: none;
167
+ background-color: var(--white-color);
168
+ }
169
+
170
+ .list-item-dropdown-heading {
171
+ font-weight: 600;
172
+ font-size: 13px;
173
+ color: var(--black-light);
174
+ margin-bottom: 8px;
175
+ }
176
+
177
+ .list-item-dropdown li {
178
+ padding-top: 1px;
179
+ padding-bottom: 1px;
180
+ list-style: none;
181
+ }
182
+
183
+ .list-item-dropdown .toolbar-link {
184
+ font-weight: 600;
185
+ display: block;
186
+ line-height: 1.7;
187
+ color: var(--dark-gray);
188
+ /* padding-top: 10px;
189
+ padding-bottom: 8px; */
190
+ align-items: center;
191
+ width: 100%;
192
+ font-size: 16px;
193
+ text-decoration: none;
194
+ text-transform: capitalize;
195
+ white-space: nowrap;
196
+ }
197
+
198
+ .list-item-dropdown .toolbar-link:hover {
199
+ background-color: rgba(241, 241, 241, 0.279);
200
+ box-shadow: 0px 0px 5px rgba(241, 241, 241, 0.279);
201
+ border-radius: 5px;
202
+ color: #323232;
203
+ }
204
+
205
+ .appscms-toolbar-list-item-span {
206
+ color: var(--white-color);
207
+ display: block;
208
+ font-size: 15px;
209
+ line-height: 24px;
210
+ width: 100%;
211
+ white-space: nowrap;
212
+ padding: 8px 0;
213
+ position: relative;
214
+ text-decoration: none;
215
+ }
216
+
217
+ .appscms-toolbar {
218
+ background-color: var(--primary-color);
219
+ box-shadow: 1px 4px 10 #00000026;
220
+ position: sticky;
221
+ z-index: 999;
222
+ top: 60px;
223
+ }
224
+
225
+ .close-nav-ham {
226
+ display: none;
227
+ }
228
+
229
+ .appscms-toolbar-list-item-span::after {
230
+ content: "";
231
+ width: 10px;
232
+ height: 10px;
233
+ position: absolute;
234
+ margin-left: 7px;
235
+ right: -16px;
236
+ top: 16px;
237
+ margin-top: -4px;
238
+ border-right: 2px solid #fff;
239
+ border-bottom: 2px solid #fff;
240
+ -webkit-transform: rotate(45deg);
241
+ transform: rotate(46deg);
242
+ }
243
+
244
+ .appscms-toolbar-list-item:hover .appscms-toolbar-list-item-span::after {
245
+ transform: rotate(220deg);
246
+ /* Rotation on hover */
247
+ top: 20px;
248
+ }
249
+
250
+ .expand_menu-name-categiry {
251
+ overflow: hidden;
252
+ font-weight: 600;
253
+ font-size: 12px;
254
+ color: #828586;
255
+ margin-bottom: 8px;
256
+ text-align: left;
257
+ }
258
+
259
+ .mega_menu {
260
+ padding: 0;
261
+ }
262
+
263
+ .category-tools__item {
264
+ display: flex;
265
+ padding-left: 0px;
266
+ }
267
+
268
+ .category-tools__item {
269
+ padding: 8px;
270
+ border-radius: 8px;
271
+ margin-top: 8px;
272
+ }
273
+
274
+ .category-tools__item h4 {
275
+ margin: 0;
276
+ font-weight: 600;
277
+ font-size: 17px;
278
+ line-height: 1.5;
279
+ color: #181d20;
280
+ white-space: nowrap;
281
+ }
282
+
283
+ .category-tools__content {
284
+ margin-left: 10px;
285
+ }
286
+
287
+ .category-tools__descr {
288
+ font-weight: 400;
289
+ font-size: 13px;
290
+ color: #000;
291
+ }
292
+
293
+ .icon_box {
294
+ border-radius: 8px;
295
+ display: -webkit-inline-box;
296
+ display: -ms-inline-flexbox;
297
+ display: inline-flex;
298
+ -webkit-box-align: center;
299
+ -ms-flex-align: center;
300
+ -webkit-box-pack: center;
301
+ -ms-flex-pack: center;
302
+ justify-content: center;
303
+ margin-top: 3px;
304
+ flex-shrink: 0;
305
+ }
306
+
307
+ /* close */
308
+
5
309
  /**************************
6
310
  HEADER | NAVBAR DESIGN CSS
7
311
  **************************/
@@ -15,7 +319,8 @@ HEADER | NAVBAR DESIGN CSS
15
319
  }
16
320
 
17
321
  .header-navbar {
18
- padding: 12px;
322
+ padding: 12px !important;
323
+ height: 60px;
19
324
  }
20
325
 
21
326
  .header-logo-height {
@@ -433,11 +738,100 @@ DOWNLOAD PAGE CSS
433
738
  }
434
739
 
435
740
 
741
+
436
742
  /***********************************
437
743
  MEDIA QUERIES FOR MOBILE RESPONSIVE
438
744
  ************************************/
439
745
 
440
746
  @media (max-width:768px) {
747
+ .category-tools__item h4 {
748
+ color: #fff;
749
+ }
750
+
751
+ .appscms-toolbar {
752
+ background-color: var(--black-color);
753
+ box-shadow: 1px 4px 10 #00000026;
754
+ overflow-x: hidden;
755
+ }
756
+
757
+ .appscms-toolbar {
758
+ top: 0px;
759
+ position: fixed;
760
+ transition: all 0.3s ease;
761
+ width: 272px;
762
+ right: -272px;
763
+ display: none;
764
+ z-index: 1000;
765
+ }
766
+
767
+ .close-nav-ham {
768
+ display: flex !important;
769
+ justify-content: end;
770
+ }
771
+
772
+ .mobile-search-bar {
773
+ display: block !important;
774
+ }
775
+
776
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item {
777
+ align-items: flex-start;
778
+ flex-direction: column;
779
+ }
780
+
781
+ .category-tools__item {
782
+ padding: 0 !important;
783
+ }
784
+
785
+ .expand_menu-name-categiry {
786
+ color: #fff;
787
+ margin: 20px 0;
788
+ }
789
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:hover {
790
+ border-bottom: none;
791
+ padding-bottom: 10px;
792
+ }
793
+
794
+ .appscms-toolbar .list-item-dropdown {
795
+ padding: 0;
796
+ width: 100%;
797
+ border: none;
798
+ position: static;
799
+ display: block;
800
+ overflow: hidden;
801
+ transition: all .3s ease;
802
+ background-color: transparent;
803
+ opacity: 0;
804
+ height: 0;
805
+ max-height: 0;
806
+ }
807
+
808
+ .mega_menu li a {
809
+ color: #fff !important;
810
+ }
811
+
812
+ .appscms-toolbar .appscms-toolbar-list {
813
+ height: 100vh;
814
+ flex-direction: column;
815
+ gap: 0;
816
+ overflow-y: scroll;
817
+ overflow-x: hidden;
818
+ }
819
+
820
+ .nav-search {
821
+ display: none;
822
+ }
823
+
824
+ .appscms-navbar-nav-links {
825
+ display: none;
826
+ }
827
+
828
+ #hamburger {
829
+ display: block;
830
+ cursor: pointer;
831
+ position: absolute;
832
+ right: 20px;
833
+ z-index: 9999;
834
+ }
441
835
 
442
836
  .home1-top-h1,
443
837
  .feature1-h1 {
@@ -2,6 +2,7 @@
2
2
  HOME FEATURE BOX DESIGN CSS
3
3
  ****************************/
4
4
  body {
5
+ background: white !important;
5
6
  font-family: "Dancing Script", cursive;
6
7
  }
7
8
  .home1-features {
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: appscms-tools-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.7.4
4
+ version: 4.7.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-07-17 00:00:00.000000000 Z
11
+ date: 2024-07-29 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -613,7 +613,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
613
613
  - !ruby/object:Gem::Version
614
614
  version: '0'
615
615
  requirements: []
616
- rubygems_version: 3.3.26
616
+ rubygems_version: 3.3.7
617
617
  signing_key:
618
618
  specification_version: 4
619
619
  summary: Appscms theme for all tools