|
5 | 5 | */ |
6 | 6 | ?> |
7 | 7 |
|
8 | | -<div class="container"> |
| 8 | +<div class="sitemap-search"> |
9 | 9 | <input id="html-sitemap-search" placeholder="Search" style="border-radius: 15px; padding: 15px;" type="text"/> |
10 | 10 | </div> |
11 | 11 |
|
12 | 12 | <style> |
13 | | - .sitemap-item-type { |
14 | | - display: inline-block; |
15 | | - width: 100%; |
16 | | - overflow-x: auto; |
| 13 | + /* Layout **********/ |
| 14 | + [class*="htmlsitemap-"] .page-main {padding-left: 20px;padding-right: 20px;} |
| 15 | + [class*="htmlsitemap-"] .sitemap-item-type {font-size: 14px;} |
| 16 | + |
| 17 | + /* Sitemap Index **********/ |
| 18 | + /* Search */ |
| 19 | + .sitemap-search {margin-bottom: 30px;} |
| 20 | + .sitemap-search input {width: 100%;height: 40px;font-size: 14px;border: 1px solid #c2c2c2;} |
| 21 | + |
| 22 | + .htmlsitemap-index-index .sitemap-item-type {margin-bottom: 40px;} |
| 23 | + .htmlsitemap-index-index .sitemap-item-type > h2 {margin: 0 0 20px;} |
| 24 | + .htmlsitemap-index-index .sitemap-item-type .highlight-result {color: red;} |
| 25 | + |
| 26 | + /* Category */ |
| 27 | + [class*="htmlsitemap-"] .widget.block-categories .accordion {margin-bottom: 20px;} |
| 28 | + [class*="htmlsitemap-"] .widget.block-categories ul li {padding: 0 0 0 15px;} |
| 29 | + [class*="htmlsitemap-"] .widget.block-categories ul li a {display: inline-block;font-size: 14px;padding: 5px;font-weight: 400;} |
| 30 | + |
| 31 | + /* Grid Items ***********/ |
| 32 | + [class*="htmlsitemap-"] .sitemap-item-wrap {display: grid;grid-column-gap: 20px;grid-row-gap: 10px;grid-template-columns: repeat(4, 1fr);margin-bottom: 20px;} |
| 33 | + [class*="htmlsitemap-"] .sitemap-item-type a {font-size: 14px;} |
| 34 | + [class*="htmlsitemap-"] .sitemap-item-type a:hover {text-decoration: underline;} |
| 35 | + [class*="htmlsitemap-"] .sitemap-item-wrap .sitemap-item {font-size: 14px;} |
| 36 | + [class*="htmlsitemap-"] .sitemap-item-wrap .sitemap-item:hover {text-decoration: underline;} |
| 37 | + [class*="htmlsitemap-"] .sitemap-item-type .view-more {display: inline-block;color: red;margin-top: 0;margin-left: 0;} |
| 38 | + |
| 39 | + @media (max-width: 1023px) { |
| 40 | + [class*="htmlsitemap-"] .sitemap-item-wrap {display: grid;grid-gap: 10px;grid-template-columns: repeat(3, 1fr);} |
17 | 41 | } |
18 | | - |
19 | | - .sitemap-col { |
20 | | - display: block; |
21 | | - width: 25%; |
22 | | - float: left; |
23 | | - padding-bottom: 20px; |
24 | | - } |
25 | | - |
26 | | - .sitemap-item-type a { |
27 | | - display: block; |
28 | | - padding: 5px; |
29 | | - } |
30 | | - |
31 | | - @media screen and (max-width: 400px) { |
32 | | - .sitemap-col { |
33 | | - width: 100%; |
34 | | - } |
35 | | - |
36 | | - .sitemap-col { |
37 | | - padding-bottom: 0; |
38 | | - } |
| 42 | + @media (max-width: 767px) { |
| 43 | + [class*="htmlsitemap-"] .sitemap-item-wrap {display: grid;grid-gap: 10px;grid-template-columns: repeat(2, 1fr);} |
39 | 44 | } |
40 | | - |
41 | | - @media screen and (min-width: 401px) and (max-width: 768px) { |
42 | | - .sitemap-col { |
43 | | - width: 50%; |
44 | | - } |
| 45 | + @media (max-width: 575px) { |
| 46 | + [class*="htmlsitemap-"] .sitemap-item-wrap {display: grid;grid-gap: 10px;grid-template-columns: 1fr;} |
45 | 47 | } |
46 | 48 |
|
47 | | - .highlight-result { |
48 | | - color: red; |
49 | | - } |
50 | | - .htmlsitemap-index-index .widget.block-categories ul li { |
51 | | - padding: 0 0 0 15px; |
52 | | - } |
| 49 | + /* Products */ |
| 50 | + [class*="htmlsitemap-"] .sitemap-item-type .sitemap-item-section {margin-bottom: 20px;} |
| 51 | + [class*="htmlsitemap-"] .sitemap-item-type .sitemap-item-section > p {margin-bottom: 10px;} |
| 52 | + [class*="htmlsitemap-"] .sitemap-item-type .sitemap-item-section .sitemap-item-wrap {padding-left: 40px;} |
53 | 53 |
|
54 | 54 | </style> |
55 | 55 |
|
|
0 commit comments