1 /** |
1 @charset "UTF-8"; |
2 * Colors |
2 :root{ |
3 */ |
3 --wp-admin-theme-color:#007cba; |
4 /** |
4 --wp-admin-theme-color--rgb:0, 124, 186; |
5 * Breakpoints & Media Queries |
5 --wp-admin-theme-color-darker-10:#006ba1; |
6 */ |
6 --wp-admin-theme-color-darker-10--rgb:0, 107, 161; |
7 /** |
7 --wp-admin-theme-color-darker-20:#005a87; |
8 * SCSS Variables. |
8 --wp-admin-theme-color-darker-20--rgb:0, 90, 135; |
9 * |
9 --wp-admin-border-width-focus:2px; |
10 * Please use variables from this sheet to ensure consistency across the UI. |
10 --wp-block-synced-color:#7a00df; |
11 * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
11 --wp-block-synced-color--rgb:122, 0, 223; |
12 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
12 --wp-bound-block-color:var(--wp-block-synced-color); |
13 */ |
13 } |
14 /** |
14 @media (min-resolution:192dpi){ |
15 * Colors |
15 :root{ |
16 */ |
16 --wp-admin-border-width-focus:1.5px; |
17 /** |
17 } |
18 * Fonts & basic variables. |
18 } |
19 */ |
19 |
20 /** |
20 .dataviews-wrapper{ |
21 * Grid System. |
21 box-sizing:border-box; |
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
22 container:dataviews-wrapper/inline-size; |
23 */ |
23 display:flex; |
24 /** |
24 flex-direction:column; |
25 * Dimensions. |
25 height:100%; |
26 */ |
26 overflow:auto; |
27 /** |
27 scroll-padding-bottom:64px; |
28 * Shadows. |
28 } |
29 */ |
29 |
30 /** |
30 .dataviews-filters__view-actions{ |
31 * Editor widths. |
31 box-sizing:border-box; |
32 */ |
32 flex-shrink:0; |
33 /** |
33 padding:16px 48px; |
34 * Block & Editor UI. |
34 position:sticky; |
35 */ |
35 right:0; |
36 /** |
36 transition:padding .1s ease-out; |
37 * Block paddings. |
37 } |
38 */ |
38 @media (prefers-reduced-motion:reduce){ |
39 /** |
39 .dataviews-filters__view-actions{ |
40 * React Native specific. |
40 transition-delay:0s; |
41 * These variables do not appear to be used anywhere else. |
41 transition-duration:0s; |
42 */ |
42 } |
43 /** |
43 } |
44 * Converts a hex value into the rgb equivalent. |
44 .dataviews-filters__view-actions .components-search-control .components-base-control__field{ |
45 * |
45 max-width:240px; |
46 * @param {string} hex - the hexadecimal value to convert |
46 } |
47 * @return {string} comma separated rgb values |
47 |
48 */ |
48 .dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true],.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:hover{ |
49 /** |
49 opacity:0; |
50 * Breakpoint mixins |
50 } |
51 */ |
51 .dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:focus{ |
52 /** |
52 opacity:1; |
53 * Long content fade mixin |
53 } |
54 * |
54 |
55 * Creates a fading overlay to signify that the content is longer |
55 .dataviews-filters-button{ |
56 * than the space allows. |
56 position:relative; |
57 */ |
57 } |
58 /** |
58 |
59 * Focus styles. |
59 .dataviews-pagination{ |
60 */ |
60 background-color:#fff; |
61 /** |
61 border-top:1px solid #f0f0f0; |
62 * Applies editor left position to the selector passed as argument |
62 bottom:0; |
63 */ |
63 color:#757575; |
64 /** |
64 flex-shrink:0; |
65 * Styles that are reused verbatim in a few places |
65 padding:12px 48px; |
66 */ |
66 position:sticky; |
67 /** |
67 right:0; |
68 * Allows users to opt-out of animations via OS-level preferences. |
68 transition:padding .1s ease-out; |
69 */ |
69 } |
70 /** |
70 @media (prefers-reduced-motion:reduce){ |
71 * Reset default styles for JavaScript UI based pages. |
71 .dataviews-pagination{ |
72 * This is a WP-admin agnostic reset |
72 transition-delay:0s; |
73 */ |
73 transition-duration:0s; |
74 /** |
74 } |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 } |
76 */ |
76 |
77 :root { |
77 .dataviews-pagination__page-selection{ |
78 --wp-admin-theme-color: #007cba; |
78 color:#1e1e1e; |
79 --wp-admin-theme-color--rgb: 0, 124, 186; |
79 font-size:11px; |
80 --wp-admin-theme-color-darker-10: #006ba1; |
80 font-weight:500; |
81 --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; |
81 text-transform:uppercase; |
82 --wp-admin-theme-color-darker-20: #005a87; |
82 } |
83 --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; |
83 |
84 --wp-admin-border-width-focus: 2px; |
84 .dataviews-filters-options{ |
85 } |
85 margin:32px 0 16px; |
86 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
86 } |
87 :root { |
87 |
88 --wp-admin-border-width-focus: 1.5px; |
88 .dataviews-view-table{ |
89 } |
89 border-collapse:collapse; |
90 } |
90 border-color:inherit; |
91 |
91 color:#757575; |
92 .components-panel__header.interface-complementary-area-header__small { |
92 margin-bottom:auto; |
93 background: #fff; |
93 position:relative; |
94 padding-left: 4px; |
94 text-indent:0; |
95 } |
95 width:100%; |
96 .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { |
96 } |
97 overflow: hidden; |
97 .dataviews-view-table a{ |
98 text-overflow: ellipsis; |
98 color:#1e1e1e; |
99 white-space: nowrap; |
99 font-weight:500; |
100 width: 100%; |
100 text-decoration:none; |
101 } |
101 } |
102 @media (min-width: 782px) { |
102 .dataviews-view-table th{ |
103 .components-panel__header.interface-complementary-area-header__small { |
103 color:#1e1e1e; |
104 display: none; |
104 font-size:13px; |
105 } |
105 font-weight:400; |
106 } |
106 text-align:right; |
107 |
107 } |
108 .interface-complementary-area-header { |
108 .dataviews-view-table td,.dataviews-view-table th{ |
109 background: #fff; |
109 padding:12px; |
110 padding-left: 4px; |
110 white-space:nowrap; |
111 } |
111 } |
112 .interface-complementary-area-header .components-button.has-icon { |
112 .dataviews-view-table td[data-field-id=actions],.dataviews-view-table th[data-field-id=actions]{ |
113 display: none; |
113 text-align:left; |
114 margin-right: auto; |
114 } |
115 } |
115 .dataviews-view-table td.dataviews-view-table__checkbox-column,.dataviews-view-table th.dataviews-view-table__checkbox-column{ |
116 .interface-complementary-area-header .components-button.has-icon ~ .components-button { |
116 padding-left:0; |
117 margin-right: 0; |
117 } |
118 } |
118 .dataviews-view-table tr{ |
119 @media (min-width: 782px) { |
119 border-bottom:1px solid #f0f0f0; |
120 .interface-complementary-area-header .components-button.has-icon { |
120 } |
121 display: flex; |
121 .dataviews-view-table tr .dataviews-view-table-header-button{ |
122 } |
122 gap:4px; |
123 } |
123 } |
124 |
124 .dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{ |
125 @media (min-width: 782px) { |
125 transition:padding .1s ease-out; |
126 .components-panel__header + .interface-complementary-area-header { |
126 } |
127 margin-top: 0; |
127 @media (prefers-reduced-motion:reduce){ |
128 } |
128 .dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{ |
129 } |
129 transition-delay:0s; |
130 |
130 transition-duration:0s; |
131 .interface-complementary-area { |
131 } |
132 background: #fff; |
132 } |
133 color: #1e1e1e; |
133 .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ |
134 } |
134 padding-right:48px; |
135 @media (min-width: 600px) { |
135 } |
136 .interface-complementary-area { |
136 .dataviews-view-table tr td:first-child .dataviews-view-table-header,.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,.dataviews-view-table tr th:first-child .dataviews-view-table-header,.dataviews-view-table tr th:first-child .dataviews-view-table-header-button{ |
137 -webkit-overflow-scrolling: touch; |
137 margin-right:-8px; |
138 } |
138 } |
139 } |
139 .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ |
140 @media (min-width: 782px) { |
140 padding-left:48px; |
141 .interface-complementary-area { |
141 } |
142 width: 280px; |
142 .dataviews-view-table tr:last-child{ |
143 } |
143 border-bottom:0; |
144 } |
144 } |
145 .interface-complementary-area .components-panel { |
145 .dataviews-view-table tr.is-hovered{ |
146 border: none; |
146 background-color:#f8f8f8; |
147 position: relative; |
147 } |
148 z-index: 0; |
148 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input{ |
149 } |
149 opacity:0; |
150 .interface-complementary-area .components-panel__header { |
150 } |
151 position: sticky; |
151 .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{ |
152 top: 0; |
152 opacity:1; |
153 z-index: 1; |
153 } |
154 } |
154 .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
155 .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { |
155 opacity:0; |
156 top: 48px; |
156 } |
157 } |
157 .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){ |
158 @media (min-width: 782px) { |
158 opacity:1; |
159 .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { |
159 } |
160 top: 0; |
160 @media (hover:none){ |
161 } |
161 .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){ |
162 } |
162 opacity:1; |
163 .interface-complementary-area p { |
163 } |
164 margin-top: 0; |
164 } |
165 } |
165 .dataviews-view-table tr.is-selected{ |
166 .interface-complementary-area h2 { |
166 background-color:rgba(var(--wp-admin-theme-color--rgb), .04); |
167 font-size: 13px; |
167 color:#757575; |
168 color: #1e1e1e; |
168 } |
169 margin-bottom: 1.5em; |
169 .dataviews-view-table tr.is-selected:hover{ |
170 } |
170 background-color:rgba(var(--wp-admin-theme-color--rgb), .08); |
171 .interface-complementary-area h3 { |
171 } |
172 font-size: 11px; |
172 .dataviews-view-table thead{ |
173 text-transform: uppercase; |
173 inset-block-start:0; |
174 font-weight: 500; |
174 position:sticky; |
175 color: #1e1e1e; |
175 z-index:1; |
176 margin-bottom: 1.5em; |
176 } |
177 } |
177 .dataviews-view-table thead tr{ |
178 .interface-complementary-area hr { |
178 border:0; |
179 border-top: none; |
179 } |
180 border-bottom: 1px solid #f0f0f0; |
180 .dataviews-view-table thead th{ |
181 margin: 1.5em 0; |
181 background-color:#fff; |
182 } |
182 box-shadow:inset 0 -1px 0 #f0f0f0; |
183 .interface-complementary-area div.components-toolbar-group, |
183 font-size:11px; |
184 .interface-complementary-area div.components-toolbar { |
184 font-weight:500; |
185 box-shadow: none; |
185 padding-bottom:8px; |
186 margin-bottom: 1.5em; |
186 padding-right:4px; |
187 } |
187 padding-top:8px; |
188 .interface-complementary-area div.components-toolbar-group:last-child, |
188 text-transform:uppercase; |
189 .interface-complementary-area div.components-toolbar:last-child { |
189 } |
190 margin-bottom: 0; |
190 .dataviews-view-table tbody td{ |
191 } |
191 vertical-align:top; |
192 .interface-complementary-area .block-editor-skip-to-selected-block:focus { |
192 } |
193 top: auto; |
193 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper{ |
194 left: 10px; |
194 align-items:center; |
195 bottom: 10px; |
195 display:flex; |
196 right: auto; |
196 min-height:32px; |
197 } |
197 } |
198 |
198 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper>*{ |
199 @media (min-width: 782px) { |
199 flex-grow:1; |
200 body.js.is-fullscreen-mode { |
200 } |
201 margin-top: -32px; |
201 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__primary-field a{ |
202 height: calc(100% + 32px); |
202 flex-grow:0; |
203 } |
203 } |
204 body.js.is-fullscreen-mode #adminmenumain, |
204 .dataviews-view-table .dataviews-view-table-header-button{ |
205 body.js.is-fullscreen-mode #wpadminbar { |
205 font-size:11px; |
206 display: none; |
206 font-weight:500; |
207 } |
207 padding:4px 8px; |
208 body.js.is-fullscreen-mode #wpcontent, |
208 text-transform:uppercase; |
209 body.js.is-fullscreen-mode #wpfooter { |
209 } |
210 margin-right: 0; |
210 .dataviews-view-table .dataviews-view-table-header-button:not(:hover){ |
211 } |
211 color:#1e1e1e; |
212 } |
212 } |
213 |
213 .dataviews-view-table .dataviews-view-table-header-button span{ |
214 html.interface-interface-skeleton__html-container { |
214 speak:none; |
215 position: fixed; |
215 } |
216 width: 100%; |
216 .dataviews-view-table .dataviews-view-table-header-button span:empty{ |
217 } |
217 display:none; |
218 @media (min-width: 782px) { |
218 } |
219 html.interface-interface-skeleton__html-container { |
219 .dataviews-view-table .dataviews-view-table-header{ |
220 position: initial; |
220 padding-right:4px; |
221 width: initial; |
221 } |
222 } |
222 .dataviews-view-table .dataviews-view-table__actions-column{ |
223 } |
223 width:1%; |
224 |
224 } |
225 .interface-interface-skeleton { |
225 .dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input{ |
226 display: flex; |
226 opacity:1; |
227 flex-direction: row; |
227 } |
228 height: auto; |
228 |
229 max-height: 100%; |
229 .dataviews-view-grid__primary-field,.dataviews-view-list__primary-field,.dataviews-view-table__primary-field{ |
230 position: fixed; |
230 color:#757575; |
231 top: 46px; |
231 display:block; |
232 right: 0; |
232 font-size:13px; |
233 left: 0; |
233 font-weight:500; |
234 bottom: 0; |
234 text-overflow:ellipsis; |
235 } |
235 white-space:nowrap; |
236 @media (min-width: 783px) { |
236 width:100%; |
237 .interface-interface-skeleton { |
237 } |
238 top: 32px; |
238 .dataviews-view-grid__primary-field a,.dataviews-view-list__primary-field a,.dataviews-view-table__primary-field a{ |
239 } |
239 color:#1e1e1e; |
240 .is-fullscreen-mode .interface-interface-skeleton { |
240 display:block; |
241 top: 0; |
241 flex-grow:0; |
242 } |
242 overflow:hidden; |
243 } |
243 text-decoration:none; |
244 |
244 text-overflow:ellipsis; |
245 .interface-interface-skeleton__editor { |
245 white-space:nowrap; |
246 display: flex; |
246 } |
247 flex-direction: column; |
247 .dataviews-view-grid__primary-field a:hover,.dataviews-view-list__primary-field a:hover,.dataviews-view-table__primary-field a:hover{ |
248 flex: 0 1 100%; |
248 color:var(--wp-admin-theme-color); |
249 overflow: hidden; |
249 } |
250 } |
250 .dataviews-view-grid__primary-field a:focus,.dataviews-view-list__primary-field a:focus,.dataviews-view-table__primary-field a:focus{ |
251 |
251 border-radius:2px; |
252 .interface-interface-skeleton { |
252 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); |
253 /* Set left position when auto-fold is not on the body element. */ |
253 color:var(--wp-admin-theme-color--rgb); |
254 right: 0; |
254 } |
255 } |
255 .dataviews-view-grid__primary-field button.components-button.is-link,.dataviews-view-list__primary-field button.components-button.is-link,.dataviews-view-table__primary-field button.components-button.is-link{ |
256 @media (min-width: 783px) { |
256 color:#1e1e1e; |
257 .interface-interface-skeleton { |
257 display:block; |
258 right: 160px; |
258 font-weight:inherit; |
259 } |
259 overflow:hidden; |
260 } |
260 text-decoration:none; |
261 |
261 text-overflow:ellipsis; |
262 .auto-fold .interface-interface-skeleton { |
262 white-space:nowrap; |
263 /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ |
263 width:100%; |
264 } |
264 } |
265 @media (min-width: 783px) { |
265 .dataviews-view-grid__primary-field button.components-button.is-link:hover,.dataviews-view-list__primary-field button.components-button.is-link:hover,.dataviews-view-table__primary-field button.components-button.is-link:hover{ |
266 .auto-fold .interface-interface-skeleton { |
266 color:var(--wp-admin-theme-color); |
267 right: 36px; |
267 } |
268 } |
268 |
269 } |
269 .dataviews-view-grid{ |
270 @media (min-width: 961px) { |
270 grid-template-columns:repeat(1, minmax(0, 1fr)) !important; |
271 .auto-fold .interface-interface-skeleton { |
271 grid-template-rows:max-content; |
272 right: 160px; |
272 margin-bottom:auto; |
273 } |
273 padding:0 48px 24px; |
274 } |
274 transition:padding .1s ease-out; |
275 |
275 } |
276 /* Sidebar manually collapsed. */ |
276 @media (prefers-reduced-motion:reduce){ |
277 .folded .interface-interface-skeleton { |
277 .dataviews-view-grid{ |
278 right: 0; |
278 transition-delay:0s; |
279 } |
279 transition-duration:0s; |
280 @media (min-width: 783px) { |
280 } |
281 .folded .interface-interface-skeleton { |
281 } |
282 right: 36px; |
282 @media (min-width:480px){ |
283 } |
283 .dataviews-view-grid{ |
284 } |
284 grid-template-columns:repeat(2, minmax(0, 1fr)) !important; |
285 |
285 } |
286 body.is-fullscreen-mode .interface-interface-skeleton { |
286 } |
287 right: 0 !important; |
287 @media (min-width:1080px){ |
288 } |
288 .dataviews-view-grid{ |
289 |
289 grid-template-columns:repeat(3, minmax(0, 1fr)) !important; |
290 .interface-interface-skeleton__body { |
290 } |
291 flex-grow: 1; |
291 } |
292 display: flex; |
292 @media (min-width:1440px){ |
293 overflow: auto; |
293 .dataviews-view-grid{ |
294 overscroll-behavior-y: none; |
294 grid-template-columns:repeat(4, minmax(0, 1fr)) !important; |
295 } |
295 } |
296 @media (min-width: 782px) { |
296 } |
297 .has-footer .interface-interface-skeleton__body { |
297 .dataviews-view-grid .dataviews-view-grid__card{ |
298 padding-bottom: 25px; |
298 height:100%; |
299 } |
299 justify-content:flex-start; |
300 } |
300 } |
301 |
301 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions{ |
302 .interface-interface-skeleton__content { |
302 padding:8px 0 4px; |
303 flex-grow: 1; |
303 } |
304 display: flex; |
304 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field{ |
305 flex-direction: column; |
305 min-height:32px; |
306 overflow: auto; |
306 } |
307 z-index: 20; |
307 .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{ |
308 } |
308 color:#1e1e1e; |
309 |
309 } |
310 .interface-interface-skeleton__secondary-sidebar, |
310 .dataviews-view-grid .dataviews-view-grid__card.is-selected .page-pages-preview-field__button:after{ |
311 .interface-interface-skeleton__sidebar { |
311 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
312 display: block; |
312 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
313 flex-shrink: 0; |
313 } |
314 position: absolute; |
314 .dataviews-view-grid .dataviews-view-grid__media{ |
315 z-index: 100000; |
315 aspect-ratio:1/1; |
316 top: 0; |
316 background-color:#f0f0f0; |
317 left: 0; |
317 border-radius:4px; |
318 bottom: 0; |
318 min-height:200px; |
319 right: 0; |
319 position:relative; |
320 background: #fff; |
320 width:100%; |
321 color: #1e1e1e; |
321 } |
322 } |
322 .dataviews-view-grid .dataviews-view-grid__media img{ |
323 @media (min-width: 782px) { |
323 height:100%; |
324 .interface-interface-skeleton__secondary-sidebar, |
324 object-fit:cover; |
325 .interface-interface-skeleton__sidebar { |
325 width:100%; |
326 position: relative !important; |
326 } |
327 z-index: 90; |
327 .dataviews-view-grid .dataviews-view-grid__media:after{ |
328 width: auto; |
328 border-radius:4px; |
329 } |
329 box-shadow:inset 0 0 0 1px #0000001a; |
330 } |
330 content:""; |
331 |
331 height:100%; |
332 .interface-interface-skeleton__sidebar { |
332 pointer-events:none; |
333 overflow: auto; |
333 position:absolute; |
334 } |
334 right:0; |
335 @media (min-width: 782px) { |
335 top:0; |
336 .interface-interface-skeleton__sidebar { |
336 width:100%; |
337 border-right: 1px solid #e0e0e0; |
337 } |
338 } |
338 .dataviews-view-grid .dataviews-view-grid__fields{ |
339 } |
339 font-size:12px; |
340 |
340 line-height:16px; |
341 @media (min-width: 782px) { |
341 position:relative; |
342 .interface-interface-skeleton__secondary-sidebar { |
342 } |
343 border-left: 1px solid #e0e0e0; |
343 .dataviews-view-grid .dataviews-view-grid__fields:not(:empty){ |
344 } |
344 padding:0 0 12px; |
345 } |
345 } |
346 |
346 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field{ |
347 .interface-interface-skeleton__header { |
347 align-items:flex-start; |
348 flex-shrink: 0; |
348 } |
349 height: auto; |
349 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column){ |
350 border-bottom: 1px solid #e0e0e0; |
350 align-items:center; |
351 z-index: 30; |
351 } |
352 color: #1e1e1e; |
352 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-name{ |
353 } |
353 width:35%; |
354 |
354 } |
355 .interface-interface-skeleton__footer { |
355 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-value{ |
356 height: auto; |
356 overflow:hidden; |
357 flex-shrink: 0; |
357 text-overflow:ellipsis; |
358 border-top: 1px solid #e0e0e0; |
358 white-space:nowrap; |
359 color: #1e1e1e; |
359 width:65%; |
360 position: absolute; |
360 } |
361 bottom: 0; |
361 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name{ |
362 right: 0; |
362 color:#757575; |
363 width: 100%; |
363 } |
364 background-color: #fff; |
364 .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty){ |
365 z-index: 90; |
365 padding-bottom:12px; |
366 display: none; |
366 } |
367 } |
367 .dataviews-view-grid .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value{ |
368 @media (min-width: 782px) { |
368 align-items:center; |
369 .interface-interface-skeleton__footer { |
369 background:#f0f0f0; |
370 display: flex; |
370 border-radius:2px; |
371 } |
371 display:flex; |
372 } |
372 font-size:12px; |
373 .interface-interface-skeleton__footer .block-editor-block-breadcrumb { |
373 min-height:24px; |
374 z-index: 30; |
374 padding:0 8px; |
375 display: flex; |
375 width:-moz-fit-content; |
376 background: #fff; |
376 width:fit-content; |
377 height: 24px; |
377 } |
378 align-items: center; |
378 |
379 font-size: 13px; |
379 .dataviews-view-list{ |
380 padding: 0 18px; |
380 margin:0 0 auto; |
381 } |
381 } |
382 |
382 .dataviews-view-list li{ |
383 .interface-interface-skeleton__actions { |
383 border-top:1px solid #f0f0f0; |
384 z-index: 100000; |
384 cursor:pointer; |
385 position: fixed !important; |
385 margin:0; |
386 top: -9999em; |
386 } |
387 bottom: auto; |
387 .dataviews-view-list li .dataviews-view-list__item-wrapper{ |
388 right: auto; |
388 border-radius:4px; |
389 left: 0; |
389 position:relative; |
390 width: 280px; |
390 } |
391 color: #1e1e1e; |
391 .dataviews-view-list li .dataviews-view-list__item-wrapper>*{ |
392 } |
392 width:100%; |
393 .interface-interface-skeleton__actions:focus { |
393 } |
394 top: auto; |
394 .dataviews-view-list li .dataviews-view-list__item-actions .components-button{ |
395 bottom: 0; |
395 left:0; |
396 } |
396 opacity:0; |
397 |
397 position:fixed; |
398 .interface-more-menu-dropdown { |
398 } |
399 margin-right: -4px; |
399 .dataviews-view-list li.is-hovered .dataviews-view-list__item-actions,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions{ |
400 } |
400 padding-left:32px; |
401 .interface-more-menu-dropdown .components-button { |
401 } |
402 width: auto; |
402 .dataviews-view-list li.is-hovered .dataviews-view-list__item-actions .components-button,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions .components-button,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions .components-button{ |
403 padding: 0 2px; |
403 opacity:1; |
404 } |
404 position:static; |
405 @media (min-width: 600px) { |
405 } |
406 .interface-more-menu-dropdown { |
406 .dataviews-view-list li.is-hovered .dataviews-view-list__item,.dataviews-view-list li.is-selected .dataviews-view-list__item,.dataviews-view-list li:focus-within .dataviews-view-list__item{ |
407 margin-right: 0; |
407 padding-left:0; |
408 } |
408 } |
409 .interface-more-menu-dropdown .components-button { |
409 .dataviews-view-list li:not(.is-selected) .dataviews-view-list__primary-field{ |
410 padding: 0 4px; |
410 color:#1e1e1e; |
411 } |
411 } |
412 } |
412 .dataviews-view-list li:not(.is-selected):focus-within,.dataviews-view-list li:not(.is-selected):hover{ |
413 |
413 background-color:#f8f8f8; |
414 .interface-more-menu-dropdown__content .components-popover__content { |
414 color:var(--wp-admin-theme-color); |
415 min-width: 280px; |
415 } |
416 } |
416 .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field{ |
417 @media (min-width: 480px) { |
417 color:var(--wp-admin-theme-color); |
418 .interface-more-menu-dropdown__content .components-popover__content { |
418 } |
419 width: auto; |
419 .dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper{ |
420 max-width: 480px; |
420 background-color:rgba(var(--wp-admin-theme-color--rgb), .04); |
421 } |
421 color:#1e1e1e; |
422 } |
422 } |
423 .interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { |
423 .dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field{ |
424 padding: 0; |
424 color:var(--wp-admin-theme-color); |
425 } |
425 } |
426 |
426 .dataviews-view-list .dataviews-view-list__item{ |
427 .components-popover.interface-more-menu-dropdown__content { |
427 padding:16px 24px 16px 0; |
428 z-index: 99998; |
428 scroll-margin:8px 0; |
429 } |
429 width:100%; |
430 |
430 } |
431 .interface-pinned-items { |
431 .dataviews-view-list .dataviews-view-list__item:focus-visible:before{ |
432 display: flex; |
432 border-radius:2px; |
433 } |
433 bottom:var(--wp-admin-border-width-focus); |
434 .interface-pinned-items .components-button:not(:first-child) { |
434 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
435 display: none; |
435 content:""; |
436 } |
436 left:var(--wp-admin-border-width-focus); |
437 @media (min-width: 600px) { |
437 position:absolute; |
438 .interface-pinned-items .components-button:not(:first-child) { |
438 right:var(--wp-admin-border-width-focus); |
439 display: flex; |
439 top:calc(var(--wp-admin-border-width-focus) + 1px); |
440 } |
440 } |
441 } |
441 .dataviews-view-list .dataviews-view-list__item .dataviews-view-list__primary-field{ |
442 .interface-pinned-items .components-button { |
442 line-height:20px; |
443 margin-right: 4px; |
443 min-height:20px; |
444 } |
444 overflow:hidden; |
445 .interface-pinned-items .components-button svg { |
445 } |
446 max-width: 24px; |
446 .dataviews-view-list .dataviews-view-list__media-wrapper{ |
447 max-height: 24px; |
447 background-color:#f0f0f0; |
448 } |
448 border-radius:4px; |
449 |
449 flex-shrink:0; |
450 @media (min-width: 600px) { |
450 height:40px; |
451 .interface-preferences-modal { |
451 overflow:hidden; |
452 width: calc(100% - 32px); |
452 position:relative; |
453 height: calc(100% - 120px); |
453 width:40px; |
454 } |
454 } |
455 } |
455 .dataviews-view-list .dataviews-view-list__media-wrapper img{ |
456 @media (min-width: 782px) { |
456 height:100%; |
457 .interface-preferences-modal { |
457 object-fit:cover; |
458 width: 750px; |
458 width:100%; |
459 } |
459 } |
460 } |
460 .dataviews-view-list .dataviews-view-list__media-wrapper:after{ |
461 @media (min-width: 960px) { |
461 border-radius:4px; |
462 .interface-preferences-modal { |
462 box-shadow:inset 0 0 0 1px #0000001a; |
463 height: 70%; |
463 content:""; |
464 } |
464 height:100%; |
465 } |
465 position:absolute; |
466 @media (max-width: 781px) { |
466 right:0; |
467 .interface-preferences-modal .components-modal__content { |
467 top:0; |
468 padding: 0; |
468 width:100%; |
469 } |
469 } |
470 .interface-preferences-modal .components-modal__content::before { |
470 .dataviews-view-list .dataviews-view-list__media-placeholder{ |
471 content: none; |
471 background-color:#e0e0e0; |
472 } |
472 height:32px; |
473 } |
473 min-width:32px; |
474 |
474 } |
475 .interface-preferences__tabs .components-tab-panel__tabs { |
475 .dataviews-view-list .dataviews-view-list__fields{ |
476 position: absolute; |
476 color:#757575; |
477 top: 84px; |
477 display:flex; |
478 right: 16px; |
478 flex-wrap:wrap; |
479 width: 160px; |
479 font-size:12px; |
480 } |
480 gap:8px; |
481 .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { |
481 } |
482 border-radius: 2px; |
482 .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty){ |
483 font-weight: 400; |
483 display:none; |
484 } |
484 } |
485 .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { |
485 .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value{ |
486 background: #f0f0f0; |
486 display:inline-flex; |
487 box-shadow: none; |
487 line-height:20px; |
488 font-weight: 500; |
488 } |
489 } |
489 .dataviews-view-list .dataviews-view-list__item-actions{ |
490 .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { |
490 padding-left:24px; |
491 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
491 } |
492 } |
492 .dataviews-view-list+.dataviews-pagination{ |
493 .interface-preferences__tabs .components-tab-panel__tab-content { |
493 justify-content:space-between; |
494 padding-right: 24px; |
494 } |
495 margin-right: 160px; |
495 |
496 } |
496 .dataviews-action-modal{ |
497 |
497 z-index:1000001; |
498 @media (max-width: 781px) { |
498 } |
499 .interface-preferences__provider { |
499 |
500 height: 100%; |
500 .dataviews-loading,.dataviews-no-results{ |
501 } |
501 align-items:center; |
502 } |
502 display:flex; |
503 .interface-preferences-modal__section { |
503 flex-grow:1; |
504 margin: 0 0 2.5rem 0; |
504 justify-content:center; |
505 } |
505 padding:0 48px; |
506 .interface-preferences-modal__section:last-child { |
506 transition:padding .1s ease-out; |
507 margin: 0; |
507 } |
508 } |
508 @media (prefers-reduced-motion:reduce){ |
509 |
509 .dataviews-loading,.dataviews-no-results{ |
510 .interface-preferences-modal__section-title { |
510 transition-delay:0s; |
511 font-size: 0.9rem; |
511 transition-duration:0s; |
512 font-weight: 600; |
512 } |
513 margin-top: 0; |
513 } |
514 } |
514 |
515 |
515 .dataviews-view-table-selection-checkbox{ |
516 .interface-preferences-modal__section-description { |
516 --checkbox-input-size:24px; |
517 margin: -8px 0 8px 0; |
517 flex-shrink:0; |
518 font-size: 12px; |
518 line-height:0; |
519 font-style: normal; |
519 } |
520 color: #757575; |
520 @media (min-width:600px){ |
521 } |
521 .dataviews-view-table-selection-checkbox{ |
522 |
522 --checkbox-input-size:16px; |
523 .interface-preferences-modal__option .components-base-control .components-base-control__field { |
523 } |
524 align-items: center; |
524 } |
525 display: flex; |
525 .dataviews-view-table-selection-checkbox .components-checkbox-control__input-container{ |
526 margin-bottom: 0; |
526 margin:0; |
527 } |
527 } |
528 .interface-preferences-modal__option .components-base-control .components-base-control__field > label { |
528 |
529 flex-grow: 1; |
529 .dataviews-filters__custom-menu-radio-item-prefix{ |
530 padding: 0.6rem 10px 0.6rem 0; |
530 display:block; |
531 } |
531 width:24px; |
532 .interface-preferences-modal__option .components-base-control__help { |
532 } |
533 margin: -8px 58px 8px 0; |
533 |
534 font-size: 12px; |
534 .dataviews-bulk-edit-button.components-button{ |
535 font-style: normal; |
535 flex-shrink:0; |
536 color: #757575; |
536 } |
537 } |
537 |
538 |
538 .dataviews-filter-summary__popover .components-popover__content{ |
539 .edit-site-block-editor__editor-styles-wrapper .components-button { |
539 border-radius:4px; |
540 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
540 padding:0; |
541 font-size: 13px; |
541 width:230px; |
542 padding: 6px 12px; |
542 } |
543 } |
543 |
544 .edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary, .edit-site-block-editor__editor-styles-wrapper .components-button.has-icon { |
544 .dataviews-search-widget-filter-combobox-list{ |
545 padding: 6px; |
545 border-top:1px solid #e0e0e0; |
546 } |
546 max-height:184px; |
547 |
547 overflow:auto; |
548 .edit-site-visual-editor { |
548 padding:4px; |
549 position: relative; |
549 } |
550 background-color: #2f2f2f; |
550 .dataviews-search-widget-filter-combobox-list .dataviews-search-widget-filter-combobox-item-value [data-user-value]{ |
551 align-items: center; |
551 font-weight:600; |
552 } |
552 } |
553 .edit-site-visual-editor.is-focus-mode { |
553 |
554 padding: 48px; |
554 .dataviews-search-widget-listbox{ |
555 } |
555 max-height:184px; |
556 .edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas { |
556 overflow:auto; |
557 border-radius: 2px; |
557 padding:4px; |
558 } |
558 } |
559 .edit-site-visual-editor.is-focus-mode .components-resizable-box__container { |
559 |
560 overflow: visible; |
560 .dataviews-search-widget-listitem{ |
561 } |
561 align-items:center; |
562 .edit-site-visual-editor .components-resizable-box__container { |
562 border-radius:2px; |
563 margin: 0 auto; |
563 box-sizing:border-box; |
564 overflow: auto; |
564 cursor:default; |
565 } |
565 display:flex; |
566 |
566 gap:8px; |
567 .edit-site-visual-editor__back-button { |
567 margin-block-end:2px; |
568 position: absolute; |
568 padding:8px 12px; |
569 top: 8px; |
569 } |
570 right: 8px; |
570 .dataviews-search-widget-listitem:last-child{ |
571 color: #fff; |
571 margin-block-end:0; |
572 } |
572 } |
573 .edit-site-visual-editor__back-button:active:not([aria-disabled=true]), .edit-site-visual-editor__back-button:focus:not([aria-disabled=true]), .edit-site-visual-editor__back-button:hover { |
573 .dataviews-search-widget-listitem:focus,.dataviews-search-widget-listitem:hover,.dataviews-search-widget-listitem[data-active-item]{ |
574 color: #f0f0f0; |
574 background-color:var(--wp-admin-theme-color); |
575 } |
575 color:#fff; |
576 |
576 } |
577 .resizable-editor__drag-handle { |
577 .dataviews-search-widget-listitem:focus .dataviews-search-widget-listitem-check,.dataviews-search-widget-listitem:hover .dataviews-search-widget-listitem-check,.dataviews-search-widget-listitem[data-active-item] .dataviews-search-widget-listitem-check{ |
578 position: absolute; |
578 fill:#fff; |
579 top: 0; |
579 } |
580 bottom: 0; |
580 .dataviews-search-widget-listitem:focus .dataviews-search-widget-listitem-description,.dataviews-search-widget-listitem:hover .dataviews-search-widget-listitem-description,.dataviews-search-widget-listitem[data-active-item] .dataviews-search-widget-listitem-description{ |
581 padding: 0; |
581 color:#fff; |
582 margin: auto 0; |
582 } |
583 width: 4px; |
583 .dataviews-search-widget-listitem .dataviews-search-widget-listitem-check{ |
584 height: 100px; |
584 flex-shrink:0; |
585 -webkit-appearance: none; |
585 height:24px; |
586 appearance: none; |
586 width:24px; |
587 cursor: ew-resize; |
587 } |
588 outline: none; |
588 .dataviews-search-widget-listitem .dataviews-search-widget-listitem-description{ |
589 background: #949494; |
589 color:#757575; |
590 border-radius: 2px; |
590 display:block; |
591 border: 0; |
591 font-size:12px; |
592 } |
592 line-height:16px; |
593 .resizable-editor__drag-handle.is-left { |
593 overflow:hidden; |
594 right: -16px; |
594 text-overflow:ellipsis; |
595 } |
595 } |
596 .resizable-editor__drag-handle.is-right { |
596 |
597 left: -16px; |
597 .dataviews-search-widget-filter-combobox__wrapper{ |
598 } |
598 padding:8px; |
599 .resizable-editor__drag-handle:hover, .resizable-editor__drag-handle:active { |
599 position:relative; |
600 background: #ccc; |
600 } |
601 } |
601 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
602 .resizable-editor__drag-handle:focus { |
602 background:#f0f0f0; |
603 box-shadow: 0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); |
603 border:none; |
604 } |
604 border-radius:2px; |
605 |
605 box-shadow:0 0 0 #0000; |
606 .edit-site-code-editor { |
606 display:block; |
607 position: relative; |
607 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
608 width: 100%; |
608 font-size:16px; |
609 background-color: #fff; |
609 height:32px; |
610 flex-grow: 1; |
610 line-height:normal; |
611 } |
611 margin-left:0; |
612 .edit-site-code-editor__body { |
612 margin-right:0; |
613 width: 100%; |
613 padding:0 8px 0 32px; |
614 padding: 0 12px 12px 12px; |
614 transition:box-shadow .1s linear; |
615 max-width: 1080px; |
615 width:100%; |
616 margin-right: auto; |
616 } |
617 margin-left: auto; |
617 @media (prefers-reduced-motion:reduce){ |
618 } |
618 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
619 @media (min-width: 960px) { |
619 transition-delay:0s; |
620 .edit-site-code-editor__body { |
620 transition-duration:0s; |
621 padding: 16px 24px 96px 24px; |
621 } |
622 padding: 0 24px 24px 24px; |
622 } |
623 } |
623 @media (min-width:600px){ |
624 } |
624 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
625 .edit-site-code-editor__toolbar { |
625 font-size:13px; |
626 position: sticky; |
626 line-height:normal; |
627 z-index: 1; |
627 } |
628 top: 0; |
628 } |
629 right: 0; |
629 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:focus{ |
630 left: 0; |
630 border-color:var(--wp-admin-theme-color); |
631 display: flex; |
631 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
632 background: rgba(255, 255, 255, 0.8); |
632 outline:2px solid #0000; |
633 padding: 4px 12px; |
633 } |
634 } |
634 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-input-placeholder{ |
635 @media (min-width: 600px) { |
635 color:#1e1e1e9e; |
636 .edit-site-code-editor__toolbar { |
636 } |
637 padding: 12px; |
637 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-moz-placeholder{ |
638 } |
638 color:#1e1e1e9e; |
639 } |
639 opacity:1; |
640 @media (min-width: 960px) { |
640 } |
641 .edit-site-code-editor__toolbar { |
641 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:-ms-input-placeholder{ |
642 padding: 12px 24px; |
642 color:#1e1e1e9e; |
643 } |
643 } |
644 } |
644 @media (min-width:600px){ |
645 .edit-site-code-editor__toolbar h2 { |
645 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
646 line-height: 36px; |
646 font-size:13px; |
647 margin: 0 0 0 auto; |
647 } |
648 font-size: 13px; |
648 } |
649 color: #1e1e1e; |
649 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:focus{ |
650 } |
650 background:#fff; |
651 .edit-site-code-editor__toolbar .components-button svg { |
651 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
652 order: 1; |
652 } |
653 } |
653 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::placeholder{ |
654 |
654 color:#757575; |
655 textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { |
655 } |
656 border: 1px solid #949494; |
656 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-cancel-button,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-decoration,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-results-button,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-results-decoration{ |
657 border-radius: 0; |
657 -webkit-appearance:none; |
658 display: block; |
658 } |
659 margin: 0; |
659 .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__icon{ |
660 width: 100%; |
660 align-items:center; |
661 box-shadow: none; |
661 display:flex; |
662 resize: none; |
662 justify-content:center; |
663 overflow: hidden; |
663 left:12px; |
664 font-family: Menlo, Consolas, monaco, monospace; |
664 position:absolute; |
665 line-height: 2.4; |
665 top:50%; |
666 min-height: 200px; |
666 transform:translateY(-50%); |
667 transition: border 0.1s ease-out, box-shadow 0.1s linear; |
667 width:24px; |
668 padding: 16px; |
668 } |
669 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
669 |
670 font-size: 16px !important; |
670 .dataviews-filter-summary__operators-container{ |
671 } |
671 padding:8px 8px 0; |
672 @media (prefers-reduced-motion: reduce) { |
672 } |
673 textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { |
673 .dataviews-filter-summary__operators-container:has(+.dataviews-search-widget-listbox){ |
674 transition-duration: 0s; |
674 border-bottom:1px solid #e0e0e0; |
675 transition-delay: 0s; |
675 padding-bottom:8px; |
676 } |
676 } |
677 } |
677 .dataviews-filter-summary__operators-container:empty{ |
678 @media (min-width: 600px) { |
678 display:none; |
679 textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { |
679 } |
680 padding: 24px; |
680 .dataviews-filter-summary__operators-container .dataviews-filter-summary__operators-filter-name{ |
681 } |
681 color:#757575; |
682 } |
682 } |
683 @media (min-width: 600px) { |
683 |
684 textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { |
684 .dataviews-filter-summary__chip-container{ |
685 font-size: 15px !important; |
685 position:relative; |
686 } |
686 white-space:pre-wrap; |
687 } |
687 } |
688 textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus { |
688 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip{ |
689 border-color: var(--wp-admin-theme-color); |
689 align-items:center; |
690 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
690 background:#f0f0f0; |
691 position: relative; |
691 border:1px solid #0000; |
692 } |
692 border-radius:16px; |
693 textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder { |
693 color:#2f2f2f; |
694 color: rgba(30, 30, 30, 0.62); |
694 cursor:pointer; |
695 } |
695 display:flex; |
696 textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder { |
696 height:32px; |
697 color: rgba(30, 30, 30, 0.62); |
697 padding:0 12px; |
698 opacity: 1; |
698 position:relative; |
699 } |
699 } |
700 textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder { |
700 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-reset{ |
701 color: rgba(30, 30, 30, 0.62); |
701 padding-inline-end:28px; |
702 } |
702 } |
703 |
703 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:focus-visible,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:hover,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip[aria-expanded=true]{ |
704 .edit-site-global-styles-preview { |
704 background:#e0e0e0; |
705 display: flex; |
705 color:#1e1e1e; |
706 align-items: center; |
706 } |
707 justify-content: center; |
707 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values{ |
708 line-height: 1; |
708 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
709 cursor: pointer; |
709 color:var(--wp-admin-theme-color); |
710 } |
710 } |
711 |
711 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values:hover,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values[aria-expanded=true]{ |
712 .edit-site-global-styles-preview__iframe { |
712 background:rgba(var(--wp-admin-theme-color--rgb), .12); |
713 max-width: 100%; |
713 } |
714 display: block; |
714 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:focus-visible{ |
715 } |
715 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
716 |
716 outline:none; |
717 .edit-site-typography-panel__preview { |
717 } |
718 display: flex; |
718 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip .dataviews-filter-summary__filter-text-name{ |
719 align-items: center; |
719 font-weight:500; |
720 justify-content: center; |
720 } |
721 min-height: 100px; |
721 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove{ |
722 margin-bottom: 16px; |
722 align-items:center; |
723 background: #f0f0f0; |
723 background:#0000; |
724 border-radius: 2px; |
724 border:0; |
725 } |
725 border-radius:50%; |
726 |
726 cursor:pointer; |
727 .edit-site-global-styles-screen-typography { |
727 display:flex; |
728 margin: 16px; |
728 height:24px; |
729 } |
729 justify-content:center; |
730 |
730 left:4px; |
731 .edit-site-global-styles-screen-typography__indicator { |
731 padding:0; |
732 height: 24px; |
732 position:absolute; |
733 width: 24px; |
733 top:50%; |
734 font-size: 14px; |
734 transform:translateY(-50%); |
735 display: flex !important; |
735 width:24px; |
736 align-items: center; |
736 } |
737 justify-content: center; |
737 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove svg{ |
738 border-radius: 2px; |
738 fill:#757575; |
739 } |
739 } |
740 |
740 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:hover{ |
741 .edit-site-global-styles-screen-colors { |
741 background:#e0e0e0; |
742 margin: 16px; |
742 } |
743 } |
743 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus svg,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:hover svg{ |
744 .edit-site-global-styles-screen-colors .component-color-indicator { |
744 fill:#1e1e1e; |
745 background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); |
745 } |
746 } |
746 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove.has-values svg{ |
747 |
747 fill:var(--wp-admin-theme-color); |
748 .edit-site-global-styles-header__description, |
748 } |
749 .edit-site-block-types-search { |
749 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove.has-values:hover{ |
750 padding: 0 16px; |
750 background:rgba(var(--wp-admin-theme-color--rgb), .08); |
751 } |
751 } |
752 |
752 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus-visible{ |
753 .edit-site-global-styles-subtitle { |
753 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
754 margin-bottom: 0 !important; |
754 outline:none; |
755 text-transform: uppercase; |
755 } |
756 font-weight: 500 !important; |
756 @container (max-width: 430px){ |
757 font-size: 11px !important; |
757 .dataviews-filters__view-actions,.dataviews-pagination{ |
758 } |
758 padding:12px 24px; |
759 |
759 } |
760 .edit-site-screen-color-palette-toggle.edit-site-screen-color-palette-toggle { |
760 |
761 margin-left: 16px; |
761 .dataviews-filters__view-actions .components-search-control .components-base-control__field{ |
762 margin-right: 16px; |
762 max-width:112px; |
763 width: unset; |
763 } |
764 } |
764 |
765 .edit-site-screen-color-palette-toggle.edit-site-screen-color-palette-toggle .components-toggle-group-control { |
765 .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ |
766 min-height: 32px; |
766 padding-right:24px; |
767 } |
767 } |
768 |
768 |
769 .edit-site-screen-text-color__control, |
769 .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ |
770 .edit-site-screen-link-color__control, |
770 padding-left:24px; |
771 .edit-site-screen-background-color__control { |
771 } |
772 padding: 16px; |
772 |
773 } |
773 .dataviews-loading,.dataviews-no-results,.dataviews-view-grid{ |
774 |
774 padding-left:24px; |
775 .edit-site-global-styles-variations_item { |
775 padding-right:24px; |
776 box-sizing: border-box; |
776 } |
777 } |
777 } |
778 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview { |
778 .dataviews-bulk-actions-toolbar-wrapper{ |
779 padding: 2px; |
779 display:flex; |
780 border-radius: 2px; |
780 flex-grow:1; |
781 border: #e0e0e0 1px solid; |
781 width:100%; |
782 } |
782 } |
783 .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview { |
783 .dataviews-bulk-actions-toolbar-wrapper .components-toolbar-group{ |
784 border: #1e1e1e 1px solid; |
784 align-items:center; |
785 } |
785 } |
786 .edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview { |
786 .dataviews-bulk-actions-toolbar-wrapper .components-button.is-busy{ |
787 border: var(--wp-admin-theme-color) 1px solid; |
787 max-height:36px; |
788 } |
788 } |
789 .edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview { |
789 |
790 border: var(--wp-admin-theme-color) 1px solid; |
790 .dataviews-bulk-actions{ |
791 } |
791 align-content:center; |
792 |
792 bottom:24px; |
793 .edit-site-global-styles-icon-with-current-color { |
793 display:flex; |
794 fill: currentColor; |
794 flex-direction:column; |
795 } |
795 flex-wrap:wrap; |
796 |
796 margin-left:auto; |
797 .edit-site-global-styles__color-indicator-wrapper { |
797 margin-right:auto; |
798 height: 24px; |
798 position:sticky; |
799 } |
799 width:-moz-fit-content; |
800 |
800 width:fit-content; |
801 .edit-site-header { |
801 z-index:2; |
802 align-items: center; |
802 } |
803 background-color: #fff; |
803 .dataviews-bulk-actions .components-accessible-toolbar{ |
804 display: flex; |
804 border-color:#ddd; |
805 height: 60px; |
805 box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; |
806 box-sizing: border-box; |
806 } |
807 width: 100%; |
807 .dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group{ |
808 justify-content: space-between; |
808 border-color:#e0e0e0; |
809 } |
809 } |
810 body.is-fullscreen-mode .edit-site-header { |
810 .dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group:last-child{ |
811 padding-right: 60px; |
811 border:0; |
812 transition: padding-right 20ms linear; |
812 } |
813 transition-delay: 80ms; |
813 .dataviews-bulk-actions .dataviews-bulk-actions__selection-count{ |
814 } |
814 align-items:center; |
815 @media (prefers-reduced-motion: reduce) { |
815 display:flex; |
816 body.is-fullscreen-mode .edit-site-header { |
816 margin:0 8px; |
817 transition-duration: 0s; |
817 } |
818 transition-delay: 0s; |
818 |
819 } |
819 .edit-site-custom-template-modal__contents-wrapper{ |
820 } |
820 height:100%; |
821 .edit-site-header .edit-site-header_start, |
821 justify-content:flex-start !important; |
822 .edit-site-header .edit-site-header_end { |
822 } |
823 display: flex; |
823 .edit-site-custom-template-modal__contents-wrapper>*{ |
824 } |
824 width:100%; |
825 .edit-site-header .edit-site-header_center { |
825 } |
826 display: flex; |
826 .edit-site-custom-template-modal__contents-wrapper__suggestions_list{ |
827 align-items: center; |
827 margin-left:-12px; |
828 height: 100%; |
828 margin-right:-12px; |
829 flex-grow: 1; |
829 width:calc(100% + 24px); |
830 justify-content: center; |
830 } |
831 min-width: 0; |
831 .edit-site-custom-template-modal__contents>.components-button{ |
832 } |
832 height:auto; |
833 .edit-site-header .edit-site-header_end { |
833 justify-content:center; |
834 justify-content: flex-end; |
834 } |
835 } |
835 @media (min-width:782px){ |
836 |
836 .edit-site-custom-template-modal{ |
837 body.is-navigation-sidebar-open .edit-site-header { |
837 width:456px; |
838 padding-right: 0; |
838 } |
839 transition: padding-right 20ms linear; |
839 } |
840 transition-delay: 0ms; |
840 @media (min-width:600px){ |
841 } |
841 .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list{ |
842 @media (prefers-reduced-motion: reduce) { |
842 max-height:224px; |
843 body.is-navigation-sidebar-open .edit-site-header { |
843 overflow-y:auto; |
844 transition-duration: 0s; |
844 } |
845 transition-delay: 0s; |
845 } |
846 } |
846 .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item{ |
847 } |
847 display:block; |
848 |
848 height:auto; |
849 @media (max-width: 959px) { |
849 overflow-wrap:break-word; |
850 body.is-navigation-sidebar-open .edit-site-header .edit-site-header-toolbar__inserter-toggle ~ .components-button, |
850 padding:8px 12px; |
851 body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .components-button:not(.is-primary) { |
851 text-align:right; |
852 display: none; |
852 white-space:pre-wrap; |
853 } |
853 width:100%; |
854 body.is-navigation-sidebar-open .edit-site-header .edit-site-save-button__button { |
854 } |
855 margin-left: 0; |
855 .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item mark{ |
856 } |
856 background:none; |
857 } |
857 font-weight:700; |
858 .edit-site-header__toolbar { |
858 } |
859 display: flex; |
859 .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover{ |
860 align-items: center; |
860 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
861 padding-right: 8px; |
861 } |
862 } |
862 .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover *,.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover mark{ |
863 @media (min-width: 600px) { |
863 color:var(--wp-admin-theme-color); |
864 .edit-site-header__toolbar { |
864 } |
865 padding-right: 24px; |
865 .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus{ |
866 } |
866 background-color:#f0f0f0; |
867 } |
867 } |
868 @media (min-width: 1280px) { |
868 .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled){ |
869 .edit-site-header__toolbar { |
869 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; |
870 padding-left: 8px; |
870 } |
871 } |
871 .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__info,.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__title{ |
872 } |
872 display:block; |
873 .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle { |
873 overflow:hidden; |
874 margin-left: 8px; |
874 text-overflow:ellipsis; |
875 min-width: 32px; |
875 } |
876 width: 32px; |
876 .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__info{ |
877 height: 32px; |
877 color:#757575; |
878 padding: 0; |
878 word-break:break-all; |
879 } |
879 } |
880 .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg { |
880 |
881 transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; |
881 .edit-site-custom-template-modal__no-results{ |
882 } |
882 border:1px solid #ccc; |
883 @media (prefers-reduced-motion: reduce) { |
883 border-radius:2px; |
884 .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg { |
884 padding:16px; |
885 transition-duration: 0s; |
885 } |
886 transition-delay: 0s; |
886 |
887 } |
887 .edit-site-custom-generic-template__modal .components-modal__header{ |
888 } |
888 border-bottom:none; |
889 .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle.is-pressed svg { |
889 } |
890 transform: rotate(-45deg); |
890 .edit-site-custom-generic-template__modal .components-modal__content:before{ |
891 } |
891 margin-bottom:4px; |
892 |
892 } |
893 .edit-site-header__toolbar-switchers { |
893 |
894 align-items: center; |
894 .edit-site-add-new-template__modal{ |
895 display: flex; |
895 margin-top:64px; |
896 } |
896 max-height:calc(100% - 128px); |
897 |
897 max-width:832px; |
898 .edit-site-header__toolbar-switchers-separator { |
898 width:calc(100% - 64px); |
899 margin: 0 -6px 0; |
899 } |
900 } |
900 @media (min-width:960px){ |
901 |
901 .edit-site-add-new-template__modal{ |
902 /** |
902 width:calc(100% - 128px); |
903 * Buttons in the Toolbar |
903 } |
904 */ |
904 } |
905 .edit-site-header__actions { |
905 .edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button svg,.edit-site-add-new-template__modal .edit-site-add-new-template__template-button svg{ |
906 display: inline-flex; |
906 fill:var(--wp-admin-theme-color); |
907 align-items: center; |
907 } |
908 padding-left: 4px; |
908 .edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button .edit-site-add-new-template__template-name{ |
909 } |
909 align-items:flex-start; |
910 .edit-site-header__actions .interface-pinned-items { |
910 flex-grow:1; |
911 display: none; |
911 } |
912 } |
912 .edit-site-add-new-template__modal .edit-site-add-new-template__template-icon{ |
913 @media (min-width: 782px) { |
913 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
914 .edit-site-header__actions .interface-pinned-items { |
914 border-radius:100%; |
915 display: inline-flex; |
915 max-height:40px; |
916 } |
916 max-width:40px; |
917 } |
917 padding:8px; |
918 .edit-site-header__actions .editor-post-saved-state, |
918 } |
919 .edit-site-header__actions .components-button.components-button { |
919 |
920 margin-left: 4px; |
920 .edit-site-add-new-template__template-list__contents>.components-button,.edit-site-custom-template-modal__contents>.components-button{ |
921 } |
921 border:1px solid #ddd; |
922 @media (min-width: 600px) { |
922 border-radius:2px; |
923 .edit-site-header__actions .editor-post-saved-state, |
923 display:flex; |
924 .edit-site-header__actions .components-button.components-button { |
924 flex-direction:column; |
925 margin-left: 12px; |
925 justify-content:center; |
926 } |
926 outline:1px solid #0000; |
927 } |
927 padding:32px; |
928 .edit-site-header__actions .editor-post-saved-state, |
928 } |
929 .edit-site-header__actions .components-button.is-tertiary { |
929 .edit-site-add-new-template__template-list__contents>.components-button span:first-child,.edit-site-custom-template-modal__contents>.components-button span:first-child{ |
930 padding: 0 6px; |
930 color:#1e1e1e; |
931 } |
931 } |
932 .edit-site-header__actions .edit-site-more-menu .components-button, |
932 .edit-site-add-new-template__template-list__contents>.components-button span,.edit-site-custom-template-modal__contents>.components-button span{ |
933 .edit-site-header__actions .interface-pinned-items .components-button { |
933 color:#757575; |
934 margin-left: 0; |
934 } |
935 } |
935 .edit-site-add-new-template__template-list__contents>.components-button:hover,.edit-site-custom-template-modal__contents>.components-button:hover{ |
936 @media (min-width: 600px) { |
936 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
937 .edit-site-header__actions { |
937 border-color:#0000; |
938 padding-left: 16px; |
938 color:var(--wp-admin-theme-color-darker-10); |
939 } |
939 } |
940 } |
940 .edit-site-add-new-template__template-list__contents>.components-button:hover span,.edit-site-custom-template-modal__contents>.components-button:hover span{ |
941 |
941 color:var(--wp-admin-theme-color); |
942 .edit-site-header__actions-more-menu { |
942 } |
943 margin-right: -4px; |
943 .edit-site-add-new-template__template-list__contents>.components-button:focus,.edit-site-custom-template-modal__contents>.components-button:focus{ |
944 } |
944 border-color:#0000; |
945 .edit-site-header__actions-more-menu .components-icon-button { |
945 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
946 padding: 8px 2px; |
946 outline:3px solid #0000; |
947 width: auto; |
947 } |
948 } |
948 .edit-site-add-new-template__template-list__contents>.components-button:focus span:first-child,.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{ |
949 @media (min-width: 600px) { |
949 color:var(--wp-admin-theme-color); |
950 .edit-site-header__actions-more-menu { |
950 } |
951 margin-right: 4px; |
951 .edit-site-add-new-template__template-list__contents .edit-site-add-new-template__custom-template-button,.edit-site-add-new-template__template-list__contents .edit-site-add-new-template__template-list__prompt,.edit-site-custom-template-modal__contents .edit-site-add-new-template__custom-template-button,.edit-site-custom-template-modal__contents .edit-site-add-new-template__template-list__prompt{ |
952 } |
952 grid-column-end:4; |
953 .edit-site-header__actions-more-menu .components-icon-button { |
953 grid-column-start:1; |
954 padding: 8px 4px; |
954 } |
955 } |
955 |
956 } |
956 .edit-site-add-new-template__template-list__contents>.components-button{ |
957 |
957 align-items:flex-start; |
958 .show-icon-labels .edit-site-header .components-button.has-icon { |
958 height:100%; |
959 width: auto; |
959 text-align:start; |
960 } |
960 } |
961 .show-icon-labels .edit-site-header .components-button.has-icon svg { |
961 |
962 display: none; |
962 .edit-site-visual-editor__editor-canvas.is-focused{ |
963 } |
963 outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color); |
964 .show-icon-labels .edit-site-header .components-button.has-icon::after { |
964 outline-offset:calc(var(--wp-admin-border-width-focus)*-2); |
965 content: attr(aria-label); |
965 } |
966 } |
966 |
967 .show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true] { |
967 .edit-site-canvas-loader{ |
968 background-color: transparent; |
968 align-items:center; |
969 } |
969 animation:edit-site-canvas-loader__fade-in-animation .5s ease .2s; |
970 .show-icon-labels .edit-site-header .is-tertiary:active { |
970 animation-fill-mode:forwards; |
971 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); |
971 display:flex; |
972 background-color: transparent; |
972 height:100%; |
973 } |
973 justify-content:center; |
974 .show-icon-labels .edit-site-header .edit-site-save-button__button { |
974 opacity:0; |
975 padding-right: 6px; |
975 position:absolute; |
976 padding-left: 6px; |
976 right:0; |
977 margin-left: 4px; |
977 top:0; |
978 } |
978 width:100%; |
979 .show-icon-labels .edit-site-header .block-editor-post-preview__button-toggle { |
979 } |
980 margin-left: 4px; |
980 @media (prefers-reduced-motion:reduce){ |
981 } |
981 .edit-site-canvas-loader{ |
982 .show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle, |
982 animation-delay:0s; |
983 .show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info { |
983 animation-duration:1ms; |
984 height: 36px; |
984 } |
985 padding: 0 6px; |
985 } |
986 } |
986 .edit-site-canvas-loader>div{ |
987 .show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle::after, |
987 width:160px; |
988 .show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info::after { |
988 } |
989 content: none; |
989 |
990 } |
990 @keyframes edit-site-canvas-loader__fade-in-animation{ |
991 |
991 0%{ |
992 .edit-site-document-actions { |
992 opacity:0; |
993 display: flex; |
993 } |
994 flex-direction: column; |
994 to{ |
995 justify-content: center; |
995 opacity:1; |
996 padding: 0 8px; |
996 } |
997 height: 100%; |
997 } |
998 min-width: 0; |
998 .edit-site-global-styles-preview{ |
999 } |
999 align-items:center; |
1000 .edit-site-document-actions .edit-site-document-actions__title-wrapper { |
1000 cursor:pointer; |
1001 display: flex; |
1001 display:flex; |
1002 flex-direction: row; |
1002 justify-content:center; |
1003 justify-content: center; |
1003 line-height:1; |
1004 align-items: center; |
1004 } |
1005 min-width: 0; |
1005 |
1006 } |
1006 .edit-site-global-styles-preview__iframe{ |
1007 .edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown { |
1007 display:block; |
1008 display: inline-flex; |
1008 max-width:100%; |
1009 margin-right: 4px; |
1009 width:100%; |
1010 } |
1010 } |
1011 .edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button { |
1011 |
1012 min-width: 0; |
1012 .edit-site-typography-preview{ |
1013 padding: 0; |
1013 align-items:center; |
1014 } |
1014 background:#f0f0f0; |
1015 .edit-site-document-actions .edit-site-document-actions__title-wrapper > h1 { |
1015 border-radius:2px; |
1016 margin: 0; |
1016 display:flex; |
1017 min-width: 0; |
1017 justify-content:center; |
1018 } |
1018 margin-bottom:16px; |
1019 .edit-site-document-actions .edit-site-document-actions__title { |
1019 min-height:100px; |
1020 white-space: nowrap; |
1020 overflow:hidden; |
1021 overflow: hidden; |
1021 } |
1022 text-overflow: ellipsis; |
1022 |
1023 } |
1023 .edit-site-typography-panel__full-width-control{ |
1024 .edit-site-document-actions .edit-site-document-actions__secondary-item { |
1024 grid-column:1 / -1; |
1025 white-space: nowrap; |
1025 max-width:100%; |
1026 overflow: hidden; |
1026 } |
1027 text-overflow: ellipsis; |
1027 |
1028 max-width: 0; |
1028 .edit-site-global-styles-screen{ |
1029 opacity: 0; |
1029 margin:12px 16px 16px; |
1030 padding: 0; |
1030 } |
1031 transition: all ease 0.2s; |
1031 |
1032 background: #e0e0e0; |
1032 .edit-site-global-styles-screen-typography__indicator{ |
1033 border-radius: 2px; |
1033 align-items:center; |
1034 } |
1034 border-radius:2px; |
1035 @media (prefers-reduced-motion: reduce) { |
1035 display:flex !important; |
1036 .edit-site-document-actions .edit-site-document-actions__secondary-item { |
1036 font-size:14px; |
1037 transition-duration: 0s; |
1037 height:24px; |
1038 transition-delay: 0s; |
1038 justify-content:center; |
1039 } |
1039 width:24px; |
1040 } |
1040 } |
1041 .edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item { |
1041 |
1042 opacity: 1; |
1042 .edit-site-global-styles-screen-typography__font-variants-count{ |
1043 padding: 0 4px; |
1043 color:#757575; |
1044 max-width: 180px; |
1044 } |
1045 margin-right: 6px; |
1045 |
1046 } |
1046 .edit-site-global-styles-font-families__add-fonts{ |
1047 |
1047 justify-content:center; |
1048 .edit-site-document-actions__info-dropdown > .components-popover__content > div { |
1048 } |
1049 padding: 0; |
1049 |
1050 min-width: 240px; |
1050 .edit-site-global-styles-screen .color-block-support-panel{ |
1051 } |
1051 border-top:none; |
1052 |
1052 padding-left:0; |
1053 .edit-site-navigation-toggle { |
1053 padding-right:0; |
1054 align-items: center; |
1054 padding-top:0; |
1055 background: #1e1e1e; |
1055 row-gap:12px; |
1056 border-radius: 0; |
1056 } |
1057 display: flex; |
1057 |
1058 position: absolute; |
1058 .edit-site-global-styles-header__description{ |
1059 z-index: 31; |
1059 padding:0 16px; |
1060 height: 60px; |
1060 } |
1061 width: 60px; |
1061 |
1062 } |
1062 .edit-site-block-types-search{ |
1063 |
1063 margin-bottom:8px; |
1064 .edit-site-navigation-toggle__button.components-button { |
1064 padding:0 16px; |
1065 align-items: center; |
1065 } |
1066 background: #1e1e1e; |
1066 |
1067 border-radius: 0; |
1067 .edit-site-global-styles-header{ |
1068 color: #fff; |
1068 margin-bottom:0 !important; |
1069 height: 61px; |
1069 } |
1070 width: 60px; |
1070 |
1071 z-index: 1; |
1071 .edit-site-global-styles-subtitle{ |
1072 margin-bottom: -1px; |
1072 font-size:11px !important; |
1073 min-width: 60px; |
1073 font-weight:500 !important; |
1074 } |
1074 margin-bottom:0 !important; |
1075 .edit-site-navigation-toggle__button.components-button:hover, .edit-site-navigation-toggle__button.components-button:active { |
1075 text-transform:uppercase; |
1076 color: #fff; |
1076 } |
1077 } |
1077 |
1078 .edit-site-navigation-toggle__button.components-button:focus { |
1078 .edit-site-global-styles-section-title{ |
1079 box-shadow: none; |
1079 color:#2f2f2f; |
1080 } |
1080 font-weight:600; |
1081 .edit-site-navigation-toggle__button.components-button::before { |
1081 line-height:1.2; |
1082 transition: box-shadow 0.1s ease; |
1082 margin:0; |
1083 content: ""; |
1083 padding:16px 16px 0; |
1084 display: block; |
1084 } |
1085 position: absolute; |
1085 |
1086 top: 9px; |
1086 .edit-site-global-styles-icon-with-current-color{ |
1087 left: 9px; |
1087 fill:currentColor; |
1088 bottom: 9px; |
1088 } |
1089 right: 9px; |
1089 |
1090 border-radius: 4px; |
1090 .edit-site-global-styles__color-indicator-wrapper{ |
1091 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; |
1091 flex-shrink:0; |
1092 } |
1092 height:24px; |
1093 @media (prefers-reduced-motion: reduce) { |
1093 } |
1094 .edit-site-navigation-toggle__button.components-button::before { |
1094 |
1095 transition-duration: 0s; |
1095 .edit-site-global-styles__shadows-panel__options-container,.edit-site-global-styles__shadows-panel__title{ |
1096 transition-delay: 0s; |
1096 height:24px; |
1097 } |
1097 } |
1098 } |
1098 |
1099 .edit-site-navigation-toggle__button.components-button:hover::before { |
1099 .edit-site-global-styles__block-preview-panel{ |
1100 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; |
1100 border:1px solid #e0e0e0; |
1101 } |
1101 border-radius:2px; |
1102 .edit-site-navigation-toggle__button.components-button.has-icon:hover::before { |
1102 overflow:auto; |
1103 box-shadow: none; |
1103 position:relative; |
1104 } |
1104 width:100%; |
1105 .edit-site-navigation-toggle__button.components-button:focus::before { |
1105 } |
1106 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1106 |
1107 } |
1107 .edit-site-global-styles__shadow-preview-panel{ |
1108 .edit-site-navigation-toggle__button.components-button .edit-site-navigation-toggle__site-icon { |
1108 background-image:repeating-linear-gradient(-45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5), repeating-linear-gradient(-45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5); |
1109 width: 36px; |
1109 background-position:100% 0, right 8px top 8px; |
1110 height: 36px; |
1110 background-size:16px 16px; |
1111 border-radius: 2px; |
1111 border:1px solid #e0e0e0; |
1112 -o-object-fit: cover; |
1112 border-radius:2px; |
1113 object-fit: cover; |
1113 height:150px; |
1114 margin-top: -1px; |
1114 overflow:auto; |
1115 } |
1115 } |
1116 |
1116 .edit-site-global-styles__shadow-preview-panel .edit-site-global-styles__shadow-preview-block{ |
1117 .edit-site-navigation-panel { |
1117 background-color:#fff; |
1118 height: 100%; |
1118 border:1px solid #e0e0e0; |
1119 position: relative; |
1119 border-radius:2px; |
1120 width: 0; |
1120 height:60px; |
1121 overflow: hidden; |
1121 width:60%; |
1122 background: #1e1e1e; |
1122 } |
1123 color: #fff; |
1123 |
1124 transition: width 100ms linear; |
1124 .edit-site-global-styles__shadow-editor-panel{ |
1125 } |
1125 margin-bottom:4px; |
1126 @media (prefers-reduced-motion: reduce) { |
1126 padding:16px; |
1127 .edit-site-navigation-panel { |
1127 width:280px; |
1128 transition-duration: 0s; |
1128 } |
1129 transition-delay: 0s; |
1129 .edit-site-global-styles__shadow-editor-panel .edit-site-global-styles__shadow-editor-color-palette{ |
1130 } |
1130 margin-bottom:-4px; |
1131 } |
1131 } |
1132 @media (min-width: 782px) { |
1132 |
1133 .interface-interface-skeleton.has-footer .edit-site-navigation-panel { |
1133 .edit-site-global-styles__shadow-editor__dropdown{ |
1134 height: calc(100% - 25px); |
1134 width:100%; |
1135 } |
1135 } |
1136 } |
1136 .edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle,.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button{ |
1137 |
1137 border-radius:inherit; |
1138 .edit-site-navigation-panel__inner { |
1138 height:auto; |
1139 position: relative; |
1139 padding-bottom:8px; |
1140 width: 300px; |
1140 padding-top:8px; |
1141 height: 100%; |
1141 text-align:right; |
1142 overflow: hidden; |
1142 width:100%; |
1143 visibility: hidden; |
1143 } |
1144 transition: visibility 100ms linear; |
1144 .edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle.is-open,.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button.is-open{ |
1145 } |
1145 background:#f0f0f0; |
1146 @media (prefers-reduced-motion: reduce) { |
1146 color:var(--wp-admin-theme-color); |
1147 .edit-site-navigation-panel__inner { |
1147 } |
1148 transition-duration: 0s; |
1148 |
1149 transition-delay: 0s; |
1149 .edit-site-global-styles-screen-css{ |
1150 } |
1150 display:flex; |
1151 } |
1151 flex:1 1 auto; |
1152 |
1152 flex-direction:column; |
1153 .edit-site-navigation-panel.is-open { |
1153 margin:16px; |
1154 width: 300px; |
1154 } |
1155 } |
1155 .edit-site-global-styles-screen-css .components-v-stack{ |
1156 .edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner { |
1156 flex:1 1 auto; |
1157 visibility: visible; |
1157 } |
1158 } |
1158 .edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input,.edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field{ |
1159 |
1159 display:flex; |
1160 .edit-site-navigation-panel__site-title-container { |
1160 flex:1 1 auto; |
1161 height: 60px; |
1161 flex-direction:column; |
1162 padding-right: 60px; |
1162 } |
1163 margin: 0 8px 0 16px; |
1163 .edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field .components-textarea-control__input{ |
1164 display: flex; |
1164 direction:ltr; |
1165 align-items: center; |
1165 flex:1 1 auto; |
1166 } |
1166 } |
1167 |
1167 |
1168 .edit-site-navigation-panel__site-title { |
1168 .edit-site-global-styles-screen-css-help-link{ |
1169 font-style: normal; |
1169 display:inline-block; |
1170 font-weight: 600; |
1170 margin-top:8px; |
1171 font-size: 14px; |
1171 } |
1172 /* Matches menu items */ |
1172 |
1173 line-height: 20px; |
1173 .edit-site-global-styles-screen-variations{ |
1174 color: #ddd; |
1174 border-top:1px solid #ddd; |
1175 display: -webkit-box; |
1175 margin-top:16px; |
1176 -webkit-line-clamp: 2; |
1176 } |
1177 -webkit-box-orient: vertical; |
1177 .edit-site-global-styles-screen-variations>*{ |
1178 overflow: hidden; |
1178 margin:24px 16px; |
1179 } |
1179 } |
1180 |
1180 |
1181 .edit-site-navigation-panel__scroll-container { |
1181 .edit-site-global-styles-sidebar__navigator-screen{ |
1182 overflow-x: hidden; |
1182 display:flex; |
1183 overflow-y: auto; |
1183 flex-direction:column; |
1184 height: calc(100% - 60px); |
1184 } |
1185 } |
1185 |
1186 |
1186 .edit-site-global-styles-screen-root.edit-site-global-styles-screen-root,.edit-site-global-styles-screen-style-variations.edit-site-global-styles-screen-style-variations{ |
1187 .edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary { |
1187 background:unset; |
1188 height: 36px; |
1188 color:inherit; |
1189 margin-top: 24px; |
1189 } |
1190 padding: 8px 8px 8px 16px; |
1190 |
1191 } |
1191 .edit-site-global-styles-sidebar__panel .block-editor-block-icon svg{ |
1192 .edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled) { |
1192 fill:currentColor; |
1193 border-bottom-color: transparent; |
1193 } |
1194 } |
1194 |
1195 |
1195 .edit-site-global-styles-screen-revisions__revisions-list{ |
1196 .edit-site-navigation-panel__preview { |
1196 flex-grow:1; |
1197 display: none; |
1197 list-style:none; |
1198 border: 1px solid #ccc; |
1198 margin:0 16px 16px; |
1199 width: 300px; |
1199 } |
1200 padding: 16px; |
1200 .edit-site-global-styles-screen-revisions__revisions-list li{ |
1201 background: #fff; |
1201 margin-bottom:0; |
1202 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); |
1202 } |
1203 border-radius: 2px; |
1203 |
1204 position: absolute; |
1204 .edit-site-global-styles-screen-revisions__revision-item{ |
1205 top: 73px; |
1205 cursor:pointer; |
1206 right: 312px; |
1206 display:flex; |
1207 color: #1e1e1e; |
1207 flex-direction:column; |
1208 z-index: 32; |
1208 position:relative; |
1209 } |
1209 } |
1210 @media (min-width: 782px) { |
1210 .edit-site-global-styles-screen-revisions__revision-item:hover{ |
1211 .edit-site-navigation-panel__preview { |
1211 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
1212 display: block; |
1212 } |
1213 } |
1213 .edit-site-global-styles-screen-revisions__revision-item:hover .edit-site-global-styles-screen-revisions__date{ |
1214 } |
1214 color:var(--wp-admin-theme-color); |
1215 |
1215 } |
1216 .edit-site-navigation-panel__template-item { |
1216 .edit-site-global-styles-screen-revisions__revision-item:after,.edit-site-global-styles-screen-revisions__revision-item:before{ |
1217 display: block; |
1217 content:"\a"; |
1218 } |
1218 display:block; |
1219 .edit-site-navigation-panel__template-item .components-button { |
1219 position:absolute; |
1220 display: flex; |
1220 } |
1221 flex-direction: column; |
1221 .edit-site-global-styles-screen-revisions__revision-item:before{ |
1222 align-items: flex-start; |
1222 background:#ddd; |
1223 justify-content: center; |
1223 border:4px solid #0000; |
1224 height: auto; |
1224 border-radius:50%; |
1225 min-height: 36px; |
1225 height:8px; |
1226 text-align: right; |
1226 right:17px; |
1227 padding-right: 16px; |
1227 top:18px; |
1228 padding-left: 16px; |
1228 transform:translate(50%, -50%); |
1229 color: inherit; |
1229 width:8px; |
1230 } |
1230 z-index:1; |
1231 |
1231 } |
1232 .edit-site-navigation-panel__template-item-title { |
1232 .edit-site-global-styles-screen-revisions__revision-item.is-selected{ |
1233 font-size: 14px; |
1233 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
1234 line-height: 20px; |
1234 border-radius:2px; |
1235 } |
1235 color:var(--wp-admin-theme-color); |
1236 .edit-site-navigation-panel__template-item-title em { |
1236 outline:3px solid #0000; |
1237 margin-left: 1ch; |
1237 outline-offset:-2px; |
1238 } |
1238 } |
1239 |
1239 .edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__revision-button{ |
1240 .edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading { |
1240 opacity:1; |
1241 text-transform: capitalize; |
1241 } |
1242 } |
1242 .edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__date{ |
1243 |
1243 color:var(--wp-admin-theme-color); |
1244 .edit-site-navigation-panel__template-part-item .components-navigation__item-title { |
1244 } |
1245 text-transform: capitalize; |
1245 .edit-site-global-styles-screen-revisions__revision-item.is-selected:before{ |
1246 } |
1246 background:var(--wp-admin-theme-color); |
1247 |
1247 } |
1248 .components-navigation__item + .edit-site-navigation-panel__template-item { |
1248 .edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__changes>li,.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__meta{ |
1249 margin-top: 16px; |
1249 color:#1e1e1e; |
1250 } |
1250 } |
1251 |
1251 .edit-site-global-styles-screen-revisions__revision-item:after{ |
1252 .edit-site-navigation-panel__template-item + .edit-site-navigation-panel__template-item { |
1252 border:.5px solid #ddd; |
1253 margin-top: 8px; |
1253 height:100%; |
1254 } |
1254 right:16px; |
1255 |
1255 top:0; |
1256 .edit-site-navigation-panel__info-wrapper { |
1256 width:0; |
1257 padding: 4px 0; |
1257 } |
1258 } |
1258 .edit-site-global-styles-screen-revisions__revision-item:first-child:after{ |
1259 |
1259 top:18px; |
1260 .edit-site-navigation-panel__template-item-description { |
1260 } |
1261 padding-top: 8px; |
1261 .edit-site-global-styles-screen-revisions__revision-item:last-child:after{ |
1262 font-size: 12px; |
1262 height:18px; |
1263 line-height: 16px; |
1263 } |
1264 } |
1264 .edit-site-global-styles-screen-revisions__revision-item .edit-site-global-styles-screen-revisions__revision-button{ |
1265 |
1265 display:block; |
1266 .edit-site-navigation-panel__new-template-dropdown { |
1266 height:auto; |
1267 margin: 0 12px 0 0; |
1267 outline-offset:-2px; |
1268 } |
1268 padding:12px 40px 4px 12px; |
1269 .edit-site-navigation-panel__new-template-dropdown button { |
1269 position:relative; |
1270 margin: 0; |
1270 width:100%; |
1271 } |
1271 z-index:1; |
1272 |
1272 } |
1273 @media (min-width: 600px) { |
1273 |
1274 .edit-site-navigation-panel__new-template-popover { |
1274 .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__apply-button.is-primary{ |
1275 min-width: 300px; |
1275 align-self:flex-start; |
1276 } |
1276 margin:4px 40px 12px 12px; |
1277 } |
1277 } |
1278 |
1278 |
1279 .edit-site-list-header { |
1279 .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__changes,.edit-site-global-styles-screen-revisions__meta{ |
1280 position: relative; |
1280 color:#757575; |
1281 align-items: center; |
1281 font-size:12px; |
1282 background-color: #fff; |
1282 } |
1283 display: flex; |
1283 |
1284 height: 60px; |
1284 .edit-site-global-styles-screen-revisions__description{ |
1285 box-sizing: border-box; |
1285 align-items:flex-start; |
1286 width: 100%; |
1286 display:flex; |
1287 justify-content: flex-end; |
1287 flex-direction:column; |
1288 padding-left: 16px; |
1288 gap:8px; |
1289 } |
1289 } |
1290 body.is-fullscreen-mode .edit-site-list-header { |
1290 .edit-site-global-styles-screen-revisions__description .edit-site-global-styles-screen-revisions__date{ |
1291 padding-right: 60px; |
1291 font-size:12px; |
1292 transition: padding-right 20ms linear; |
1292 font-weight:600; |
1293 transition-delay: 80ms; |
1293 text-transform:uppercase; |
1294 } |
1294 } |
1295 @media (prefers-reduced-motion: reduce) { |
1295 |
1296 body.is-fullscreen-mode .edit-site-list-header { |
1296 .edit-site-global-styles-screen-revisions__meta{ |
1297 transition-duration: 0s; |
1297 align-items:flex-start; |
1298 transition-delay: 0s; |
1298 display:flex; |
1299 } |
1299 justify-content:start; |
1300 } |
1300 margin-bottom:4px; |
1301 .edit-site-list-header .edit-site-list-header__title { |
1301 text-align:right; |
1302 position: absolute; |
1302 width:100%; |
1303 right: 0; |
1303 } |
1304 width: 100%; |
1304 .edit-site-global-styles-screen-revisions__meta img{ |
1305 text-align: center; |
1305 border-radius:100%; |
1306 font-size: 20px; |
1306 height:16px; |
1307 padding: 0; |
1307 margin-left:8px; |
1308 margin: 0; |
1308 width:16px; |
1309 } |
1309 } |
1310 |
1310 |
1311 .edit-site-list-header__right { |
1311 .edit-site-global-styles-screen-revisions__loading{ |
1312 position: relative; |
1312 margin:24px auto !important; |
1313 } |
1313 } |
1314 |
1314 |
1315 .edit-site .edit-site-list .interface-interface-skeleton__editor { |
1315 .edit-site-global-styles-screen-revisions__changes{ |
1316 min-width: 100%; |
1316 line-height:1.4; |
1317 } |
1317 list-style:disc; |
1318 @media (min-width: 782px) { |
1318 margin-right:12px; |
1319 .edit-site .edit-site-list .interface-interface-skeleton__editor { |
1319 text-align:right; |
1320 min-width: 0; |
1320 } |
1321 } |
1321 .edit-site-global-styles-screen-revisions__changes li{ |
1322 } |
1322 margin-bottom:4px; |
1323 .edit-site .edit-site-list .interface-interface-skeleton__content { |
1323 } |
1324 background: #fff; |
1324 |
1325 align-items: center; |
1325 .edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination{ |
1326 padding: 16px; |
1326 gap:2px; |
1327 } |
1327 justify-content:space-between; |
1328 @media (min-width: 782px) { |
1328 } |
1329 .edit-site .edit-site-list .interface-interface-skeleton__content { |
1329 .edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .edit-site-pagination__total{ |
1330 padding: 72px; |
1330 height:1px; |
1331 } |
1331 margin:-1px; |
1332 } |
1332 overflow:hidden; |
1333 |
1333 position:absolute; |
1334 .edit-site-list-table { |
1334 right:-1000px; |
1335 width: 100%; |
1335 } |
1336 border: 1px solid #ddd; |
1336 .edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-text{ |
1337 border-radius: 2px; |
1337 font-size:12px; |
1338 margin: 0; |
1338 will-change:opacity; |
1339 overflow: hidden; |
1339 } |
1340 border-spacing: 0; |
1340 .edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary{ |
1341 max-width: 960px; |
1341 color:#1e1e1e; |
1342 } |
1342 } |
1343 .edit-site-list-table tr { |
1343 .edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary:disabled,.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary[aria-disabled=true]{ |
1344 display: flex; |
1344 color:#949494; |
1345 align-items: center; |
1345 } |
1346 padding: 16px; |
1346 |
1347 box-sizing: border-box; |
1347 .edit-site-global-styles-screen-revisions__footer{ |
1348 border-top: 1px solid #f0f0f0; |
1348 background:#fff; |
1349 margin: 0; |
1349 border-top:1px solid #ddd; |
1350 } |
1350 bottom:0; |
1351 .edit-site-list-table tr:first-child { |
1351 height:56px; |
1352 border-top: 0; |
1352 min-width:100%; |
1353 } |
1353 padding:12px; |
1354 @media (min-width: 782px) { |
1354 position:sticky; |
1355 .edit-site-list-table tr { |
1355 z-index:1; |
1356 padding: 24px 32px; |
1356 } |
1357 } |
1357 |
1358 } |
1358 .editor-sidebar{ |
1359 .edit-site-list-table tr .edit-site-list-table-column:nth-child(1) { |
1359 width:280px; |
1360 width: calc(60% - 18px); |
1360 } |
1361 padding-left: 24px; |
1361 .editor-sidebar>.components-panel{ |
1362 } |
1362 border-left:0; |
1363 .edit-site-list-table tr .edit-site-list-table-column:nth-child(1) a { |
1363 border-right:0; |
1364 display: inline-block; |
1364 margin-bottom:-1px; |
1365 text-decoration: none; |
1365 margin-top:-1px; |
1366 font-weight: 500; |
1366 } |
1367 margin-bottom: 4px; |
1367 .editor-sidebar>.components-panel>.components-panel__header{ |
1368 } |
1368 background:#f0f0f0; |
1369 .edit-site-list-table tr .edit-site-list-table-column:nth-child(2) { |
1369 } |
1370 width: calc(40% - 18px); |
1370 .editor-sidebar .block-editor-block-inspector__card{ |
1371 } |
1371 margin:0; |
1372 .edit-site-list-table tr .edit-site-list-table-column:nth-child(3) { |
1372 } |
1373 min-width: 36px; |
1373 |
1374 flex-shrink: 0; |
1374 .edit-site-global-styles-sidebar{ |
1375 } |
1375 display:flex; |
1376 .edit-site-list-table tr.edit-site-list-table-head { |
1376 flex-direction:column; |
1377 font-size: 16px; |
1377 min-height:100%; |
1378 font-weight: 600; |
1378 } |
1379 text-align: right; |
1379 .edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{ |
1380 color: #1e1e1e; |
1380 display:flex; |
1381 border-top: none; |
1381 flex:1; |
1382 border-bottom: 1px solid #ddd; |
1382 flex-direction:column; |
1383 } |
1383 } |
1384 .edit-site-list-table tr.edit-site-list-table-head th { |
1384 .edit-site-global-styles-sidebar__navigator-screen{ |
1385 font-weight: inherit; |
1385 flex:1; |
1386 } |
1386 } |
1387 |
1387 |
1388 @media (min-width: 782px) { |
1388 .edit-site-global-styles-sidebar .edit-site-global-styles-sidebar__header-title{ |
1389 .edit-site-list.is-navigation-open .components-snackbar-list { |
1389 margin:0; |
1390 margin-right: 300px; |
1390 } |
1391 } |
1391 |
1392 } |
1392 .edit-site-global-styles-sidebar .components-navigation__menu-title-heading{ |
1393 |
1393 font-size:15.6px; |
1394 @media (min-width: 782px) { |
1394 font-weight:500; |
1395 .edit-site-list__rename-modal .components-base-control { |
1395 } |
1396 width: 320px; |
1396 |
1397 } |
1397 .edit-site-global-styles-sidebar .components-navigation__item>button span{ |
1398 } |
1398 font-weight:500; |
1399 .edit-site-list__rename-modal .components-modal__header { |
1399 } |
1400 border-bottom: none; |
1400 |
1401 } |
1401 .edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{ |
1402 .edit-site-list__rename-modal .components-modal__content::before { |
1402 border:0; |
1403 margin-bottom: 4px; |
1403 } |
1404 } |
1404 |
1405 |
1405 .edit-site-global-styles-sidebar .single-column{ |
1406 .edit-site-list__rename-modal-actions { |
1406 grid-column:span 1; |
1407 margin-top: 12px; |
1407 } |
1408 } |
1408 |
1409 |
1409 .edit-site-global-styles-sidebar .components-tools-panel .span-columns{ |
1410 .edit-site-template__actions button:not(:last-child) { |
1410 grid-column:1 / -1; |
1411 margin-left: 8px; |
1411 } |
1412 } |
1412 |
1413 |
1413 .edit-site-global-styles-sidebar__blocks-group{ |
1414 .edit-site-list-added-by__icon { |
1414 border-top:1px solid #e0e0e0; |
1415 display: flex; |
1415 padding-top:24px; |
1416 flex-shrink: 0; |
1416 } |
1417 position: relative; |
1417 |
1418 align-items: center; |
1418 .edit-site-global-styles-sidebar__blocks-group-help{ |
1419 justify-content: center; |
1419 padding:0 16px; |
1420 width: 32px; |
1420 } |
1421 height: 32px; |
1421 |
1422 background: #2f2f2f; |
1422 .edit-site-global-styles-color-palette-panel,.edit-site-global-styles-gradient-palette-panel{ |
1423 border-radius: 100%; |
1423 padding:16px; |
1424 } |
1424 } |
1425 .edit-site-list-added-by__icon svg { |
1425 |
1426 fill: #fff; |
1426 .edit-site-global-styles-sidebar hr{ |
1427 } |
1427 margin:0; |
1428 .edit-site-list-added-by__icon.is-customized::after { |
1428 } |
1429 position: absolute; |
1429 |
1430 content: ""; |
1430 .show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon svg{ |
1431 background: var(--wp-admin-theme-color); |
1431 display:none; |
1432 height: 8px; |
1432 } |
1433 width: 8px; |
1433 .show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon:after{ |
1434 outline: 2px solid #fff; |
1434 content:attr(aria-label); |
1435 border-radius: 100%; |
1435 font-size:12px; |
1436 top: -1px; |
1436 } |
1437 left: -1px; |
1437 |
1438 } |
1438 .edit-site-page{ |
1439 |
1439 background:#fff; |
1440 .edit-site-list-added-by__avatar { |
1440 color:#2f2f2f; |
1441 flex-shrink: 0; |
1441 container:edit-site-page/inline-size; |
1442 overflow: hidden; |
1442 height:100%; |
1443 border-radius: 100%; |
1443 transition:width .2s ease-out; |
1444 background: #2f2f2f; |
1444 } |
1445 width: 32px; |
1445 @media (prefers-reduced-motion:reduce){ |
1446 height: 32px; |
1446 .edit-site-page{ |
1447 } |
1447 transition-delay:0s; |
1448 .edit-site-list-added-by__avatar img { |
1448 transition-duration:0s; |
1449 width: 32px; |
1449 } |
1450 height: 32px; |
1450 } |
1451 -o-object-fit: cover; |
1451 |
1452 object-fit: cover; |
1452 .edit-site-page-header{ |
1453 opacity: 0; |
1453 background:#fff; |
1454 transition: opacity 0.1s linear; |
1454 border-bottom:1px solid #f0f0f0; |
1455 } |
1455 padding:16px 48px; |
1456 @media (prefers-reduced-motion: reduce) { |
1456 position:sticky; |
1457 .edit-site-list-added-by__avatar img { |
1457 top:0; |
1458 transition-duration: 0s; |
1458 transition:padding .1s ease-out; |
1459 transition-delay: 0s; |
1459 z-index:2; |
1460 } |
1460 } |
1461 } |
1461 @media (prefers-reduced-motion:reduce){ |
1462 .edit-site-list-added-by__avatar.is-loaded img { |
1462 .edit-site-page-header{ |
1463 opacity: 1; |
1463 transition-delay:0s; |
1464 } |
1464 transition-duration:0s; |
1465 |
1465 } |
1466 .edit-site-new-template-dropdown .components-dropdown-menu__toggle { |
1466 } |
1467 padding: 6px 12px; |
1467 .edit-site-page-header .components-heading{ |
1468 } |
1468 color:#1e1e1e; |
1469 @media (min-width: 600px) { |
1469 } |
1470 .edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover { |
1470 .edit-site-page-header .edit-site-page-header__page-title{ |
1471 min-width: 300px; |
1471 min-height:40px; |
1472 } |
1472 } |
1473 } |
1473 .edit-site-page-header .edit-site-page-header__sub-title{ |
1474 |
1474 margin-bottom:8px; |
1475 .edit-site-sidebar { |
1475 } |
1476 width: 280px; |
1476 @container (max-width: 430px){ |
1477 } |
1477 .edit-site-page-header{ |
1478 .edit-site-sidebar > .components-panel { |
1478 padding:16px 24px; |
1479 border-right: 0; |
1479 } |
1480 border-left: 0; |
1480 } |
1481 margin-bottom: -1px; |
1481 .edit-site-page-content{ |
1482 margin-top: -1px; |
1482 display:flex; |
1483 } |
1483 flex-flow:column; |
1484 .edit-site-sidebar > .components-panel > .components-panel__header { |
1484 height:100%; |
1485 background: #f0f0f0; |
1485 position:relative; |
1486 } |
1486 z-index:1; |
1487 .edit-site-sidebar .block-editor-block-inspector__card { |
1487 } |
1488 margin: 0; |
1488 |
1489 } |
1489 .edit-site-page-pages__featured-image{ |
1490 |
1490 height:100%; |
1491 .edit-site-global-styles-sidebar { |
1491 object-fit:cover; |
1492 display: flex; |
1492 width:100%; |
1493 flex-direction: column; |
1493 } |
1494 min-height: 100%; |
1494 |
1495 } |
1495 .edit-site-page-pages__featured-image-wrapper{ |
1496 .edit-site-global-styles-sidebar__panel, .edit-site-global-styles-sidebar__navigator-provider { |
1496 border-radius:4px; |
1497 display: flex; |
1497 height:100%; |
1498 flex-direction: column; |
1498 width:100%; |
1499 flex: 1; |
1499 } |
1500 } |
1500 .edit-site-page-pages__featured-image-wrapper.is-layout-table .page-pages-preview-field__button,.edit-site-page-pages__featured-image-wrapper.is-layout-table:not(:has(.page-pages-preview-field__button)){ |
1501 .edit-site-global-styles-sidebar__navigator-screen { |
1501 background-color:#f0f0f0; |
1502 flex: 1; |
1502 border-radius:4px; |
1503 } |
1503 display:block; |
1504 |
1504 flex-grow:0 !important; |
1505 .edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon { |
1505 height:32px; |
1506 margin-right: 0; |
1506 overflow:hidden; |
1507 } |
1507 position:relative; |
1508 |
1508 width:32px; |
1509 .edit-site-global-styles-sidebar__reset-button.components-button { |
1509 } |
1510 margin-right: auto; |
1510 .edit-site-page-pages__featured-image-wrapper.is-layout-table .page-pages-preview-field__button:after,.edit-site-page-pages__featured-image-wrapper.is-layout-table:not(:has(.page-pages-preview-field__button)):after{ |
1511 } |
1511 border-radius:4px; |
1512 |
1512 box-shadow:inset 0 0 0 1px #0000001a; |
1513 .edit-site-global-styles-sidebar .components-navigation__menu-title-heading { |
1513 content:""; |
1514 font-size: 15.6px; |
1514 height:100%; |
1515 font-weight: 500; |
1515 position:absolute; |
1516 } |
1516 right:0; |
1517 |
1517 top:0; |
1518 .edit-site-global-styles-sidebar .components-navigation__item > button span { |
1518 width:100%; |
1519 font-weight: 500; |
1519 } |
1520 } |
1520 |
1521 |
1521 .page-pages-preview-field__button{ |
1522 .edit-site-typography-panel, |
1522 background-color:unset; |
1523 .edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings { |
1523 border:none; |
1524 border: 0; |
1524 border-radius:4px; |
1525 } |
1525 box-shadow:none; |
1526 |
1526 box-sizing:border-box; |
1527 .edit-site-global-styles-sidebar .components-tools-panel-item.single-column { |
1527 cursor:pointer; |
1528 grid-column: span 1; |
1528 height:100%; |
1529 } |
1529 overflow:hidden; |
1530 |
1530 padding:0; |
1531 .edit-site-global-styles-sidebar__blocks-group { |
1531 width:100%; |
1532 padding-top: 24px; |
1532 } |
1533 border-top: 1px solid #e0e0e0; |
1533 .page-pages-preview-field__button:focus-visible{ |
1534 } |
1534 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1535 |
1535 outline:2px solid #0000; |
1536 .edit-site-global-styles-sidebar__blocks-group-help { |
1536 } |
1537 padding: 0 16px; |
1537 |
1538 } |
1538 .edit-site-page-pages-title span{ |
1539 |
1539 overflow:hidden; |
1540 .edit-site-global-styles-color-palette-panel, |
1540 text-overflow:ellipsis; |
1541 .edit-site-global-styles-gradient-palette-panel { |
1541 } |
1542 padding: 16px; |
1542 |
1543 } |
1543 .edit-site-page-pages__title-badge{ |
1544 |
1544 background:#f0f0f0; |
1545 .edit-site-global-styles-sidebar__beta { |
1545 border-radius:2px; |
1546 display: inline-flex; |
1546 color:#757575; |
1547 margin-right: 8px; |
1547 flex-shrink:0; |
1548 padding: 0 8px; |
1548 font-size:12px; |
1549 height: 24px; |
1549 font-weight:400; |
1550 border-radius: 2px; |
1550 padding:0 4px; |
1551 background-color: #1e1e1e; |
1551 } |
1552 color: #fff; |
1552 |
1553 align-items: center; |
1553 .edit-site-patterns__section-header .screen-reader-shortcut:focus{ |
1554 font-size: 12px; |
1554 top:0; |
1555 line-height: 1; |
1555 } |
1556 } |
1556 |
1557 |
1557 .edit-site-patterns__pattern-title .is-link{ |
1558 .components-panel__header.edit-site-sidebar__panel-tabs { |
1558 color:#e0e0e0; |
1559 justify-content: flex-start; |
1559 text-decoration:none; |
1560 padding-right: 0; |
1560 } |
1561 padding-left: 16px; |
1561 .edit-site-patterns__pattern-title .is-link:focus,.edit-site-patterns__pattern-title .is-link:hover{ |
1562 border-top: 0; |
1562 color:#fff; |
1563 margin-top: 0; |
1563 } |
1564 } |
1564 .edit-site-patterns__pattern-title .edit-site-patterns__pattern-icon{ |
1565 .components-panel__header.edit-site-sidebar__panel-tabs ul { |
1565 background:var(--wp-block-synced-color); |
1566 display: flex; |
1566 border-radius:4px; |
1567 } |
1567 fill:#fff; |
1568 .components-panel__header.edit-site-sidebar__panel-tabs li { |
1568 } |
1569 margin: 0; |
1569 .edit-site-patterns__pattern-title .edit-site-patterns__pattern-lock-icon{ |
1570 } |
1570 fill:currentcolor; |
1571 .components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon { |
1571 } |
1572 display: none; |
1572 |
1573 margin: 0 auto 0 0; |
1573 .edit-site-patterns__delete-modal{ |
1574 padding: 0; |
1574 width:384px; |
1575 min-width: 24px; |
1575 } |
1576 height: 24px; |
1576 |
1577 } |
1577 .edit-site-page-patterns-dataviews .page-patterns-preview-field{ |
1578 @media (min-width: 782px) { |
1578 display:flex; |
1579 .components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon { |
1579 flex-direction:column; |
1580 display: flex; |
1580 height:100%; |
1581 } |
1581 } |
1582 } |
1582 .edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table{ |
1583 |
1583 border-radius:2px; |
1584 .components-button.edit-site-sidebar__panel-tab { |
1584 flex-grow:0; |
1585 border-radius: 0; |
1585 width:96px; |
1586 height: 48px; |
1586 } |
1587 background: transparent; |
1587 .edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table .page-patterns-preview-field__button{ |
1588 border: none; |
1588 border-radius:2px; |
1589 box-shadow: none; |
1589 } |
1590 cursor: pointer; |
1590 .edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button{ |
1591 display: inline-block; |
1591 background-color:unset; |
1592 padding: 3px 15px; |
1592 border:none; |
1593 margin-right: 0; |
1593 border-radius:4px; |
1594 font-weight: 500; |
1594 box-shadow:none; |
1595 } |
1595 box-sizing:border-box; |
1596 .components-button.edit-site-sidebar__panel-tab::after { |
1596 cursor:pointer; |
1597 content: attr(data-label); |
1597 height:100%; |
1598 display: block; |
1598 overflow:hidden; |
1599 font-weight: 600; |
1599 padding:0; |
1600 height: 0; |
1600 } |
1601 overflow: hidden; |
1601 .edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button:focus-visible{ |
1602 speak: none; |
1602 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1603 visibility: hidden; |
1603 outline:2px solid #0000; |
1604 } |
1604 } |
1605 .components-button.edit-site-sidebar__panel-tab.is-active { |
1605 .edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button[aria-disabled=true]{ |
1606 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); |
1606 cursor:default; |
1607 position: relative; |
1607 } |
1608 z-index: 1; |
1608 .edit-site-page-patterns-dataviews .edit-site-patterns__pattern-icon{ |
1609 } |
1609 fill:var(--wp-block-synced-color); |
1610 .components-button.edit-site-sidebar__panel-tab.is-active::before { |
1610 flex-shrink:0; |
1611 content: ""; |
1611 } |
1612 position: absolute; |
1612 .edit-site-page-patterns-dataviews .edit-site-patterns__pattern-lock-icon{ |
1613 top: 0; |
1613 min-width:min-content; |
1614 bottom: 1px; |
1614 } |
1615 left: 0; |
1615 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ |
1616 right: 0; |
1616 border-bottom:1px solid #f0f0f0; |
1617 border-bottom: 4px solid transparent; |
1617 flex-shrink:0; |
1618 } |
1618 min-height:40px; |
1619 .components-button.edit-site-sidebar__panel-tab:focus { |
1619 padding:16px 48px; |
1620 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1620 position:sticky; |
1621 position: relative; |
1621 top:0; |
1622 z-index: 1; |
1622 transition:padding .1s ease-out; |
1623 } |
1623 z-index:2; |
1624 .components-button.edit-site-sidebar__panel-tab.is-active:focus { |
1624 } |
1625 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); |
1625 @media (prefers-reduced-motion:reduce){ |
1626 } |
1626 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ |
1627 |
1627 transition-delay:0s; |
1628 @keyframes loadingpulse { |
1628 transition-duration:0s; |
1629 0% { |
1629 } |
1630 opacity: 1; |
1630 } |
1631 } |
1631 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__title{ |
1632 50% { |
1632 min-height:40px; |
1633 opacity: 0.5; |
1633 } |
1634 } |
1634 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__sub-title{ |
1635 100% { |
1635 margin-bottom:8px; |
1636 opacity: 1; |
1636 } |
1637 } |
1637 .edit-site-page-patterns-dataviews .edit-site-patterns__pattern-title{ |
1638 } |
1638 color:inherit; |
1639 .edit-site-navigation-inspector { |
1639 display:block; |
1640 padding: 16px; |
1640 overflow:hidden; |
1641 } |
1641 text-overflow:ellipsis; |
1642 .edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents { |
1642 white-space:nowrap; |
1643 align-items: flex-start; |
1643 width:100%; |
1644 white-space: normal; |
1644 } |
1645 } |
1645 .edit-site-page-patterns-dataviews .dataviews-pagination{ |
1646 .edit-site-navigation-inspector .block-editor-list-view-block__title { |
1646 z-index:2; |
1647 margin-top: 3px; |
1647 } |
1648 } |
1648 .edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully){ |
1649 .edit-site-navigation-inspector .block-editor-list-view-block__menu-cell { |
1649 background:rgba(var(--wp-block-synced-color--rgb), .04); |
1650 padding-left: 0; |
1650 color:var(--wp-block-synced-color); |
1651 } |
1651 } |
1652 |
1652 |
1653 .edit-site-navigation-inspector__placeholder { |
1653 .dataviews-action-modal__duplicate-pattern [role=dialog]>[role=document]{ |
1654 padding: 8px; |
1654 width:350px; |
1655 margin: 8px; |
1655 } |
1656 background-color: #f0f0f0; |
1656 .dataviews-action-modal__duplicate-pattern .patterns-menu-items__convert-modal-categories{ |
1657 animation: loadingpulse 1s linear infinite; |
1657 position:relative; |
1658 animation-delay: 0.5s; |
1658 } |
1659 } |
1659 .dataviews-action-modal__duplicate-pattern .components-form-token-field__suggestions-list:not(:empty){ |
1660 .edit-site-navigation-inspector__placeholder.is-child { |
1660 background-color:#fff; |
1661 margin-right: 24px; |
1661 border:1px solid var(--wp-admin-theme-color); |
1662 width: 50%; |
1662 border-bottom-left-radius:2px; |
1663 } |
1663 border-bottom-right-radius:2px; |
1664 |
1664 box-shadow:0 0 .5px .5px var(--wp-admin-theme-color); |
1665 .edit-site-template-card { |
1665 box-sizing:border-box; |
1666 display: flex; |
1666 max-height:96px; |
1667 align-items: flex-start; |
1667 min-width:auto; |
1668 } |
1668 position:absolute; |
1669 |
1669 right:-1px; |
1670 .edit-site-template-card__content { |
1670 width:calc(100% + 2px); |
1671 flex-grow: 1; |
1671 z-index:1; |
1672 margin-bottom: 4px; |
1672 } |
1673 } |
1673 |
1674 |
1674 @media (min-width:600px){ |
1675 .edit-site-template-card__title { |
1675 .dataviews-action-modal__duplicate-template-part .components-modal__frame{ |
1676 font-weight: 500; |
1676 max-width:500px; |
1677 line-height: 24px; |
1677 } |
1678 } |
1678 } |
1679 .edit-site-template-card__title.edit-site-template-card__title { |
1679 @container (max-width: 430px){ |
1680 margin: 0 0 4px; |
1680 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ |
1681 } |
1681 padding-left:24px; |
1682 |
1682 padding-right:24px; |
1683 .edit-site-template-card__description { |
1683 } |
1684 font-size: 13px; |
1684 } |
1685 margin: 0 0 16px; |
1685 .page-templates-preview-field{ |
1686 } |
1686 display:flex; |
1687 |
1687 flex-direction:column; |
1688 .edit-site-template-card__icon { |
1688 height:100%; |
1689 flex: 0 0 24px; |
1689 } |
1690 margin-left: 12px; |
1690 .page-templates-preview-field .page-templates-preview-field__button{ |
1691 width: 24px; |
1691 background-color:unset; |
1692 height: 24px; |
1692 border:none; |
1693 } |
1693 border-radius:4px; |
1694 |
1694 box-shadow:none; |
1695 h3.edit-site-template-card__template-areas-title { |
1695 box-sizing:border-box; |
1696 font-weight: 500; |
1696 cursor:pointer; |
1697 margin: 0 0 8px; |
1697 height:100%; |
1698 } |
1698 overflow:hidden; |
1699 |
1699 padding:0; |
1700 .edit-site-template-card__template-areas-list { |
1700 } |
1701 margin: 0; |
1701 .page-templates-preview-field .page-templates-preview-field__button:focus-visible{ |
1702 } |
1702 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1703 .edit-site-template-card__template-areas-list > li { |
1703 outline:2px solid #0000; |
1704 margin: 0; |
1704 } |
1705 } |
1705 .page-templates-preview-field.is-viewtype-list .block-editor-block-preview__container{ |
1706 |
1706 height:120px; |
1707 .edit-site-template-card__template-areas-item { |
1707 } |
1708 width: 100%; |
1708 .page-templates-preview-field.is-viewtype-grid .block-editor-block-preview__container{ |
1709 } |
1709 height:100%; |
1710 .edit-site-template-card__template-areas-item.components-button.has-icon { |
1710 } |
1711 padding: 0; |
1711 .page-templates-preview-field.is-viewtype-table{ |
1712 } |
1712 border-radius:2px; |
1713 |
1713 position:relative; |
1714 html #wpadminbar { |
1714 } |
1715 display: none; |
1715 .page-templates-preview-field.is-viewtype-table:after{ |
1716 } |
1716 border-radius:2px; |
1717 |
1717 box-shadow:inset 0 0 0 1px #0000001a; |
1718 html.wp-toolbar { |
1718 content:""; |
1719 padding-top: 0; |
1719 height:100%; |
1720 } |
1720 position:absolute; |
1721 |
1721 right:0; |
1722 .edit-site-editor__toggle-save-panel { |
1722 top:0; |
1723 z-index: 100000; |
1723 width:100%; |
1724 position: fixed !important; |
1724 } |
1725 top: -9999em; |
1725 |
1726 bottom: auto; |
1726 .page-templates-description{ |
1727 right: auto; |
1727 white-space:normal; |
1728 left: 0; |
1728 } |
1729 width: 280px; |
1729 |
1730 background-color: #fff; |
1730 .edit-site-page-templates .dataviews-pagination{ |
1731 border: 1px dotted #ddd; |
1731 z-index:2; |
1732 height: auto !important; |
1732 } |
1733 padding: 24px; |
1733 |
1734 display: flex; |
1734 .page-templates-author-field__avatar{ |
1735 justify-content: center; |
1735 align-items:center; |
1736 } |
1736 display:flex; |
1737 .interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel, .interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel { |
1737 flex-shrink:0; |
1738 top: auto; |
1738 height:24px; |
1739 bottom: 0; |
1739 justify-content:center; |
1740 } |
1740 overflow:hidden; |
1741 |
1741 width:24px; |
1742 .edit-site-visual-editor { |
1742 } |
1743 position: relative; |
1743 .page-templates-author-field__avatar img{ |
1744 height: 100%; |
1744 border-radius:100%; |
1745 display: block; |
1745 height:20px; |
1746 } |
1746 object-fit:cover; |
1747 .edit-site-visual-editor iframe { |
1747 opacity:0; |
1748 display: block; |
1748 transition:opacity .1s linear; |
1749 width: 100%; |
1749 width:20px; |
1750 height: 100%; |
1750 } |
1751 background-color: #fff; |
1751 @media (prefers-reduced-motion:reduce){ |
1752 } |
1752 .page-templates-author-field__avatar img{ |
1753 |
1753 transition-delay:0s; |
1754 .edit-site .components-editor-notices__snackbar { |
1754 transition-duration:0s; |
1755 position: fixed; |
1755 } |
1756 left: 0; |
1756 } |
1757 bottom: 40px; |
1757 .page-templates-author-field__avatar.is-loaded img{ |
1758 padding-right: 16px; |
1758 opacity:1; |
1759 padding-left: 16px; |
1759 } |
1760 } |
1760 |
1761 |
1761 .page-templates-author-field__icon{ |
1762 .edit-site .components-editor-notices__snackbar { |
1762 display:flex; |
1763 /* Set left position when auto-fold is not on the body element. */ |
1763 flex-shrink:0; |
1764 right: 0; |
1764 height:24px; |
1765 } |
1765 width:24px; |
1766 @media (min-width: 783px) { |
1766 } |
1767 .edit-site .components-editor-notices__snackbar { |
1767 .page-templates-author-field__icon svg{ |
1768 right: 160px; |
1768 fill:currentColor; |
1769 } |
1769 } |
1770 } |
1770 |
1771 |
1771 .page-templates-author-field__name{ |
1772 .auto-fold .edit-site .components-editor-notices__snackbar { |
1772 overflow:hidden; |
1773 /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ |
1773 text-overflow:ellipsis; |
1774 } |
1774 } |
1775 @media (min-width: 783px) { |
1775 |
1776 .auto-fold .edit-site .components-editor-notices__snackbar { |
1776 .edit-site-list__rename-modal{ |
1777 right: 36px; |
1777 z-index:1000001; |
1778 } |
1778 } |
1779 } |
1779 @media (min-width:782px){ |
1780 @media (min-width: 961px) { |
1780 .edit-site-list__rename-modal .components-base-control{ |
1781 .auto-fold .edit-site .components-editor-notices__snackbar { |
1781 width:320px; |
1782 right: 160px; |
1782 } |
1783 } |
1783 } |
1784 } |
1784 |
1785 |
1785 .edit-site-table-wrapper{ |
1786 /* Sidebar manually collapsed. */ |
1786 padding:32px; |
1787 .folded .edit-site .components-editor-notices__snackbar { |
1787 width:100%; |
1788 right: 0; |
1788 } |
1789 } |
1789 |
1790 @media (min-width: 783px) { |
1790 .edit-site-table{ |
1791 .folded .edit-site .components-editor-notices__snackbar { |
1791 border-collapse:collapse; |
1792 right: 36px; |
1792 border-color:inherit; |
1793 } |
1793 position:relative; |
1794 } |
1794 text-indent:0; |
1795 |
1795 width:100%; |
1796 body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar { |
1796 } |
1797 right: 0 !important; |
1797 .edit-site-table a{ |
1798 } |
1798 text-decoration:none; |
1799 |
1799 } |
1800 .edit-site-template-details .edit-site-template-details__group { |
1800 .edit-site-table th{ |
1801 margin: 0; |
1801 color:#757575; |
1802 padding: 16px; |
1802 font-weight:400; |
1803 } |
1803 padding:0 16px 16px; |
1804 .edit-site-template-details .edit-site-template-details__group + .edit-site-template-details__group { |
1804 text-align:right; |
1805 border-top: 1px solid #ccc; |
1805 } |
1806 } |
1806 .edit-site-table td{ |
1807 .edit-site-template-details .edit-site-template-details__title { |
1807 padding:16px; |
1808 margin: 0; |
1808 } |
1809 } |
1809 .edit-site-table td,.edit-site-table th{ |
1810 .edit-site-template-details .edit-site-template-details__description { |
1810 vertical-align:center; |
1811 margin: 12px 0 0; |
1811 } |
1812 color: #757575; |
1812 .edit-site-table td:first-child,.edit-site-table th:first-child{ |
1813 } |
1813 padding-right:0; |
1814 .edit-site-template-details .edit-site-template-details__group.edit-site-template-details__template-areas { |
1814 } |
1815 padding: 8px; |
1815 .edit-site-table td:last-child,.edit-site-table th:last-child{ |
1816 } |
1816 padding-left:0; |
1817 .edit-site-template-details .edit-site-template-details__template-areas-item { |
1817 text-align:left; |
1818 position: relative; |
1818 } |
1819 } |
1819 .edit-site-table tr{ |
1820 .edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more { |
1820 border-bottom:1px solid #f0f0f0; |
1821 position: absolute; |
1821 } |
1822 left: 0; |
1822 |
1823 top: 0; |
1823 .edit-site-editor__editor-interface{ |
1824 bottom: 0; |
1824 opacity:1; |
1825 margin: auto 0; |
1825 transition:opacity .1s ease-out; |
1826 } |
1826 } |
1827 .edit-site-template-details .edit-site-template-details__revert { |
1827 @media (prefers-reduced-motion:reduce){ |
1828 padding: 12px 8px; |
1828 .edit-site-editor__editor-interface{ |
1829 } |
1829 transition-delay:0s; |
1830 .edit-site-template-details .edit-site-template-details__revert-button { |
1830 transition-duration:0s; |
1831 height: auto; |
1831 } |
1832 padding: 4px 8px; |
1832 } |
1833 text-align: right; |
1833 .edit-site-editor__editor-interface.is-loading{ |
1834 } |
1834 opacity:0; |
1835 .edit-site-template-details .edit-site-template-details__revert-button:focus:not(:disabled) { |
1835 } |
1836 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; |
1836 |
1837 } |
1837 .edit-site-editor__toggle-save-panel{ |
1838 .edit-site-template-details .edit-site-template-details__show-all-button.components-button { |
1838 background-color:#fff; |
1839 display: flex; |
1839 border:1px dotted #ddd; |
1840 justify-content: center; |
1840 box-sizing:border-box; |
1841 background: #1e1e1e; |
1841 display:flex; |
1842 color: #fff; |
1842 justify-content:center; |
1843 width: 100%; |
1843 padding:24px; |
1844 height: 44px; |
1844 width:280px; |
1845 border-radius: 0; |
1845 } |
1846 } |
1846 |
1847 .edit-site-template-details .edit-site-template-details__show-all-button.components-button:hover { |
1847 .edit-site-welcome-guide{ |
1848 color: #fff; |
1848 width:312px; |
1849 } |
1849 } |
1850 .edit-site-template-details .edit-site-template-details__show-all-button.components-button:active { |
1850 .edit-site-welcome-guide.guide-editor .edit-site-welcome-guide__image,.edit-site-welcome-guide.guide-styles .edit-site-welcome-guide__image{ |
1851 color: #ccc; |
1851 background:#00a0d2; |
1852 } |
1852 } |
1853 .edit-site-template-details .edit-site-template-details__show-all-button.components-button:focus:not(:disabled) { |
1853 .edit-site-welcome-guide.guide-page .edit-site-welcome-guide__video{ |
1854 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; |
1854 border-left:16px solid #3858e9; |
1855 } |
1855 border-top:16px solid #3858e9; |
1856 |
1856 } |
1857 .edit-site-create-template-part-modal { |
1857 .edit-site-welcome-guide.guide-template .edit-site-welcome-guide__video{ |
1858 z-index: 1000001; |
1858 border-right:16px solid #3858e9; |
1859 } |
1859 border-top:16px solid #3858e9; |
1860 @media (min-width: 600px) { |
1860 } |
1861 .edit-site-create-template-part-modal .components-modal__frame { |
1861 .edit-site-welcome-guide__image{ |
1862 max-width: 500px; |
1862 margin:0 0 16px; |
1863 } |
1863 } |
1864 } |
1864 .edit-site-welcome-guide__image>img{ |
1865 |
1865 display:block; |
1866 .edit-site-create-template-part-modal__modal-actions { |
1866 max-width:100%; |
1867 padding-top: 12px; |
1867 object-fit:cover; |
1868 } |
1868 } |
1869 |
1869 .edit-site-welcome-guide__heading{ |
1870 .edit-site-create-template-part-modal__area-base-control .components-base-control__label { |
1870 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
1871 margin: 16px 0 8px; |
1871 font-size:24px; |
1872 cursor: auto; |
1872 line-height:1.4; |
1873 } |
1873 margin:16px 0; |
1874 |
1874 padding:0 32px; |
1875 .edit-site-create-template-part-modal__area-radio-group { |
1875 } |
1876 width: 100%; |
1876 .edit-site-welcome-guide__text{ |
1877 border: 1px solid #757575; |
1877 font-size:13px; |
1878 border-radius: 2px; |
1878 line-height:1.4; |
1879 } |
1879 margin:0 0 16px; |
1880 .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio { |
1880 padding:0 32px; |
1881 display: block; |
1881 } |
1882 width: 100%; |
1882 .edit-site-welcome-guide__text img{ |
1883 height: 100%; |
1883 vertical-align:bottom; |
1884 text-align: right; |
1884 } |
1885 padding: 12px; |
1885 .edit-site-welcome-guide__inserter-icon{ |
1886 } |
1886 margin:0 4px; |
1887 .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover { |
1887 vertical-align:text-top; |
1888 margin: 0; |
1888 } |
1889 background-color: inherit; |
1889 |
1890 border-bottom: 1px solid #757575; |
1890 .edit-site-layout{ |
1891 border-radius: 0; |
1891 color:#ccc; |
1892 } |
1892 display:flex; |
1893 .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus) { |
1893 flex-direction:column; |
1894 box-shadow: none; |
1894 height:100%; |
1895 } |
1895 } |
1896 .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus { |
1896 .edit-site-layout,.edit-site-layout:not(.is-full-canvas) .editor-visual-editor{ |
1897 border-bottom: 1px solid #fff; |
1897 background:#1e1e1e; |
1898 } |
1898 } |
1899 .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type { |
1899 |
1900 border-bottom: none; |
1900 .edit-site-layout__content{ |
1901 } |
1901 display:flex; |
1902 .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] { |
1902 flex-grow:1; |
1903 color: #1e1e1e; |
1903 height:100%; |
1904 cursor: auto; |
1904 } |
1905 } |
1905 |
1906 .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div { |
1906 .edit-site-layout__sidebar-region{ |
1907 color: #949494; |
1907 flex-shrink:0; |
1908 } |
1908 width:100vw; |
1909 .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label { |
1909 z-index:1; |
1910 padding-top: 4px; |
1910 } |
1911 white-space: normal; |
1911 @media (min-width:782px){ |
1912 } |
1912 .edit-site-layout__sidebar-region{ |
1913 .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div { |
1913 width:360px; |
1914 padding-top: 4px; |
1914 } |
1915 font-size: 12px; |
1915 } |
1916 } |
1916 .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region{ |
1917 .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox { |
1917 height:100vh; |
1918 margin-right: auto; |
1918 position:fixed !important; |
1919 min-width: 24px; |
1919 right:0; |
1920 } |
1920 top:0; |
1921 |
1921 } |
1922 .edit-site-editor__inserter-panel, |
1922 .edit-site-layout__sidebar-region .edit-site-layout__sidebar{ |
1923 .edit-site-editor__list-view-panel { |
1923 display:flex; |
1924 height: 100%; |
1924 flex-direction:column; |
1925 display: flex; |
1925 height:100%; |
1926 flex-direction: column; |
1926 } |
1927 } |
1927 .edit-site-layout__sidebar-region .resizable-editor__drag-handle{ |
1928 |
1928 left:0; |
1929 .edit-site-editor__list-view-panel { |
1929 } |
1930 min-width: 350px; |
1930 |
1931 } |
1931 .edit-site-layout__main{ |
1932 |
1932 display:flex; |
1933 .edit-site-editor__inserter-panel-header { |
1933 flex-direction:column; |
1934 padding-top: 8px; |
1934 flex-grow:1; |
1935 padding-left: 8px; |
1935 overflow:hidden; |
1936 display: flex; |
1936 } |
1937 justify-content: flex-end; |
1937 |
1938 } |
1938 .edit-site-layout__mobile{ |
1939 |
1939 position:relative; |
1940 .edit-site-editor__inserter-panel-content, |
1940 width:100%; |
1941 .edit-site-editor__list-view-panel-content { |
1941 z-index:2; |
1942 height: calc(100% - 36px - 8px); |
1942 } |
1943 } |
1943 .edit-site-layout__mobile .edit-site-sidebar__screen-wrapper{ |
1944 |
1944 padding:0; |
1945 @media (min-width: 782px) { |
1945 } |
1946 .edit-site-editor__inserter-panel-content { |
1946 |
1947 height: 100%; |
1947 .edit-site-layout__canvas-container{ |
1948 } |
1948 flex-grow:1; |
1949 } |
1949 overflow:visible; |
1950 |
1950 position:relative; |
1951 .edit-site-editor__list-view-panel-header { |
1951 z-index:2; |
1952 align-items: center; |
1952 } |
1953 border-bottom: 1px solid #ddd; |
1953 .edit-site-layout__canvas-container.is-resizing:after{ |
1954 display: flex; |
1954 bottom:0; |
1955 justify-content: space-between; |
1955 content:""; |
1956 height: 48px; |
1956 left:0; |
1957 padding-right: 16px; |
1957 position:absolute; |
1958 padding-left: 4px; |
1958 right:0; |
1959 } |
1959 top:0; |
1960 |
1960 z-index:100; |
1961 .edit-site-editor__list-view-panel-content { |
1961 } |
1962 overflow-y: auto; |
1962 |
1963 padding: 8px; |
1963 .edit-site-layout__canvas{ |
1964 } |
1964 align-items:center; |
1965 |
1965 bottom:0; |
1966 .edit-site-welcome-guide { |
1966 display:flex; |
1967 width: 312px; |
1967 justify-content:center; |
1968 } |
1968 position:absolute; |
1969 .edit-site-welcome-guide__image { |
1969 right:0; |
1970 background: #00a0d2; |
1970 top:0; |
1971 margin: 0 0 16px; |
1971 width:100%; |
1972 } |
1972 } |
1973 .edit-site-welcome-guide__image > img { |
1973 .edit-site-layout__canvas.is-right-aligned{ |
1974 display: block; |
1974 justify-content:flex-end; |
1975 max-width: 100%; |
1975 } |
1976 -o-object-fit: cover; |
1976 .edit-site-layout__canvas .edit-site-resizable-frame__inner{ |
1977 object-fit: cover; |
1977 color:#1e1e1e; |
1978 } |
1978 } |
1979 .edit-site-welcome-guide__heading { |
1979 @media (min-width:782px){ |
1980 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1980 .edit-site-layout__canvas{ |
1981 font-size: 24px; |
1981 bottom:16px; |
1982 line-height: 1.4; |
1982 top:16px; |
1983 margin: 16px 0 16px 0; |
1983 width:calc(100% - 16px); |
1984 padding: 0 32px; |
1984 } |
1985 } |
1985 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
1986 .edit-site-welcome-guide__text { |
1986 box-shadow:0 20px 25px -5px #000c,0 8px 10px -6px #000c; |
1987 font-size: 13px; |
1987 overflow:hidden; |
1988 line-height: 1.4; |
1988 transition:border-radius .4s; |
1989 margin: 0 0 16px 0; |
1989 } |
1990 padding: 0 32px; |
1990 .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
1991 } |
1991 border-radius:8px; |
1992 .edit-site-welcome-guide__text img { |
1992 } |
1993 vertical-align: bottom; |
1993 } |
1994 } |
1994 .edit-site-layout.is-full-canvas .edit-site-layout__canvas{ |
1995 .edit-site-welcome-guide__inserter-icon { |
1995 bottom:0; |
1996 margin: 0 4px; |
1996 top:0; |
1997 vertical-align: text-top; |
1997 width:100%; |
1998 } |
1998 } |
1999 |
1999 |
2000 .edit-site-keyboard-shortcut-help-modal__section { |
2000 .edit-site-layout__canvas .interface-interface-skeleton,.edit-site-layout__mobile .interface-interface-skeleton,.edit-site-template-pages-preview .interface-interface-skeleton{ |
2001 margin: 0 0 2rem 0; |
2001 min-height:100% !important; |
2002 } |
2002 position:relative !important; |
2003 .edit-site-keyboard-shortcut-help-modal__main-shortcuts .edit-site-keyboard-shortcut-help-modal__shortcut-list { |
2003 } |
2004 margin-top: -25px; |
2004 |
2005 } |
2005 .edit-site-template-pages-preview{ |
2006 .edit-site-keyboard-shortcut-help-modal__section-title { |
2006 height:100%; |
2007 font-size: 0.9rem; |
2007 } |
2008 font-weight: 600; |
2008 html.canvas-mode-edit-transition::view-transition-group(toggle){ |
2009 } |
2009 animation-delay:255ms; |
2010 .edit-site-keyboard-shortcut-help-modal__shortcut { |
2010 } |
2011 display: flex; |
2011 .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle{ |
2012 align-items: baseline; |
2012 display:none; |
2013 padding: 0.6rem 0; |
2013 } |
2014 border-top: 1px solid #ddd; |
2014 |
2015 margin-bottom: 0; |
2015 .edit-site-layout__view-mode-toggle.components-button{ |
2016 } |
2016 view-transition-name:toggle; |
2017 .edit-site-keyboard-shortcut-help-modal__shortcut:last-child { |
2017 align-items:center; |
2018 border-bottom: 1px solid #ddd; |
2018 background:#1e1e1e; |
2019 } |
2019 border-radius:0; |
2020 .edit-site-keyboard-shortcut-help-modal__shortcut:empty { |
2020 color:#fff; |
2021 display: none; |
2021 display:flex; |
2022 } |
2022 height:60px; |
2023 .edit-site-keyboard-shortcut-help-modal__shortcut-term { |
2023 justify-content:center; |
2024 font-weight: 600; |
2024 overflow:hidden; |
2025 margin: 0 1rem 0 0; |
2025 padding:0; |
2026 text-align: left; |
2026 position:relative; |
2027 } |
2027 width:60px; |
2028 .edit-site-keyboard-shortcut-help-modal__shortcut-description { |
2028 } |
2029 flex: 1; |
2029 .edit-site-layout__view-mode-toggle.components-button:active,.edit-site-layout__view-mode-toggle.components-button:hover{ |
2030 margin: 0; |
2030 color:#fff; |
2031 flex-basis: auto; |
2031 } |
2032 } |
2032 .edit-site-layout__view-mode-toggle.components-button:focus,.edit-site-layout__view-mode-toggle.components-button:focus-visible{ |
2033 .edit-site-keyboard-shortcut-help-modal__shortcut-key-combination { |
2033 box-shadow:0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color); |
2034 display: block; |
2034 outline:4px solid #0000; |
2035 background: none; |
2035 outline-offset:4px; |
2036 margin: 0; |
2036 } |
2037 padding: 0; |
2037 .edit-site-layout__view-mode-toggle.components-button:before{ |
2038 } |
2038 border-radius:4px; |
2039 .edit-site-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-site-keyboard-shortcut-help-modal__shortcut-key-combination { |
2039 bottom:9px; |
2040 margin-top: 10px; |
2040 box-shadow:none; |
2041 } |
2041 content:""; |
2042 .edit-site-keyboard-shortcut-help-modal__shortcut-key { |
2042 display:block; |
2043 padding: 0.25rem 0.5rem; |
2043 left:9px; |
2044 border-radius: 8%; |
2044 position:absolute; |
2045 margin: 0 0.2rem 0 0.2rem; |
2045 right:9px; |
2046 } |
2046 top:9px; |
2047 .edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child { |
2047 transition:box-shadow .1s ease; |
2048 margin: 0 0.2rem 0 0; |
2048 } |
2049 } |
2049 @media (prefers-reduced-motion:reduce){ |
2050 |
2050 .edit-site-layout__view-mode-toggle.components-button:before{ |
2051 html.wp-toolbar { |
2051 transition-delay:0s; |
2052 background: #fff; |
2052 transition-duration:0s; |
2053 } |
2053 } |
2054 |
2054 } |
2055 body.appearance_page_gutenberg-edit-site, |
2055 .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{ |
2056 body.site-editor-php { |
2056 align-items:center; |
2057 background: #fff; |
2057 display:flex; |
2058 /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. |
2058 height:64px; |
2059 Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ |
2059 justify-content:center; |
2060 } |
2060 width:64px; |
2061 body.appearance_page_gutenberg-edit-site #wpcontent, |
2061 } |
2062 body.site-editor-php #wpcontent { |
2062 |
2063 padding-right: 0; |
2063 .edit-site-layout__actions{ |
2064 } |
2064 background:#fff; |
2065 body.appearance_page_gutenberg-edit-site #wpbody-content, |
2065 bottom:auto; |
2066 body.site-editor-php #wpbody-content { |
2066 color:#1e1e1e; |
2067 padding-bottom: 0; |
2067 left:0; |
2068 } |
2068 position:fixed !important; |
2069 body.appearance_page_gutenberg-edit-site #wpbody-content > div:not(.edit-site):not(#screen-meta), |
2069 right:auto; |
2070 body.site-editor-php #wpbody-content > div:not(.edit-site):not(#screen-meta) { |
2070 top:-9999em; |
2071 display: none; |
2071 width:280px; |
2072 } |
2072 z-index:100000; |
2073 body.appearance_page_gutenberg-edit-site #wpfooter, |
2073 } |
2074 body.site-editor-php #wpfooter { |
2074 .edit-site-layout__actions:focus,.edit-site-layout__actions:focus-within{ |
2075 display: none; |
2075 bottom:0; |
2076 } |
2076 top:auto; |
2077 body.appearance_page_gutenberg-edit-site .a11y-speak-region, |
2077 } |
2078 body.site-editor-php .a11y-speak-region { |
2078 .edit-site-layout__actions.is-entity-save-view-open:focus,.edit-site-layout__actions.is-entity-save-view-open:focus-within{ |
2079 right: -1px; |
2079 top:0; |
2080 top: -1px; |
2080 } |
2081 } |
2081 @media (min-width:782px){ |
2082 body.appearance_page_gutenberg-edit-site ul#adminmenu a.wp-has-current-submenu::after, |
2082 .edit-site-layout__actions{ |
2083 body.appearance_page_gutenberg-edit-site ul#adminmenu > li.current > a.current::after, |
2083 border-right:1px solid #ddd; |
2084 body.site-editor-php ul#adminmenu a.wp-has-current-submenu::after, |
2084 } |
2085 body.site-editor-php ul#adminmenu > li.current > a.current::after { |
2085 } |
2086 border-left-color: #fff; |
2086 |
2087 } |
2087 .edit-site-layout__area{ |
2088 body.appearance_page_gutenberg-edit-site .media-frame select.attachment-filters:last-of-type, |
2088 flex-grow:1; |
2089 body.site-editor-php .media-frame select.attachment-filters:last-of-type { |
2089 margin:0; |
2090 width: auto; |
2090 overflow:hidden; |
2091 max-width: 100%; |
2091 } |
2092 } |
2092 @media (min-width:782px){ |
2093 |
2093 .edit-site-layout__area{ |
2094 .edit-site, |
2094 border-radius:8px; |
2095 .components-modal__frame { |
2095 margin:16px 0 16px 16px; |
2096 box-sizing: border-box; |
2096 } |
2097 } |
2097 } |
2098 .edit-site *, |
2098 |
2099 .edit-site *::before, |
2099 .edit-site .components-editor-notices__snackbar{ |
2100 .edit-site *::after, |
2100 bottom:16px; |
2101 .components-modal__frame *, |
2101 left:0; |
2102 .components-modal__frame *::before, |
2102 padding-left:16px; |
2103 .components-modal__frame *::after { |
2103 padding-right:16px; |
2104 box-sizing: inherit; |
2104 position:fixed; |
2105 } |
2105 } |
2106 |
2106 |
2107 @media (min-width: 600px) { |
2107 .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus,.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible{ |
2108 .edit-site { |
2108 box-shadow:none; |
2109 bottom: 0; |
2109 outline:none; |
2110 right: 0; |
2110 outline-offset:0; |
2111 min-height: 100vh; |
2111 } |
2112 position: absolute; |
2112 .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus .edit-site-site-icon svg,.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible .edit-site-site-icon svg{ |
2113 left: 0; |
2113 border-radius:2px; |
2114 top: 0; |
2114 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #3858e9); |
2115 } |
2115 height:40px; |
2116 } |
2116 outline:3px solid #0000; |
2117 .edit-site .interface-interface-skeleton { |
2117 padding:2px; |
2118 top: 0; |
2118 width:40px; |
2119 } |
2119 } |
2120 .edit-site .interface-complementary-area__pin-unpin-item.components-button { |
2120 |
2121 display: none; |
2121 .edit-site-save-hub{ |
2122 } |
2122 border-top:1px solid #2f2f2f; |
2123 .edit-site .interface-interface-skeleton__content { |
2123 color:#949494; |
2124 background-color: #2f2f2f; |
2124 flex-shrink:0; |
2125 } |
2125 margin:0; |
2126 |
2126 padding:16px; |
2127 /** |
2127 } |
2128 * Animations |
2128 |
2129 */ |
2129 .edit-site-save-hub__button{ |
2130 @keyframes edit-post__fade-in-animation { |
2130 color:inherit; |
2131 from { |
2131 justify-content:center; |
2132 opacity: 0; |
2132 width:100%; |
2133 } |
2133 } |
2134 to { |
2134 .edit-site-save-hub__button[aria-disabled=true]{ |
2135 opacity: 1; |
2135 opacity:1; |
2136 } |
2136 } |
2137 } |
2137 .edit-site-save-hub__button[aria-disabled=true]:hover{ |
2138 body.admin-color-light { |
2138 color:inherit; |
2139 --wp-admin-theme-color: #0085ba; |
2139 } |
2140 --wp-admin-theme-color--rgb: 0, 133, 186; |
2140 .edit-site-save-hub__button:not(.is-primary).is-busy,.edit-site-save-hub__button:not(.is-primary).is-busy[aria-disabled=true]:hover{ |
2141 --wp-admin-theme-color-darker-10: #0073a1; |
2141 color:#1e1e1e; |
2142 --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; |
2142 } |
2143 --wp-admin-theme-color-darker-20: #006187; |
2143 |
2144 --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; |
2144 @media (min-width:600px){ |
2145 --wp-admin-border-width-focus: 2px; |
2145 .edit-site-save-panel__modal{ |
2146 } |
2146 width:600px; |
2147 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
2147 } |
2148 body.admin-color-light { |
2148 } |
2149 --wp-admin-border-width-focus: 1.5px; |
2149 |
2150 } |
2150 .edit-site-sidebar__content{ |
2151 } |
2151 contain:content; |
2152 |
2152 flex-grow:1; |
2153 body.admin-color-modern { |
2153 overflow-x:hidden; |
2154 --wp-admin-theme-color: #3858e9; |
2154 overflow-y:auto; |
2155 --wp-admin-theme-color--rgb: 56, 88, 233; |
2155 } |
2156 --wp-admin-theme-color-darker-10: #2145e6; |
2156 |
2157 --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; |
2157 @keyframes slide-from-right{ |
2158 --wp-admin-theme-color-darker-20: #183ad6; |
2158 0%{ |
2159 --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; |
2159 opacity:0; |
2160 --wp-admin-border-width-focus: 2px; |
2160 transform:translateX(-50px); |
2161 } |
2161 } |
2162 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
2162 to{ |
2163 body.admin-color-modern { |
2163 opacity:1; |
2164 --wp-admin-border-width-focus: 1.5px; |
2164 transform:none; |
2165 } |
2165 } |
2166 } |
2166 } |
2167 |
2167 @keyframes slide-from-left{ |
2168 body.admin-color-blue { |
2168 0%{ |
2169 --wp-admin-theme-color: #096484; |
2169 opacity:0; |
2170 --wp-admin-theme-color--rgb: 9, 100, 132; |
2170 transform:translateX(50px); |
2171 --wp-admin-theme-color-darker-10: #07526c; |
2171 } |
2172 --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; |
2172 to{ |
2173 --wp-admin-theme-color-darker-20: #064054; |
2173 opacity:1; |
2174 --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; |
2174 transform:none; |
2175 --wp-admin-border-width-focus: 2px; |
2175 } |
2176 } |
2176 } |
2177 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
2177 .edit-site-sidebar__screen-wrapper{ |
2178 body.admin-color-blue { |
2178 animation-duration:.14s; |
2179 --wp-admin-border-width-focus: 1.5px; |
2179 animation-timing-function:ease-in-out; |
2180 } |
2180 display:flex; |
2181 } |
2181 flex-direction:column; |
2182 |
2182 height:100%; |
2183 body.admin-color-coffee { |
2183 max-height:100%; |
2184 --wp-admin-theme-color: #46403c; |
2184 overflow-x:auto; |
2185 --wp-admin-theme-color--rgb: 70, 64, 60; |
2185 padding:0 12px; |
2186 --wp-admin-theme-color-darker-10: #383330; |
2186 scrollbar-color:#0000 #0000; |
2187 --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; |
2187 scrollbar-gutter:stable both-edges; |
2188 --wp-admin-theme-color-darker-20: #2b2724; |
2188 scrollbar-gutter:stable; |
2189 --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; |
2189 scrollbar-width:thin; |
2190 --wp-admin-border-width-focus: 2px; |
2190 will-change:transform; |
2191 } |
2191 will-change:transform, opacity; |
2192 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
2192 } |
2193 body.admin-color-coffee { |
2193 .edit-site-sidebar__screen-wrapper::-webkit-scrollbar{ |
2194 --wp-admin-border-width-focus: 1.5px; |
2194 height:12px; |
2195 } |
2195 width:12px; |
2196 } |
2196 } |
2197 |
2197 .edit-site-sidebar__screen-wrapper::-webkit-scrollbar-track{ |
2198 body.admin-color-ectoplasm { |
2198 background-color:initial; |
2199 --wp-admin-theme-color: #523f6d; |
2199 } |
2200 --wp-admin-theme-color--rgb: 82, 63, 109; |
2200 .edit-site-sidebar__screen-wrapper::-webkit-scrollbar-thumb{ |
2201 --wp-admin-theme-color-darker-10: #46365d; |
2201 background-clip:padding-box; |
2202 --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; |
2202 background-color:initial; |
2203 --wp-admin-theme-color-darker-20: #3a2c4d; |
2203 border:3px solid #0000; |
2204 --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; |
2204 border-radius:8px; |
2205 --wp-admin-border-width-focus: 2px; |
2205 } |
2206 } |
2206 .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{ |
2207 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
2207 background-color:#757575; |
2208 body.admin-color-ectoplasm { |
2208 } |
2209 --wp-admin-border-width-focus: 1.5px; |
2209 .edit-site-sidebar__screen-wrapper:focus,.edit-site-sidebar__screen-wrapper:focus-within,.edit-site-sidebar__screen-wrapper:hover{ |
2210 } |
2210 scrollbar-color:#757575 #0000; |
2211 } |
2211 } |
2212 |
2212 @media (hover:none){ |
2213 body.admin-color-midnight { |
2213 .edit-site-sidebar__screen-wrapper{ |
2214 --wp-admin-theme-color: #e14d43; |
2214 scrollbar-color:#757575 #0000; |
2215 --wp-admin-theme-color--rgb: 225, 77, 67; |
2215 } |
2216 --wp-admin-theme-color-darker-10: #dd382d; |
2216 } |
2217 --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; |
2217 @media (prefers-reduced-motion:reduce){ |
2218 --wp-admin-theme-color-darker-20: #d02c21; |
2218 .edit-site-sidebar__screen-wrapper{ |
2219 --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; |
2219 animation-duration:0s; |
2220 --wp-admin-border-width-focus: 2px; |
2220 } |
2221 } |
2221 } |
2222 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
2222 .edit-site-sidebar__screen-wrapper.slide-from-left{ |
2223 body.admin-color-midnight { |
2223 animation-name:slide-from-left; |
2224 --wp-admin-border-width-focus: 1.5px; |
2224 } |
2225 } |
2225 .edit-site-sidebar__screen-wrapper.slide-from-right{ |
2226 } |
2226 animation-name:slide-from-right; |
2227 |
2227 } |
2228 body.admin-color-ocean { |
2228 |
2229 --wp-admin-theme-color: #627c83; |
2229 .edit-site-sidebar-button{ |
2230 --wp-admin-theme-color--rgb: 98, 124, 131; |
2230 color:#e0e0e0; |
2231 --wp-admin-theme-color-darker-10: #576e74; |
2231 flex-shrink:0; |
2232 --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; |
2232 } |
2233 --wp-admin-theme-color-darker-20: #4c6066; |
2233 .edit-site-sidebar-button:focus:not(:disabled){ |
2234 --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; |
2234 box-shadow:none; |
2235 --wp-admin-border-width-focus: 2px; |
2235 outline:none; |
2236 } |
2236 } |
2237 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
2237 .edit-site-sidebar-button:focus-visible:not(:disabled){ |
2238 body.admin-color-ocean { |
2238 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2239 --wp-admin-border-width-focus: 1.5px; |
2239 outline:3px solid #0000; |
2240 } |
2240 } |
2241 } |
2241 .edit-site-sidebar-button:focus,.edit-site-sidebar-button:focus-visible,.edit-site-sidebar-button:hover,.edit-site-sidebar-button:not([aria-disabled=true]):active,.edit-site-sidebar-button[aria-expanded=true]{ |
2242 |
2242 color:#f0f0f0; |
2243 body.admin-color-sunrise { |
2243 } |
2244 --wp-admin-theme-color: #dd823b; |
2244 |
2245 --wp-admin-theme-color--rgb: 221, 130, 59; |
2245 .edit-site-sidebar-navigation-item.components-item{ |
2246 --wp-admin-theme-color-darker-10: #d97426; |
2246 border:none; |
2247 --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; |
2247 border-radius:2px; |
2248 --wp-admin-theme-color-darker-20: #c36922; |
2248 color:#949494; |
2249 --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; |
2249 min-height:40px; |
2250 --wp-admin-border-width-focus: 2px; |
2250 padding:8px 16px 8px 6px; |
2251 } |
2251 } |
2252 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
2252 .edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current]{ |
2253 body.admin-color-sunrise { |
2253 background:#2f2f2f; |
2254 --wp-admin-border-width-focus: 1.5px; |
2254 color:#e0e0e0; |
2255 } |
2255 } |
2256 } |
2256 .edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item[aria-current] .edit-site-sidebar-navigation-item__drilldown-indicator{ |
|
2257 fill:#e0e0e0; |
|
2258 } |
|
2259 .edit-site-sidebar-navigation-item.components-item[aria-current]{ |
|
2260 background:var(--wp-admin-theme-color); |
|
2261 color:#fff; |
|
2262 } |
|
2263 .edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator{ |
|
2264 fill:#949494; |
|
2265 } |
|
2266 .edit-site-sidebar-navigation-item.components-item.with-suffix{ |
|
2267 padding-left:16px; |
|
2268 } |
|
2269 |
|
2270 .edit-site-sidebar-navigation-screen__content .block-editor-list-view-block-select-button{ |
|
2271 cursor:grab; |
|
2272 padding:8px 0 8px 8px; |
|
2273 } |
|
2274 |
|
2275 .edit-site-sidebar-navigation-screen{ |
|
2276 display:flex; |
|
2277 flex-direction:column; |
|
2278 overflow-x:unset !important; |
|
2279 position:relative; |
|
2280 } |
|
2281 |
|
2282 .edit-site-sidebar-navigation-screen__main{ |
|
2283 flex-grow:1; |
|
2284 margin-bottom:16px; |
|
2285 } |
|
2286 .edit-site-sidebar-navigation-screen__main.has-footer{ |
|
2287 margin-bottom:0; |
|
2288 } |
|
2289 |
|
2290 .edit-site-sidebar-navigation-screen__content{ |
|
2291 padding:0 16px; |
|
2292 } |
|
2293 .edit-site-sidebar-navigation-screen__content .components-item-group{ |
|
2294 margin-left:-16px; |
|
2295 margin-right:-16px; |
|
2296 } |
|
2297 .edit-site-sidebar-navigation-screen__content .components-text{ |
|
2298 color:#ccc; |
|
2299 } |
|
2300 .edit-site-sidebar-navigation-screen__content .components-heading{ |
|
2301 margin-bottom:8px; |
|
2302 } |
|
2303 |
|
2304 .edit-site-sidebar-navigation-screen__meta{ |
|
2305 color:#ccc; |
|
2306 margin:0 16px 16px 0; |
|
2307 } |
|
2308 .edit-site-sidebar-navigation-screen__meta .components-text{ |
|
2309 color:#ccc; |
|
2310 } |
|
2311 |
|
2312 .edit-site-sidebar-navigation-screen__page-link{ |
|
2313 color:#949494; |
|
2314 display:inline-block; |
|
2315 word-break:break-word; |
|
2316 } |
|
2317 .edit-site-sidebar-navigation-screen__page-link:focus,.edit-site-sidebar-navigation-screen__page-link:hover{ |
|
2318 color:#fff; |
|
2319 } |
|
2320 .edit-site-sidebar-navigation-screen__page-link .components-external-link__icon{ |
|
2321 margin-right:4px; |
|
2322 } |
|
2323 |
|
2324 .edit-site-sidebar-navigation-screen__title-icon{ |
|
2325 background:#1e1e1e; |
|
2326 margin-bottom:8px; |
|
2327 padding-bottom:8px; |
|
2328 padding-top:48px; |
|
2329 position:sticky; |
|
2330 top:0; |
|
2331 z-index:1; |
|
2332 } |
|
2333 |
|
2334 .edit-site-sidebar-navigation-screen__title{ |
|
2335 flex-grow:1; |
|
2336 overflow-wrap:break-word; |
|
2337 padding:2px 0 0; |
|
2338 } |
|
2339 |
|
2340 .edit-site-sidebar-navigation-screen__actions{ |
|
2341 display:flex; |
|
2342 flex-shrink:0; |
|
2343 } |
|
2344 |
|
2345 @media (min-width:782px){ |
|
2346 .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variation-container{ |
|
2347 max-width:292px; |
|
2348 } |
|
2349 } |
|
2350 |
|
2351 .edit-site-global-styles-variation-title{ |
|
2352 color:#ddd; |
|
2353 font-size:11px; |
|
2354 font-weight:500; |
|
2355 text-transform:uppercase; |
|
2356 } |
|
2357 |
|
2358 .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ |
|
2359 outline-color:#ffffff0d; |
|
2360 } |
|
2361 .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item:not(.is-active):hover .edit-site-global-styles-variations_item-preview{ |
|
2362 outline-color:#ffffff26; |
|
2363 } |
|
2364 .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ |
|
2365 outline-color:#fff; |
|
2366 } |
|
2367 .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ |
|
2368 outline-color:var(--wp-admin-theme-color); |
|
2369 } |
|
2370 |
|
2371 .edit-site-sidebar-navigation-screen__footer{ |
|
2372 background-color:#1e1e1e; |
|
2373 border-top:1px solid #2f2f2f; |
|
2374 bottom:0; |
|
2375 gap:0; |
|
2376 margin:16px 0 0; |
|
2377 padding:16px 0; |
|
2378 position:sticky; |
|
2379 } |
|
2380 .edit-site-sidebar-navigation-screen__input-control{ |
|
2381 width:100%; |
|
2382 } |
|
2383 .edit-site-sidebar-navigation-screen__input-control .components-input-control__container{ |
|
2384 background:#2f2f2f; |
|
2385 } |
|
2386 .edit-site-sidebar-navigation-screen__input-control .components-input-control__container .components-button{ |
|
2387 color:#e0e0e0 !important; |
|
2388 } |
|
2389 .edit-site-sidebar-navigation-screen__input-control .components-input-control__input{ |
|
2390 background:#2f2f2f !important; |
|
2391 border-radius:2px; |
|
2392 color:#e0e0e0 !important; |
|
2393 } |
|
2394 .edit-site-sidebar-navigation-screen__input-control .components-input-control__backdrop{ |
|
2395 border:4px !important; |
|
2396 } |
|
2397 .edit-site-sidebar-navigation-screen__input-control .components-base-control__help{ |
|
2398 color:#949494; |
|
2399 } |
|
2400 |
|
2401 .edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item[aria-current]{ |
|
2402 background:none; |
|
2403 } |
|
2404 .edit-site-sidebar-navigation-screen-details-footer .edit-site-sidebar-navigation-screen-details-footer__icon{ |
|
2405 margin-right:auto; |
|
2406 fill:#949494; |
|
2407 } |
|
2408 |
|
2409 .sidebar-navigation__more-menu .components-button{ |
|
2410 color:#e0e0e0; |
|
2411 } |
|
2412 .sidebar-navigation__more-menu .components-button:focus,.sidebar-navigation__more-menu .components-button:hover,.sidebar-navigation__more-menu .components-button[aria-current]{ |
|
2413 color:#f0f0f0; |
|
2414 } |
|
2415 |
|
2416 .edit-site-sidebar-navigation-details-screen-panel{ |
|
2417 margin:24px 0; |
|
2418 } |
|
2419 .edit-site-sidebar-navigation-details-screen-panel:last-of-type{ |
|
2420 margin-bottom:0; |
|
2421 } |
|
2422 .edit-site-sidebar-navigation-details-screen-panel .edit-site-sidebar-navigation-details-screen-panel__heading{ |
|
2423 color:#ccc; |
|
2424 font-size:11px; |
|
2425 font-weight:500; |
|
2426 margin-bottom:0; |
|
2427 padding:0; |
|
2428 text-transform:uppercase; |
|
2429 } |
|
2430 |
|
2431 .edit-site-sidebar-navigation-details-screen-panel__label.edit-site-sidebar-navigation-details-screen-panel__label{ |
|
2432 color:#949494; |
|
2433 flex-shrink:0; |
|
2434 width:100px; |
|
2435 } |
|
2436 |
|
2437 .edit-site-sidebar-navigation-details-screen-panel__value.edit-site-sidebar-navigation-details-screen-panel__value{ |
|
2438 color:#e0e0e0; |
|
2439 } |
|
2440 |
|
2441 .edit-site-sidebar-navigation-screen-patterns__group{ |
|
2442 margin-bottom:24px; |
|
2443 } |
|
2444 .edit-site-sidebar-navigation-screen-patterns__group:last-of-type{ |
|
2445 border-bottom:0; |
|
2446 margin-bottom:0; |
|
2447 padding-bottom:0; |
|
2448 } |
|
2449 |
|
2450 .edit-site-sidebar-navigation-screen-patterns__group-header{ |
|
2451 margin-top:16px; |
|
2452 } |
|
2453 .edit-site-sidebar-navigation-screen-patterns__group-header p{ |
|
2454 color:#949494; |
|
2455 } |
|
2456 .edit-site-sidebar-navigation-screen-patterns__group-header h2{ |
|
2457 font-size:11px; |
|
2458 font-weight:500; |
|
2459 text-transform:uppercase; |
|
2460 } |
|
2461 |
|
2462 .edit-site-sidebar-navigation-screen-patterns__divider{ |
|
2463 border-top:1px solid #2f2f2f; |
|
2464 margin:16px 0; |
|
2465 } |
|
2466 |
|
2467 .edit-site-sidebar-navigation-screen-dataviews__group-header{ |
|
2468 margin-top:32px; |
|
2469 } |
|
2470 .edit-site-sidebar-navigation-screen-dataviews__group-header h2{ |
|
2471 font-size:11px; |
|
2472 font-weight:500; |
|
2473 text-transform:uppercase; |
|
2474 } |
|
2475 |
|
2476 .edit-site-sidebar-dataviews-dataview-item{ |
|
2477 border-radius:2px; |
|
2478 padding-left:8px; |
|
2479 } |
|
2480 .edit-site-sidebar-dataviews-dataview-item .edit-site-sidebar-dataviews-dataview-item__dropdown-menu{ |
|
2481 min-width:auto; |
|
2482 } |
|
2483 .edit-site-sidebar-dataviews-dataview-item:focus,.edit-site-sidebar-dataviews-dataview-item:hover,.edit-site-sidebar-dataviews-dataview-item[aria-current]{ |
|
2484 background:#2f2f2f; |
|
2485 color:#e0e0e0; |
|
2486 } |
|
2487 .edit-site-sidebar-dataviews-dataview-item.is-selected{ |
|
2488 background:var(--wp-admin-theme-color); |
|
2489 color:#fff; |
|
2490 } |
|
2491 |
|
2492 .edit-site-site-hub{ |
|
2493 align-items:center; |
|
2494 display:flex; |
|
2495 gap:8px; |
|
2496 justify-content:space-between; |
|
2497 margin-left:12px; |
|
2498 } |
|
2499 |
|
2500 .edit-site-site-hub__actions{ |
|
2501 flex-shrink:0; |
|
2502 } |
|
2503 |
|
2504 .edit-site-site-hub__view-mode-toggle-container{ |
|
2505 flex-shrink:0; |
|
2506 height:60px; |
|
2507 width:60px; |
|
2508 } |
|
2509 .edit-site-site-hub__view-mode-toggle-container.has-transparent-background .edit-site-layout__view-mode-toggle-icon{ |
|
2510 background:#0000; |
|
2511 } |
|
2512 |
|
2513 .edit-site-site-hub__title .components-button{ |
|
2514 color:#e0e0e0; |
|
2515 display:block; |
|
2516 flex-grow:1; |
|
2517 font-size:15px; |
|
2518 font-weight:500; |
|
2519 overflow:hidden; |
|
2520 padding-left:16px; |
|
2521 position:relative; |
|
2522 text-decoration:none; |
|
2523 text-overflow:ellipsis; |
|
2524 white-space:nowrap; |
|
2525 } |
|
2526 .edit-site-site-hub__title .components-button:active,.edit-site-site-hub__title .components-button:focus,.edit-site-site-hub__title .components-button:hover{ |
|
2527 color:#e0e0e0; |
|
2528 } |
|
2529 .edit-site-site-hub__title .components-button:focus{ |
|
2530 box-shadow:none; |
|
2531 outline:none; |
|
2532 } |
|
2533 .edit-site-site-hub__title .components-button:focus-visible{ |
|
2534 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); |
|
2535 outline:2px solid #0000; |
|
2536 outline-offset:2px; |
|
2537 } |
|
2538 .edit-site-site-hub__title .components-button:after{ |
|
2539 content:"↗"; |
|
2540 font-weight:400; |
|
2541 left:0; |
|
2542 opacity:0; |
|
2543 position:absolute; |
|
2544 transition:opacity .1s linear; |
|
2545 } |
|
2546 @media (prefers-reduced-motion:reduce){ |
|
2547 .edit-site-site-hub__title .components-button:after{ |
|
2548 transition-delay:0s; |
|
2549 transition-duration:0s; |
|
2550 } |
|
2551 } |
|
2552 .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{ |
|
2553 opacity:1; |
|
2554 } |
|
2555 |
|
2556 .edit-site-site-hub_toggle-command-center{ |
|
2557 color:#e0e0e0; |
|
2558 } |
|
2559 .edit-site-site-hub_toggle-command-center:active svg,.edit-site-site-hub_toggle-command-center:hover svg{ |
|
2560 fill:#f0f0f0; |
|
2561 } |
|
2562 |
|
2563 .edit-site-sidebar-navigation-screen__description{ |
|
2564 margin:0 0 32px; |
|
2565 } |
|
2566 |
|
2567 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{ |
|
2568 width:100%; |
|
2569 } |
|
2570 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ |
|
2571 white-space:normal; |
|
2572 } |
|
2573 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__title{ |
|
2574 margin-top:3px; |
|
2575 } |
|
2576 .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell{ |
|
2577 padding-left:0; |
|
2578 } |
|
2579 .edit-site-sidebar-navigation-screen-navigation-menus__content .components-button{ |
|
2580 color:#949494; |
|
2581 } |
|
2582 .edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:hover,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button[aria-current]{ |
|
2583 color:#fff; |
|
2584 } |
|
2585 |
|
2586 .edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner{ |
|
2587 display:block; |
|
2588 margin-left:auto; |
|
2589 margin-right:auto; |
|
2590 } |
|
2591 |
|
2592 .edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor{ |
|
2593 display:none; |
|
2594 } |
|
2595 |
|
2596 .edit-site-site-icon__icon{ |
|
2597 fill:currentColor; |
|
2598 } |
|
2599 .edit-site-layout.is-full-canvas .edit-site-site-icon__icon{ |
|
2600 padding:6px; |
|
2601 } |
|
2602 |
|
2603 .edit-site-site-icon__image{ |
|
2604 background:#333; |
|
2605 height:100%; |
|
2606 object-fit:cover; |
|
2607 width:100%; |
|
2608 } |
|
2609 .edit-site-layout.is-full-canvas .edit-site-site-icon__image{ |
|
2610 border-radius:0; |
|
2611 } |
|
2612 |
|
2613 .edit-site-style-book{ |
|
2614 height:100%; |
|
2615 } |
|
2616 |
|
2617 .edit-site-style-book.is-button,.edit-site-style-book__iframe.is-button{ |
|
2618 border-radius:8px; |
|
2619 } |
|
2620 .edit-site-style-book__iframe.is-focused{ |
|
2621 outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color); |
|
2622 outline-offset:calc(var(--wp-admin-border-width-focus)*-2); |
|
2623 } |
|
2624 |
|
2625 .edit-site-style-book__tabs [role=tablist]{ |
|
2626 background:#fff; |
|
2627 color:#1e1e1e; |
|
2628 } |
|
2629 .edit-site-style-book__tabs [role=tabpanel]{ |
|
2630 bottom:0; |
|
2631 left:0; |
|
2632 overflow:auto; |
|
2633 padding:0; |
|
2634 position:absolute; |
|
2635 right:0; |
|
2636 top:48px; |
|
2637 } |
|
2638 |
|
2639 .edit-site-editor-canvas-container{ |
|
2640 background-color:#ddd; |
|
2641 height:100%; |
|
2642 } |
|
2643 .edit-site-editor-canvas-container iframe{ |
|
2644 display:block; |
|
2645 height:100%; |
|
2646 width:100%; |
|
2647 } |
|
2648 .edit-site-layout.is-full-canvas .edit-site-editor-canvas-container{ |
|
2649 padding:24px 24px 0; |
|
2650 } |
|
2651 |
|
2652 .edit-site-editor-canvas-container__section{ |
|
2653 background:#fff; |
|
2654 border-radius:2px; |
|
2655 bottom:0; |
|
2656 left:0; |
|
2657 overflow:hidden; |
|
2658 position:absolute; |
|
2659 right:0; |
|
2660 top:0; |
|
2661 transition:all .3s; |
|
2662 } |
|
2663 |
|
2664 .edit-site-editor-canvas-container__close-button{ |
|
2665 background:#fff; |
|
2666 left:8px; |
|
2667 position:absolute; |
|
2668 top:6px; |
|
2669 z-index:1; |
|
2670 } |
|
2671 |
|
2672 .edit-site-resizable-frame__inner{ |
|
2673 position:relative; |
|
2674 } |
|
2675 body:has(.edit-site-resizable-frame__inner.is-resizing){ |
|
2676 cursor:col-resize; |
|
2677 user-select:none; |
|
2678 -webkit-user-select:none; |
|
2679 } |
|
2680 |
|
2681 .edit-site-resizable-frame__inner.is-resizing:before{ |
|
2682 content:""; |
|
2683 inset:0; |
|
2684 position:absolute; |
|
2685 z-index:1; |
|
2686 } |
|
2687 |
|
2688 .edit-site-resizable-frame__inner-content{ |
|
2689 inset:0; |
|
2690 position:absolute; |
|
2691 z-index:0; |
|
2692 } |
|
2693 |
|
2694 .edit-site-resizable-frame__handle{ |
|
2695 align-items:center; |
|
2696 background-color:#75757566; |
|
2697 border:0; |
|
2698 border-radius:4px; |
|
2699 cursor:col-resize; |
|
2700 display:flex; |
|
2701 height:64px; |
|
2702 justify-content:flex-end; |
|
2703 padding:0; |
|
2704 position:absolute; |
|
2705 top:calc(50% - 32px); |
|
2706 width:4px; |
|
2707 z-index:100; |
|
2708 } |
|
2709 .edit-site-resizable-frame__handle:before{ |
|
2710 content:""; |
|
2711 height:100%; |
|
2712 position:absolute; |
|
2713 right:100%; |
|
2714 width:32px; |
|
2715 } |
|
2716 .edit-site-resizable-frame__handle:after{ |
|
2717 content:""; |
|
2718 height:100%; |
|
2719 left:100%; |
|
2720 position:absolute; |
|
2721 width:32px; |
|
2722 } |
|
2723 .edit-site-resizable-frame__handle:focus-visible{ |
|
2724 outline:2px solid #0000; |
|
2725 } |
|
2726 .edit-site-resizable-frame__handle.is-resizing,.edit-site-resizable-frame__handle:focus,.edit-site-resizable-frame__handle:hover{ |
|
2727 background-color:var(--wp-admin-theme-color); |
|
2728 } |
|
2729 |
|
2730 .edit-site-push-changes-to-global-styles-control .components-button{ |
|
2731 justify-content:center; |
|
2732 width:100%; |
|
2733 } |
|
2734 |
|
2735 @media (min-width:782px){ |
|
2736 .font-library-modal.font-library-modal{ |
|
2737 width:65vw; |
|
2738 } |
|
2739 } |
|
2740 .font-library-modal .components-modal__header{ |
|
2741 border-bottom:none; |
|
2742 } |
|
2743 .font-library-modal .components-modal__content{ |
|
2744 margin-bottom:70px; |
|
2745 padding-top:0; |
|
2746 } |
|
2747 .font-library-modal .font-library-modal__subtitle{ |
|
2748 font-size:11px; |
|
2749 font-weight:500; |
|
2750 text-transform:uppercase; |
|
2751 } |
|
2752 .font-library-modal .components-navigator-screen{ |
|
2753 padding:3px; |
|
2754 } |
|
2755 |
|
2756 .font-library-modal__tabpanel-layout{ |
|
2757 margin-top:32px; |
|
2758 } |
|
2759 .font-library-modal__tabpanel-layout .font-library-modal__loading{ |
|
2760 align-items:center; |
|
2761 display:flex; |
|
2762 height:100%; |
|
2763 justify-content:center; |
|
2764 padding-top:120px; |
|
2765 position:absolute; |
|
2766 right:0; |
|
2767 top:0; |
|
2768 width:100%; |
|
2769 } |
|
2770 .font-library-modal__tabpanel-layout .font-library-modal__tabpanel-layout__footer{ |
|
2771 background-color:#fff; |
|
2772 border-top:1px solid #ddd; |
|
2773 bottom:32px; |
|
2774 height:70px; |
|
2775 margin:0 -32px -32px; |
|
2776 padding:16px 32px; |
|
2777 position:absolute; |
|
2778 width:100%; |
|
2779 } |
|
2780 |
|
2781 .font-library-modal__tabpanel-layout .components-base-control__field{ |
|
2782 margin-bottom:0; |
|
2783 } |
|
2784 |
|
2785 .font-library-modal__fonts-title{ |
|
2786 font-size:11px; |
|
2787 font-weight:600; |
|
2788 text-transform:uppercase; |
|
2789 } |
|
2790 |
|
2791 .font-library-modal__fonts-list,.font-library-modal__fonts-title{ |
|
2792 margin-bottom:0; |
|
2793 margin-top:0; |
|
2794 } |
|
2795 |
|
2796 .font-library-modal__fonts-list-item{ |
|
2797 margin-bottom:0; |
|
2798 } |
|
2799 |
|
2800 .font-library-modal__font-card{ |
|
2801 border:1px solid #e0e0e0; |
|
2802 height:auto; |
|
2803 margin-top:-1px; |
|
2804 padding:16px; |
|
2805 width:100%; |
|
2806 } |
|
2807 .font-library-modal__font-card:hover{ |
|
2808 background-color:#f0f0f0; |
|
2809 } |
|
2810 .font-library-modal__font-card .font-library-modal__font-card__name{ |
|
2811 font-weight:700; |
|
2812 } |
|
2813 .font-library-modal__font-card .font-library-modal__font-card__count{ |
|
2814 color:#757575; |
|
2815 } |
|
2816 .font-library-modal__font-card .font-library-modal__font-variant_demo-image{ |
|
2817 display:block; |
|
2818 height:24px; |
|
2819 width:auto; |
|
2820 } |
|
2821 .font-library-modal__font-card .font-library-modal__font-variant_demo-text{ |
|
2822 flex-shrink:0; |
|
2823 transition:opacity .3s ease-in-out; |
|
2824 white-space:nowrap; |
|
2825 } |
|
2826 @media (prefers-reduced-motion:reduce){ |
|
2827 .font-library-modal__font-card .font-library-modal__font-variant_demo-text{ |
|
2828 transition-delay:0s; |
|
2829 transition-duration:0s; |
|
2830 } |
|
2831 } |
|
2832 |
|
2833 .font-library-modal__font-variant{ |
|
2834 border-bottom:1px solid #e0e0e0; |
|
2835 padding-bottom:16px; |
|
2836 } |
|
2837 |
|
2838 .font-library-modal__tabs [role=tablist]{ |
|
2839 background:#fff; |
|
2840 border-bottom:1px solid #ddd; |
|
2841 margin:0 -32px; |
|
2842 padding:0 16px; |
|
2843 position:sticky; |
|
2844 top:0; |
|
2845 z-index:1; |
|
2846 } |
|
2847 |
|
2848 .font-library-modal__upload-area{ |
|
2849 align-items:center; |
|
2850 display:flex; |
|
2851 height:256px; |
|
2852 justify-content:center; |
|
2853 width:100%; |
|
2854 } |
|
2855 |
|
2856 button.font-library-modal__upload-area{ |
|
2857 background-color:#f0f0f0; |
|
2858 } |
|
2859 |
|
2860 .font-library-modal__local-fonts{ |
|
2861 margin:0 auto; |
|
2862 width:80%; |
|
2863 } |
|
2864 .font-library-modal__local-fonts .font-library-modal__upload-area__text{ |
|
2865 color:#757575; |
|
2866 } |
|
2867 |
|
2868 .font-library__google-fonts-confirm{ |
|
2869 align-items:center; |
|
2870 display:flex; |
|
2871 justify-content:center; |
|
2872 margin-top:64px; |
|
2873 } |
|
2874 .font-library__google-fonts-confirm p{ |
|
2875 line-height:1.4; |
|
2876 } |
|
2877 .font-library__google-fonts-confirm h2{ |
|
2878 font-size:1.2rem; |
|
2879 font-weight:400; |
|
2880 } |
|
2881 .font-library__google-fonts-confirm .components-card{ |
|
2882 padding:16px; |
|
2883 width:400px; |
|
2884 } |
|
2885 .font-library__google-fonts-confirm .components-button{ |
|
2886 justify-content:center; |
|
2887 width:100%; |
|
2888 } |
|
2889 |
|
2890 .edit-site-pagination .components-button.is-tertiary{ |
|
2891 height:32px; |
|
2892 justify-content:center; |
|
2893 width:32px; |
|
2894 } |
|
2895 |
|
2896 .edit-site-global-styles-variations_item{ |
|
2897 border-radius:2px; |
|
2898 box-sizing:border-box; |
|
2899 cursor:pointer; |
|
2900 } |
|
2901 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ |
|
2902 border-radius:2px; |
|
2903 outline:1px solid #0000001a; |
|
2904 outline-offset:-1px; |
|
2905 overflow:hidden; |
|
2906 position:relative; |
|
2907 transition:outline .1s linear; |
|
2908 } |
|
2909 @media (prefers-reduced-motion:reduce){ |
|
2910 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ |
|
2911 transition-delay:0s; |
|
2912 transition-duration:0s; |
|
2913 } |
|
2914 } |
|
2915 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill{ |
|
2916 height:32px; |
|
2917 } |
|
2918 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill .block-editor-iframe__scale-container{ |
|
2919 overflow:hidden; |
|
2920 } |
|
2921 .edit-site-global-styles-variations_item:not(.is-active):hover .edit-site-global-styles-variations_item-preview{ |
|
2922 outline-color:#0000004d; |
|
2923 } |
|
2924 .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview,.edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ |
|
2925 outline-color:#1e1e1e; |
|
2926 outline-offset:1px; |
|
2927 outline-width:var(--wp-admin-border-width-focus); |
|
2928 } |
|
2929 .edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ |
|
2930 outline-color:var(--wp-admin-theme-color); |
|
2931 } |
|
2932 ::view-transition-image-pair(root){ |
|
2933 isolation:auto; |
|
2934 } |
|
2935 |
|
2936 ::view-transition-new(root),::view-transition-old(root){ |
|
2937 animation:none; |
|
2938 display:block; |
|
2939 mix-blend-mode:normal; |
|
2940 } |
|
2941 body.js #wpadminbar{ |
|
2942 display:none; |
|
2943 } |
|
2944 |
|
2945 body.js #wpbody{ |
|
2946 padding-top:0; |
|
2947 } |
|
2948 |
|
2949 body.js.appearance_page_gutenberg-template-parts,body.js.site-editor-php{ |
|
2950 background:#fff; |
|
2951 } |
|
2952 body.js.appearance_page_gutenberg-template-parts #wpcontent,body.js.site-editor-php #wpcontent{ |
|
2953 padding-right:0; |
|
2954 } |
|
2955 body.js.appearance_page_gutenberg-template-parts #wpbody-content,body.js.site-editor-php #wpbody-content{ |
|
2956 padding-bottom:0; |
|
2957 } |
|
2958 body.js.appearance_page_gutenberg-template-parts #wpbody-content>div:not(.edit-site):not(#screen-meta),body.js.appearance_page_gutenberg-template-parts #wpfooter,body.js.site-editor-php #wpbody-content>div:not(.edit-site):not(#screen-meta),body.js.site-editor-php #wpfooter{ |
|
2959 display:none; |
|
2960 } |
|
2961 body.js.appearance_page_gutenberg-template-parts .a11y-speak-region,body.js.site-editor-php .a11y-speak-region{ |
|
2962 right:-1px; |
|
2963 top:-1px; |
|
2964 } |
|
2965 body.js.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu:after,body.js.appearance_page_gutenberg-template-parts ul#adminmenu>li.current>a.current:after,body.js.site-editor-php ul#adminmenu a.wp-has-current-submenu:after,body.js.site-editor-php ul#adminmenu>li.current>a.current:after{ |
|
2966 border-left-color:#fff; |
|
2967 } |
|
2968 body.js.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type,body.js.site-editor-php .media-frame select.attachment-filters:last-of-type{ |
|
2969 max-width:100%; |
|
2970 width:auto; |
|
2971 } |
|
2972 |
|
2973 body.js.site-editor-php{ |
|
2974 background:#1e1e1e; |
|
2975 } |
|
2976 |
|
2977 .edit-site{ |
|
2978 box-sizing:border-box; |
|
2979 height:100vh; |
|
2980 } |
|
2981 .edit-site *,.edit-site :after,.edit-site :before{ |
|
2982 box-sizing:inherit; |
|
2983 } |
|
2984 @media (min-width:600px){ |
|
2985 .edit-site{ |
|
2986 bottom:0; |
|
2987 left:0; |
|
2988 min-height:100vh; |
|
2989 position:fixed; |
|
2990 right:0; |
|
2991 top:0; |
|
2992 } |
|
2993 } |
|
2994 .no-js .edit-site{ |
|
2995 min-height:0; |
|
2996 position:static; |
|
2997 } |
|
2998 .edit-site .interface-interface-skeleton{ |
|
2999 top:0; |
|
3000 } |
|
3001 @keyframes edit-post__fade-in-animation{ |
|
3002 0%{ |
|
3003 opacity:0; |
|
3004 } |
|
3005 to{ |
|
3006 opacity:1; |
|
3007 } |
|
3008 } |
|
3009 body.admin-color-light{ |
|
3010 --wp-admin-theme-color:#0085ba; |
|
3011 --wp-admin-theme-color--rgb:0, 133, 186; |
|
3012 --wp-admin-theme-color-darker-10:#0073a1; |
|
3013 --wp-admin-theme-color-darker-10--rgb:0, 115, 161; |
|
3014 --wp-admin-theme-color-darker-20:#006187; |
|
3015 --wp-admin-theme-color-darker-20--rgb:0, 97, 135; |
|
3016 --wp-admin-border-width-focus:2px; |
|
3017 } |
|
3018 @media (min-resolution:192dpi){ |
|
3019 body.admin-color-light{ |
|
3020 --wp-admin-border-width-focus:1.5px; |
|
3021 } |
|
3022 } |
|
3023 |
|
3024 body.admin-color-modern{ |
|
3025 --wp-admin-theme-color:#3858e9; |
|
3026 --wp-admin-theme-color--rgb:56, 88, 233; |
|
3027 --wp-admin-theme-color-darker-10:#2145e6; |
|
3028 --wp-admin-theme-color-darker-10--rgb:33, 69, 230; |
|
3029 --wp-admin-theme-color-darker-20:#183ad6; |
|
3030 --wp-admin-theme-color-darker-20--rgb:24, 58, 214; |
|
3031 --wp-admin-border-width-focus:2px; |
|
3032 } |
|
3033 @media (min-resolution:192dpi){ |
|
3034 body.admin-color-modern{ |
|
3035 --wp-admin-border-width-focus:1.5px; |
|
3036 } |
|
3037 } |
|
3038 |
|
3039 body.admin-color-blue{ |
|
3040 --wp-admin-theme-color:#096484; |
|
3041 --wp-admin-theme-color--rgb:9, 100, 132; |
|
3042 --wp-admin-theme-color-darker-10:#07526c; |
|
3043 --wp-admin-theme-color-darker-10--rgb:7, 82, 108; |
|
3044 --wp-admin-theme-color-darker-20:#064054; |
|
3045 --wp-admin-theme-color-darker-20--rgb:6, 64, 84; |
|
3046 --wp-admin-border-width-focus:2px; |
|
3047 } |
|
3048 @media (min-resolution:192dpi){ |
|
3049 body.admin-color-blue{ |
|
3050 --wp-admin-border-width-focus:1.5px; |
|
3051 } |
|
3052 } |
|
3053 |
|
3054 body.admin-color-coffee{ |
|
3055 --wp-admin-theme-color:#46403c; |
|
3056 --wp-admin-theme-color--rgb:70, 64, 60; |
|
3057 --wp-admin-theme-color-darker-10:#383330; |
|
3058 --wp-admin-theme-color-darker-10--rgb:56, 51, 48; |
|
3059 --wp-admin-theme-color-darker-20:#2b2724; |
|
3060 --wp-admin-theme-color-darker-20--rgb:43, 39, 36; |
|
3061 --wp-admin-border-width-focus:2px; |
|
3062 } |
|
3063 @media (min-resolution:192dpi){ |
|
3064 body.admin-color-coffee{ |
|
3065 --wp-admin-border-width-focus:1.5px; |
|
3066 } |
|
3067 } |
|
3068 |
|
3069 body.admin-color-ectoplasm{ |
|
3070 --wp-admin-theme-color:#523f6d; |
|
3071 --wp-admin-theme-color--rgb:82, 63, 109; |
|
3072 --wp-admin-theme-color-darker-10:#46365d; |
|
3073 --wp-admin-theme-color-darker-10--rgb:70, 54, 93; |
|
3074 --wp-admin-theme-color-darker-20:#3a2c4d; |
|
3075 --wp-admin-theme-color-darker-20--rgb:58, 44, 77; |
|
3076 --wp-admin-border-width-focus:2px; |
|
3077 } |
|
3078 @media (min-resolution:192dpi){ |
|
3079 body.admin-color-ectoplasm{ |
|
3080 --wp-admin-border-width-focus:1.5px; |
|
3081 } |
|
3082 } |
|
3083 |
|
3084 body.admin-color-midnight{ |
|
3085 --wp-admin-theme-color:#e14d43; |
|
3086 --wp-admin-theme-color--rgb:225, 77, 67; |
|
3087 --wp-admin-theme-color-darker-10:#dd382d; |
|
3088 --wp-admin-theme-color-darker-10--rgb:221, 56, 45; |
|
3089 --wp-admin-theme-color-darker-20:#d02c21; |
|
3090 --wp-admin-theme-color-darker-20--rgb:208, 44, 33; |
|
3091 --wp-admin-border-width-focus:2px; |
|
3092 } |
|
3093 @media (min-resolution:192dpi){ |
|
3094 body.admin-color-midnight{ |
|
3095 --wp-admin-border-width-focus:1.5px; |
|
3096 } |
|
3097 } |
|
3098 |
|
3099 body.admin-color-ocean{ |
|
3100 --wp-admin-theme-color:#627c83; |
|
3101 --wp-admin-theme-color--rgb:98, 124, 131; |
|
3102 --wp-admin-theme-color-darker-10:#576e74; |
|
3103 --wp-admin-theme-color-darker-10--rgb:87, 110, 116; |
|
3104 --wp-admin-theme-color-darker-20:#4c6066; |
|
3105 --wp-admin-theme-color-darker-20--rgb:76, 96, 102; |
|
3106 --wp-admin-border-width-focus:2px; |
|
3107 } |
|
3108 @media (min-resolution:192dpi){ |
|
3109 body.admin-color-ocean{ |
|
3110 --wp-admin-border-width-focus:1.5px; |
|
3111 } |
|
3112 } |
|
3113 |
|
3114 body.admin-color-sunrise{ |
|
3115 --wp-admin-theme-color:#dd823b; |
|
3116 --wp-admin-theme-color--rgb:221, 130, 59; |
|
3117 --wp-admin-theme-color-darker-10:#d97426; |
|
3118 --wp-admin-theme-color-darker-10--rgb:217, 116, 38; |
|
3119 --wp-admin-theme-color-darker-20:#c36922; |
|
3120 --wp-admin-theme-color-darker-20--rgb:195, 105, 34; |
|
3121 --wp-admin-border-width-focus:2px; |
|
3122 } |
|
3123 @media (min-resolution:192dpi){ |
|
3124 body.admin-color-sunrise{ |
|
3125 --wp-admin-border-width-focus:1.5px; |
|
3126 } |
|
3127 } |