word-games-theme 2.9.2 → 2.9.4

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,299 +1,625 @@
1
-
2
1
  * {
3
- margin: 0;
4
- padding: 0;
5
- box-sizing: border-box;
2
+ margin: 0;
3
+ padding: 0;
4
+ box-sizing: border-box;
6
5
  }
7
6
 
8
7
  html {
9
- scroll-behavior: smooth;
10
- font-size: 62.5%;
8
+ scroll-behavior: smooth;
9
+ font-size: 62.5%;
11
10
  }
12
11
 
13
12
  body {
14
- padding: 0;
15
- margin: 0;
16
- -webkit-font-smoothing: antialiased;
17
- font-family: var(--font-family);
18
- overflow-x: hidden !important;
13
+ padding: 0;
14
+ margin: 0;
15
+ -webkit-font-smoothing: antialiased;
16
+ font-family: var(--font-family);
17
+ overflow-x: hidden !important;
19
18
  }
20
19
 
21
20
  /* header && navbar css */
22
21
  header {
23
- width: 100%;
24
- position: sticky;
25
- top: 0;
26
- left: 0;
27
- z-index: 999;
28
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
22
+ width: 100%;
23
+ position: sticky;
24
+ top: 0;
25
+ left: 0;
26
+ z-index: 999;
27
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
29
28
  }
30
29
 
31
30
  .navbar {
32
- background-color: var(--black-color);
33
- padding: 1.2rem 9% !important;
31
+ background-color: var(--black-color);
32
+ padding: 1.2rem 9% !important;
34
33
  }
35
34
 
36
35
  .navbar-brand {
37
- font-size: 2.2rem;
38
- color: var(--white-color) !important;
39
- font-weight: 900;
40
- position: relative;
36
+ font-size: 2.2rem;
37
+ color: var(--white-color) !important;
38
+ font-weight: 900;
39
+ position: relative;
41
40
  }
42
41
 
43
42
  .navbar-dark .navbar-toggler {
44
- padding: 0px !important;
43
+ padding: 0px !important;
45
44
  }
46
45
 
47
46
  .header_bars {
48
- width: 25px;
49
- height: 0.2rem;
50
- background-color: var(--white-color);
51
- margin: 6px 0;
47
+ width: 25px;
48
+ height: 0.2rem;
49
+ background-color: var(--white-color);
50
+ margin: 6px 0;
52
51
  }
53
52
 
54
53
  .navbar-nav .nav-item {
55
- padding: 0 15px;
54
+ padding: 0 15px;
56
55
  }
57
56
 
58
57
  .navbar-nav .nav-link {
59
- text-decoration: none !important;
60
- font-size: 16px;
61
- color: var(--white-color) !important;
58
+ text-decoration: none !important;
59
+ font-size: 16px;
60
+ color: var(--white-color) !important;
62
61
  }
63
62
 
64
63
  .navbar-nav .nav-link:hover {
65
- color: var(--white-color) !important;
66
- transition: all 0.2s linear;
64
+ color: var(--white-color) !important;
65
+ transition: all 0.2s linear;
67
66
  }
68
67
 
69
68
  .navbar-nav .top_tool_bar {
70
- max-height: 700px;
71
- overflow-x: hidden;
72
- overflow-y: auto;
73
- font-size: 14px;
74
- border: none;
75
- background: var(--white-color);
76
- top: 60px !important;
77
- width: 100%;
69
+ max-height: 700px;
70
+ overflow-x: hidden;
71
+ overflow-y: auto;
72
+ font-size: 14px;
73
+ border: none;
74
+ background: var(--white-color);
75
+ top: 60px !important;
76
+ width: 100%;
78
77
  }
79
78
 
80
79
  .dropdown-menu.show {
81
- padding: 3.5rem 9% !important;
82
- grid-template-columns: auto auto auto auto !important;
80
+ padding: 3.5rem 9% !important;
81
+ grid-template-columns: auto auto auto auto !important;
83
82
  }
84
83
 
85
84
  .dropdown-item {
86
- color: var(--black-color) !important
85
+ color: var(--black-color) !important
86
+ }
87
+
88
+
89
+ /* new toolbar css */
90
+ /* wordgames navbar */
91
+ .wordgames-toolbar .wordgames-toolbar-list {
92
+ list-style: none;
93
+ display: flex;
94
+ padding: 0;
95
+ margin: 0;
96
+ height: 40px;
97
+ gap: 30px;
98
+ }
99
+
100
+ .wordgames-toolbar .wordgames-toolbar-list .wordgames-toolbar-list-item {
101
+ color: var(--black-light);
102
+ display: block;
103
+ font-size: 16px;
104
+ line-height: 24px;
105
+ padding: 10px;
106
+ position: relative;
107
+ text-decoration: none;
108
+ display: flex;
109
+ align-items: center;
110
+ justify-content: center;
111
+ cursor: pointer;
112
+ }
113
+
114
+ .wordgames-toolbar-list-item-span {
115
+ color: var(--white-color);
116
+ display: block;
117
+ font-size: 16px;
118
+ line-height: 70px;
119
+ width: 100%;
120
+ white-space: nowrap;
121
+ position: relative;
122
+ text-decoration: none;
123
+ }
124
+
125
+ .wordgames-toolbar-list-item::after {
126
+ content: '';
127
+ width: 8px;
128
+ height: 8px;
129
+ margin-left: 7px;
130
+ margin-top: -4px;
131
+ border-right: 2px solid #fff;
132
+ border-bottom: 2px solid #fff;
133
+ -webkit-transform: rotate(45deg);
134
+ transform: rotate(45deg);
135
+ position: absolute;
136
+ top: 20px;
137
+ right: -6px;
138
+ }
139
+
140
+ .wordgames-toolbar-list-item:hover::after {
141
+ transition: all .2s linear;
142
+ -webkit-transform: rotate(225deg);
143
+ /* Change the arrow angle on hover */
144
+ transform: rotate(225deg);
145
+ }
146
+
147
+ .wordgames-toolbar .wordgames-toolbar-list .wordgames-toolbar-list-item:hover>.list-item-dropdown {
148
+ display: block;
149
+ opacity: 1;
150
+ white-space: nowrap;
151
+ }
152
+
153
+ .wordgames-toolbar .wordgames-toolbar-list .wordgames-toolbar-list-item:hover {
154
+ position: relative;
155
+ }
156
+
157
+ .wordgames-toolbar .list-item-dropdown {
158
+ border: 5px solid #fff;
159
+ left: 0px;
160
+ position: fixed;
161
+ top: 68px;
162
+ min-width: 500px;
163
+ max-height: 500px;
164
+ overflow-y: auto;
165
+ width: 90vw;
166
+ box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
167
+ z-index: 200;
168
+ border-bottom-left-radius: 10px;
169
+ border-bottom-right-radius: 10px;
170
+ padding: 0px 50px 0px 50px;
171
+ display: none;
172
+ background-color: var(--white-color);
173
+ }
174
+
175
+ .wordgames-toolbar-list-item:hover #related-pages {
176
+ display: flex;
177
+ justify-content: space-around;
178
+ padding-top: 2rem;
179
+ }
180
+
181
+ .wordgames-featured-tools {
182
+ height: 100%;
183
+ border-radius: 0px;
184
+ border-right: 1px solid rgba(0, 0, 0, 0.1);
185
+ }
186
+
187
+ .list-item-dropdown .expand_menu-name-categiry {
188
+ font-weight: 600;
189
+ font-size: 12px;
190
+ color: rgb(130, 133, 134);
191
+ margin-bottom: 8px;
192
+ overflow: hidden;
193
+ padding: 1rem 0px;
194
+ }
195
+
196
+ .list-item-dropdown .category-tools__item {
197
+ display: flex;
198
+ padding-left: 0px;
199
+ margin-top: 8px;
200
+ padding: 8px;
201
+ border-radius: 0px;
202
+ color: #000;
203
+ }
204
+
205
+ .list-item-dropdown .category-tools__item h4 {
206
+ font-weight: 600;
207
+ font-size: 17px;
208
+ line-height: 1.5;
209
+ color: rgb(24, 29, 32);
210
+ margin: 0px;
211
+ white-space: nowrap;
212
+ }
213
+
214
+ .mega_menu {
215
+ display: grid;
216
+ grid-template-columns: 1fr 1fr;
217
+ }
218
+
219
+ .list-item-dropdown li {
220
+ padding-top: 1px;
221
+ padding-bottom: 1px;
222
+ list-style: none;
223
+ }
224
+
225
+ .mega_menu li a {
226
+ font-weight: 500;
227
+ line-height: 2;
228
+ color: rgb(24, 29, 32);
229
+ padding-top: 8px;
230
+ padding-bottom: 8px;
231
+ font-size: 15px;
232
+ overflow: hidden;
233
+ }
234
+
235
+ .searchBar {
236
+ position: relative;
237
+ }
238
+
239
+ .searchBar input {
240
+ padding: 2rem 4rem;
241
+ width: 400px;
242
+ border-radius: 8px;
243
+ font-size: 14px;
244
+ }
245
+
246
+ .searchBar img {
247
+ position: absolute;
248
+ z-index: 99;
249
+ top: 13px;
250
+ left: 13px;
251
+ width: 18px;
252
+ height: 18px;
253
+ }
254
+
255
+ .searchbarResults {
256
+ width: 400px;
257
+ display: none;
258
+ background: white;
259
+ padding: 1rem;
260
+ border: 1px solid #e9e9eb;
261
+ border-bottom-left-radius: 8px;
262
+ border-bottom-right-radius: 8px;
263
+ overflow-y: scroll;
264
+ height: auto;
265
+ max-height: 460px;
266
+ font-size: 15px;
267
+ }
268
+
269
+ .searchbarResults .result-item {
270
+ padding: 10px;
271
+ font-size: 15px;
272
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
87
273
  }
88
274
 
275
+ .searchbarResults .result-item a {
276
+ color: #44475b;
277
+ }
278
+
279
+ /* closed */
89
280
 
90
281
  /* authors contributorss css */
91
282
  .featurePageAuthor {
92
- display: flex;
93
- flex-direction: column;
94
- width: 100%;
95
- justify-content: center;
96
- align-items: center;
283
+ display: flex;
284
+ flex-direction: column;
285
+ width: 100%;
286
+ justify-content: center;
287
+ align-items: center;
97
288
  }
289
+
98
290
  .authors-list a {
99
- color: #4d4d4d;
291
+ color: #4d4d4d;
100
292
  }
293
+
101
294
  .featurePageAuthor .author-meta {
102
- width: 500px;
103
- margin: 0 auto;
104
- padding-bottom: 5rem;
295
+ width: 500px;
296
+ margin: 0 auto;
297
+ padding-bottom: 5rem;
105
298
  }
106
- .featurePageAuthor .author-img{
107
- width: 100px;
108
- height: 100px;
109
- border-radius: 100%;
299
+
300
+ .featurePageAuthor .author-img {
301
+ width: 100px;
302
+ height: 100px;
303
+ border-radius: 100%;
110
304
  }
305
+
111
306
  .featurePageAuthor .author_bio {
112
- font-size: 16px;
307
+ font-size: 16px;
113
308
  }
309
+
114
310
  .featurePageAuthor .author-meta .authorName {
115
- font-size: 20px;
116
- padding: 1rem 0px;
117
- font-weight: 900;
118
- text-align: center;
311
+ font-size: 20px;
312
+ padding: 1rem 0px;
313
+ font-weight: 900;
314
+ text-align: center;
119
315
  }
120
- .authors-heading{
121
- font-size: 30px;
316
+
317
+ .authors-heading {
318
+ font-size: 30px;
122
319
  }
320
+
123
321
  .contributor {
124
- width: 100px;
322
+ width: 100px;
125
323
  }
126
324
 
127
325
 
128
326
 
129
327
  /* Footer design css */
130
328
  .footer-section {
131
- padding: 20px 0px;
132
- background-color: var(--black-color);
133
- margin-top: 3rem;
329
+ padding: 20px 0px;
330
+ background-color: var(--black-color);
331
+ margin-top: 3rem;
134
332
  }
135
333
 
136
334
  .footer-section .txt-primary {
137
- color: var(--white-color);
138
- font-size: 16px;
139
- text-decoration: none !important;
335
+ color: var(--white-color);
336
+ font-size: 16px;
337
+ text-decoration: none !important;
140
338
  }
141
339
 
142
340
  .footer-section .txt-secondary {
143
- color: var(--white-color);
144
- font-size: 15px;
145
- text-decoration: none;
146
- /* margin: 1rem 0px; */
147
- display: block;
341
+ color: var(--white-color);
342
+ font-size: 15px;
343
+ text-decoration: none;
344
+ /* margin: 1rem 0px; */
345
+ display: block;
148
346
  }
149
347
 
150
348
  .footer-section .txt-secondary:hover {
151
- color: var(--white-color);
152
- text-decoration: underline;
349
+ color: var(--white-color);
350
+ text-decoration: underline;
153
351
  }
154
352
 
155
353
  .footer-logo-cont {
156
- display: flex;
157
- justify-content: center;
158
- align-items: center;
159
- gap: 10px;
160
- font-size: 20px;
161
- color: var(--white-color);
162
- font-weight: 900;
354
+ display: flex;
355
+ justify-content: center;
356
+ align-items: center;
357
+ gap: 10px;
358
+ font-size: 20px;
359
+ color: var(--white-color);
360
+ font-weight: 900;
163
361
  }
164
362
 
165
363
  .footer_hr {
166
- width: 50px;
167
- margin: 2rem auto;
168
- border: 2px solid var(--white-color);
364
+ width: 50px;
365
+ margin: 2rem auto;
366
+ border: 2px solid var(--white-color);
169
367
  }
170
- .footer-social-list{
171
- gap: 50px;
368
+
369
+ .footer-social-list {
370
+ gap: 50px;
172
371
  }
173
372
 
174
373
  .footer-social-list .list-inline {
175
- padding-left: 0;
176
- list-style: none;
177
- display: flex;
178
- align-items: center;
179
- justify-content: center;
180
- gap: 40px;
374
+ padding-left: 0;
375
+ list-style: none;
376
+ display: flex;
377
+ align-items: center;
378
+ justify-content: center;
379
+ gap: 40px;
181
380
  }
182
381
 
183
382
  .footer-social-list ul li a i {
184
- width: 35px;
185
- height: 35px;
186
- line-height: 35px;
187
- text-align: center;
188
- vertical-align: middle;
189
- font-size: 18px;
190
- background: #000;
191
- color: transparent;
192
- transition: all 0.3s ease-in;
383
+ width: 35px;
384
+ height: 35px;
385
+ line-height: 35px;
386
+ text-align: center;
387
+ vertical-align: middle;
388
+ font-size: 18px;
389
+ background: #000;
390
+ color: transparent;
391
+ transition: all 0.3s ease-in;
193
392
  }
194
393
 
195
394
  .copyright-text {
196
- font-size: 17px;
197
- color: #3E3E3E;
198
- justify-content: space-around;
395
+ font-size: 17px;
396
+ color: #3E3E3E;
397
+ justify-content: space-around;
199
398
  }
200
399
 
201
400
  .footer-bottom .drop-down-btn {
202
- cursor: pointer;
203
- outline: 0px;
204
- border: 0px;
205
- width: auto;
206
- overflow: visible;
207
- display: flex;
208
- -webkit-box-align: center;
209
- align-items: center;
210
- background-color: transparent;
211
- transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
212
- font-weight: 400;
213
- font-size: 16px;
214
- line-height: 24px;
215
- color: rgb(26, 26, 26);
401
+ cursor: pointer;
402
+ outline: 0px;
403
+ border: 0px;
404
+ width: auto;
405
+ overflow: visible;
406
+ display: flex;
407
+ -webkit-box-align: center;
408
+ align-items: center;
409
+ background-color: transparent;
410
+ transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
411
+ font-weight: 400;
412
+ font-size: 16px;
413
+ line-height: 24px;
414
+ color: rgb(26, 26, 26);
216
415
  }
217
416
 
218
417
  .footer-bottom .drop-down-btn svg {
219
- height: 22px;
418
+ height: 22px;
220
419
  }
221
420
 
222
421
  .footer-bottom .language-drop-down-menu {
223
- display: flex;
224
- justify-content: space-between;
225
- margin: 0;
226
- padding: 0;
227
- flex-wrap: wrap;
422
+ display: flex;
423
+ justify-content: space-between;
424
+ margin: 0;
425
+ padding: 0;
426
+ flex-wrap: wrap;
228
427
  }
229
428
 
230
429
  .footer-bottom .language-drop-down-item {
231
- width: 50%;
232
- padding: 1rem;
233
- text-align: center;
234
- font-size: 15px;
235
- margin-bottom: 0;
236
- list-style: none;
237
- color: #000;
430
+ width: 50%;
431
+ padding: 1rem;
432
+ text-align: center;
433
+ font-size: 15px;
434
+ margin-bottom: 0;
435
+ list-style: none;
436
+ color: #000;
238
437
  }
239
438
 
240
439
  .footer-bottom .language-drop-down-item a {
241
- justify-content: space-between;
242
- display: flex;
243
- width: 100%;
244
- align-items: center;
245
- padding: 9px 9px;
246
- color: #11304e;
247
- border-bottom: 1px solid rgb(224, 224, 224);
440
+ justify-content: space-between;
441
+ display: flex;
442
+ width: 100%;
443
+ align-items: center;
444
+ padding: 9px 9px;
445
+ color: #11304e;
446
+ border-bottom: 1px solid rgb(224, 224, 224);
248
447
  }
249
448
 
250
449
  .footer-bottom .language-drop-down-item a:hover {
251
- background: rgb(238, 238, 238);
252
- border-radius: 3px;
450
+ background: rgb(238, 238, 238);
451
+ border-radius: 3px;
253
452
  }
254
453
 
255
454
  .footer-bottom .language-drop-down-item a i {
256
- margin: 0;
455
+ margin: 0;
257
456
  }
258
457
 
259
458
  .footer-bottom .language-drop-down-menu .active-lang {
260
- background: rgb(238, 238, 238);
261
- border-radius: 3px;
459
+ background: rgb(238, 238, 238);
460
+ border-radius: 3px;
262
461
  }
263
462
 
264
463
  .footer-bottom .modal .modal-title {
265
- font-size: 2.28rem;
464
+ font-size: 2.28rem;
266
465
  }
267
466
 
268
467
  .footer-bottom .modal .close {
269
- font-size: 3rem;
468
+ font-size: 3rem;
270
469
  }
271
470
 
272
471
 
273
472
  /* ads css */
274
- .top-banner-ad{
275
- display: none;
276
- width: 100%;
277
- /* height: 80px; */
473
+ .top-banner-ad {
474
+ display: none;
475
+ width: 100%;
476
+ /* height: 80px; */
278
477
  }
279
478
 
280
- .bottom-banner-ad{
281
- width: 100%;
282
- height: auto;
283
- display: none;
284
- position: fixed;
285
- bottom: 0;
286
- z-index: 999;
479
+ .bottom-banner-ad {
480
+ width: 100%;
481
+ height: auto;
482
+ display: none;
483
+ position: fixed;
484
+ bottom: 0;
485
+ z-index: 999;
287
486
  }
487
+
288
488
  @media (max-width: 768px) {
289
- .top-banner-ad,.bottom-banner-ad{
290
- display: block;
291
- }
292
- .authors-list {
293
- padding: 25px;
294
- }
295
- .featurePageAuthor .author-meta {
296
- width: 100%;
297
- }
298
-
489
+
490
+ .top-banner-ad,
491
+ .bottom-banner-ad {
492
+ display: block;
493
+ }
494
+
495
+ .authors-list {
496
+ padding: 25px;
497
+ }
498
+
499
+ .featurePageAuthor .author-meta {
500
+ width: 100%;
501
+ }
502
+ }
503
+
504
+ @media (max-width: 992px) {
505
+
506
+ /* new header css */
507
+ .mobile-top-bar {
508
+ overflow-y: scroll;
509
+ height: 100vh;
510
+ position: unset !important;
511
+ padding-bottom: 9rem;
512
+ }
513
+
514
+ .wordgames-toolbar .wordgames-toolbar-list .wordgames-toolbar-list-item {
515
+ display: unset !important;
516
+ }
517
+
518
+ .wordgames-toolbar-list-item::after {
519
+ top: 20px;
520
+ right: 20px;
521
+ }
522
+
523
+ .dropdown-item:focus,
524
+ .dropdown-item:hover {
525
+ background-color: unset;
526
+ }
527
+
528
+
529
+ .blog-link,
530
+ #navbarDropdown {
531
+ display: block !important;
532
+ }
533
+ .mega_menu {
534
+ display: unset;
535
+ }
536
+ .dropdown-item {
537
+ color: var(--white-color) !important
538
+ }
539
+
540
+ .wordgames-toolbar-list-item:hover #related-pages {
541
+ flex-direction: column;
542
+ padding: 0;
543
+ }
544
+
545
+ .blog-container {
546
+ margin-top: 1rem;
547
+ }
548
+
549
+ .searchBar {
550
+ margin: 2rem 0;
551
+ }
552
+
553
+ .searchBar input {
554
+ width: 100%;
555
+ padding: 2.5rem 4rem;
556
+ }
557
+
558
+ .searchbarResults {
559
+ width: 100%;
560
+ }
561
+
562
+ .searchBar img {
563
+ top: 18px;
564
+ }
565
+
566
+ .wordgames-toolbar .wordgames-toolbar-list {
567
+ flex-direction: column;
568
+ height: auto;
569
+ gap: 0;
570
+ margin-top: 2rem;
571
+ }
572
+
573
+ .wordgames-toolbar .wordgames-toolbar-list .wordgames-toolbar-list-item {
574
+ padding: 0;
575
+ flex-direction: column;
576
+ order: 3;
577
+ }
578
+
579
+ .blog-container {
580
+ order: 3;
581
+ }
582
+
583
+ .wordgames-toolbar .list-item-dropdown {
584
+ max-height: 0;
585
+ height: 0;
586
+ }
587
+
588
+ .wordgames-toolbar-list-item-span {
589
+ line-height: 50px;
590
+ }
591
+
592
+ .wordgames-toolbar-list-item:hover::after {
593
+ transform: rotate(45deg);
594
+ }
595
+
596
+
597
+ .wordgames-toolbar .list-item-dropdown {
598
+ border: none;
599
+ display: block;
600
+ position: unset;
601
+ padding: 0px;
602
+ background-color: unset;
603
+ overflow: hidden;
604
+ }
605
+
606
+ .wordgames-featured-tools {
607
+ border-right: none;
608
+ }
609
+
610
+ .mega_menu li a {
611
+ font-size: 12px;
612
+ }
613
+
614
+ .list-item-dropdown .category-tools__item h4 {
615
+ font-size: 14px;
616
+ }
617
+
618
+ .mega_menu li a,
619
+ .list-item-dropdown .category-tools__item h4,
620
+ .list-item-dropdown .expand_menu-name-categiry,
621
+ .list-item-dropdown .expand_menu-name-categiry,
622
+ .category-tools__descr {
623
+ color: #fff;
624
+ }
299
625
  }