appscms-tools-theme 4.7.5 → 4.7.6

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