|
0
|
1 #sitemap {
|
|
|
2 display: grid;
|
|
|
3 height: 100%;
|
|
|
4 overflow-y: auto;
|
|
|
5 grid-auto-rows: max-content;
|
|
|
6 row-gap: 1rem;
|
|
|
7 }
|
|
|
8 #sitemap form {
|
|
|
9 display: grid;
|
|
|
10 gap: 1rem;
|
|
|
11 }
|
|
|
12
|
|
|
13 @media (max-width: 1023px) {
|
|
|
14 #sitemap {
|
|
|
15 padding: 1rem 0.4rem 1rem 0.4rem;
|
|
|
16 display: flex; /*Samsung Browser - padding-bottom*/
|
|
|
17 flex-direction: column; /*Samsung Browser - padding-bottom*/
|
|
|
18 }
|
|
|
19 #sitemap form {
|
|
|
20 grid-template-columns: 1fr;
|
|
|
21 grid-template-areas:
|
|
|
22 "xml-wrapper-hidden"
|
|
|
23 "xml-wrapper-link"
|
|
|
24 "xml-static-dynamic"
|
|
|
25 "xml-static-cron";
|
|
|
26 }
|
|
|
27 }
|
|
|
28 @media (min-width: 1024px) {
|
|
|
29 #sitemap {
|
|
|
30 padding: 1rem;
|
|
|
31 }
|
|
|
32 #sitemap form {
|
|
|
33 grid-template-columns: 1fr 1fr;
|
|
|
34 grid-template-areas:
|
|
|
35 "xml-wrapper-hidden xml-wrapper-link"
|
|
|
36 "xml-static-dynamic xml-static-cron";
|
|
|
37 }
|
|
|
38 }
|
|
|
39
|
|
|
40 #sitemap .xml-wrapper-hidden, #sitemap .xml-wrapper-link, #sitemap .xml-static-dynamic, #sitemap .xml-static-cron {
|
|
|
41 display: grid;
|
|
|
42 grid-auto-rows: max-content;
|
|
|
43 row-gap: 0.7rem;
|
|
|
44 box-shadow: var(--shadows);
|
|
|
45 border-radius: 0.3rem;
|
|
|
46 background-color: var(--windows);
|
|
|
47 background-image: var(--noise);
|
|
|
48 }
|
|
|
49 #sitemap .xml-static-cron {
|
|
|
50 grid-template-rows: auto auto 1fr auto;
|
|
|
51 }
|
|
|
52 #sitemap .xml-wrapper-hidden div, #sitemap .xml-wrapper-link div, #sitemap .xml-static-dynamic div, #sitemap .xml-static-cron div, #sitemap .sitemap-manual div {
|
|
|
53 color: var(--windows-font);
|
|
|
54 }
|
|
|
55
|
|
|
56 @media (max-width: 1023px) {
|
|
|
57 #sitemap .xml-wrapper-hidden, #sitemap .xml-wrapper-link, #sitemap .xml-static-dynamic, #sitemap .xml-static-cron {
|
|
|
58 padding: 1rem 0.7rem 1rem 0.7rem;
|
|
|
59 }
|
|
|
60 }
|
|
|
61 @media (min-width: 1024px) {
|
|
|
62 #sitemap .xml-wrapper-hidden, #sitemap .xml-wrapper-link, #sitemap .xml-static-dynamic, #sitemap .xml-static-cron {
|
|
|
63 padding: 1rem;
|
|
|
64 }
|
|
|
65 }
|
|
|
66
|
|
|
67 #sitemap textarea {
|
|
|
68 line-height: 1.3em;
|
|
|
69 resize: vertical;
|
|
|
70 width: 100%;
|
|
|
71 background-color: var(--input-bg);
|
|
|
72 border: 2px solid var(--input-border);
|
|
|
73 border-radius: 4px;
|
|
|
74 font-family: var(--monospace);
|
|
|
75 font-size: 1rem;
|
|
|
76 color: var(--input-font);
|
|
|
77 padding: 0 8px;
|
|
|
78 min-height: 30px;
|
|
|
79 }
|
|
|
80
|
|
|
81 /*#sitemap input[type="submit"] {
|
|
|
82 cursor: pointer;
|
|
|
83 width: max-content;
|
|
|
84 }*/
|
|
|
85 #sitemap form div > input {
|
|
|
86 border-radius: 4px;
|
|
|
87 font-size: 0.875rem;
|
|
|
88 padding: 0 0.54rem;
|
|
|
89 min-height: 35px;
|
|
|
90 width: 100%;
|
|
|
91 color: var(--input-font);
|
|
|
92 background-color: var(--input-bg);
|
|
|
93 border: 2px solid var(--input-border);
|
|
|
94 }
|
|
|
95
|
|
|
96 #sitemap form div > button {
|
|
|
97 width: fit-content;
|
|
|
98 }
|
|
|
99
|
|
|
100 #sitemap .save_2_col {
|
|
|
101 display: grid;
|
|
|
102 }
|
|
|
103 #sitemap .save_2_col > button {
|
|
|
104 grid-area: button;
|
|
|
105 }
|
|
|
106 #sitemap .save_2_col > div {
|
|
|
107 grid-area: div;
|
|
|
108 }
|
|
|
109 @media (max-width: 767px) {
|
|
|
110 #sitemap .save_2_col {
|
|
|
111 grid-template-columns: 1fr;
|
|
|
112 row-gap: 0.7rem;
|
|
|
113 }
|
|
|
114 #sitemap .save_2_col {
|
|
|
115 grid-template-areas:
|
|
|
116 "div"
|
|
|
117 "button";
|
|
|
118 }
|
|
|
119 }
|
|
|
120 @media (min-width: 768px) {
|
|
|
121 #sitemap .save_2_col {
|
|
|
122 grid-template-areas:
|
|
|
123 "button div";
|
|
|
124 grid-template-columns: auto 1fr;
|
|
|
125 column-gap: 1rem;
|
|
|
126 }
|
|
|
127 }
|
|
|
128
|
|
|
129
|
|
|
130 #sitemap .select-dropdown {
|
|
|
131 position: relative;
|
|
|
132 }
|
|
|
133 #sitemap .select-dropdown ul.list-search {
|
|
|
134 height: 0;
|
|
|
135 background-color: var(--bg-3);
|
|
|
136 display: grid;
|
|
|
137 margin: 0;
|
|
|
138 margin-top: 2px;
|
|
|
139 padding: 0;
|
|
|
140 overflow-y: auto;
|
|
|
141 max-height: 17rem;
|
|
|
142 overscroll-behavior: contain;
|
|
|
143 position: absolute;
|
|
|
144 width: 100%;
|
|
|
145 border-radius: 4px;
|
|
|
146 }
|
|
|
147 #sitemap .select-dropdown.open ul.list-search {
|
|
|
148 height: auto;
|
|
|
149 border: 2px solid var(--bg-4);
|
|
|
150 }
|
|
|
151 #sitemap .select-dropdown .list-search li {
|
|
|
152 display: block;
|
|
|
153 list-style-type: none;
|
|
|
154 padding: 0.4rem 0.44rem;
|
|
|
155 cursor: pointer;
|
|
|
156 font-size: 0.94rem;
|
|
|
157 text-align: left;
|
|
|
158 }
|
|
|
159 #sitemap .select-dropdown .list-search li:hover {
|
|
|
160 background-color: var(--menu-item-list-search-li-hover-active);
|
|
|
161 }
|
|
|
162
|
|
|
163 #sitemap .xml-static-dynamic input[type="text"] {
|
|
|
164 color: var(--input-font);
|
|
|
165 }
|
|
|
166 #sitemap .xml-static-dynamic label input[type="radio"] {
|
|
|
167 cursor: pointer;
|
|
|
168 display: inline-block;
|
|
|
169 margin-right: 0.3rem;
|
|
|
170 border-radius: 50%;
|
|
|
171 width: 0.73rem;
|
|
|
172 height: 0.73rem;
|
|
|
173 background-color: var(--bg-4);
|
|
|
174 transform: translate(0, 0);
|
|
|
175 appearance: none;
|
|
|
176 }
|
|
|
177 #sitemap .xml-static-dynamic label input:checked {
|
|
|
178 background-color: var(--orange);
|
|
|
179 border-color: var(--orange);
|
|
|
180 box-shadow: 0 0 0 0.25rem var(--focus-orange);
|
|
|
181 }
|
|
|
182
|
|
|
183 #sitemap .xml-static-dynamic label {
|
|
|
184 cursor: pointer;
|
|
|
185 line-height: 1.1em;
|
|
|
186 font-size: 1rem;
|
|
|
187 color: var(--link);
|
|
|
188 user-select: none;
|
|
|
189 }
|
|
|
190
|
|
|
191 #sitemap .xml-static-cron p {
|
|
|
192 font-size: 1rem;
|
|
|
193 color: var(--text);
|
|
|
194 }
|
|
|
195 #sitemap .xml-static-cron input[type="text"] {
|
|
|
196 max-width: 70px;
|
|
|
197 border-radius: 4px;
|
|
|
198 font-size: 0.875rem;
|
|
|
199 padding: 0 0.54rem;
|
|
|
200 min-height: 35px;
|
|
|
201 background-color: var(--input-bg);
|
|
|
202 border: 2px solid var(--input-border);
|
|
|
203 color: var(--input-font);
|
|
|
204 text-align: center;
|
|
|
205 }
|
|
|
206 #sitemap .sitemap {
|
|
|
207 grid-auto-rows: max-content;
|
|
|
208 box-shadow: var(--shadows);
|
|
|
209 border-radius: 0.3rem;
|
|
|
210 background-color: var(--windows);
|
|
|
211 background-image: var(--noise);
|
|
|
212 color: var(--text);
|
|
|
213 font-size: 1rem;
|
|
|
214 }
|
|
|
215 @media (max-width: 1023px) {
|
|
|
216 #sitemap .sitemap {
|
|
|
217 padding: 1rem 0.7rem 1rem 0.7rem;
|
|
|
218 }
|
|
|
219 }
|
|
|
220 @media (min-width: 1024px) {
|
|
|
221 #sitemap .sitemap {
|
|
|
222 padding: 1rem;
|
|
|
223 }
|
|
|
224 }
|
|
|
225 #sitemap .sitemap a {
|
|
|
226 color: var(--link);
|
|
|
227 text-decoration: none;
|
|
|
228 border-bottom: 1px solid;
|
|
|
229 }
|
|
|
230
|
|
|
231 #sitemap .sitemap-manual {
|
|
|
232 display: grid;
|
|
|
233 grid-auto-rows: max-content;
|
|
|
234 gap: 1rem;
|
|
|
235 box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%);
|
|
|
236 border-radius: 0.3rem;
|
|
|
237 background-color: var(--windows);
|
|
|
238 background-image: var(--noise);
|
|
|
239 }
|
|
|
240
|
|
|
241 #sitemap .sitemap-manual p {
|
|
|
242 font-size: 1rem;
|
|
|
243 color: var(--text);
|
|
|
244 }
|
|
|
245
|
|
|
246 @media (max-width: 1023px) {
|
|
|
247 #sitemap .sitemap-manual {
|
|
|
248 padding: 1rem 0.7rem 1rem 0.7rem;
|
|
|
249 }
|
|
|
250 }
|
|
|
251 @media (min-width: 1024px) {
|
|
|
252 #sitemap .sitemap-manual {
|
|
|
253 padding: 1rem;
|
|
|
254 }
|
|
|
255 } |
