Mercurial

comparison .cms/css/sitemap.css @ 0:78edf6b517a0 draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 }