|
1 @charset "UTF-8"; |
|
2 :root{ |
|
3 --wp-admin-theme-color:#007cba; |
|
4 --wp-admin-theme-color--rgb:0, 124, 186; |
|
5 --wp-admin-theme-color-darker-10:#006ba1; |
|
6 --wp-admin-theme-color-darker-10--rgb:0, 107, 161; |
|
7 --wp-admin-theme-color-darker-20:#005a87; |
|
8 --wp-admin-theme-color-darker-20--rgb:0, 90, 135; |
|
9 --wp-admin-border-width-focus:2px; |
|
10 --wp-block-synced-color:#7a00df; |
|
11 --wp-block-synced-color--rgb:122, 0, 223; |
|
12 --wp-bound-block-color:var(--wp-block-synced-color); |
|
13 } |
|
14 @media (min-resolution:192dpi){ |
|
15 :root{ |
|
16 --wp-admin-border-width-focus:1.5px; |
|
17 } |
|
18 } |
|
19 |
|
20 .dataviews-wrapper{ |
|
21 box-sizing:border-box; |
|
22 container:dataviews-wrapper/inline-size; |
|
23 display:flex; |
|
24 flex-direction:column; |
|
25 font-size:13px; |
|
26 height:100%; |
|
27 line-height:1.4; |
|
28 overflow:auto; |
|
29 scroll-padding-bottom:64px; |
|
30 } |
|
31 |
|
32 .dataviews-filters__container,.dataviews__view-actions{ |
|
33 box-sizing:border-box; |
|
34 flex-shrink:0; |
|
35 padding:16px 48px; |
|
36 position:sticky; |
|
37 right:0; |
|
38 } |
|
39 @media not (prefers-reduced-motion){ |
|
40 .dataviews-filters__container,.dataviews__view-actions{ |
|
41 transition:padding .1s ease-out; |
|
42 } |
|
43 } |
|
44 |
|
45 .dataviews-loading,.dataviews-no-results{ |
|
46 align-items:center; |
|
47 display:flex; |
|
48 flex-grow:1; |
|
49 justify-content:center; |
|
50 padding:0 48px; |
|
51 } |
|
52 @media not (prefers-reduced-motion){ |
|
53 .dataviews-loading,.dataviews-no-results{ |
|
54 transition:padding .1s ease-out; |
|
55 } |
|
56 } |
|
57 |
|
58 @container (max-width: 430px){ |
|
59 .dataviews-filters__container,.dataviews__view-actions{ |
|
60 padding:12px 24px; |
|
61 } |
|
62 .dataviews-loading,.dataviews-no-results{ |
|
63 padding-left:24px; |
|
64 padding-right:24px; |
|
65 } |
|
66 } |
|
67 .dataviews-title-field{ |
|
68 font-size:13px; |
|
69 font-weight:500; |
|
70 width:100%; |
|
71 } |
|
72 .dataviews-title-field,.dataviews-title-field a{ |
|
73 color:#2f2f2f; |
|
74 text-overflow:ellipsis; |
|
75 white-space:nowrap; |
|
76 } |
|
77 .dataviews-title-field a{ |
|
78 display:block; |
|
79 flex-grow:0; |
|
80 overflow:hidden; |
|
81 text-decoration:none; |
|
82 } |
|
83 .dataviews-title-field a:hover{ |
|
84 color:var(--wp-admin-theme-color); |
|
85 } |
|
86 .dataviews-title-field a:focus{ |
|
87 border-radius:2px; |
|
88 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); |
|
89 color:var(--wp-admin-theme-color--rgb); |
|
90 } |
|
91 .dataviews-title-field button.components-button.is-link{ |
|
92 color:#1e1e1e; |
|
93 display:block; |
|
94 font-weight:inherit; |
|
95 overflow:hidden; |
|
96 text-decoration:none; |
|
97 text-overflow:ellipsis; |
|
98 white-space:nowrap; |
|
99 width:100%; |
|
100 } |
|
101 .dataviews-title-field button.components-button.is-link:hover{ |
|
102 color:var(--wp-admin-theme-color); |
|
103 } |
|
104 |
|
105 .dataviews-title-field--clickable{ |
|
106 color:#2f2f2f; |
|
107 cursor:pointer; |
|
108 } |
|
109 .dataviews-title-field--clickable:hover{ |
|
110 color:var(--wp-admin-theme-color); |
|
111 } |
|
112 .dataviews-title-field--clickable:focus{ |
|
113 border-radius:2px; |
|
114 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); |
|
115 color:var(--wp-admin-theme-color--rgb); |
|
116 } |
|
117 |
|
118 .dataviews-bulk-actions-footer__item-count{ |
|
119 color:#1e1e1e; |
|
120 font-size:11px; |
|
121 font-weight:500; |
|
122 text-transform:uppercase; |
|
123 } |
|
124 |
|
125 .dataviews-bulk-actions-footer__container{ |
|
126 margin-left:auto; |
|
127 min-height:32px; |
|
128 } |
|
129 |
|
130 .dataviews-filters__button{ |
|
131 position:relative; |
|
132 } |
|
133 |
|
134 .dataviews-filters__container{ |
|
135 padding-top:0; |
|
136 } |
|
137 |
|
138 .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true],.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover{ |
|
139 opacity:0; |
|
140 } |
|
141 .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus{ |
|
142 opacity:1; |
|
143 } |
|
144 |
|
145 .dataviews-filters__summary-popover{ |
|
146 font-size:13px; |
|
147 line-height:1.4; |
|
148 } |
|
149 .dataviews-filters__summary-popover .components-popover__content{ |
|
150 border-radius:4px; |
|
151 width:230px; |
|
152 } |
|
153 .dataviews-filters__summary-popover.components-dropdown__content .components-popover__content{ |
|
154 padding:0; |
|
155 } |
|
156 |
|
157 .dataviews-filters__summary-operators-container{ |
|
158 padding:8px 8px 0; |
|
159 } |
|
160 .dataviews-filters__summary-operators-container:has(+.dataviews-filters__search-widget-listbox){ |
|
161 border-bottom:1px solid #e0e0e0; |
|
162 padding-bottom:8px; |
|
163 } |
|
164 .dataviews-filters__summary-operators-container:empty{ |
|
165 display:none; |
|
166 } |
|
167 .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name{ |
|
168 color:#757575; |
|
169 } |
|
170 |
|
171 .dataviews-filters__summary-chip-container{ |
|
172 position:relative; |
|
173 white-space:pre-wrap; |
|
174 } |
|
175 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip{ |
|
176 align-items:center; |
|
177 background:#f0f0f0; |
|
178 border:1px solid #0000; |
|
179 border-radius:16px; |
|
180 box-sizing:border-box; |
|
181 color:#2f2f2f; |
|
182 cursor:pointer; |
|
183 display:flex; |
|
184 min-height:32px; |
|
185 padding:4px 12px; |
|
186 position:relative; |
|
187 } |
|
188 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset{ |
|
189 padding-inline-end:28px; |
|
190 } |
|
191 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true]{ |
|
192 background:#e0e0e0; |
|
193 color:#1e1e1e; |
|
194 } |
|
195 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values{ |
|
196 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
197 color:var(--wp-admin-theme-color); |
|
198 } |
|
199 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true]{ |
|
200 background:rgba(var(--wp-admin-theme-color--rgb), .12); |
|
201 } |
|
202 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible{ |
|
203 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
204 outline:none; |
|
205 } |
|
206 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name{ |
|
207 font-weight:500; |
|
208 } |
|
209 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove{ |
|
210 align-items:center; |
|
211 background:#0000; |
|
212 border:0; |
|
213 border-radius:50%; |
|
214 cursor:pointer; |
|
215 display:flex; |
|
216 height:24px; |
|
217 justify-content:center; |
|
218 left:4px; |
|
219 padding:0; |
|
220 position:absolute; |
|
221 top:50%; |
|
222 transform:translateY(-50%); |
|
223 width:24px; |
|
224 } |
|
225 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg{ |
|
226 fill:#757575; |
|
227 } |
|
228 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover{ |
|
229 background:#e0e0e0; |
|
230 } |
|
231 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg{ |
|
232 fill:#1e1e1e; |
|
233 } |
|
234 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg{ |
|
235 fill:var(--wp-admin-theme-color); |
|
236 } |
|
237 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover{ |
|
238 background:rgba(var(--wp-admin-theme-color--rgb), .08); |
|
239 } |
|
240 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible{ |
|
241 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
242 outline:none; |
|
243 } |
|
244 |
|
245 .dataviews-filters__search-widget-filter-combobox-list{ |
|
246 border-top:1px solid #e0e0e0; |
|
247 max-height:184px; |
|
248 overflow:auto; |
|
249 padding:4px; |
|
250 } |
|
251 .dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value]{ |
|
252 font-weight:600; |
|
253 } |
|
254 |
|
255 .dataviews-filters__search-widget-listbox{ |
|
256 overflow:auto; |
|
257 padding:4px; |
|
258 } |
|
259 |
|
260 .dataviews-filters__search-widget-listitem{ |
|
261 align-items:center; |
|
262 border-radius:2px; |
|
263 box-sizing:border-box; |
|
264 cursor:default; |
|
265 display:flex; |
|
266 gap:8px; |
|
267 margin-block-end:2px; |
|
268 padding:8px 12px; |
|
269 } |
|
270 .dataviews-filters__search-widget-listitem:last-child{ |
|
271 margin-block-end:0; |
|
272 } |
|
273 .dataviews-filters__search-widget-listitem:focus,.dataviews-filters__search-widget-listitem:hover,.dataviews-filters__search-widget-listitem[data-active-item]{ |
|
274 background-color:var(--wp-admin-theme-color); |
|
275 color:#fff; |
|
276 } |
|
277 .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-check,.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-check,.dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-check{ |
|
278 fill:#fff; |
|
279 } |
|
280 .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description,.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description,.dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description{ |
|
281 color:#fff; |
|
282 } |
|
283 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-check{ |
|
284 flex-shrink:0; |
|
285 height:24px; |
|
286 width:24px; |
|
287 } |
|
288 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description{ |
|
289 color:#757575; |
|
290 display:block; |
|
291 font-size:12px; |
|
292 line-height:16px; |
|
293 overflow:hidden; |
|
294 text-overflow:ellipsis; |
|
295 } |
|
296 |
|
297 .dataviews-filters__search-widget-filter-combobox__wrapper{ |
|
298 padding:8px; |
|
299 position:relative; |
|
300 } |
|
301 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ |
|
302 background:#f0f0f0; |
|
303 border:none; |
|
304 border-radius:2px; |
|
305 box-shadow:0 0 0 #0000; |
|
306 display:block; |
|
307 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
|
308 font-size:16px; |
|
309 height:32px; |
|
310 line-height:normal; |
|
311 margin-left:0; |
|
312 margin-right:0; |
|
313 padding:0 8px 0 32px; |
|
314 width:100%; |
|
315 } |
|
316 @media not (prefers-reduced-motion){ |
|
317 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ |
|
318 transition:box-shadow .1s linear; |
|
319 } |
|
320 } |
|
321 @media (min-width:600px){ |
|
322 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ |
|
323 font-size:13px; |
|
324 line-height:normal; |
|
325 } |
|
326 } |
|
327 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus{ |
|
328 border-color:var(--wp-admin-theme-color); |
|
329 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
|
330 outline:2px solid #0000; |
|
331 } |
|
332 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-input-placeholder{ |
|
333 color:#1e1e1e9e; |
|
334 } |
|
335 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder{ |
|
336 color:#1e1e1e9e; |
|
337 } |
|
338 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder{ |
|
339 color:#1e1e1e9e; |
|
340 } |
|
341 @media (min-width:600px){ |
|
342 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{ |
|
343 font-size:13px; |
|
344 } |
|
345 } |
|
346 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus{ |
|
347 background:#fff; |
|
348 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
349 } |
|
350 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder{ |
|
351 color:#757575; |
|
352 } |
|
353 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration{ |
|
354 -webkit-appearance:none; |
|
355 } |
|
356 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon{ |
|
357 align-items:center; |
|
358 display:flex; |
|
359 justify-content:center; |
|
360 left:12px; |
|
361 position:absolute; |
|
362 top:50%; |
|
363 transform:translateY(-50%); |
|
364 width:24px; |
|
365 } |
|
366 |
|
367 .dataviews-filters__container-visibility-toggle{ |
|
368 flex-shrink:0; |
|
369 position:relative; |
|
370 } |
|
371 |
|
372 .dataviews-filters-toggle__count{ |
|
373 background:var(--wp-admin-theme-color, #3858e9); |
|
374 border-radius:8px; |
|
375 box-sizing:border-box; |
|
376 color:#fff; |
|
377 font-size:11px; |
|
378 height:16px; |
|
379 left:0; |
|
380 line-height:16px; |
|
381 min-width:16px; |
|
382 outline:var(--wp-admin-border-width-focus) solid #fff; |
|
383 padding:0 4px; |
|
384 position:absolute; |
|
385 text-align:center; |
|
386 top:0; |
|
387 transform:translate(-50%, -50%); |
|
388 } |
|
389 |
|
390 .dataviews-search{ |
|
391 width:fit-content; |
|
392 } |
|
393 |
|
394 .dataviews-footer{ |
|
395 background-color:#fff; |
|
396 border-top:1px solid #f0f0f0; |
|
397 bottom:0; |
|
398 flex-shrink:0; |
|
399 padding:12px 48px; |
|
400 position:sticky; |
|
401 right:0; |
|
402 z-index:2; |
|
403 } |
|
404 @media not (prefers-reduced-motion){ |
|
405 .dataviews-footer{ |
|
406 transition:padding .1s ease-out; |
|
407 } |
|
408 } |
|
409 |
|
410 @container (max-width: 430px){ |
|
411 .dataviews-footer{ |
|
412 padding:12px 24px; |
|
413 } |
|
414 } |
|
415 @container (max-width: 560px){ |
|
416 .dataviews-footer{ |
|
417 flex-direction:column !important; |
|
418 } |
|
419 .dataviews-footer .dataviews-bulk-actions-footer__container{ |
|
420 width:100%; |
|
421 } |
|
422 .dataviews-footer .dataviews-bulk-actions-footer__item-count{ |
|
423 flex-grow:1; |
|
424 } |
|
425 .dataviews-footer .dataviews-pagination{ |
|
426 justify-content:space-between; |
|
427 width:100%; |
|
428 } |
|
429 } |
|
430 .dataviews-pagination__page-select{ |
|
431 font-size:11px; |
|
432 font-weight:500; |
|
433 text-transform:uppercase; |
|
434 } |
|
435 @media (min-width:600px){ |
|
436 .dataviews-pagination__page-select .components-select-control__input{ |
|
437 font-size:11px !important; |
|
438 font-weight:500; |
|
439 } |
|
440 } |
|
441 |
|
442 .dataviews-action-modal{ |
|
443 z-index:1000001; |
|
444 } |
|
445 |
|
446 .dataviews-selection-checkbox{ |
|
447 --checkbox-input-size:24px; |
|
448 flex-shrink:0; |
|
449 line-height:0; |
|
450 } |
|
451 @media (min-width:600px){ |
|
452 .dataviews-selection-checkbox{ |
|
453 --checkbox-input-size:16px; |
|
454 } |
|
455 } |
|
456 .dataviews-selection-checkbox .components-checkbox-control__input-container{ |
|
457 margin:0; |
|
458 } |
|
459 |
|
460 .dataviews-view-config{ |
|
461 container-type:inline-size; |
|
462 font-size:13px; |
|
463 line-height:1.4; |
|
464 width:320px; |
|
465 } |
|
466 |
|
467 .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper{ |
|
468 height:100%; |
|
469 overflow-y:scroll; |
|
470 } |
|
471 .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config{ |
|
472 width:auto; |
|
473 } |
|
474 |
|
475 .dataviews-view-config__sort-direction .components-toggle-group-control-option-base{ |
|
476 text-transform:uppercase; |
|
477 } |
|
478 |
|
479 .dataviews-settings-section__title.dataviews-settings-section__title{ |
|
480 font-size:15px; |
|
481 line-height:24px; |
|
482 } |
|
483 |
|
484 .dataviews-settings-section__sidebar{ |
|
485 grid-column:span 4; |
|
486 } |
|
487 |
|
488 .dataviews-settings-section__content,.dataviews-settings-section__content>*{ |
|
489 grid-column:span 8; |
|
490 } |
|
491 |
|
492 .dataviews-settings-section__content .is-divided-in-two{ |
|
493 display:contents; |
|
494 } |
|
495 .dataviews-settings-section__content .is-divided-in-two>*{ |
|
496 grid-column:span 4; |
|
497 } |
|
498 |
|
499 .dataviews-settings-section:has(.dataviews-settings-section__content:empty){ |
|
500 display:none; |
|
501 } |
|
502 |
|
503 @container (max-width: 500px){ |
|
504 .dataviews-settings-section.dataviews-settings-section{ |
|
505 grid-template-columns:repeat(2, 1fr); |
|
506 } |
|
507 .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content,.dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar{ |
|
508 grid-column:span 2; |
|
509 } |
|
510 } |
|
511 .dataviews-field-control__field{ |
|
512 height:32px; |
|
513 } |
|
514 |
|
515 .dataviews-field-control__actions{ |
|
516 position:absolute; |
|
517 top:-9999em; |
|
518 } |
|
519 |
|
520 .dataviews-field-control__actions.dataviews-field-control__actions{ |
|
521 gap:4px; |
|
522 } |
|
523 |
|
524 .dataviews-field-control__field.is-interacting .dataviews-field-control__actions,.dataviews-field-control__field:focus-within .dataviews-field-control__actions,.dataviews-field-control__field:hover .dataviews-field-control__actions{ |
|
525 position:unset; |
|
526 top:unset; |
|
527 } |
|
528 |
|
529 .dataviews-field-control__icon{ |
|
530 display:flex; |
|
531 width:24px; |
|
532 } |
|
533 |
|
534 .dataviews-field-control__label-sub-label-container{ |
|
535 flex-grow:1; |
|
536 } |
|
537 |
|
538 .dataviews-field-control__label{ |
|
539 display:block; |
|
540 } |
|
541 |
|
542 .dataviews-field-control__sub-label{ |
|
543 color:#757575; |
|
544 font-size:11px; |
|
545 font-style:normal; |
|
546 margin-bottom:0; |
|
547 margin-top:8px; |
|
548 } |
|
549 |
|
550 .dataviews-view-grid{ |
|
551 container-type:inline-size; |
|
552 grid-template-rows:max-content; |
|
553 margin-bottom:auto; |
|
554 padding:0 48px 24px; |
|
555 } |
|
556 @media not (prefers-reduced-motion){ |
|
557 .dataviews-view-grid{ |
|
558 transition:padding .1s ease-out; |
|
559 } |
|
560 } |
|
561 .dataviews-view-grid .dataviews-view-grid__card{ |
|
562 height:100%; |
|
563 justify-content:flex-start; |
|
564 position:relative; |
|
565 } |
|
566 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions{ |
|
567 padding:8px 0 4px; |
|
568 } |
|
569 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field{ |
|
570 align-items:center; |
|
571 display:flex; |
|
572 min-height:24px; |
|
573 } |
|
574 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable{ |
|
575 width:fit-content; |
|
576 } |
|
577 .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{ |
|
578 color:#1e1e1e; |
|
579 } |
|
580 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus:after,.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media:after{ |
|
581 background-color:rgba(var(--wp-admin-theme-color--rgb), .08); |
|
582 } |
|
583 .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media:after{ |
|
584 box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); |
|
585 } |
|
586 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus:after{ |
|
587 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
588 } |
|
589 .dataviews-view-grid .dataviews-view-grid__media{ |
|
590 aspect-ratio:1/1; |
|
591 background-color:#f0f0f0; |
|
592 border-radius:4px; |
|
593 min-height:200px; |
|
594 position:relative; |
|
595 width:100%; |
|
596 } |
|
597 .dataviews-view-grid .dataviews-view-grid__media img{ |
|
598 height:100%; |
|
599 object-fit:cover; |
|
600 width:100%; |
|
601 } |
|
602 .dataviews-view-grid .dataviews-view-grid__media:after{ |
|
603 border-radius:4px; |
|
604 box-shadow:inset 0 0 0 1px #0000001a; |
|
605 content:""; |
|
606 height:100%; |
|
607 pointer-events:none; |
|
608 position:absolute; |
|
609 right:0; |
|
610 top:0; |
|
611 width:100%; |
|
612 } |
|
613 .dataviews-view-grid .dataviews-view-grid__fields{ |
|
614 font-size:12px; |
|
615 line-height:16px; |
|
616 position:relative; |
|
617 } |
|
618 .dataviews-view-grid .dataviews-view-grid__fields:not(:empty){ |
|
619 padding:0 0 12px; |
|
620 } |
|
621 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty){ |
|
622 line-height:20px; |
|
623 min-height:24px; |
|
624 padding-top:2px; |
|
625 } |
|
626 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field{ |
|
627 align-items:center; |
|
628 min-height:24px; |
|
629 } |
|
630 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name{ |
|
631 color:#757575; |
|
632 width:35%; |
|
633 } |
|
634 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{ |
|
635 overflow:hidden; |
|
636 text-overflow:ellipsis; |
|
637 white-space:nowrap; |
|
638 width:65%; |
|
639 } |
|
640 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))){ |
|
641 display:none; |
|
642 } |
|
643 .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty){ |
|
644 padding-bottom:12px; |
|
645 } |
|
646 @container (max-width: 480px){ |
|
647 .dataviews-view-grid.dataviews-view-grid{ |
|
648 grid-template-columns:repeat(1, minmax(0, 1fr)); |
|
649 padding-left:24px; |
|
650 padding-right:24px; |
|
651 } |
|
652 } |
|
653 @container (min-width: 480px){ |
|
654 .dataviews-view-grid.dataviews-view-grid{ |
|
655 grid-template-columns:repeat(2, minmax(0, 1fr)); |
|
656 } |
|
657 } |
|
658 @container (min-width: 780px){ |
|
659 .dataviews-view-grid.dataviews-view-grid{ |
|
660 grid-template-columns:repeat(3, minmax(0, 1fr)); |
|
661 } |
|
662 } |
|
663 @container (min-width: 1140px){ |
|
664 .dataviews-view-grid.dataviews-view-grid{ |
|
665 grid-template-columns:repeat(4, minmax(0, 1fr)); |
|
666 } |
|
667 } |
|
668 @container (min-width: 1520px){ |
|
669 .dataviews-view-grid.dataviews-view-grid{ |
|
670 grid-template-columns:repeat(5, minmax(0, 1fr)); |
|
671 } |
|
672 } |
|
673 |
|
674 .dataviews-view-grid__field-value:empty,.dataviews-view-grid__field:empty{ |
|
675 display:none; |
|
676 } |
|
677 |
|
678 .dataviews-view-grid__card .dataviews-selection-checkbox{ |
|
679 position:absolute; |
|
680 right:8px; |
|
681 top:-9999em; |
|
682 z-index:1; |
|
683 } |
|
684 |
|
685 .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox,.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,.dataviews-view-grid__card:hover .dataviews-selection-checkbox{ |
|
686 top:8px; |
|
687 } |
|
688 |
|
689 .dataviews-view-grid__media--clickable{ |
|
690 cursor:pointer; |
|
691 } |
|
692 |
|
693 div.dataviews-view-list{ |
|
694 list-style-type:none; |
|
695 } |
|
696 |
|
697 .dataviews-view-list{ |
|
698 margin:0 0 auto; |
|
699 } |
|
700 .dataviews-view-list div[role=row]{ |
|
701 border-top:1px solid #f0f0f0; |
|
702 margin:0; |
|
703 } |
|
704 .dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper{ |
|
705 box-sizing:border-box; |
|
706 padding:16px 24px; |
|
707 position:relative; |
|
708 } |
|
709 .dataviews-view-list div[role=row] .dataviews-view-list__item-actions{ |
|
710 flex:0; |
|
711 overflow:hidden; |
|
712 } |
|
713 .dataviews-view-list div[role=row] .dataviews-view-list__item-actions>div{ |
|
714 height:24px; |
|
715 } |
|
716 .dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button{ |
|
717 opacity:0; |
|
718 position:relative; |
|
719 z-index:1; |
|
720 } |
|
721 .dataviews-view-list div[role=row]:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions{ |
|
722 flex-basis:min-content; |
|
723 overflow:unset; |
|
724 padding-inline-end:4px; |
|
725 } |
|
726 .dataviews-view-list div[role=row]:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions .components-button{ |
|
727 opacity:1; |
|
728 } |
|
729 .dataviews-view-list div[role=row].is-selected.is-selected,.dataviews-view-list div[role=row].is-selected.is-selected+div[role=row]{ |
|
730 border-top:1px solid rgba(var(--wp-admin-theme-color--rgb), .12); |
|
731 } |
|
732 .dataviews-view-list div[role=row]:not(.is-selected) .dataviews-view-list__title-field{ |
|
733 color:#1e1e1e; |
|
734 } |
|
735 .dataviews-view-list div[role=row]:not(.is-selected).is-hovered,.dataviews-view-list div[role=row]:not(.is-selected):focus-within,.dataviews-view-list div[role=row]:not(.is-selected):hover{ |
|
736 background-color:#f8f8f8; |
|
737 color:var(--wp-admin-theme-color); |
|
738 } |
|
739 .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__title-field,.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__title-field,.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__title-field{ |
|
740 color:var(--wp-admin-theme-color); |
|
741 } |
|
742 .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper{ |
|
743 background-color:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
744 color:#1e1e1e; |
|
745 } |
|
746 .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field{ |
|
747 color:var(--wp-admin-theme-color); |
|
748 } |
|
749 .dataviews-view-list .dataviews-view-list__item{ |
|
750 appearance:none; |
|
751 background:none; |
|
752 border:none; |
|
753 cursor:pointer; |
|
754 inset:0; |
|
755 padding:0; |
|
756 position:absolute; |
|
757 scroll-margin:8px 0; |
|
758 z-index:1; |
|
759 } |
|
760 .dataviews-view-list .dataviews-view-list__item:focus-visible{ |
|
761 outline:none; |
|
762 } |
|
763 .dataviews-view-list .dataviews-view-list__item:focus-visible:before{ |
|
764 border-radius:2px; |
|
765 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
766 content:""; |
|
767 inset:var(--wp-admin-border-width-focus); |
|
768 outline:2px solid #0000; |
|
769 position:absolute; |
|
770 } |
|
771 .dataviews-view-list .dataviews-view-list__title-field{ |
|
772 flex:1; |
|
773 line-height:24px; |
|
774 min-height:24px; |
|
775 overflow:hidden; |
|
776 } |
|
777 .dataviews-view-list .dataviews-view-list__title-field:has(a,button){ |
|
778 z-index:1; |
|
779 } |
|
780 .dataviews-view-list .dataviews-view-list__media-wrapper{ |
|
781 background-color:#f0f0f0; |
|
782 border-radius:4px; |
|
783 flex-shrink:0; |
|
784 height:52px; |
|
785 overflow:hidden; |
|
786 position:relative; |
|
787 width:52px; |
|
788 } |
|
789 .dataviews-view-list .dataviews-view-list__media-wrapper img{ |
|
790 height:100%; |
|
791 object-fit:cover; |
|
792 width:100%; |
|
793 } |
|
794 .dataviews-view-list .dataviews-view-list__media-wrapper:after{ |
|
795 border-radius:4px; |
|
796 box-shadow:inset 0 0 0 1px #0000001a; |
|
797 content:""; |
|
798 height:100%; |
|
799 position:absolute; |
|
800 right:0; |
|
801 top:0; |
|
802 width:100%; |
|
803 } |
|
804 .dataviews-view-list .dataviews-view-list__field-wrapper{ |
|
805 flex-grow:1; |
|
806 min-height:52px; |
|
807 } |
|
808 .dataviews-view-list .dataviews-view-list__fields{ |
|
809 color:#757575; |
|
810 display:flex; |
|
811 flex-wrap:wrap; |
|
812 font-size:12px; |
|
813 gap:12px; |
|
814 row-gap:4px; |
|
815 } |
|
816 .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty),.dataviews-view-list .dataviews-view-list__fields:empty{ |
|
817 display:none; |
|
818 } |
|
819 .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value{ |
|
820 align-items:center; |
|
821 display:flex; |
|
822 line-height:20px; |
|
823 min-height:24px; |
|
824 } |
|
825 .dataviews-view-list+.dataviews-pagination{ |
|
826 justify-content:space-between; |
|
827 } |
|
828 |
|
829 .dataviews-view-table{ |
|
830 border-collapse:collapse; |
|
831 border-color:inherit; |
|
832 color:#757575; |
|
833 margin-bottom:auto; |
|
834 position:relative; |
|
835 text-indent:0; |
|
836 width:100%; |
|
837 } |
|
838 .dataviews-view-table th{ |
|
839 color:#1e1e1e; |
|
840 font-size:13px; |
|
841 font-weight:400; |
|
842 text-align:right; |
|
843 } |
|
844 .dataviews-view-table td,.dataviews-view-table th{ |
|
845 padding:12px; |
|
846 white-space:nowrap; |
|
847 } |
|
848 .dataviews-view-table td.dataviews-view-table__actions-column,.dataviews-view-table th.dataviews-view-table__actions-column{ |
|
849 text-align:left; |
|
850 } |
|
851 .dataviews-view-table td.dataviews-view-table__checkbox-column,.dataviews-view-table th.dataviews-view-table__checkbox-column{ |
|
852 padding-left:0; |
|
853 width:1%; |
|
854 } |
|
855 .dataviews-view-table tr{ |
|
856 border-top:1px solid #f0f0f0; |
|
857 } |
|
858 .dataviews-view-table tr .dataviews-view-table-header-button{ |
|
859 gap:4px; |
|
860 } |
|
861 .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ |
|
862 padding-right:48px; |
|
863 } |
|
864 .dataviews-view-table tr td:first-child .dataviews-view-table-header-button,.dataviews-view-table tr th:first-child .dataviews-view-table-header-button{ |
|
865 margin-right:-8px; |
|
866 } |
|
867 .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ |
|
868 padding-left:48px; |
|
869 } |
|
870 .dataviews-view-table tr:last-child{ |
|
871 border-bottom:0; |
|
872 } |
|
873 .dataviews-view-table tr.is-hovered{ |
|
874 background-color:#f8f8f8; |
|
875 } |
|
876 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input{ |
|
877 opacity:0; |
|
878 } |
|
879 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate{ |
|
880 opacity:1; |
|
881 } |
|
882 .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
883 opacity:0; |
|
884 } |
|
885 .dataviews-view-table tr.is-hovered .components-checkbox-control__input,.dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:focus-within .components-checkbox-control__input,.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:hover .components-checkbox-control__input,.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
886 opacity:1; |
|
887 } |
|
888 @media (hover:none){ |
|
889 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
890 opacity:1; |
|
891 } |
|
892 } |
|
893 .dataviews-view-table tr.is-selected{ |
|
894 background-color:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
895 color:#757575; |
|
896 } |
|
897 .dataviews-view-table tr.is-selected,.dataviews-view-table tr.is-selected+tr{ |
|
898 border-top:1px solid rgba(var(--wp-admin-theme-color--rgb), .12); |
|
899 } |
|
900 .dataviews-view-table tr.is-selected:hover{ |
|
901 background-color:rgba(var(--wp-admin-theme-color--rgb), .08); |
|
902 } |
|
903 .dataviews-view-table thead{ |
|
904 inset-block-start:0; |
|
905 position:sticky; |
|
906 z-index:1; |
|
907 } |
|
908 .dataviews-view-table thead tr{ |
|
909 border:0; |
|
910 } |
|
911 .dataviews-view-table thead th{ |
|
912 background-color:#fff; |
|
913 font-size:11px; |
|
914 font-weight:500; |
|
915 padding-bottom:8px; |
|
916 padding-right:12px; |
|
917 padding-top:8px; |
|
918 text-transform:uppercase; |
|
919 } |
|
920 .dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child){ |
|
921 padding-right:4px; |
|
922 } |
|
923 .dataviews-view-table tbody td{ |
|
924 vertical-align:top; |
|
925 } |
|
926 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper{ |
|
927 align-items:center; |
|
928 display:flex; |
|
929 min-height:32px; |
|
930 } |
|
931 .dataviews-view-table tbody .components-v-stack>.dataviews-view-table__cell-content-wrapper:not(:first-child){ |
|
932 min-height:0; |
|
933 } |
|
934 .dataviews-view-table .dataviews-view-table-header-button{ |
|
935 font-size:11px; |
|
936 font-weight:500; |
|
937 padding:4px 8px; |
|
938 text-transform:uppercase; |
|
939 } |
|
940 .dataviews-view-table .dataviews-view-table-header-button:not(:hover){ |
|
941 color:#1e1e1e; |
|
942 } |
|
943 .dataviews-view-table .dataviews-view-table-header-button span{ |
|
944 speak:none; |
|
945 } |
|
946 .dataviews-view-table .dataviews-view-table-header-button span:empty{ |
|
947 display:none; |
|
948 } |
|
949 .dataviews-view-table .dataviews-view-table-header{ |
|
950 padding-right:4px; |
|
951 } |
|
952 .dataviews-view-table .dataviews-view-table__actions-column{ |
|
953 width:1%; |
|
954 } |
|
955 .dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input{ |
|
956 opacity:1; |
|
957 } |
|
958 .dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child){ |
|
959 padding-right:0; |
|
960 } |
|
961 .dataviews-view-table.has-compact-density td,.dataviews-view-table.has-compact-density th{ |
|
962 padding:4px 8px; |
|
963 } |
|
964 .dataviews-view-table.has-comfortable-density td,.dataviews-view-table.has-comfortable-density th{ |
|
965 padding:16px 12px; |
|
966 } |
|
967 .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column,.dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column,.dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column,.dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column{ |
|
968 padding-left:0; |
|
969 } |
|
970 |
|
971 @container (max-width: 430px){ |
|
972 .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ |
|
973 padding-right:24px; |
|
974 } |
|
975 .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ |
|
976 padding-left:24px; |
|
977 } |
|
978 } |
|
979 .dataviews-view-table-selection-checkbox{ |
|
980 --checkbox-input-size:24px; |
|
981 } |
|
982 @media (min-width:600px){ |
|
983 .dataviews-view-table-selection-checkbox{ |
|
984 --checkbox-input-size:16px; |
|
985 } |
|
986 } |
|
987 |
|
988 .dataviews-column-primary__media{ |
|
989 max-width:60px; |
|
990 } |
|
991 |
|
992 .dataviews-controls__datetime{ |
|
993 border:none; |
|
994 padding:0; |
|
995 } |
|
996 |
|
997 .dataforms-layouts-panel__field{ |
|
998 align-items:flex-start !important; |
|
999 justify-content:flex-start !important; |
|
1000 min-height:32px; |
|
1001 width:100%; |
|
1002 } |
|
1003 |
|
1004 .dataforms-layouts-panel__field-label{ |
|
1005 align-items:center; |
|
1006 display:flex; |
|
1007 flex-shrink:0; |
|
1008 hyphens:auto; |
|
1009 line-height:20px; |
|
1010 min-height:32px; |
|
1011 padding:6px 0; |
|
1012 width:38%; |
|
1013 } |
|
1014 |
|
1015 .dataforms-layouts-panel__field-control{ |
|
1016 align-items:center; |
|
1017 display:flex; |
|
1018 flex-grow:1; |
|
1019 min-height:32px; |
|
1020 } |
|
1021 .dataforms-layouts-panel__field-control .components-button{ |
|
1022 max-width:100%; |
|
1023 min-height:32px; |
|
1024 text-align:right; |
|
1025 text-wrap:balance; |
|
1026 text-wrap:pretty; |
|
1027 white-space:normal; |
|
1028 } |
|
1029 .dataforms-layouts-panel__field-control .components-dropdown{ |
|
1030 max-width:100%; |
|
1031 } |
|
1032 |
|
1033 .dataforms-layouts-panel__field-dropdown .components-popover__content{ |
|
1034 min-width:320px; |
|
1035 padding:16px; |
|
1036 } |
|
1037 |
|
1038 .dataforms-layouts-panel__dropdown-header{ |
|
1039 margin-bottom:16px; |
|
1040 } |
|
1041 |
|
1042 .components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown{ |
|
1043 z-index:159990; |
|
1044 } |
|
1045 |
|
1046 .dataforms-layouts-regular__field{ |
|
1047 align-items:flex-start !important; |
|
1048 justify-content:flex-start !important; |
|
1049 min-height:32px; |
|
1050 width:100%; |
|
1051 } |
|
1052 |
|
1053 .dataforms-layouts-regular__field .components-base-control__label{ |
|
1054 font-size:inherit; |
|
1055 font-weight:400; |
|
1056 text-transform:none; |
|
1057 } |
|
1058 |
|
1059 .dataforms-layouts-regular__field-label{ |
|
1060 align-items:center; |
|
1061 display:flex; |
|
1062 flex-shrink:0; |
|
1063 hyphens:auto; |
|
1064 line-height:20px; |
|
1065 min-height:32px; |
|
1066 padding:6px 0; |
|
1067 width:38%; |
|
1068 } |
|
1069 |
|
1070 .dataforms-layouts-regular__field-control{ |
|
1071 align-items:center; |
|
1072 display:flex; |
|
1073 flex-grow:1; |
|
1074 min-height:32px; |
|
1075 } |
|
1076 |
|
1077 .edit-site-layout{ |
|
1078 color:#ccc; |
|
1079 display:flex; |
|
1080 flex-direction:column; |
|
1081 height:100%; |
|
1082 } |
|
1083 .edit-site-layout,.edit-site-layout:not(.is-full-canvas) .editor-visual-editor{ |
|
1084 background:#1e1e1e; |
|
1085 } |
|
1086 |
|
1087 .edit-site-layout__content{ |
|
1088 display:flex; |
|
1089 flex-grow:1; |
|
1090 height:100%; |
|
1091 } |
|
1092 |
|
1093 .edit-site-layout__sidebar-region{ |
|
1094 flex-shrink:0; |
|
1095 width:100vw; |
|
1096 z-index:1; |
|
1097 } |
|
1098 @media (min-width:782px){ |
|
1099 .edit-site-layout__sidebar-region{ |
|
1100 width:300px; |
|
1101 } |
|
1102 } |
|
1103 .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region{ |
|
1104 height:100vh; |
|
1105 position:fixed !important; |
|
1106 right:0; |
|
1107 top:0; |
|
1108 } |
|
1109 .edit-site-layout__sidebar-region .edit-site-layout__sidebar{ |
|
1110 display:flex; |
|
1111 flex-direction:column; |
|
1112 height:100%; |
|
1113 } |
|
1114 .edit-site-layout__sidebar-region .resizable-editor__drag-handle{ |
|
1115 left:0; |
|
1116 } |
|
1117 |
|
1118 .edit-site-layout__main{ |
|
1119 display:flex; |
|
1120 flex-direction:column; |
|
1121 flex-grow:1; |
|
1122 overflow:hidden; |
|
1123 } |
|
1124 |
|
1125 .edit-site-layout__mobile{ |
|
1126 display:flex; |
|
1127 flex-direction:column; |
|
1128 position:relative; |
|
1129 width:100%; |
|
1130 z-index:2; |
|
1131 } |
|
1132 .edit-site-layout__mobile .edit-site-sidebar__screen-wrapper{ |
|
1133 padding:0; |
|
1134 } |
|
1135 .edit-site-layout__mobile .edit-site-sidebar-navigation-screen__main{ |
|
1136 padding:0 12px; |
|
1137 } |
|
1138 |
|
1139 .edit-site-layout__canvas-container{ |
|
1140 flex-grow:1; |
|
1141 overflow:visible; |
|
1142 position:relative; |
|
1143 z-index:2; |
|
1144 } |
|
1145 .edit-site-layout__canvas-container.is-resizing:after{ |
|
1146 bottom:0; |
|
1147 content:""; |
|
1148 left:0; |
|
1149 position:absolute; |
|
1150 right:0; |
|
1151 top:0; |
|
1152 z-index:100; |
|
1153 } |
|
1154 |
|
1155 .edit-site-layout__canvas{ |
|
1156 align-items:center; |
|
1157 bottom:0; |
|
1158 display:flex; |
|
1159 justify-content:center; |
|
1160 position:absolute; |
|
1161 right:0; |
|
1162 top:0; |
|
1163 width:100%; |
|
1164 } |
|
1165 .edit-site-layout__canvas.is-right-aligned{ |
|
1166 justify-content:flex-end; |
|
1167 } |
|
1168 .edit-site-layout__canvas .edit-site-resizable-frame__inner{ |
|
1169 color:#1e1e1e; |
|
1170 } |
|
1171 @media (min-width:782px){ |
|
1172 .edit-site-layout__canvas{ |
|
1173 bottom:16px; |
|
1174 top:16px; |
|
1175 width:calc(100% - 16px); |
|
1176 } |
|
1177 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
|
1178 box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003; |
|
1179 overflow:hidden; |
|
1180 } |
|
1181 } |
|
1182 @media (min-width:782px) and (not (prefers-reduced-motion)){ |
|
1183 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
|
1184 transition:border-radius,box-shadow .4s; |
|
1185 } |
|
1186 } |
|
1187 @media (min-width:782px){ |
|
1188 .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
|
1189 border-radius:8px; |
|
1190 } |
|
1191 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover{ |
|
1192 box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005; |
|
1193 } |
|
1194 } |
|
1195 .edit-site-layout.is-full-canvas .edit-site-layout__canvas{ |
|
1196 bottom:0; |
|
1197 top:0; |
|
1198 width:100%; |
|
1199 } |
|
1200 |
|
1201 .edit-site-layout__canvas .interface-interface-skeleton,.edit-site-layout__mobile .interface-interface-skeleton,.edit-site-template-pages-preview .interface-interface-skeleton{ |
|
1202 min-height:100% !important; |
|
1203 position:relative !important; |
|
1204 } |
|
1205 |
|
1206 .edit-site-template-pages-preview{ |
|
1207 height:100%; |
|
1208 } |
|
1209 html.canvas-mode-edit-transition::view-transition-group(toggle){ |
|
1210 animation-delay:255ms; |
|
1211 } |
|
1212 |
|
1213 @media (prefers-reduced-motion){ |
|
1214 ::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){ |
|
1215 animation:none !important; |
|
1216 } |
|
1217 } |
|
1218 .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle{ |
|
1219 display:none; |
|
1220 } |
|
1221 |
|
1222 .edit-site-layout__view-mode-toggle.components-button{ |
|
1223 view-transition-name:toggle; |
|
1224 align-items:center; |
|
1225 background:#1e1e1e; |
|
1226 border-radius:0; |
|
1227 color:#fff; |
|
1228 display:flex; |
|
1229 height:60px; |
|
1230 justify-content:center; |
|
1231 overflow:hidden; |
|
1232 padding:0; |
|
1233 position:relative; |
|
1234 width:60px; |
|
1235 } |
|
1236 .edit-site-layout__view-mode-toggle.components-button:active,.edit-site-layout__view-mode-toggle.components-button:hover{ |
|
1237 color:#fff; |
|
1238 } |
|
1239 .edit-site-layout__view-mode-toggle.components-button:focus,.edit-site-layout__view-mode-toggle.components-button:focus-visible{ |
|
1240 box-shadow:0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color); |
|
1241 outline:4px solid #0000; |
|
1242 outline-offset:4px; |
|
1243 } |
|
1244 .edit-site-layout__view-mode-toggle.components-button:before{ |
|
1245 border-radius:4px; |
|
1246 bottom:9px; |
|
1247 box-shadow:none; |
|
1248 content:""; |
|
1249 display:block; |
|
1250 left:9px; |
|
1251 position:absolute; |
|
1252 right:9px; |
|
1253 top:9px; |
|
1254 } |
|
1255 @media not (prefers-reduced-motion){ |
|
1256 .edit-site-layout__view-mode-toggle.components-button:before{ |
|
1257 transition:box-shadow .1s ease; |
|
1258 } |
|
1259 } |
|
1260 .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{ |
|
1261 align-items:center; |
|
1262 display:flex; |
|
1263 height:60px; |
|
1264 justify-content:center; |
|
1265 width:60px; |
|
1266 } |
|
1267 |
|
1268 .edit-site-layout__actions{ |
|
1269 background:#fff; |
|
1270 bottom:auto; |
|
1271 color:#1e1e1e; |
|
1272 left:0; |
|
1273 position:fixed !important; |
|
1274 right:auto; |
|
1275 top:-9999em; |
|
1276 width:280px; |
|
1277 z-index:100000; |
|
1278 } |
|
1279 .edit-site-layout__actions:focus,.edit-site-layout__actions:focus-within{ |
|
1280 bottom:0; |
|
1281 top:auto; |
|
1282 } |
|
1283 .edit-site-layout__actions.is-entity-save-view-open:focus,.edit-site-layout__actions.is-entity-save-view-open:focus-within{ |
|
1284 top:0; |
|
1285 } |
|
1286 @media (min-width:782px){ |
|
1287 .edit-site-layout__actions{ |
|
1288 border-right:1px solid #ddd; |
|
1289 } |
|
1290 } |
|
1291 |
|
1292 .edit-site-layout__area{ |
|
1293 box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003; |
|
1294 flex-grow:1; |
|
1295 margin:0; |
|
1296 overflow:hidden; |
|
1297 } |
|
1298 @media (min-width:782px){ |
|
1299 .edit-site-layout__area{ |
|
1300 border-radius:8px; |
|
1301 margin:16px 0 16px 16px; |
|
1302 } |
|
1303 } |
|
1304 |
|
1305 .edit-site .components-editor-notices__snackbar{ |
|
1306 bottom:16px; |
|
1307 left:0; |
|
1308 padding-left:16px; |
|
1309 padding-right:16px; |
|
1310 position:fixed; |
|
1311 } |
|
1312 |
|
1313 .edit-site-page{ |
|
1314 background:#fff; |
|
1315 color:#2f2f2f; |
|
1316 container:edit-site-page/inline-size; |
|
1317 height:100%; |
|
1318 } |
|
1319 @media not (prefers-reduced-motion){ |
|
1320 .edit-site-page{ |
|
1321 transition:width .2s ease-out; |
|
1322 } |
|
1323 } |
|
1324 |
|
1325 .edit-site-page-header{ |
|
1326 background:#fff; |
|
1327 border-bottom:1px solid #f0f0f0; |
|
1328 padding:16px 48px; |
|
1329 position:sticky; |
|
1330 top:0; |
|
1331 z-index:2; |
|
1332 } |
|
1333 @media not (prefers-reduced-motion){ |
|
1334 .edit-site-page-header{ |
|
1335 transition:padding .1s ease-out; |
|
1336 } |
|
1337 } |
|
1338 .edit-site-page-header .components-heading{ |
|
1339 color:#1e1e1e; |
|
1340 } |
|
1341 .edit-site-page-header .edit-site-page-header__page-title{ |
|
1342 min-height:40px; |
|
1343 } |
|
1344 .edit-site-page-header .edit-site-page-header__page-title .components-heading{ |
|
1345 flex-basis:0; |
|
1346 flex-grow:1; |
|
1347 white-space:nowrap; |
|
1348 } |
|
1349 .edit-site-page-header .edit-site-page-header__sub-title{ |
|
1350 margin-bottom:8px; |
|
1351 } |
|
1352 |
|
1353 @container (max-width: 430px){ |
|
1354 .edit-site-page-header{ |
|
1355 padding:16px 24px; |
|
1356 } |
|
1357 } |
|
1358 .edit-site-page-content{ |
|
1359 display:flex; |
|
1360 flex-flow:column; |
|
1361 height:100%; |
|
1362 position:relative; |
|
1363 z-index:1; |
|
1364 } |
|
1365 |
|
1366 .edit-site-save-hub{ |
|
1367 border-top:1px solid #2f2f2f; |
|
1368 color:#949494; |
|
1369 flex-shrink:0; |
|
1370 margin:0; |
|
1371 padding:16px; |
|
1372 } |
|
1373 |
|
1374 .edit-site-save-hub__button{ |
|
1375 color:inherit; |
|
1376 justify-content:center; |
|
1377 width:100%; |
|
1378 } |
|
1379 .edit-site-save-hub__button[aria-disabled=true]{ |
|
1380 opacity:1; |
|
1381 } |
|
1382 .edit-site-save-hub__button[aria-disabled=true]:hover{ |
|
1383 color:inherit; |
|
1384 } |
|
1385 .edit-site-save-hub__button:not(.is-primary).is-busy,.edit-site-save-hub__button:not(.is-primary).is-busy[aria-disabled=true]:hover{ |
|
1386 color:#1e1e1e; |
|
1387 } |
|
1388 |
|
1389 @media (min-width:600px){ |
|
1390 .edit-site-save-panel__modal{ |
|
1391 width:600px; |
|
1392 } |
|
1393 } |
|
1394 |
|
1395 .edit-site-sidebar__content{ |
|
1396 contain:content; |
|
1397 flex-grow:1; |
|
1398 overflow-x:hidden; |
|
1399 overflow-y:auto; |
|
1400 } |
|
1401 |
|
1402 @keyframes _fwjws_slide-from-right{ |
|
1403 0%{ |
|
1404 opacity:0; |
|
1405 transform:translateX(-50px); |
|
1406 } |
|
1407 to{ |
|
1408 opacity:1; |
|
1409 transform:none; |
|
1410 } |
|
1411 } |
|
1412 @keyframes _fwjws_slide-from-left{ |
|
1413 0%{ |
|
1414 opacity:0; |
|
1415 transform:translateX(50px); |
|
1416 } |
|
1417 to{ |
|
1418 opacity:1; |
|
1419 transform:none; |
|
1420 } |
|
1421 } |
|
1422 .edit-site-sidebar__screen-wrapper{ |
|
1423 animation-duration:.14s; |
|
1424 animation-timing-function:ease-in-out; |
|
1425 display:flex; |
|
1426 flex-direction:column; |
|
1427 height:100%; |
|
1428 max-height:100%; |
|
1429 overflow-x:auto; |
|
1430 padding:0 12px; |
|
1431 scrollbar-color:#0000 #0000; |
|
1432 scrollbar-gutter:stable both-edges; |
|
1433 scrollbar-gutter:stable; |
|
1434 scrollbar-width:thin; |
|
1435 will-change:transform; |
|
1436 will-change:transform, opacity; |
|
1437 } |
|
1438 .edit-site-sidebar__screen-wrapper::-webkit-scrollbar{ |
|
1439 height:12px; |
|
1440 width:12px; |
|
1441 } |
|
1442 .edit-site-sidebar__screen-wrapper::-webkit-scrollbar-track{ |
|
1443 background-color:initial; |
|
1444 } |
|
1445 .edit-site-sidebar__screen-wrapper::-webkit-scrollbar-thumb{ |
|
1446 background-clip:padding-box; |
|
1447 background-color:initial; |
|
1448 border:3px solid #0000; |
|
1449 border-radius:8px; |
|
1450 } |
|
1451 .edit-site-sidebar__screen-wrapper:focus-within::-webkit-scrollbar-thumb,.edit-site-sidebar__screen-wrapper:focus::-webkit-scrollbar-thumb,.edit-site-sidebar__screen-wrapper:hover::-webkit-scrollbar-thumb{ |
|
1452 background-color:#757575; |
|
1453 } |
|
1454 .edit-site-sidebar__screen-wrapper:focus,.edit-site-sidebar__screen-wrapper:focus-within,.edit-site-sidebar__screen-wrapper:hover{ |
|
1455 scrollbar-color:#757575 #0000; |
|
1456 } |
|
1457 @media (hover:none){ |
|
1458 .edit-site-sidebar__screen-wrapper{ |
|
1459 scrollbar-color:#757575 #0000; |
|
1460 } |
|
1461 } |
|
1462 @media (prefers-reduced-motion:reduce){ |
|
1463 .edit-site-sidebar__screen-wrapper{ |
|
1464 animation-duration:0s; |
|
1465 } |
|
1466 } |
|
1467 .edit-site-sidebar__screen-wrapper.slide-from-left{ |
|
1468 animation-name:_fwjws_slide-from-left; |
|
1469 } |
|
1470 .edit-site-sidebar__screen-wrapper.slide-from-right{ |
|
1471 animation-name:_fwjws_slide-from-right; |
|
1472 } |
|
1473 |
|
1474 .edit-site-site-hub{ |
|
1475 align-items:center; |
|
1476 display:flex; |
|
1477 gap:8px; |
|
1478 height:60px; |
|
1479 justify-content:space-between; |
|
1480 margin-left:12px; |
|
1481 } |
|
1482 |
|
1483 .edit-site-site-hub__actions{ |
|
1484 flex-shrink:0; |
|
1485 } |
|
1486 |
|
1487 .edit-site-site-hub__view-mode-toggle-container{ |
|
1488 flex-shrink:0; |
|
1489 height:60px; |
|
1490 width:60px; |
|
1491 } |
|
1492 .edit-site-site-hub__view-mode-toggle-container.has-transparent-background .edit-site-layout__view-mode-toggle-icon{ |
|
1493 background:#0000; |
|
1494 } |
|
1495 |
|
1496 .edit-site-site-hub__title .components-button{ |
|
1497 color:#e0e0e0; |
|
1498 display:block; |
|
1499 flex-grow:1; |
|
1500 font-size:15px; |
|
1501 font-weight:500; |
|
1502 margin-right:-4px; |
|
1503 overflow:hidden; |
|
1504 padding-left:16px; |
|
1505 position:relative; |
|
1506 text-decoration:none; |
|
1507 text-overflow:ellipsis; |
|
1508 white-space:nowrap; |
|
1509 } |
|
1510 .edit-site-site-hub__title .components-button:active,.edit-site-site-hub__title .components-button:focus,.edit-site-site-hub__title .components-button:hover{ |
|
1511 color:#e0e0e0; |
|
1512 } |
|
1513 .edit-site-site-hub__title .components-button:focus{ |
|
1514 box-shadow:none; |
|
1515 outline:none; |
|
1516 } |
|
1517 .edit-site-site-hub__title .components-button:focus-visible{ |
|
1518 box-shadow:0 0 0 var(--wp-admin-border-width-focus) #1e1e1e, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color); |
|
1519 outline:2px solid #0000; |
|
1520 outline-offset:2px; |
|
1521 } |
|
1522 .edit-site-site-hub__title .components-button:after{ |
|
1523 content:"↗"; |
|
1524 font-weight:400; |
|
1525 left:0; |
|
1526 opacity:0; |
|
1527 position:absolute; |
|
1528 } |
|
1529 @media not (prefers-reduced-motion){ |
|
1530 .edit-site-site-hub__title .components-button:after{ |
|
1531 transition:opacity .1s linear; |
|
1532 } |
|
1533 } |
|
1534 .edit-site-site-hub__title .components-button:active:after,.edit-site-site-hub__title .components-button:focus:after,.edit-site-site-hub__title .components-button:hover:after{ |
|
1535 opacity:1; |
|
1536 } |
|
1537 |
|
1538 .edit-site-site-hub_toggle-command-center{ |
|
1539 color:#e0e0e0; |
|
1540 } |
|
1541 .edit-site-site-hub_toggle-command-center:active svg,.edit-site-site-hub_toggle-command-center:hover svg{ |
|
1542 fill:#f0f0f0; |
|
1543 } |
|
1544 |
|
1545 .edit-site-site-icon__icon{ |
|
1546 fill:currentColor; |
|
1547 height:100%; |
|
1548 width:100%; |
|
1549 } |
|
1550 .edit-site-layout.is-full-canvas .edit-site-site-icon__icon{ |
|
1551 padding:12px; |
|
1552 } |
|
1553 |
|
1554 .edit-site-site-icon__image{ |
|
1555 aspect-ratio:1/1; |
|
1556 background:#333; |
|
1557 height:100%; |
|
1558 object-fit:cover; |
|
1559 width:100%; |
|
1560 } |
|
1561 .edit-site-layout.is-full-canvas .edit-site-site-icon__image{ |
|
1562 border-radius:0; |
|
1563 } |
|
1564 |
|
1565 .edit-site-editor__view-mode-toggle button:focus{ |
|
1566 position:relative; |
|
1567 } |
|
1568 .edit-site-editor__view-mode-toggle button:focus:before{ |
|
1569 bottom:0; |
|
1570 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff; |
|
1571 content:""; |
|
1572 display:block; |
|
1573 left:0; |
|
1574 position:absolute; |
|
1575 right:0; |
|
1576 top:0; |
|
1577 z-index:1; |
|
1578 } |
|
1579 |
|
1580 .edit-site-editor-canvas-container{ |
|
1581 background-color:#ddd; |
|
1582 height:100%; |
|
1583 } |
|
1584 .edit-site-editor-canvas-container iframe{ |
|
1585 display:block; |
|
1586 height:100%; |
|
1587 width:100%; |
|
1588 } |
|
1589 .edit-site-layout.is-full-canvas .edit-site-editor-canvas-container{ |
|
1590 padding:24px 24px 0; |
|
1591 } |
|
1592 |
|
1593 .edit-site-editor-canvas-container__section{ |
|
1594 background:#fff; |
|
1595 border-radius:8px; |
|
1596 bottom:0; |
|
1597 left:0; |
|
1598 overflow:hidden; |
|
1599 position:absolute; |
|
1600 right:0; |
|
1601 top:0; |
|
1602 } |
|
1603 @media not (prefers-reduced-motion){ |
|
1604 .edit-site-editor-canvas-container__section{ |
|
1605 transition:all .3s; |
|
1606 } |
|
1607 } |
|
1608 |
|
1609 .edit-site-editor-canvas-container__close-button{ |
|
1610 background:#fff; |
|
1611 left:8px; |
|
1612 position:absolute; |
|
1613 top:8px; |
|
1614 z-index:2; |
|
1615 } |
|
1616 |
|
1617 .edit-site-post-list__featured-image{ |
|
1618 height:100%; |
|
1619 object-fit:cover; |
|
1620 width:100%; |
|
1621 } |
|
1622 |
|
1623 .edit-site-post-list__featured-image-wrapper{ |
|
1624 border-radius:4px; |
|
1625 height:100%; |
|
1626 width:100%; |
|
1627 } |
|
1628 .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button,.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)){ |
|
1629 background-color:#f0f0f0; |
|
1630 border-radius:4px; |
|
1631 display:block; |
|
1632 flex-grow:0 !important; |
|
1633 height:32px; |
|
1634 overflow:hidden; |
|
1635 position:relative; |
|
1636 width:32px; |
|
1637 } |
|
1638 .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button:after,.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)):after{ |
|
1639 border-radius:4px; |
|
1640 box-shadow:inset 0 0 0 1px #0000001a; |
|
1641 content:""; |
|
1642 height:100%; |
|
1643 position:absolute; |
|
1644 right:0; |
|
1645 top:0; |
|
1646 width:100%; |
|
1647 } |
|
1648 |
|
1649 .edit-site-post-list__featured-image-button{ |
|
1650 background-color:unset; |
|
1651 border:none; |
|
1652 border-radius:4px; |
|
1653 box-shadow:none; |
|
1654 box-sizing:border-box; |
|
1655 cursor:pointer; |
|
1656 height:100%; |
|
1657 overflow:hidden; |
|
1658 padding:0; |
|
1659 width:100%; |
|
1660 } |
|
1661 .edit-site-post-list__featured-image-button:focus-visible{ |
|
1662 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1663 outline:2px solid #0000; |
|
1664 } |
|
1665 |
|
1666 .dataviews-view-grid__card.is-selected .edit-site-post-list__featured-image-button:after{ |
|
1667 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
1668 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1669 } |
|
1670 |
|
1671 .edit-site-post-list__status-icon{ |
|
1672 height:24px; |
|
1673 width:24px; |
|
1674 } |
|
1675 .edit-site-post-list__status-icon svg{ |
|
1676 fill:currentColor; |
|
1677 margin-right:-4px; |
|
1678 } |
|
1679 |
|
1680 .edit-site-resizable-frame__inner{ |
|
1681 position:relative; |
|
1682 } |
|
1683 body:has(.edit-site-resizable-frame__inner.is-resizing){ |
|
1684 cursor:col-resize; |
|
1685 user-select:none; |
|
1686 -webkit-user-select:none; |
|
1687 } |
|
1688 |
|
1689 .edit-site-resizable-frame__inner.is-resizing:before{ |
|
1690 content:""; |
|
1691 inset:0; |
|
1692 position:absolute; |
|
1693 z-index:1; |
|
1694 } |
|
1695 |
|
1696 .edit-site-resizable-frame__inner-content{ |
|
1697 inset:0; |
|
1698 position:absolute; |
|
1699 z-index:0; |
|
1700 } |
|
1701 |
|
1702 .edit-site-resizable-frame__handle{ |
|
1703 align-items:center; |
|
1704 background-color:#75757566; |
|
1705 border:0; |
|
1706 border-radius:4px; |
|
1707 cursor:col-resize; |
|
1708 display:flex; |
|
1709 height:64px; |
|
1710 justify-content:flex-end; |
|
1711 padding:0; |
|
1712 position:absolute; |
|
1713 top:calc(50% - 32px); |
|
1714 width:4px; |
|
1715 z-index:100; |
|
1716 } |
|
1717 .edit-site-resizable-frame__handle:before{ |
|
1718 content:""; |
|
1719 height:100%; |
|
1720 position:absolute; |
|
1721 right:100%; |
|
1722 width:32px; |
|
1723 } |
|
1724 .edit-site-resizable-frame__handle:after{ |
|
1725 content:""; |
|
1726 height:100%; |
|
1727 left:100%; |
|
1728 position:absolute; |
|
1729 width:32px; |
|
1730 } |
|
1731 .edit-site-resizable-frame__handle:focus-visible{ |
|
1732 outline:2px solid #0000; |
|
1733 } |
|
1734 .edit-site-resizable-frame__handle.is-resizing,.edit-site-resizable-frame__handle:focus,.edit-site-resizable-frame__handle:hover{ |
|
1735 background-color:var(--wp-admin-theme-color); |
|
1736 } |
|
1737 |
|
1738 body.admin-color-light{ |
|
1739 --wp-admin-theme-color:#0085ba; |
|
1740 --wp-admin-theme-color--rgb:0, 133, 186; |
|
1741 --wp-admin-theme-color-darker-10:#0073a1; |
|
1742 --wp-admin-theme-color-darker-10--rgb:0, 115, 161; |
|
1743 --wp-admin-theme-color-darker-20:#006187; |
|
1744 --wp-admin-theme-color-darker-20--rgb:0, 97, 135; |
|
1745 --wp-admin-border-width-focus:2px; |
|
1746 } |
|
1747 @media (min-resolution:192dpi){ |
|
1748 body.admin-color-light{ |
|
1749 --wp-admin-border-width-focus:1.5px; |
|
1750 } |
|
1751 } |
|
1752 |
|
1753 body.admin-color-modern{ |
|
1754 --wp-admin-theme-color:#3858e9; |
|
1755 --wp-admin-theme-color--rgb:56, 88, 233; |
|
1756 --wp-admin-theme-color-darker-10:#2145e6; |
|
1757 --wp-admin-theme-color-darker-10--rgb:33, 69, 230; |
|
1758 --wp-admin-theme-color-darker-20:#183ad6; |
|
1759 --wp-admin-theme-color-darker-20--rgb:24, 58, 214; |
|
1760 --wp-admin-border-width-focus:2px; |
|
1761 } |
|
1762 @media (min-resolution:192dpi){ |
|
1763 body.admin-color-modern{ |
|
1764 --wp-admin-border-width-focus:1.5px; |
|
1765 } |
|
1766 } |
|
1767 |
|
1768 body.admin-color-blue{ |
|
1769 --wp-admin-theme-color:#096484; |
|
1770 --wp-admin-theme-color--rgb:9, 100, 132; |
|
1771 --wp-admin-theme-color-darker-10:#07526c; |
|
1772 --wp-admin-theme-color-darker-10--rgb:7, 82, 108; |
|
1773 --wp-admin-theme-color-darker-20:#064054; |
|
1774 --wp-admin-theme-color-darker-20--rgb:6, 64, 84; |
|
1775 --wp-admin-border-width-focus:2px; |
|
1776 } |
|
1777 @media (min-resolution:192dpi){ |
|
1778 body.admin-color-blue{ |
|
1779 --wp-admin-border-width-focus:1.5px; |
|
1780 } |
|
1781 } |
|
1782 |
|
1783 body.admin-color-coffee{ |
|
1784 --wp-admin-theme-color:#46403c; |
|
1785 --wp-admin-theme-color--rgb:70, 64, 60; |
|
1786 --wp-admin-theme-color-darker-10:#383330; |
|
1787 --wp-admin-theme-color-darker-10--rgb:56, 51, 48; |
|
1788 --wp-admin-theme-color-darker-20:#2b2724; |
|
1789 --wp-admin-theme-color-darker-20--rgb:43, 39, 36; |
|
1790 --wp-admin-border-width-focus:2px; |
|
1791 } |
|
1792 @media (min-resolution:192dpi){ |
|
1793 body.admin-color-coffee{ |
|
1794 --wp-admin-border-width-focus:1.5px; |
|
1795 } |
|
1796 } |
|
1797 |
|
1798 body.admin-color-ectoplasm{ |
|
1799 --wp-admin-theme-color:#523f6d; |
|
1800 --wp-admin-theme-color--rgb:82, 63, 109; |
|
1801 --wp-admin-theme-color-darker-10:#46365d; |
|
1802 --wp-admin-theme-color-darker-10--rgb:70, 54, 93; |
|
1803 --wp-admin-theme-color-darker-20:#3a2c4d; |
|
1804 --wp-admin-theme-color-darker-20--rgb:58, 44, 77; |
|
1805 --wp-admin-border-width-focus:2px; |
|
1806 } |
|
1807 @media (min-resolution:192dpi){ |
|
1808 body.admin-color-ectoplasm{ |
|
1809 --wp-admin-border-width-focus:1.5px; |
|
1810 } |
|
1811 } |
|
1812 |
|
1813 body.admin-color-midnight{ |
|
1814 --wp-admin-theme-color:#e14d43; |
|
1815 --wp-admin-theme-color--rgb:225, 77, 67; |
|
1816 --wp-admin-theme-color-darker-10:#dd382d; |
|
1817 --wp-admin-theme-color-darker-10--rgb:221, 56, 45; |
|
1818 --wp-admin-theme-color-darker-20:#d02c21; |
|
1819 --wp-admin-theme-color-darker-20--rgb:208, 44, 33; |
|
1820 --wp-admin-border-width-focus:2px; |
|
1821 } |
|
1822 @media (min-resolution:192dpi){ |
|
1823 body.admin-color-midnight{ |
|
1824 --wp-admin-border-width-focus:1.5px; |
|
1825 } |
|
1826 } |
|
1827 |
|
1828 body.admin-color-ocean{ |
|
1829 --wp-admin-theme-color:#627c83; |
|
1830 --wp-admin-theme-color--rgb:98, 124, 131; |
|
1831 --wp-admin-theme-color-darker-10:#576e74; |
|
1832 --wp-admin-theme-color-darker-10--rgb:87, 110, 116; |
|
1833 --wp-admin-theme-color-darker-20:#4c6066; |
|
1834 --wp-admin-theme-color-darker-20--rgb:76, 96, 102; |
|
1835 --wp-admin-border-width-focus:2px; |
|
1836 } |
|
1837 @media (min-resolution:192dpi){ |
|
1838 body.admin-color-ocean{ |
|
1839 --wp-admin-border-width-focus:1.5px; |
|
1840 } |
|
1841 } |
|
1842 |
|
1843 body.admin-color-sunrise{ |
|
1844 --wp-admin-theme-color:#dd823b; |
|
1845 --wp-admin-theme-color--rgb:221, 130, 59; |
|
1846 --wp-admin-theme-color-darker-10:#d97426; |
|
1847 --wp-admin-theme-color-darker-10--rgb:217, 116, 38; |
|
1848 --wp-admin-theme-color-darker-20:#c36922; |
|
1849 --wp-admin-theme-color-darker-20--rgb:195, 105, 34; |
|
1850 --wp-admin-border-width-focus:2px; |
|
1851 } |
|
1852 @media (min-resolution:192dpi){ |
|
1853 body.admin-color-sunrise{ |
|
1854 --wp-admin-border-width-focus:1.5px; |
|
1855 } |
|
1856 } |
|
1857 |
|
1858 #adminmenumain,#wpadminbar{ |
|
1859 display:none; |
|
1860 } |
|
1861 |
|
1862 #wpcontent{ |
|
1863 margin-right:0; |
|
1864 } |
|
1865 |
|
1866 body.js #wpbody{ |
|
1867 padding-top:0; |
|
1868 } |
|
1869 |
|
1870 body{ |
|
1871 background:#fff; |
|
1872 } |
|
1873 body #wpcontent{ |
|
1874 padding-right:0; |
|
1875 } |
|
1876 body #wpbody-content{ |
|
1877 padding-bottom:0; |
|
1878 } |
|
1879 body #wpbody-content>div:not(#gutenberg-posts-dashboard):not(#screen-meta),body #wpfooter{ |
|
1880 display:none; |
|
1881 } |
|
1882 body .a11y-speak-region{ |
|
1883 right:-1px; |
|
1884 top:-1px; |
|
1885 } |
|
1886 body ul#adminmenu a.wp-has-current-submenu:after,body ul#adminmenu>li.current>a.current:after{ |
|
1887 border-left-color:#fff; |
|
1888 } |
|
1889 body .media-frame select.attachment-filters:last-of-type{ |
|
1890 max-width:100%; |
|
1891 width:auto; |
|
1892 } |
|
1893 |
|
1894 #gutenberg-posts-dashboard{ |
|
1895 box-sizing:border-box; |
|
1896 height:100vh; |
|
1897 } |
|
1898 #gutenberg-posts-dashboard *,#gutenberg-posts-dashboard :after,#gutenberg-posts-dashboard :before{ |
|
1899 box-sizing:inherit; |
|
1900 } |
|
1901 @media (min-width:600px){ |
|
1902 #gutenberg-posts-dashboard{ |
|
1903 bottom:0; |
|
1904 left:0; |
|
1905 min-height:100vh; |
|
1906 position:fixed; |
|
1907 right:0; |
|
1908 top:0; |
|
1909 } |
|
1910 } |
|
1911 .no-js #gutenberg-posts-dashboard{ |
|
1912 min-height:0; |
|
1913 position:static; |
|
1914 } |
|
1915 #gutenberg-posts-dashboard .components-editor-notices__snackbar{ |
|
1916 bottom:16px; |
|
1917 left:0; |
|
1918 padding-left:16px; |
|
1919 padding-right:16px; |
|
1920 position:fixed; |
|
1921 } |