Mercurial
comparison .cms/css/sitemap.css @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
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 } |