1 @charset "UTF-8"; |
1 @charset "UTF-8"; |
2 /** |
2 :root{ |
3 * Colors |
3 --wp-admin-theme-color:#007cba; |
4 */ |
4 --wp-admin-theme-color--rgb:0, 124, 186; |
5 /** |
5 --wp-admin-theme-color-darker-10:#006ba1; |
6 * Breakpoints & Media Queries |
6 --wp-admin-theme-color-darker-10--rgb:0, 107, 161; |
7 */ |
7 --wp-admin-theme-color-darker-20:#005a87; |
8 /** |
8 --wp-admin-theme-color-darker-20--rgb:0, 90, 135; |
9 * SCSS Variables. |
9 --wp-admin-border-width-focus:2px; |
10 * |
10 --wp-block-synced-color:#7a00df; |
11 * Please use variables from this sheet to ensure consistency across the UI. |
11 --wp-block-synced-color--rgb:122, 0, 223; |
12 * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
12 --wp-bound-block-color:var(--wp-block-synced-color); |
13 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
13 } |
14 */ |
14 @media (min-resolution:192dpi){ |
15 /** |
15 :root{ |
16 * Colors |
16 --wp-admin-border-width-focus:1.5px; |
17 */ |
17 } |
18 /** |
18 } |
19 * Fonts & basic variables. |
19 |
20 */ |
20 .components-panel__header.interface-complementary-area-header__small{ |
21 /** |
21 background:#fff; |
22 * Grid System. |
22 padding-left:4px; |
23 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
23 } |
24 */ |
24 .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ |
25 /** |
25 margin:0; |
26 * Dimensions. |
26 overflow:hidden; |
27 */ |
27 text-overflow:ellipsis; |
28 /** |
28 white-space:nowrap; |
29 * Shadows. |
29 width:100%; |
30 */ |
30 } |
31 /** |
31 @media (min-width:782px){ |
32 * Editor widths. |
32 .components-panel__header.interface-complementary-area-header__small{ |
33 */ |
33 display:none; |
34 /** |
34 } |
35 * Block & Editor UI. |
35 } |
36 */ |
36 |
37 /** |
37 .interface-complementary-area-header{ |
38 * Block paddings. |
38 background:#fff; |
39 */ |
39 gap:8px; |
40 /** |
40 padding-left:12px; |
41 * React Native specific. |
41 } |
42 * These variables do not appear to be used anywhere else. |
42 .interface-complementary-area-header .interface-complementary-area-header__title{ |
43 */ |
43 margin:0; |
44 /** |
44 } |
45 * Converts a hex value into the rgb equivalent. |
45 .interface-complementary-area-header .components-button.has-icon{ |
46 * |
46 display:none; |
47 * @param {string} hex - the hexadecimal value to convert |
47 margin-right:auto; |
48 * @return {string} comma separated rgb values |
48 } |
49 */ |
49 .interface-complementary-area-header .components-button.has-icon~.components-button{ |
50 /** |
50 margin-right:0; |
51 * Breakpoint mixins |
51 } |
52 */ |
52 @media (min-width:782px){ |
53 /** |
53 .interface-complementary-area-header .components-button.has-icon{ |
54 * Long content fade mixin |
54 display:flex; |
55 * |
55 } |
56 * Creates a fading overlay to signify that the content is longer |
56 } |
57 * than the space allows. |
57 |
58 */ |
58 .interface-complementary-area{ |
59 /** |
59 background:#fff; |
60 * Focus styles. |
60 color:#1e1e1e; |
61 */ |
61 height:100%; |
62 /** |
62 overflow:auto; |
63 * Applies editor left position to the selector passed as argument |
63 } |
64 */ |
64 @media (min-width:600px){ |
65 /** |
65 .interface-complementary-area{ |
66 * Styles that are reused verbatim in a few places |
66 -webkit-overflow-scrolling:touch; |
67 */ |
67 } |
68 /** |
68 } |
69 * Allows users to opt-out of animations via OS-level preferences. |
69 @media (min-width:782px){ |
70 */ |
70 .interface-complementary-area{ |
71 /** |
71 width:280px; |
72 * Reset default styles for JavaScript UI based pages. |
72 } |
73 * This is a WP-admin agnostic reset |
73 } |
74 */ |
74 .interface-complementary-area .components-panel{ |
75 /** |
75 border:none; |
76 * Reset the WP Admin page styles for Gutenberg-like pages. |
76 position:relative; |
77 */ |
77 z-index:0; |
78 :root { |
78 } |
79 --wp-admin-theme-color: #007cba; |
79 .interface-complementary-area .components-panel__header{ |
80 --wp-admin-theme-color--rgb: 0, 124, 186; |
80 position:sticky; |
81 --wp-admin-theme-color-darker-10: #006ba1; |
81 top:0; |
82 --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; |
82 z-index:1; |
83 --wp-admin-theme-color-darker-20: #005a87; |
83 } |
84 --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; |
84 .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{ |
85 --wp-admin-border-width-focus: 2px; |
85 top:48px; |
86 } |
86 } |
87 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
87 @media (min-width:782px){ |
88 :root { |
88 .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{ |
89 --wp-admin-border-width-focus: 1.5px; |
89 top:0; |
90 } |
90 } |
91 } |
91 } |
92 |
92 .interface-complementary-area p:not(.components-base-control__help){ |
93 .editor-autocompleters__user .editor-autocompleters__no-avatar::before { |
93 margin-top:0; |
94 /* stylelint-disable */ |
94 } |
95 font: normal 20px/1 dashicons; |
95 .interface-complementary-area h2{ |
96 /* stylelint-enable */ |
96 color:#1e1e1e; |
97 content: ""; |
97 font-size:13px; |
98 margin-left: 5px; |
98 font-weight:500; |
99 vertical-align: middle; |
99 margin-bottom:1.5em; |
100 } |
100 } |
101 .editor-autocompleters__user .editor-autocompleters__user-avatar { |
101 .interface-complementary-area h3{ |
102 margin-left: 8px; |
102 color:#1e1e1e; |
103 flex-grow: 0; |
103 font-size:11px; |
104 flex-shrink: 0; |
104 font-weight:500; |
105 max-width: none; |
105 margin-bottom:1.5em; |
106 width: 24px; |
106 text-transform:uppercase; |
107 height: 24px; |
107 } |
108 } |
108 .interface-complementary-area hr{ |
109 .editor-autocompleters__user .editor-autocompleters__user-name { |
109 border-bottom:1px solid #f0f0f0; |
110 white-space: nowrap; |
110 border-top:none; |
111 text-overflow: ellipsis; |
111 margin:1.5em 0; |
112 overflow: hidden; |
112 } |
113 max-width: 200px; |
113 .interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ |
114 flex-shrink: 0; |
114 box-shadow:none; |
115 flex-grow: 1; |
115 margin-bottom:1.5em; |
116 } |
116 } |
117 .editor-autocompleters__user .editor-autocompleters__user-slug { |
117 .interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ |
118 margin-right: 8px; |
118 margin-bottom:0; |
119 color: #757575; |
119 } |
120 white-space: nowrap; |
120 .interface-complementary-area .block-editor-skip-to-selected-block:focus{ |
121 text-overflow: ellipsis; |
121 bottom:10px; |
122 overflow: none; |
122 left:10px; |
123 max-width: 100px; |
123 right:auto; |
124 flex-grow: 0; |
124 top:auto; |
125 flex-shrink: 0; |
125 } |
126 } |
126 |
127 .editor-autocompleters__user:hover .editor-autocompleters__user-slug { |
127 .interface-complementary-area__fill{ |
128 color: var(--wp-admin-theme-color); |
128 height:100%; |
129 } |
129 } |
130 |
130 |
131 .document-outline { |
131 @media (min-width:782px){ |
132 margin: 20px 0; |
132 body.js.is-fullscreen-mode{ |
133 } |
133 height:calc(100% + 32px); |
134 .document-outline ul { |
134 margin-top:-32px; |
135 margin: 0; |
135 } |
136 padding: 0; |
136 body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ |
137 } |
137 display:none; |
138 |
138 } |
139 .document-outline__item { |
139 body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ |
140 display: flex; |
140 margin-right:0; |
141 margin: 4px 0; |
141 } |
142 } |
142 } |
143 .document-outline__item a { |
143 |
144 text-decoration: none; |
144 html.interface-interface-skeleton__html-container{ |
145 } |
145 position:fixed; |
146 .document-outline__item .document-outline__emdash::before { |
146 width:100%; |
147 color: #ddd; |
147 } |
148 margin-left: 4px; |
148 @media (min-width:782px){ |
149 } |
149 html.interface-interface-skeleton__html-container:not(:has(.is-zoom-out)){ |
150 .document-outline__item.is-h2 .document-outline__emdash::before { |
150 position:static; |
151 content: "—"; |
151 width:auto; |
152 } |
152 } |
153 .document-outline__item.is-h3 .document-outline__emdash::before { |
153 } |
154 content: "——"; |
154 |
155 } |
155 .interface-interface-skeleton{ |
156 .document-outline__item.is-h4 .document-outline__emdash::before { |
156 bottom:0; |
157 content: "———"; |
157 display:flex; |
158 } |
158 flex-direction:row; |
159 .document-outline__item.is-h5 .document-outline__emdash::before { |
159 height:auto; |
160 content: "————"; |
160 left:0; |
161 } |
161 max-height:100%; |
162 .document-outline__item.is-h6 .document-outline__emdash::before { |
162 position:fixed; |
163 content: "—————"; |
163 top:46px; |
164 } |
164 } |
165 |
165 @media (min-width:783px){ |
166 .document-outline__button { |
166 .interface-interface-skeleton{ |
167 cursor: pointer; |
167 top:32px; |
168 background: none; |
168 } |
169 border: none; |
169 .is-fullscreen-mode .interface-interface-skeleton{ |
170 display: flex; |
170 top:0; |
171 align-items: flex-start; |
171 } |
172 margin: 0 -1px 0 0; |
172 } |
173 padding: 2px 1px 2px 5px; |
173 |
174 color: #1e1e1e; |
174 .interface-interface-skeleton__editor{ |
175 text-align: right; |
175 display:flex; |
176 border-radius: 2px; |
176 flex:0 1 100%; |
177 } |
177 flex-direction:column; |
178 .document-outline__button:disabled { |
178 overflow:hidden; |
179 cursor: default; |
179 } |
180 } |
180 |
181 .document-outline__button:focus { |
181 .interface-interface-skeleton{ |
182 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
182 right:0; |
183 outline: 2px solid transparent; |
183 } |
184 } |
184 @media (min-width:783px){ |
185 |
185 .interface-interface-skeleton{ |
186 .document-outline__level { |
186 right:160px; |
187 background: #ddd; |
187 } |
188 color: #1e1e1e; |
188 } |
189 border-radius: 3px; |
189 @media (min-width:783px){ |
190 font-size: 13px; |
190 .auto-fold .interface-interface-skeleton{ |
191 padding: 1px 6px; |
191 right:36px; |
192 margin-left: 4px; |
192 } |
193 } |
193 } |
194 .is-invalid .document-outline__level { |
194 @media (min-width:961px){ |
195 background: #f0b849; |
195 .auto-fold .interface-interface-skeleton{ |
196 } |
196 right:160px; |
197 |
197 } |
198 .document-outline__item-content { |
198 } |
199 padding: 1px 0; |
199 .folded .interface-interface-skeleton{ |
200 } |
200 right:0; |
201 |
201 } |
202 .components-editor-notices__dismissible, |
202 @media (min-width:783px){ |
203 .components-editor-notices__pinned { |
203 .folded .interface-interface-skeleton{ |
204 position: relative; |
204 right:36px; |
205 right: 0; |
205 } |
206 top: 0; |
206 } |
207 left: 0; |
207 |
208 color: #1e1e1e; |
208 body.is-fullscreen-mode .interface-interface-skeleton{ |
209 } |
209 right:0 !important; |
210 .components-editor-notices__dismissible .components-notice, |
210 } |
211 .components-editor-notices__pinned .components-notice { |
211 |
212 box-sizing: border-box; |
212 .interface-interface-skeleton__body{ |
213 margin: 0; |
213 display:flex; |
214 border-bottom: 1px solid rgba(0, 0, 0, 0.2); |
214 flex-grow:1; |
215 padding: 0 12px; |
215 overflow:auto; |
216 min-height: 60px; |
216 overscroll-behavior-y:none; |
217 } |
217 position:relative; |
218 .components-editor-notices__dismissible .components-notice .components-notice__dismiss, |
218 } |
219 .components-editor-notices__pinned .components-notice .components-notice__dismiss { |
219 @media (min-width:782px){ |
220 margin-top: 12px; |
220 .has-footer .interface-interface-skeleton__body{ |
221 } |
221 padding-bottom:25px; |
222 |
222 } |
223 .entities-saved-states__panel { |
223 } |
224 box-sizing: border-box; |
224 |
225 background: #fff; |
225 .interface-interface-skeleton__content{ |
226 position: fixed; |
226 display:flex; |
227 z-index: 100001; |
227 flex-direction:column; |
228 top: 46px; |
228 flex-grow:1; |
229 bottom: 0; |
229 overflow:auto; |
230 left: 0; |
230 z-index:20; |
231 right: 0; |
231 } |
232 overflow: auto; |
232 @media (min-width:782px){ |
233 box-sizing: border-box; |
233 .interface-interface-skeleton__content{ |
234 } |
234 z-index:auto; |
235 .entities-saved-states__panel *, |
235 } |
236 .entities-saved-states__panel *::before, |
236 } |
237 .entities-saved-states__panel *::after { |
237 |
238 box-sizing: inherit; |
238 .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ |
239 } |
239 background:#fff; |
240 .entities-saved-states__panel .entities-saved-states__find-entity { |
240 bottom:0; |
241 display: none; |
241 color:#1e1e1e; |
242 } |
242 flex-shrink:0; |
243 .entities-saved-states__panel .entities-saved-states__find-entity-small { |
243 position:absolute; |
244 display: block; |
244 right:0; |
245 } |
245 top:0; |
246 @media (min-width: 782px) { |
246 width:auto; |
247 .entities-saved-states__panel { |
247 z-index:100000; |
248 top: 32px; |
248 } |
249 right: auto; |
249 @media (min-width:782px){ |
250 width: 280px; |
250 .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ |
251 border-right: 1px solid #ddd; |
251 position:relative !important; |
252 } |
252 } |
253 body.is-fullscreen-mode .entities-saved-states__panel { |
253 } |
254 top: 0; |
254 |
255 } |
255 .interface-interface-skeleton__sidebar{ |
256 .entities-saved-states__panel .entities-saved-states__find-entity { |
256 border-top:1px solid #e0e0e0; |
257 display: block; |
257 overflow:hidden; |
258 } |
258 } |
259 .entities-saved-states__panel .entities-saved-states__find-entity-small { |
259 @media (min-width:782px){ |
260 display: none; |
260 .interface-interface-skeleton__sidebar{ |
261 } |
261 box-shadow:1px 1px 0 0 rgba(0,0,0,.133); |
262 } |
262 outline:1px solid #0000; |
263 .entities-saved-states__panel .entities-saved-states__panel-header { |
263 } |
264 background: #fff; |
264 } |
265 padding-right: 8px; |
265 |
266 padding-left: 8px; |
266 .interface-interface-skeleton__secondary-sidebar{ |
267 height: 61px; |
267 border-top:1px solid #e0e0e0; |
268 border-bottom: 1px solid #ddd; |
268 left:0; |
269 } |
269 } |
270 .entities-saved-states__panel .entities-saved-states__text-prompt { |
270 @media (min-width:782px){ |
271 padding: 16px; |
271 .interface-interface-skeleton__secondary-sidebar{ |
272 padding-bottom: 4px; |
272 box-shadow:-1px 1px 0 0 rgba(0,0,0,.133); |
273 } |
273 outline:1px solid #0000; |
274 |
274 } |
275 .editor-error-boundary { |
275 } |
276 margin: auto; |
276 |
277 max-width: 780px; |
277 .interface-interface-skeleton__header{ |
278 padding: 20px; |
278 box-shadow:0 1px 0 0 rgba(0,0,0,.133); |
279 margin-top: 60px; |
279 color:#1e1e1e; |
280 box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); |
280 flex-shrink:0; |
281 } |
281 height:auto; |
282 |
282 outline:1px solid #0000; |
283 .editor-page-attributes__order { |
283 z-index:30; |
284 width: 100%; |
284 } |
285 } |
285 |
286 .editor-page-attributes__order .components-base-control__field { |
286 .interface-interface-skeleton__footer{ |
287 display: flex; |
287 background-color:#fff; |
288 justify-content: space-between; |
288 border-top:1px solid #e0e0e0; |
289 align-items: center; |
289 bottom:0; |
290 } |
290 color:#1e1e1e; |
291 .editor-page-attributes__order input { |
291 display:none; |
292 width: 66px; |
292 flex-shrink:0; |
293 } |
293 height:auto; |
294 |
294 position:absolute; |
295 .editor-post-excerpt__textarea { |
295 right:0; |
296 width: 100%; |
296 width:100%; |
297 margin-bottom: 10px; |
297 z-index:90; |
298 } |
298 } |
299 |
299 @media (min-width:782px){ |
300 .editor-post-featured-image { |
300 .interface-interface-skeleton__footer{ |
301 padding: 0; |
301 display:flex; |
302 } |
302 } |
303 .editor-post-featured-image__container { |
303 } |
304 margin-bottom: 1em; |
304 .interface-interface-skeleton__footer .block-editor-block-breadcrumb{ |
305 position: relative; |
305 align-items:center; |
306 } |
306 background:#fff; |
307 .editor-post-featured-image .components-spinner { |
307 display:flex; |
308 position: absolute; |
308 font-size:13px; |
309 top: 50%; |
309 height:24px; |
310 right: 50%; |
310 padding:0 18px; |
311 margin-top: -9px; |
311 z-index:30; |
312 margin-right: -9px; |
312 } |
313 } |
313 |
314 .editor-post-featured-image .components-button + .components-button { |
314 .interface-interface-skeleton__actions{ |
315 display: block; |
315 background:#fff; |
316 margin-top: 1em; |
316 bottom:auto; |
317 } |
317 color:#1e1e1e; |
318 .editor-post-featured-image .components-responsive-wrapper__content { |
318 left:0; |
319 max-width: 100%; |
319 position:fixed !important; |
320 width: auto; |
320 right:auto; |
321 } |
321 top:-9999em; |
322 |
322 width:100vw; |
323 .editor-post-featured-image__toggle, |
323 z-index:100000; |
324 .editor-post-featured-image__preview { |
324 } |
325 display: block; |
325 @media (min-width:782px){ |
326 width: 100%; |
326 .interface-interface-skeleton__actions{ |
327 padding: 0; |
327 width:280px; |
328 transition: all 0.1s ease-out; |
328 } |
329 box-shadow: 0 0 0 0 var(--wp-admin-theme-color); |
329 } |
330 } |
330 .interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ |
331 @media (prefers-reduced-motion: reduce) { |
331 bottom:0; |
332 .editor-post-featured-image__toggle, |
332 top:auto; |
333 .editor-post-featured-image__preview { |
333 } |
334 transition-duration: 0s; |
334 .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ |
335 transition-delay: 0s; |
335 top:46px; |
336 } |
336 } |
337 } |
337 @media (min-width:782px){ |
338 |
338 .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ |
339 .editor-post-featured-image__preview { |
339 border-right:1px solid #ddd; |
340 height: auto; |
340 top:32px; |
341 } |
341 } |
342 |
342 .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ |
343 .editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus { |
343 top:0; |
344 box-shadow: 0 0 0 4px var(--wp-admin-theme-color); |
344 } |
345 } |
345 } |
346 |
346 |
347 .editor-post-featured-image__toggle { |
347 .interface-pinned-items{ |
348 border-radius: 2px; |
348 display:flex; |
349 background-color: #f0f0f0; |
349 gap:8px; |
350 min-height: 90px; |
350 } |
351 line-height: 20px; |
351 .interface-pinned-items .components-button{ |
352 padding: 8px 0; |
352 display:none; |
353 text-align: center; |
353 margin:0; |
354 } |
354 } |
355 .editor-post-featured-image__toggle:hover { |
355 .interface-pinned-items .components-button[aria-controls="edit-post:block"],.interface-pinned-items .components-button[aria-controls="edit-post:document"],.interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"],.interface-pinned-items .components-button[aria-controls="edit-site:template"]{ |
356 background: #ddd; |
356 display:flex; |
357 color: #1e1e1e; |
357 } |
358 } |
358 .interface-pinned-items .components-button svg{ |
359 |
359 max-height:24px; |
360 .editor-post-format { |
360 max-width:24px; |
361 flex-direction: column; |
361 } |
362 align-items: stretch; |
362 @media (min-width:600px){ |
363 width: 100%; |
363 .interface-pinned-items .components-button{ |
364 } |
364 display:flex; |
365 |
365 } |
366 .editor-post-format__content { |
366 } |
367 display: inline-flex; |
367 |
368 justify-content: space-between; |
368 .editor-autocompleters__user .editor-autocompleters__no-avatar:before{ |
369 align-items: center; |
369 content:""; |
370 width: 100%; |
370 font:normal 20px/1 dashicons; |
371 } |
371 margin-left:5px; |
372 |
372 vertical-align:middle; |
373 .editor-post-format__suggestion { |
373 } |
374 padding: 6px; |
374 .editor-autocompleters__user .editor-autocompleters__user-avatar{ |
375 text-align: left; |
375 flex-grow:0; |
376 font-size: 13px; |
376 flex-shrink:0; |
377 } |
377 height:24px; |
378 |
378 margin-left:8px; |
379 .editor-post-last-revision__title { |
379 max-width:none; |
380 width: 100%; |
380 width:24px; |
381 font-weight: 600; |
381 } |
382 } |
382 .editor-autocompleters__user .editor-autocompleters__user-name{ |
383 .editor-post-last-revision__title .dashicon { |
383 flex-grow:1; |
384 margin-left: 5px; |
384 flex-shrink:0; |
385 } |
385 max-width:200px; |
386 |
386 overflow:hidden; |
387 .components-button.editor-post-last-revision__title { |
387 text-overflow:ellipsis; |
388 height: 100%; |
388 white-space:nowrap; |
389 } |
389 } |
390 .components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { |
390 .editor-autocompleters__user .editor-autocompleters__user-slug{ |
391 background: #f0f0f0; |
391 color:#757575; |
392 } |
392 flex-grow:0; |
393 .components-button.editor-post-last-revision__title:focus { |
393 flex-shrink:0; |
394 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
394 margin-right:8px; |
395 border-radius: 0; |
395 max-width:100px; |
396 } |
396 overflow:none; |
397 |
397 text-overflow:ellipsis; |
398 @media (min-width: 600px) { |
398 white-space:nowrap; |
399 .editor-post-locked-modal { |
399 } |
400 max-width: 480px; |
400 .editor-autocompleters__user:hover .editor-autocompleters__user-slug{ |
401 } |
401 color:var(--wp-admin-theme-color); |
402 } |
402 } |
403 .editor-post-locked-modal .components-modal__content { |
403 |
404 display: flex; |
404 .editor-block-manager__no-results{ |
405 } |
405 font-style:italic; |
406 |
406 padding:24px 0; |
407 .editor-post-locked-modal__buttons { |
407 text-align:center; |
408 margin-top: 24px; |
408 } |
409 } |
409 |
410 |
410 .editor-block-manager__search{ |
411 .editor-post-locked-modal__avatar { |
411 margin:16px 0; |
412 border-radius: 2px; |
412 } |
413 margin-top: 16px; |
413 |
414 margin-left: 24px; |
414 .editor-block-manager__disabled-blocks-count{ |
415 } |
415 background-color:#fff; |
416 |
416 border:1px solid #ddd; |
417 .editor-post-publish-button__button.has-changes-dot::before { |
417 border-width:1px 0; |
418 background: currentcolor; |
418 box-shadow:32px 0 0 0 #fff,-32px 0 0 0 #fff; |
419 border-radius: 4px; |
419 padding:8px; |
420 content: ""; |
420 position:sticky; |
421 height: 8px; |
421 text-align:center; |
422 margin: auto -3px auto 5px; |
422 top:-5px; |
423 width: 8px; |
423 z-index:2; |
424 } |
424 } |
425 |
425 .editor-block-manager__disabled-blocks-count~.editor-block-manager__results .editor-block-manager__category-title{ |
426 .editor-post-publish-panel { |
426 top:31px; |
427 background: #fff; |
427 } |
428 } |
428 .editor-block-manager__disabled-blocks-count .is-link{ |
429 |
429 margin-right:12px; |
430 .editor-post-publish-panel__content { |
430 } |
431 min-height: calc(100% - 144px); |
431 |
432 } |
432 .editor-block-manager__category{ |
433 .editor-post-publish-panel__content .components-spinner { |
433 margin:0 0 24px; |
434 display: block; |
434 } |
435 margin: 100px auto 0; |
435 |
436 } |
436 .editor-block-manager__category-title{ |
437 |
437 background-color:#fff; |
438 .editor-post-publish-panel__header { |
438 padding:16px 0; |
439 background: #fff; |
439 position:sticky; |
440 padding-right: 16px; |
440 top:-4px; |
441 padding-left: 16px; |
441 z-index:1; |
442 height: 61px; |
442 } |
443 border-bottom: 1px solid #ddd; |
443 .editor-block-manager__category-title .components-checkbox-control__label{ |
444 display: flex; |
444 font-weight:600; |
445 align-items: center; |
445 } |
446 align-content: space-between; |
446 |
447 } |
447 .editor-block-manager__checklist{ |
448 .editor-post-publish-panel__header .components-button { |
448 margin-top:0; |
449 width: 100%; |
449 } |
450 justify-content: center; |
450 |
451 } |
451 .editor-block-manager__category-title,.editor-block-manager__checklist-item{ |
452 .editor-post-publish-panel__header .has-icon { |
452 border-bottom:1px solid #ddd; |
453 margin-right: auto; |
453 } |
454 width: auto; |
454 |
455 } |
455 .editor-block-manager__checklist-item{ |
456 |
456 align-items:center; |
457 .components-site-card { |
457 display:flex; |
458 display: flex; |
458 justify-content:space-between; |
459 align-items: center; |
459 margin-bottom:0; |
460 margin: 16px 0; |
460 padding:8px 16px 8px 0; |
461 } |
461 } |
462 |
462 .components-modal__content .editor-block-manager__checklist-item.components-checkbox-control__input-container{ |
463 .components-site-icon { |
463 margin:0 8px; |
464 border: none; |
464 } |
465 border-radius: 2px; |
465 .editor-block-manager__checklist-item .block-editor-block-icon{ |
466 margin-left: 12px; |
466 margin-left:10px; |
467 height: 36px; |
467 fill:#1e1e1e; |
468 width: 36px; |
468 } |
469 } |
469 |
470 |
470 .editor-block-manager__results{ |
471 .components-site-name { |
471 border-top:1px solid #ddd; |
472 display: block; |
472 } |
473 font-size: 14px; |
473 |
474 } |
474 .editor-block-manager__disabled-blocks-count+.editor-block-manager__results{ |
475 |
475 border-top-width:0; |
476 .components-site-home { |
476 } |
477 display: block; |
477 |
478 color: #757575; |
478 .editor-collapsible-block-toolbar{ |
479 font-size: 12px; |
479 align-items:center; |
480 } |
480 display:flex; |
481 |
481 height:60px; |
482 .editor-post-publish-panel__header-publish-button, |
482 overflow:hidden; |
483 .editor-post-publish-panel__header-cancel-button { |
483 } |
484 flex-grow: 1; |
484 .editor-collapsible-block-toolbar .block-editor-block-contextual-toolbar{ |
485 } |
485 background:#0000; |
486 @media (min-width: 480px) { |
486 border-bottom:0; |
487 .editor-post-publish-panel__header-publish-button, |
487 height:100%; |
488 .editor-post-publish-panel__header-cancel-button { |
488 } |
489 max-width: 160px; |
489 .editor-collapsible-block-toolbar .block-editor-block-toolbar{ |
490 } |
490 height:100%; |
491 } |
491 padding-top:15px; |
492 |
492 } |
493 .editor-post-publish-panel__header-publish-button { |
493 .editor-collapsible-block-toolbar .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button){ |
494 padding-left: 4px; |
494 height:32px; |
495 } |
495 } |
496 |
496 .editor-collapsible-block-toolbar:after{ |
497 .editor-post-publish-panel__header-cancel-button { |
497 background-color:#ddd; |
498 padding-right: 4px; |
498 content:""; |
499 } |
499 height:24px; |
500 |
500 margin-left:7px; |
501 .editor-post-publish-panel__header-published { |
501 width:1px; |
502 flex-grow: 1; |
502 } |
503 } |
503 .editor-collapsible-block-toolbar .components-toolbar,.editor-collapsible-block-toolbar .components-toolbar-group{ |
504 |
504 border-left:none; |
505 .editor-post-publish-panel__footer { |
505 position:relative; |
506 padding: 16px; |
506 } |
507 } |
507 .editor-collapsible-block-toolbar .components-toolbar-group:after,.editor-collapsible-block-toolbar .components-toolbar:after{ |
508 |
508 background-color:#ddd; |
509 .components-button.editor-post-publish-panel__toggle.is-primary { |
509 content:""; |
510 display: inline-flex; |
510 height:24px; |
511 align-items: center; |
511 left:-1px; |
512 } |
512 position:absolute; |
513 .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { |
513 top:4px; |
514 display: none; |
514 width:1px; |
515 } |
515 } |
516 .components-button.editor-post-publish-panel__toggle.is-primary .dashicon { |
516 .editor-collapsible-block-toolbar .components-toolbar .components-toolbar-group.components-toolbar-group:after,.editor-collapsible-block-toolbar .components-toolbar-group .components-toolbar-group.components-toolbar-group:after{ |
517 margin-left: -4px; |
517 display:none; |
518 } |
518 } |
519 |
519 .editor-collapsible-block-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button{ |
520 .editor-post-publish-panel__link { |
520 height:32px; |
521 font-weight: 400; |
521 overflow:visible; |
522 padding-right: 4px; |
522 } |
523 } |
523 @media (min-width:600px){ |
524 |
524 .editor-collapsible-block-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ |
525 .editor-post-publish-panel__prepublish { |
525 height:40px; |
526 padding: 16px; |
526 position:relative; |
527 } |
527 top:-5px; |
528 .editor-post-publish-panel__prepublish strong { |
528 } |
529 color: #1e1e1e; |
529 } |
530 } |
530 .editor-collapsible-block-toolbar.is-collapsed{ |
531 .editor-post-publish-panel__prepublish .components-panel__body { |
531 display:none; |
532 background: #fff; |
532 } |
533 margin-right: -16px; |
533 |
534 margin-left: -16px; |
534 .editor-collapsible-block-toolbar__toggle{ |
535 } |
535 margin-right:2px; |
536 .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { |
536 } |
537 display: none; |
537 |
538 } |
538 .editor-create-template-part-modal{ |
539 |
539 z-index:1000001; |
540 .post-publish-panel__postpublish .components-panel__body { |
540 } |
541 border-bottom: 1px solid #e0e0e0; |
541 @media (min-width:600px){ |
542 border-top: none; |
542 .editor-create-template-part-modal .components-modal__frame{ |
543 } |
543 max-width:500px; |
544 |
544 } |
545 .post-publish-panel__postpublish-buttons { |
545 } |
546 display: flex; |
546 |
547 align-content: space-between; |
547 .editor-create-template-part-modal__area-radio-group{ |
548 flex-wrap: wrap; |
548 border:1px solid #757575; |
549 margin: -5px; |
549 border-radius:2px; |
550 } |
550 width:100%; |
551 .post-publish-panel__postpublish-buttons > * { |
551 } |
552 flex-grow: 1; |
552 .editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio{ |
553 margin: 5px; |
553 display:block; |
554 } |
554 height:100%; |
555 .post-publish-panel__postpublish-buttons .components-button { |
555 padding:12px; |
556 height: auto; |
556 text-align:right; |
557 justify-content: center; |
557 width:100%; |
558 padding: 3px 10px 4px; |
558 } |
559 flex: 1; |
559 .editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover{ |
560 line-height: 1.6; |
560 background-color:inherit; |
561 text-align: center; |
561 border-bottom:1px solid #757575; |
562 white-space: normal; |
562 border-radius:0; |
563 } |
563 margin:0; |
564 .post-publish-panel__postpublish-buttons .components-clipboard-button { |
564 } |
565 width: 100%; |
565 .editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover:not(:focus),.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover:not(:focus),.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:not(:focus){ |
566 } |
566 box-shadow:none; |
567 |
567 } |
568 .post-publish-panel__postpublish-post-address-container { |
568 .editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover:focus,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover:focus,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:focus{ |
569 display: flex; |
569 border-bottom:1px solid #fff; |
570 align-items: flex-end; |
570 } |
571 margin-bottom: 16px; |
571 .editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover:last-of-type,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover:last-of-type,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:last-of-type{ |
572 } |
572 border-bottom:none; |
573 .post-publish-panel__postpublish-post-address-container .components-base-control__field { |
573 } |
574 margin-bottom: 0; |
574 .editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:not(:hover),.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio[aria-checked=true]{ |
575 } |
575 color:#1e1e1e; |
576 .post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address { |
576 cursor:auto; |
577 flex: 1; |
577 } |
578 } |
578 .editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:not(:hover) .editor-create-template-part-modal__option-label div,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio[aria-checked=true] .editor-create-template-part-modal__option-label div{ |
579 .post-publish-panel__postpublish-post-address-container input[readonly] { |
579 color:#949494; |
580 padding: 10px; |
580 } |
581 background: #ddd; |
581 .editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio .editor-create-template-part-modal__option-label{ |
582 overflow: hidden; |
582 padding-top:4px; |
583 text-overflow: ellipsis; |
583 white-space:normal; |
584 } |
584 } |
585 |
585 .editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio .editor-create-template-part-modal__option-label div{ |
586 .post-publish-panel__postpublish-post-address__copy-button-wrap { |
586 font-size:12px; |
587 flex-shrink: 0; |
587 padding-top:4px; |
588 margin-right: 8px; |
588 } |
589 } |
589 .editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio .editor-create-template-part-modal__checkbox{ |
590 .post-publish-panel__postpublish-post-address__copy-button-wrap .components-button { |
590 margin-right:auto; |
591 height: 38px; |
591 min-width:24px; |
592 } |
592 } |
593 |
593 |
594 .post-publish-panel__postpublish-header { |
594 .editor-content-only-settings-menu__description{ |
595 font-weight: 500; |
595 min-width:235px; |
596 } |
596 padding:8px; |
597 |
597 } |
598 .post-publish-panel__postpublish-subheader { |
598 |
599 margin: 0 0 8px; |
599 .editor-blog-title-dropdown__content .components-popover__content{ |
600 } |
600 min-width:320px; |
601 |
601 padding:16px; |
602 .post-publish-panel__tip { |
602 } |
603 color: #f0b849; |
603 |
604 } |
604 .editor-document-bar{ |
605 |
605 align-items:center; |
606 @media screen and (max-width: 782px) { |
606 background:#f0f0f0; |
607 .post-publish-panel__postpublish-post-address__button-wrap .components-button { |
607 border-radius:4px; |
608 height: 40px; |
608 display:flex; |
609 } |
609 height:32px; |
610 } |
610 justify-content:space-between; |
611 .editor-post-saved-state { |
611 min-width:0; |
612 display: flex; |
612 width:min(100%, 416px); |
613 align-items: center; |
613 } |
614 width: 28px; |
614 .editor-document-bar:hover{ |
615 padding: 12px 4px; |
615 background-color:#e0e0e0; |
616 color: #757575; |
616 } |
617 overflow: hidden; |
617 .editor-document-bar .components-button{ |
618 white-space: nowrap; |
618 border-radius:4px; |
619 } |
619 transition:all .1s ease-out; |
620 .editor-post-saved-state.is-saving[aria-disabled=true], .editor-post-saved-state.is-saving[aria-disabled=true]:hover, .editor-post-saved-state.is-saved[aria-disabled=true], .editor-post-saved-state.is-saved[aria-disabled=true]:hover { |
620 } |
621 background: transparent; |
621 @media (prefers-reduced-motion:reduce){ |
622 color: #757575; |
622 .editor-document-bar .components-button{ |
623 } |
623 transition-delay:0s; |
624 .editor-post-saved-state svg { |
624 transition-duration:0s; |
625 display: inline-block; |
625 } |
626 flex: 0 0 auto; |
626 } |
627 fill: currentColor; |
627 .editor-document-bar .components-button:hover{ |
628 margin-left: 8px; |
628 background:#e0e0e0; |
629 } |
629 } |
630 @media (min-width: 600px) { |
630 @media (min-width:960px){ |
631 .editor-post-saved-state { |
631 .editor-document-bar{ |
632 width: auto; |
632 width:min(100%, 450px); |
633 padding: 8px 12px; |
633 } |
634 text-indent: inherit; |
634 } |
635 } |
635 |
636 .editor-post-saved-state svg { |
636 .editor-document-bar__command{ |
637 margin-left: 0; |
637 color:var(--wp-block-synced-color); |
638 } |
638 flex-grow:1; |
639 } |
639 overflow:hidden; |
640 |
640 } |
641 .editor-post-taxonomies__hierarchical-terms-list { |
641 |
642 max-height: 14em; |
642 .editor-document-bar__title{ |
643 overflow: auto; |
643 align-items:center; |
644 margin-right: -6px; |
644 color:#1e1e1e; |
645 padding-right: 6px; |
645 display:flex; |
646 margin-top: -6px; |
646 flex-grow:1; |
647 padding-top: 6px; |
647 gap:4px; |
648 } |
648 justify-content:center; |
649 |
649 overflow:hidden; |
650 .editor-post-taxonomies__hierarchical-terms-choice { |
650 } |
651 margin-bottom: 8px; |
651 @media (min-width:782px){ |
652 } |
652 .editor-document-bar__title{ |
653 |
653 padding-right:24px; |
654 .editor-post-taxonomies__hierarchical-terms-subchoices { |
654 } |
655 margin-top: 8px; |
655 } |
656 margin-right: 16px; |
656 .editor-document-bar.is-global .editor-document-bar__title{ |
657 } |
657 color:var(--wp-block-synced-color); |
658 |
658 } |
659 .components-button.editor-post-taxonomies__hierarchical-terms-submit, |
659 .editor-document-bar__title .block-editor-block-icon{ |
660 .components-button.editor-post-taxonomies__hierarchical-terms-add { |
660 flex-shrink:0; |
661 margin-top: 12px; |
661 min-width:24px; |
662 } |
662 } |
663 |
663 .editor-document-bar__title h1{ |
664 .editor-post-taxonomies__hierarchical-terms-label { |
664 color:currentColor; |
665 display: inline-block; |
665 max-width:70%; |
666 margin-top: 12px; |
666 overflow:hidden; |
667 } |
667 text-overflow:ellipsis; |
668 |
668 white-space:nowrap; |
669 .editor-post-taxonomies__hierarchical-terms-input { |
669 } |
670 margin-top: 8px; |
670 |
671 } |
671 .editor-document-bar__shortcut{ |
672 |
672 color:#2f2f2f; |
673 .editor-post-taxonomies__hierarchical-terms-filter { |
673 display:none; |
674 margin-bottom: 8px; |
674 min-width:24px; |
675 width: 100%; |
675 } |
676 } |
676 @media (min-width:782px){ |
677 |
677 .editor-document-bar__shortcut{ |
678 .editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label { |
678 display:initial; |
679 font-weight: 400; |
679 } |
680 margin-bottom: 12px; |
680 } |
681 } |
681 |
682 |
682 .editor-document-bar__back.components-button.has-icon.has-text{ |
683 .editor-post-taxonomies__flat-term-most-used-list { |
683 color:#757575; |
684 margin: 0; |
684 flex-shrink:0; |
685 } |
685 gap:0; |
686 .editor-post-taxonomies__flat-term-most-used-list li { |
686 min-width:36px; |
687 display: inline-block; |
687 position:absolute; |
688 margin-left: 8px; |
688 z-index:1; |
689 } |
689 } |
690 .editor-post-taxonomies__flat-term-most-used-list .components-button { |
690 .editor-document-bar__back.components-button.has-icon.has-text:hover{ |
691 font-size: 12px; |
691 background-color:initial; |
692 } |
692 color:#1e1e1e; |
693 |
693 } |
694 .edit-post-text-editor__body textarea.editor-post-text-editor { |
694 |
695 border: 1px solid #949494; |
695 .document-outline{ |
696 border-radius: 0; |
696 margin:20px 0; |
697 display: block; |
697 } |
698 margin: 0; |
698 .document-outline ul{ |
699 width: 100%; |
699 margin:0; |
700 box-shadow: none; |
700 padding:0; |
701 resize: none; |
701 } |
702 overflow: hidden; |
702 |
703 font-family: Menlo, Consolas, monaco, monospace; |
703 .document-outline__item{ |
704 line-height: 2.4; |
704 display:flex; |
705 min-height: 200px; |
705 margin:4px 0; |
706 transition: border 0.1s ease-out, box-shadow 0.1s linear; |
706 } |
707 padding: 16px; |
707 .document-outline__item a{ |
708 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
708 text-decoration:none; |
709 font-size: 16px !important; |
709 } |
710 } |
710 .document-outline__item .document-outline__emdash:before{ |
711 @media (prefers-reduced-motion: reduce) { |
711 color:#ddd; |
712 .edit-post-text-editor__body textarea.editor-post-text-editor { |
712 margin-left:4px; |
713 transition-duration: 0s; |
713 } |
714 transition-delay: 0s; |
714 .document-outline__item.is-h2 .document-outline__emdash:before{ |
715 } |
715 content:"—"; |
716 } |
716 } |
717 @media (min-width: 600px) { |
717 .document-outline__item.is-h3 .document-outline__emdash:before{ |
718 .edit-post-text-editor__body textarea.editor-post-text-editor { |
718 content:"——"; |
719 padding: 24px; |
719 } |
720 } |
720 .document-outline__item.is-h4 .document-outline__emdash:before{ |
721 } |
721 content:"———"; |
722 @media (min-width: 600px) { |
722 } |
723 .edit-post-text-editor__body textarea.editor-post-text-editor { |
723 .document-outline__item.is-h5 .document-outline__emdash:before{ |
724 font-size: 15px !important; |
724 content:"————"; |
725 } |
725 } |
726 } |
726 .document-outline__item.is-h6 .document-outline__emdash:before{ |
727 .edit-post-text-editor__body textarea.editor-post-text-editor:focus { |
727 content:"—————"; |
728 border-color: var(--wp-admin-theme-color); |
728 } |
729 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
729 |
730 position: relative; |
730 .document-outline__button{ |
731 } |
731 align-items:flex-start; |
732 .edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder { |
732 background:none; |
733 color: rgba(30, 30, 30, 0.62); |
733 border:none; |
734 } |
734 border-radius:2px; |
735 .edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder { |
735 color:#1e1e1e; |
736 color: rgba(30, 30, 30, 0.62); |
736 cursor:pointer; |
737 opacity: 1; |
737 display:flex; |
738 } |
738 margin:0 -1px 0 0; |
739 .edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder { |
739 padding:2px 1px 2px 5px; |
740 color: rgba(30, 30, 30, 0.62); |
740 text-align:right; |
741 } |
741 } |
742 |
742 .document-outline__button:disabled{ |
743 .edit-post-post-visibility__dialog, |
743 cursor:default; |
744 .editor-post-visibility__dialog-fieldset { |
744 } |
745 padding: 4px; |
745 .document-outline__button:focus{ |
746 padding-top: 0; |
746 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
747 } |
747 outline:2px solid #0000; |
748 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, |
748 } |
749 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { |
749 |
750 font-weight: 600; |
750 .document-outline__level{ |
751 margin-bottom: 1em; |
751 background:#ddd; |
752 margin-top: 0.5em; |
752 border-radius:3px; |
753 padding: 0; |
753 color:#1e1e1e; |
754 } |
754 font-size:13px; |
755 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], |
755 margin-left:4px; |
756 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { |
756 padding:1px 6px; |
757 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
757 } |
758 padding: 6px 8px; |
758 .is-invalid .document-outline__level{ |
759 box-shadow: 0 0 0 transparent; |
759 background:#f0b849; |
760 transition: box-shadow 0.1s linear; |
760 } |
761 border-radius: 2px; |
761 |
762 border: 1px solid #757575; |
762 .document-outline__item-content{ |
763 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
763 padding:1px 0; |
764 font-size: 16px; |
764 } |
765 /* Override core line-height. To be reviewed. */ |
765 |
766 line-height: normal; |
766 .editor-document-outline.has-no-headings{ |
767 border: 1px solid #1e1e1e; |
767 color:#757575; |
768 margin-left: 12px; |
768 text-align:center; |
769 transition: none; |
769 } |
770 border-radius: 50%; |
770 .editor-document-outline.has-no-headings>svg{ |
771 width: 24px; |
771 margin-top:28px; |
772 height: 24px; |
772 } |
773 margin-top: 2px; |
773 .editor-document-outline.has-no-headings>p{ |
774 } |
774 padding-left:32px; |
775 @media (prefers-reduced-motion: reduce) { |
775 padding-right:32px; |
776 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], |
776 } |
777 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { |
777 |
778 transition-duration: 0s; |
778 .editor-document-tools{ |
779 transition-delay: 0s; |
779 align-items:center; |
780 } |
780 display:inline-flex; |
781 } |
781 } |
782 @media (min-width: 600px) { |
782 .editor-document-tools .editor-document-tools__left>.editor-history__redo,.editor-document-tools .editor-document-tools__left>.editor-history__undo{ |
783 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], |
783 display:none; |
784 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { |
784 } |
785 font-size: 13px; |
785 @media (min-width:782px){ |
786 /* Override core line-height. To be reviewed. */ |
786 .editor-document-tools .editor-document-tools__left>.editor-history__redo,.editor-document-tools .editor-document-tools__left>.editor-history__undo{ |
787 line-height: normal; |
787 display:inline-flex; |
788 } |
788 } |
789 } |
789 } |
790 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, |
790 .editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle{ |
791 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { |
791 display:inline-flex; |
792 border-color: var(--wp-admin-theme-color); |
792 } |
793 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
793 .editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle svg{ |
794 outline: 2px solid transparent; |
794 transition:transform .2s cubic-bezier(.165, .84, .44, 1); |
795 } |
795 } |
796 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder, |
796 @media (prefers-reduced-motion:reduce){ |
797 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder { |
797 .editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle svg{ |
798 color: rgba(30, 30, 30, 0.62); |
798 transition-delay:0s; |
799 } |
799 transition-duration:0s; |
800 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder, |
800 } |
801 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder { |
801 } |
802 opacity: 1; |
802 .editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.is-pressed svg{ |
803 color: rgba(30, 30, 30, 0.62); |
803 transform:rotate(-45deg); |
804 } |
804 } |
805 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder, |
805 .editor-document-tools .block-editor-list-view{ |
806 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder { |
806 display:none; |
807 color: rgba(30, 30, 30, 0.62); |
807 } |
808 } |
808 @media (min-width:600px){ |
809 @media (min-width: 600px) { |
809 .editor-document-tools .block-editor-list-view{ |
810 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], |
810 display:flex; |
811 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { |
811 } |
812 height: 20px; |
812 } |
813 width: 20px; |
813 .editor-document-tools .editor-document-tools__left>.components-button.has-icon,.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon{ |
814 } |
814 height:32px; |
815 } |
815 min-width:32px; |
816 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, |
816 padding:4px; |
817 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { |
817 } |
818 box-sizing: inherit; |
818 .editor-document-tools .editor-document-tools__left>.components-button.has-icon.is-pressed,.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon.is-pressed{ |
819 width: 8px; |
819 background:#1e1e1e; |
820 height: 8px; |
820 } |
821 transform: translate(-7px, 7px); |
821 .editor-document-tools .editor-document-tools__left>.components-button.has-icon:focus:not(:disabled),.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ |
822 margin: 0; |
822 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; |
823 background-color: #fff; |
823 outline:1px solid #0000; |
824 border: 4px solid #fff; |
824 } |
825 } |
825 .editor-document-tools .editor-document-tools__left>.components-button.has-icon:before,.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon:before{ |
826 @media (min-width: 600px) { |
826 display:none; |
827 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, |
827 } |
828 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { |
828 |
829 transform: translate(-5px, 5px); |
829 .editor-document-tools__left{ |
830 } |
830 align-items:center; |
831 } |
831 display:inline-flex; |
832 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, |
832 gap:8px; |
833 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { |
833 margin-left:8px; |
834 box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); |
834 padding-right:16px; |
835 outline: 2px solid transparent; |
835 } |
836 } |
836 |
837 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked, |
837 .editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.has-icon{ |
838 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked { |
838 height:32px; |
839 background: var(--wp-admin-theme-color); |
839 min-width:32px; |
840 border-color: var(--wp-admin-theme-color); |
840 padding:0; |
841 } |
841 width:32px; |
842 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, |
842 } |
843 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { |
843 .show-icon-labels .editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.has-icon{ |
844 font-weight: 600; |
844 height:32px; |
845 } |
845 padding:0 8px; |
846 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, |
846 width:auto; |
847 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { |
847 } |
848 margin-top: 0; |
848 |
849 margin-right: 32px; |
849 .show-icon-labels .editor-document-tools__left>*+*{ |
850 } |
850 margin-right:8px; |
851 .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, |
851 } |
852 .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { |
852 |
853 margin-bottom: 0; |
853 .editor-editor-interface .entities-saved-states__panel-header{ |
854 } |
854 height:61px; |
855 |
855 } |
856 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { |
856 |
857 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
857 .editor-editor-interface .interface-interface-skeleton__content{ |
858 padding: 6px 8px; |
858 isolation:isolate; |
859 box-shadow: 0 0 0 transparent; |
859 } |
860 transition: box-shadow 0.1s linear; |
860 |
861 border-radius: 2px; |
861 .editor-visual-editor{ |
862 border: 1px solid #757575; |
862 flex:1 0 auto; |
863 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
863 } |
864 font-size: 16px; |
864 |
865 /* Override core line-height. To be reviewed. */ |
865 .components-editor-notices__dismissible,.components-editor-notices__pinned{ |
866 line-height: normal; |
866 color:#1e1e1e; |
867 margin-right: 36px; |
867 left:0; |
868 margin-top: 8px; |
868 position:relative; |
869 } |
869 right:0; |
870 @media (prefers-reduced-motion: reduce) { |
870 top:0; |
871 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { |
871 } |
872 transition-duration: 0s; |
872 .components-editor-notices__dismissible .components-notice,.components-editor-notices__pinned .components-notice{ |
873 transition-delay: 0s; |
873 border-bottom:1px solid #0003; |
874 } |
874 box-sizing:border-box; |
875 } |
875 min-height:60px; |
876 @media (min-width: 600px) { |
876 padding:0 12px; |
877 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { |
877 } |
878 font-size: 13px; |
878 .components-editor-notices__dismissible .components-notice .components-notice__dismiss,.components-editor-notices__pinned .components-notice .components-notice__dismiss{ |
879 /* Override core line-height. To be reviewed. */ |
879 margin-top:12px; |
880 line-height: normal; |
880 } |
881 } |
881 |
882 } |
882 .entities-saved-states__panel-header{ |
883 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus { |
883 background:#fff; |
884 border-color: var(--wp-admin-theme-color); |
884 border-bottom:1px solid #ddd; |
885 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
885 box-sizing:border-box; |
886 outline: 2px solid transparent; |
886 height:60px; |
887 } |
887 padding-left:8px; |
888 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder { |
888 padding-right:8px; |
889 color: rgba(30, 30, 30, 0.62); |
889 } |
890 } |
890 |
891 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder { |
891 .entities-saved-states__text-prompt{ |
892 opacity: 1; |
892 padding:16px 16px 4px; |
893 color: rgba(30, 30, 30, 0.62); |
893 } |
894 } |
894 .entities-saved-states__text-prompt .entities-saved-states__text-prompt--header{ |
895 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder { |
895 display:block; |
896 color: rgba(30, 30, 30, 0.62); |
896 margin-bottom:12px; |
897 } |
897 } |
898 |
898 |
899 .editor-post-title { |
899 .entities-saved-states__description-heading{ |
900 position: relative; |
900 font-size:13px; |
901 } |
901 } |
902 .editor-post-title.is-focus-mode { |
902 |
903 opacity: 0.5; |
903 .entities-saved-states__changes{ |
904 transition: opacity 0.1s linear; |
904 color:#757575; |
905 } |
905 font-size:12px; |
906 @media (prefers-reduced-motion: reduce) { |
906 list-style:disc; |
907 .editor-post-title.is-focus-mode { |
907 margin:8px 16px 0; |
908 transition-duration: 0s; |
908 } |
909 transition-delay: 0s; |
909 .entities-saved-states__changes li{ |
910 } |
910 margin-bottom:4px; |
911 } |
911 } |
912 .editor-post-title.is-focus-mode:focus { |
912 |
913 opacity: 1; |
913 .editor-error-boundary{ |
914 } |
914 box-shadow:0 .7px 1px #00000026,0 2.7px 3.8px -.2px #00000026,0 5.5px 7.8px -.3px #00000026,-.1px 11.5px 16.4px -.5px #00000026; |
915 |
915 margin:60px auto auto; |
916 .editor-post-trash.components-button { |
916 max-width:780px; |
917 margin-top: 4px; |
917 padding:20px; |
918 } |
918 } |
919 |
919 |
920 .table-of-contents__popover.components-popover .components-popover__content { |
920 .editor-header{ |
921 min-width: 380px; |
921 align-items:center; |
922 } |
922 background:#fff; |
923 |
923 display:flex; |
924 .components-popover.table-of-contents__popover { |
924 flex-wrap:wrap; |
925 z-index: 99998; |
925 height:60px; |
926 } |
926 justify-content:space-between; |
927 |
927 max-width:100vw; |
928 .table-of-contents__popover .components-popover__content > div { |
928 } |
929 padding: 16px; |
929 @media (min-width:280px){ |
930 } |
930 .editor-header{ |
931 @media (min-width: 600px) { |
931 flex-wrap:nowrap; |
932 .table-of-contents__popover .components-popover__content { |
932 } |
933 max-height: calc(100vh - 120px); |
933 } |
934 overflow-y: auto; |
934 |
935 } |
935 .editor-header__toolbar{ |
936 } |
936 align-items:center; |
937 .table-of-contents__popover hr { |
937 display:flex; |
938 margin: 10px -16px 0; |
938 flex-grow:3; |
939 } |
939 flex-shrink:8; |
940 |
940 overflow:hidden; |
941 .table-of-contents__wrapper:focus::before { |
941 padding:2px 0; |
942 content: ""; |
942 } |
943 display: block; |
943 @media (min-width:782px){ |
944 position: absolute; |
944 .editor-header__toolbar{ |
945 top: 0; |
945 padding-left:var(--wp-admin-border-width-focus); |
946 left: 0; |
946 } |
947 bottom: 0; |
947 } |
948 right: 0; |
948 .editor-header__toolbar .table-of-contents{ |
949 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
949 display:none; |
950 pointer-events: none; |
950 } |
951 } |
951 @media (min-width:600px){ |
952 |
952 .editor-header__toolbar .table-of-contents{ |
953 .table-of-contents__counts { |
953 display:block; |
954 display: flex; |
954 } |
955 flex-wrap: wrap; |
955 } |
956 margin: 0; |
956 |
957 margin-top: -8px; |
957 .editor-header__center{ |
958 } |
958 display:flex; |
959 |
959 flex-grow:1; |
960 .table-of-contents__count { |
960 justify-content:center; |
961 flex-basis: 33%; |
961 min-width:0; |
962 display: flex; |
962 } |
963 flex-direction: column; |
963 .editor-header__center.is-collapsed{ |
964 font-size: 13px; |
964 display:none; |
965 color: #1e1e1e; |
965 } |
966 padding-left: 8px; |
966 .editor-header__settings{ |
967 margin-bottom: 0; |
967 align-items:center; |
968 margin-top: 8px; |
968 display:inline-flex; |
969 } |
969 flex-wrap:nowrap; |
970 .table-of-contents__count:nth-child(4n) { |
970 gap:8px; |
971 padding-left: 0; |
971 padding-left:4px; |
972 } |
972 } |
973 |
973 @media (min-width:600px){ |
974 .table-of-contents__number, |
974 .editor-header__settings{ |
975 .table-of-contents__popover .word-count { |
975 padding-left:8px; |
976 font-size: 21px; |
976 } |
977 font-weight: 400; |
977 } |
978 line-height: 30px; |
978 .show-icon-labels .editor-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{ |
979 color: #1e1e1e; |
979 width:auto; |
980 } |
980 } |
981 |
981 .show-icon-labels .editor-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{ |
982 .table-of-contents__title { |
982 display:none; |
983 display: block; |
983 } |
984 margin-top: 20px; |
984 .show-icon-labels .editor-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{ |
985 font-size: 15px; |
985 content:attr(aria-label); |
986 font-weight: 600; |
986 } |
987 } |
987 .show-icon-labels .editor-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{ |
988 |
988 background-color:initial; |
989 .editor-template-validation-notice { |
989 } |
990 display: flex; |
990 .show-icon-labels .editor-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{ |
991 justify-content: space-between; |
991 background-color:initial; |
992 align-items: center; |
992 box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); |
993 } |
993 } |
994 .editor-template-validation-notice .components-button { |
994 .show-icon-labels .editor-header .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg{ |
995 margin-right: 5px; |
995 display:block; |
996 } |
996 } |
|
997 .show-icon-labels .editor-header .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after{ |
|
998 content:none; |
|
999 } |
|
1000 .show-icon-labels .editor-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{ |
|
1001 display:block; |
|
1002 } |
|
1003 .show-icon-labels .editor-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels .editor-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ |
|
1004 padding-left:8px; |
|
1005 padding-right:8px; |
|
1006 } |
|
1007 @media (min-width:600px){ |
|
1008 .show-icon-labels .editor-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels .editor-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ |
|
1009 padding-left:12px; |
|
1010 padding-right:12px; |
|
1011 } |
|
1012 } |
|
1013 .show-icon-labels .editor-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .editor-header .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state:after{ |
|
1014 content:none; |
|
1015 } |
|
1016 |
|
1017 .show-icon-labels .editor-header__toolbar .block-editor-block-mover{ |
|
1018 border-right:none; |
|
1019 } |
|
1020 .show-icon-labels .editor-header__toolbar .block-editor-block-mover:before{ |
|
1021 background-color:#ddd; |
|
1022 content:""; |
|
1023 height:24px; |
|
1024 margin-right:8px; |
|
1025 margin-top:4px; |
|
1026 width:1px; |
|
1027 } |
|
1028 .show-icon-labels .editor-header__toolbar .block-editor-block-mover .block-editor-block-mover__move-button-container:before{ |
|
1029 background:#ddd; |
|
1030 right:calc(50% + 1px); |
|
1031 width:calc(100% - 24px); |
|
1032 } |
|
1033 |
|
1034 .show-icon-labels.interface-pinned-items{ |
|
1035 border-bottom:1px solid #ccc; |
|
1036 display:block; |
|
1037 margin:0 -12px; |
|
1038 padding:6px 12px 12px; |
|
1039 } |
|
1040 .show-icon-labels.interface-pinned-items>.components-button.has-icon{ |
|
1041 justify-content:flex-start; |
|
1042 margin:0; |
|
1043 padding:6px 8px 6px 6px; |
|
1044 width:14.625rem; |
|
1045 } |
|
1046 .show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{ |
|
1047 display:block; |
|
1048 max-width:24px; |
|
1049 } |
|
1050 .show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{ |
|
1051 padding-right:40px; |
|
1052 } |
|
1053 .show-icon-labels.interface-pinned-items>.components-button.has-icon svg{ |
|
1054 margin-left:8px; |
|
1055 } |
|
1056 |
|
1057 @media (min-width:600px){ |
|
1058 .editor-header__post-preview-button{ |
|
1059 display:none; |
|
1060 } |
|
1061 } |
|
1062 |
|
1063 .editor-editor-interface.is-distraction-free .interface-interface-skeleton__header{ |
|
1064 border-bottom:none; |
|
1065 } |
|
1066 .editor-editor-interface.is-distraction-free .editor-header{ |
|
1067 background-color:#fff; |
|
1068 border-bottom:1px solid #e0e0e0; |
|
1069 position:absolute; |
|
1070 width:100%; |
|
1071 } |
|
1072 .editor-editor-interface.is-distraction-free .editor-header>.edit-post-header__settings>.edit-post-header__post-preview-button{ |
|
1073 visibility:hidden; |
|
1074 } |
|
1075 .editor-editor-interface.is-distraction-free .editor-header>.editor-header__settings>.editor-preview-dropdown,.editor-editor-interface.is-distraction-free .editor-header>.editor-header__settings>.interface-pinned-items,.editor-editor-interface.is-distraction-free .editor-header>.editor-header__toolbar .editor-document-tools__document-overview-toggle{ |
|
1076 display:none; |
|
1077 } |
|
1078 .editor-editor-interface.is-distraction-free .interface-interface-skeleton__header:focus-within{ |
|
1079 opacity:1 !important; |
|
1080 } |
|
1081 .editor-editor-interface.is-distraction-free .interface-interface-skeleton__header:focus-within div{ |
|
1082 transform:translateX(0) translateZ(0) !important; |
|
1083 } |
|
1084 .editor-editor-interface.is-distraction-free .components-editor-notices__dismissible{ |
|
1085 position:absolute; |
|
1086 z-index:35; |
|
1087 } |
|
1088 |
|
1089 .components-popover.more-menu-dropdown__content{ |
|
1090 z-index:99998; |
|
1091 } |
|
1092 |
|
1093 .editor-inserter-sidebar{ |
|
1094 box-sizing:border-box; |
|
1095 display:flex; |
|
1096 flex-direction:column; |
|
1097 height:100%; |
|
1098 } |
|
1099 .editor-inserter-sidebar *,.editor-inserter-sidebar :after,.editor-inserter-sidebar :before{ |
|
1100 box-sizing:inherit; |
|
1101 } |
|
1102 |
|
1103 .editor-inserter-sidebar__content{ |
|
1104 height:calc(100% - 44px); |
|
1105 } |
|
1106 @media (min-width:782px){ |
|
1107 .editor-inserter-sidebar__content{ |
|
1108 height:100%; |
|
1109 } |
|
1110 } |
|
1111 |
|
1112 .editor-keyboard-shortcut-help-modal__section{ |
|
1113 margin:0 0 2rem; |
|
1114 } |
|
1115 .editor-keyboard-shortcut-help-modal__section-title{ |
|
1116 font-size:.9rem; |
|
1117 font-weight:600; |
|
1118 } |
|
1119 .editor-keyboard-shortcut-help-modal__shortcut{ |
|
1120 align-items:baseline; |
|
1121 border-top:1px solid #ddd; |
|
1122 display:flex; |
|
1123 margin-bottom:0; |
|
1124 padding:.6rem 0; |
|
1125 } |
|
1126 .editor-keyboard-shortcut-help-modal__shortcut:last-child{ |
|
1127 border-bottom:1px solid #ddd; |
|
1128 } |
|
1129 .editor-keyboard-shortcut-help-modal__shortcut:empty{ |
|
1130 display:none; |
|
1131 } |
|
1132 .editor-keyboard-shortcut-help-modal__shortcut-term{ |
|
1133 font-weight:600; |
|
1134 margin:0 1rem 0 0; |
|
1135 text-align:left; |
|
1136 } |
|
1137 .editor-keyboard-shortcut-help-modal__shortcut-description{ |
|
1138 flex:1; |
|
1139 flex-basis:auto; |
|
1140 margin:0; |
|
1141 } |
|
1142 .editor-keyboard-shortcut-help-modal__shortcut-key-combination{ |
|
1143 background:none; |
|
1144 display:block; |
|
1145 margin:0; |
|
1146 padding:0; |
|
1147 } |
|
1148 .editor-keyboard-shortcut-help-modal__shortcut-key-combination+.editor-keyboard-shortcut-help-modal__shortcut-key-combination{ |
|
1149 margin-top:10px; |
|
1150 } |
|
1151 .editor-keyboard-shortcut-help-modal__shortcut-key{ |
|
1152 border-radius:8%; |
|
1153 margin:0 .2rem; |
|
1154 padding:.25rem .5rem; |
|
1155 } |
|
1156 .editor-keyboard-shortcut-help-modal__shortcut-key:last-child{ |
|
1157 margin:0 .2rem 0 0; |
|
1158 } |
|
1159 |
|
1160 .editor-list-view-sidebar{ |
|
1161 display:flex; |
|
1162 flex-direction:column; |
|
1163 height:100%; |
|
1164 } |
|
1165 @media (min-width:782px){ |
|
1166 .editor-list-view-sidebar{ |
|
1167 width:350px; |
|
1168 } |
|
1169 } |
|
1170 .editor-list-view-sidebar .editor-list-view-sidebar__header{ |
|
1171 border-bottom:1px solid #ddd; |
|
1172 display:flex; |
|
1173 } |
|
1174 .editor-list-view-sidebar .editor-list-view-sidebar__close-button{ |
|
1175 align-self:center; |
|
1176 background:#fff; |
|
1177 margin-left:12px; |
|
1178 order:1; |
|
1179 } |
|
1180 |
|
1181 .editor-list-view-sidebar__tabs-tablist{ |
|
1182 box-sizing:border-box; |
|
1183 flex-grow:1; |
|
1184 } |
|
1185 |
|
1186 .editor-list-view-sidebar__tabs-tab{ |
|
1187 margin-bottom:-1px; |
|
1188 width:50%; |
|
1189 } |
|
1190 |
|
1191 .editor-list-view-sidebar__tabs-tabpanel{ |
|
1192 height:calc(100% - 47px); |
|
1193 } |
|
1194 |
|
1195 .editor-list-view-sidebar__list-view-container>.document-outline,.editor-list-view-sidebar__list-view-panel-content{ |
|
1196 height:100%; |
|
1197 overflow:auto; |
|
1198 padding:4px; |
|
1199 scrollbar-color:#0000 #0000; |
|
1200 scrollbar-gutter:stable both-edges; |
|
1201 scrollbar-gutter:auto; |
|
1202 scrollbar-width:thin; |
|
1203 will-change:transform; |
|
1204 } |
|
1205 .editor-list-view-sidebar__list-view-container>.document-outline::-webkit-scrollbar,.editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar{ |
|
1206 height:12px; |
|
1207 width:12px; |
|
1208 } |
|
1209 .editor-list-view-sidebar__list-view-container>.document-outline::-webkit-scrollbar-track,.editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar-track{ |
|
1210 background-color:initial; |
|
1211 } |
|
1212 .editor-list-view-sidebar__list-view-container>.document-outline::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar-thumb{ |
|
1213 background-clip:padding-box; |
|
1214 background-color:initial; |
|
1215 border:3px solid #0000; |
|
1216 border-radius:8px; |
|
1217 } |
|
1218 .editor-list-view-sidebar__list-view-container>.document-outline:focus-within::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-container>.document-outline:focus::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-container>.document-outline:hover::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-panel-content:focus-within::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-panel-content:focus::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-panel-content:hover::-webkit-scrollbar-thumb{ |
|
1219 background-color:#949494; |
|
1220 } |
|
1221 .editor-list-view-sidebar__list-view-container>.document-outline:focus,.editor-list-view-sidebar__list-view-container>.document-outline:focus-within,.editor-list-view-sidebar__list-view-container>.document-outline:hover,.editor-list-view-sidebar__list-view-panel-content:focus,.editor-list-view-sidebar__list-view-panel-content:focus-within,.editor-list-view-sidebar__list-view-panel-content:hover{ |
|
1222 scrollbar-color:#949494 #0000; |
|
1223 } |
|
1224 @media (hover:none){ |
|
1225 .editor-list-view-sidebar__list-view-container>.document-outline,.editor-list-view-sidebar__list-view-panel-content{ |
|
1226 scrollbar-color:#949494 #0000; |
|
1227 } |
|
1228 } |
|
1229 |
|
1230 .editor-list-view-sidebar__list-view-container{ |
|
1231 display:flex; |
|
1232 flex-direction:column; |
|
1233 height:100%; |
|
1234 } |
|
1235 |
|
1236 .editor-list-view-sidebar__tab-panel{ |
|
1237 height:100%; |
|
1238 } |
|
1239 |
|
1240 .editor-list-view-sidebar__outline{ |
|
1241 border-bottom:1px solid #ddd; |
|
1242 display:flex; |
|
1243 flex-direction:column; |
|
1244 gap:8px; |
|
1245 padding:16px; |
|
1246 } |
|
1247 .editor-list-view-sidebar__outline>div>span:first-child{ |
|
1248 display:inline-block; |
|
1249 width:90px; |
|
1250 } |
|
1251 .editor-list-view-sidebar__outline>div>span{ |
|
1252 color:#757575; |
|
1253 font-size:12px; |
|
1254 line-height:1.4; |
|
1255 } |
|
1256 |
|
1257 .editor-post-order__panel,.editor-post-parent__panel{ |
|
1258 padding-top:8px; |
|
1259 } |
|
1260 .editor-post-order__panel .editor-post-panel__row-control>div,.editor-post-parent__panel .editor-post-panel__row-control>div{ |
|
1261 width:100%; |
|
1262 } |
|
1263 |
|
1264 .editor-post-order__panel-dialog .editor-post-order,.editor-post-order__panel-dialog .editor-post-parent,.editor-post-parent__panel-dialog .editor-post-order,.editor-post-parent__panel-dialog .editor-post-parent{ |
|
1265 margin:8px; |
|
1266 } |
|
1267 .editor-post-order__panel-dialog .components-popover__content,.editor-post-parent__panel-dialog .components-popover__content{ |
|
1268 min-width:320px; |
|
1269 } |
|
1270 |
|
1271 .editor-post-author__panel{ |
|
1272 padding-top:8px; |
|
1273 } |
|
1274 |
|
1275 .editor-post-author__panel .editor-post-panel__row-control>div{ |
|
1276 width:100%; |
|
1277 } |
|
1278 |
|
1279 .editor-post-author__panel-dialog .editor-post-author{ |
|
1280 margin:8px; |
|
1281 min-width:248px; |
|
1282 } |
|
1283 |
|
1284 .editor-action-modal{ |
|
1285 z-index:1000001; |
|
1286 } |
|
1287 |
|
1288 .editor-post-card-panel__content{ |
|
1289 flex-grow:1; |
|
1290 } |
|
1291 .editor-post-card-panel__title{ |
|
1292 width:100%; |
|
1293 } |
|
1294 .editor-post-card-panel__title.editor-post-card-panel__title{ |
|
1295 align-items:center; |
|
1296 column-gap:8px; |
|
1297 display:flex; |
|
1298 flex-wrap:wrap; |
|
1299 margin:0; |
|
1300 padding:2px 0; |
|
1301 row-gap:4px; |
|
1302 word-break:break-word; |
|
1303 } |
|
1304 .editor-post-card-panel__icon{ |
|
1305 flex:0 0 24px; |
|
1306 height:24px; |
|
1307 width:24px; |
|
1308 } |
|
1309 .editor-post-card-panel__header{ |
|
1310 display:flex; |
|
1311 justify-content:space-between; |
|
1312 } |
|
1313 .editor-post-card-panel.has-description .editor-post-card-panel__header{ |
|
1314 margin-bottom:8px; |
|
1315 } |
|
1316 |
|
1317 .editor-post-card-panel__icon.is-sync{ |
|
1318 fill:var(--wp-block-synced-color); |
|
1319 } |
|
1320 |
|
1321 .editor-post-card-panel__title-badge{ |
|
1322 background:#f0f0f0; |
|
1323 border-radius:2px; |
|
1324 color:#757575; |
|
1325 display:inline-block; |
|
1326 flex-shrink:0; |
|
1327 font-size:12px; |
|
1328 font-weight:400; |
|
1329 line-height:20px; |
|
1330 padding:0 4px; |
|
1331 } |
|
1332 |
|
1333 .editor-post-content-information{ |
|
1334 color:#757575; |
|
1335 } |
|
1336 .editor-post-content-information .components-text{ |
|
1337 color:inherit; |
|
1338 } |
|
1339 |
|
1340 .editor-post-discussion__panel-dialog .editor-post-discussion{ |
|
1341 margin:8px; |
|
1342 min-width:248px; |
|
1343 } |
|
1344 .editor-post-discussion__panel-dialog .editor-post-discussion .components-radio-control__option{ |
|
1345 align-items:flex-start; |
|
1346 } |
|
1347 .editor-post-discussion__panel-dialog .editor-post-discussion .components-radio-control__label .components-text{ |
|
1348 display:block; |
|
1349 margin-top:4px; |
|
1350 } |
|
1351 |
|
1352 .editor-post-discussion__panel-toggle .components-text{ |
|
1353 color:inherit; |
|
1354 } |
|
1355 |
|
1356 .editor-post-discussion__panel-dialog .components-popover__content{ |
|
1357 min-width:320px; |
|
1358 } |
|
1359 |
|
1360 .editor-post-excerpt__textarea{ |
|
1361 margin-bottom:10px; |
|
1362 width:100%; |
|
1363 } |
|
1364 |
|
1365 .editor-post-excerpt__dropdown__content .components-popover__content{ |
|
1366 min-width:320px; |
|
1367 padding:16px; |
|
1368 } |
|
1369 |
|
1370 .editor-post-featured-image{ |
|
1371 padding:0; |
|
1372 } |
|
1373 .editor-post-featured-image .components-spinner{ |
|
1374 margin-right:-9px; |
|
1375 margin-top:-9px; |
|
1376 position:absolute; |
|
1377 right:50%; |
|
1378 top:50%; |
|
1379 } |
|
1380 |
|
1381 .editor-post-featured-image__container{ |
|
1382 position:relative; |
|
1383 } |
|
1384 .editor-post-featured-image__container:focus .editor-post-featured-image__actions,.editor-post-featured-image__container:focus-within .editor-post-featured-image__actions,.editor-post-featured-image__container:hover .editor-post-featured-image__actions{ |
|
1385 opacity:1; |
|
1386 } |
|
1387 .editor-post-featured-image__container .components-drop-zone__content{ |
|
1388 border-radius:2px; |
|
1389 } |
|
1390 .editor-post-featured-image__container:has(.editor-post-featured-image__toggle) .components-drop-zone .components-drop-zone__content-inner{ |
|
1391 align-items:center; |
|
1392 display:flex; |
|
1393 gap:8px; |
|
1394 } |
|
1395 .editor-post-featured-image__container:has(.editor-post-featured-image__toggle) .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon{ |
|
1396 margin:0; |
|
1397 } |
|
1398 |
|
1399 .editor-post-featured-image__preview,.editor-post-featured-image__toggle{ |
|
1400 box-shadow:0 0 0 0 var(--wp-admin-theme-color); |
|
1401 display:flex; |
|
1402 justify-content:center; |
|
1403 min-height:40px; |
|
1404 outline-offset:-1px; |
|
1405 overflow:hidden; |
|
1406 padding:0; |
|
1407 transition:all .1s ease-out; |
|
1408 width:100%; |
|
1409 } |
|
1410 @media (prefers-reduced-motion:reduce){ |
|
1411 .editor-post-featured-image__preview,.editor-post-featured-image__toggle{ |
|
1412 transition-delay:0s; |
|
1413 transition-duration:0s; |
|
1414 } |
|
1415 } |
|
1416 |
|
1417 .editor-post-featured-image__preview{ |
|
1418 height:auto; |
|
1419 outline:1px solid #0000001a; |
|
1420 } |
|
1421 .editor-post-featured-image__preview .editor-post-featured-image__preview-image{ |
|
1422 aspect-ratio:2/1; |
|
1423 object-fit:cover; |
|
1424 object-position:50% 50%; |
|
1425 width:100%; |
|
1426 } |
|
1427 |
|
1428 .editor-post-featured-image__toggle{ |
|
1429 border-radius:2px; |
|
1430 box-shadow:inset 0 0 0 1px #ccc; |
|
1431 height:100%; |
|
1432 line-height:20px; |
|
1433 padding:8px 0; |
|
1434 text-align:center; |
|
1435 } |
|
1436 |
|
1437 .editor-post-featured-image__actions{ |
|
1438 bottom:0; |
|
1439 opacity:0; |
|
1440 padding:8px; |
|
1441 position:absolute; |
|
1442 transition:opacity 50ms ease-out; |
|
1443 } |
|
1444 @media (prefers-reduced-motion:reduce){ |
|
1445 .editor-post-featured-image__actions{ |
|
1446 transition-delay:0s; |
|
1447 transition-duration:0s; |
|
1448 } |
|
1449 } |
|
1450 |
|
1451 .editor-post-featured-image__action{ |
|
1452 -webkit-backdrop-filter:blur(16px) saturate(180%); |
|
1453 backdrop-filter:blur(16px) saturate(180%); |
|
1454 background:#ffffffbf; |
|
1455 flex-grow:1; |
|
1456 justify-content:center; |
|
1457 } |
|
1458 |
|
1459 [class].editor-post-format__suggestion{ |
|
1460 margin:4px 0 0; |
|
1461 } |
|
1462 |
|
1463 .editor-post-format__dialog .editor-post-format__dialog-content{ |
|
1464 margin:8px; |
|
1465 min-width:248px; |
|
1466 } |
|
1467 |
|
1468 .editor-post-format__options .components-base-control__field>.components-v-stack{ |
|
1469 gap:12px; |
|
1470 } |
|
1471 |
|
1472 .editor-post-last-edited-panel{ |
|
1473 color:#757575; |
|
1474 } |
|
1475 .editor-post-last-edited-panel .components-text{ |
|
1476 color:inherit; |
|
1477 } |
|
1478 |
|
1479 .editor-post-last-revision__title{ |
|
1480 font-weight:500; |
|
1481 width:100%; |
|
1482 } |
|
1483 |
|
1484 .editor-post-last-revision__title.components-button.has-icon{ |
|
1485 height:100%; |
|
1486 justify-content:space-between; |
|
1487 } |
|
1488 .editor-post-last-revision__title.components-button.has-icon:active,.editor-post-last-revision__title.components-button.has-icon:hover{ |
|
1489 background:#f0f0f0; |
|
1490 } |
|
1491 .editor-post-last-revision__title.components-button.has-icon:focus{ |
|
1492 border-radius:0; |
|
1493 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1494 } |
|
1495 |
|
1496 .components-panel__body.is-opened.editor-post-last-revision__panel{ |
|
1497 height:48px; |
|
1498 padding:0; |
|
1499 } |
|
1500 .components-panel__body.is-opened.editor-post-last-revision__panel .editor-post-last-revision__title.components-button.components-button{ |
|
1501 padding:16px; |
|
1502 } |
|
1503 |
|
1504 .editor-private-post-last-revision__button{ |
|
1505 display:inline-block; |
|
1506 } |
|
1507 |
|
1508 .editor-post-locked-modal__buttons{ |
|
1509 margin-top:24px; |
|
1510 } |
|
1511 |
|
1512 .editor-post-locked-modal__avatar{ |
|
1513 border-radius:2px; |
|
1514 margin-top:16px; |
|
1515 min-width:auto !important; |
|
1516 } |
|
1517 |
|
1518 .editor-post-panel__row{ |
|
1519 align-items:flex-start !important; |
|
1520 justify-content:flex-start !important; |
|
1521 min-height:32px; |
|
1522 width:100%; |
|
1523 } |
|
1524 |
|
1525 .editor-post-panel__row-label{ |
|
1526 align-items:center; |
|
1527 display:flex; |
|
1528 flex-shrink:0; |
|
1529 -webkit-hyphens:auto; |
|
1530 hyphens:auto; |
|
1531 line-height:20px; |
|
1532 min-height:32px; |
|
1533 padding:6px 0; |
|
1534 width:30%; |
|
1535 } |
|
1536 |
|
1537 .editor-post-panel__row-control{ |
|
1538 align-items:center; |
|
1539 display:flex; |
|
1540 flex-grow:1; |
|
1541 min-height:32px; |
|
1542 } |
|
1543 .editor-post-panel__row-control .components-button{ |
|
1544 height:auto; |
|
1545 max-width:100%; |
|
1546 min-height:32px; |
|
1547 text-align:right; |
|
1548 text-wrap:balance; |
|
1549 text-wrap:pretty; |
|
1550 white-space:normal; |
|
1551 } |
|
1552 .editor-post-panel__row-control .components-dropdown{ |
|
1553 max-width:100%; |
|
1554 } |
|
1555 |
|
1556 .editor-post-panel__section{ |
|
1557 padding:16px; |
|
1558 } |
|
1559 |
|
1560 .editor-post-publish-panel__content{ |
|
1561 min-height:calc(100% - 144px); |
|
1562 } |
|
1563 .editor-post-publish-panel__content>.components-spinner{ |
|
1564 display:block; |
|
1565 margin:100px auto 0; |
|
1566 } |
|
1567 |
|
1568 .editor-post-publish-panel__header{ |
|
1569 align-content:space-between; |
|
1570 align-items:center; |
|
1571 background:#fff; |
|
1572 border-bottom:1px solid #ddd; |
|
1573 display:flex; |
|
1574 height:61px; |
|
1575 padding-left:16px; |
|
1576 padding-right:16px; |
|
1577 } |
|
1578 .editor-post-publish-panel__header .components-button{ |
|
1579 justify-content:center; |
|
1580 width:100%; |
|
1581 } |
|
1582 .editor-post-publish-panel__header .has-icon{ |
|
1583 margin-right:auto; |
|
1584 width:auto; |
|
1585 } |
|
1586 |
|
1587 .components-site-card{ |
|
1588 align-items:center; |
|
1589 display:flex; |
|
1590 margin:16px 0; |
|
1591 } |
|
1592 |
|
1593 .components-site-icon{ |
|
1594 border:none; |
|
1595 border-radius:2px; |
|
1596 height:36px; |
|
1597 margin-left:12px; |
|
1598 width:36px; |
|
1599 } |
|
1600 |
|
1601 .components-site-name{ |
|
1602 display:block; |
|
1603 font-size:14px; |
|
1604 } |
|
1605 |
|
1606 .components-site-home{ |
|
1607 color:#757575; |
|
1608 display:block; |
|
1609 font-size:12px; |
|
1610 } |
|
1611 |
|
1612 .editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{ |
|
1613 flex:1; |
|
1614 } |
|
1615 @media (min-width:480px){ |
|
1616 .editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{ |
|
1617 max-width:160px; |
|
1618 } |
|
1619 } |
|
1620 |
|
1621 .editor-post-publish-panel__header-publish-button{ |
|
1622 justify-content:center; |
|
1623 padding-left:4px; |
|
1624 } |
|
1625 |
|
1626 .editor-post-publish-panel__header-cancel-button{ |
|
1627 padding-right:4px; |
|
1628 } |
|
1629 |
|
1630 .editor-post-publish-panel__header-published{ |
|
1631 flex-grow:1; |
|
1632 } |
|
1633 |
|
1634 .editor-post-publish-panel__footer{ |
|
1635 padding:16px; |
|
1636 } |
|
1637 |
|
1638 .components-button.editor-post-publish-panel__toggle.is-primary{ |
|
1639 align-items:center; |
|
1640 display:inline-flex; |
|
1641 } |
|
1642 .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon{ |
|
1643 display:none; |
|
1644 } |
|
1645 .components-button.editor-post-publish-panel__toggle.is-primary .dashicon{ |
|
1646 margin-left:-4px; |
|
1647 } |
|
1648 |
|
1649 .editor-post-publish-panel__link{ |
|
1650 font-weight:400; |
|
1651 padding-right:4px; |
|
1652 } |
|
1653 |
|
1654 .editor-post-publish-panel__prepublish{ |
|
1655 padding:16px; |
|
1656 } |
|
1657 .editor-post-publish-panel__prepublish strong{ |
|
1658 color:#1e1e1e; |
|
1659 } |
|
1660 .editor-post-publish-panel__prepublish .components-panel__body{ |
|
1661 background:#fff; |
|
1662 margin-left:-16px; |
|
1663 margin-right:-16px; |
|
1664 } |
|
1665 .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend{ |
|
1666 display:none; |
|
1667 } |
|
1668 .editor-post-publish-panel__prepublish .components-panel__body-title .components-button{ |
|
1669 align-items:flex-start; |
|
1670 text-wrap:balance; |
|
1671 text-wrap:pretty; |
|
1672 } |
|
1673 |
|
1674 .post-publish-panel__postpublish .components-panel__body{ |
|
1675 border-bottom:1px solid #e0e0e0; |
|
1676 border-top:none; |
|
1677 } |
|
1678 |
|
1679 .post-publish-panel__postpublish-buttons{ |
|
1680 align-content:space-between; |
|
1681 display:flex; |
|
1682 flex-wrap:wrap; |
|
1683 gap:16px; |
|
1684 } |
|
1685 .post-publish-panel__postpublish-buttons .components-button{ |
|
1686 flex:1; |
|
1687 justify-content:center; |
|
1688 } |
|
1689 .post-publish-panel__postpublish-buttons .components-clipboard-button{ |
|
1690 width:100%; |
|
1691 } |
|
1692 |
|
1693 .post-publish-panel__postpublish-post-address-container{ |
|
1694 align-items:flex-end; |
|
1695 display:flex; |
|
1696 margin-bottom:16px; |
|
1697 } |
|
1698 .post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address{ |
|
1699 flex:1; |
|
1700 } |
|
1701 .post-publish-panel__postpublish-post-address-container input[readonly]{ |
|
1702 background:#f0f0f0; |
|
1703 border-color:#ccc; |
|
1704 height:36px; |
|
1705 overflow:hidden; |
|
1706 padding:12px; |
|
1707 text-overflow:ellipsis; |
|
1708 } |
|
1709 |
|
1710 .post-publish-panel__postpublish-post-address__copy-button-wrap{ |
|
1711 flex-shrink:0; |
|
1712 margin-right:16px; |
|
1713 } |
|
1714 |
|
1715 .post-publish-panel__postpublish-header{ |
|
1716 font-weight:500; |
|
1717 } |
|
1718 |
|
1719 .post-publish-panel__postpublish-subheader{ |
|
1720 margin:0 0 8px; |
|
1721 } |
|
1722 |
|
1723 .post-publish-panel__tip{ |
|
1724 color:#f0b849; |
|
1725 } |
|
1726 |
|
1727 @media screen and (max-width:782px){ |
|
1728 .post-publish-panel__postpublish-post-address__button-wrap .components-button{ |
|
1729 height:40px; |
|
1730 } |
|
1731 } |
|
1732 .editor-post-publish-panel{ |
|
1733 background:#fff; |
|
1734 bottom:0; |
|
1735 left:0; |
|
1736 overflow:auto; |
|
1737 position:fixed; |
|
1738 right:0; |
|
1739 top:46px; |
|
1740 z-index:100001; |
|
1741 } |
|
1742 @media (min-width:782px){ |
|
1743 .editor-post-publish-panel{ |
|
1744 animation:editor-post-publish-panel__slide-in-animation .1s forwards; |
|
1745 border-right:1px solid #ddd; |
|
1746 right:auto; |
|
1747 top:32px; |
|
1748 transform:translateX(-100%); |
|
1749 width:281px; |
|
1750 z-index:99998; |
|
1751 } |
|
1752 } |
|
1753 @media (min-width:782px) and (prefers-reduced-motion:reduce){ |
|
1754 .editor-post-publish-panel{ |
|
1755 animation-delay:0s; |
|
1756 animation-duration:1ms; |
|
1757 } |
|
1758 } |
|
1759 @media (min-width:782px){ |
|
1760 body.is-fullscreen-mode .editor-post-publish-panel{ |
|
1761 top:0; |
|
1762 } |
|
1763 [role=region]:focus .editor-post-publish-panel{ |
|
1764 transform:translateX(0); |
|
1765 } |
|
1766 } |
|
1767 |
|
1768 @keyframes editor-post-publish-panel__slide-in-animation{ |
|
1769 to{ |
|
1770 transform:translateX(0); |
|
1771 } |
|
1772 } |
|
1773 .editor-post-saved-state{ |
|
1774 align-items:center; |
|
1775 color:#757575; |
|
1776 display:flex; |
|
1777 overflow:hidden; |
|
1778 padding:12px 4px; |
|
1779 white-space:nowrap; |
|
1780 width:28px; |
|
1781 } |
|
1782 .editor-post-saved-state.is-saved[aria-disabled=true],.editor-post-saved-state.is-saved[aria-disabled=true]:hover,.editor-post-saved-state.is-saving[aria-disabled=true],.editor-post-saved-state.is-saving[aria-disabled=true]:hover{ |
|
1783 background:#0000; |
|
1784 color:#757575; |
|
1785 } |
|
1786 .editor-post-saved-state svg{ |
|
1787 display:inline-block; |
|
1788 flex:0 0 auto; |
|
1789 fill:currentColor; |
|
1790 margin-left:8px; |
|
1791 } |
|
1792 @media (min-width:600px){ |
|
1793 .editor-post-saved-state{ |
|
1794 padding:8px 12px; |
|
1795 text-indent:inherit; |
|
1796 width:auto; |
|
1797 } |
|
1798 .editor-post-saved-state svg{ |
|
1799 margin-left:0; |
|
1800 } |
|
1801 } |
|
1802 |
|
1803 .editor-post-save-draft.has-text.has-icon svg{ |
|
1804 margin-left:0; |
|
1805 } |
|
1806 |
|
1807 .editor-post-schedule__panel-dropdown{ |
|
1808 width:100%; |
|
1809 } |
|
1810 |
|
1811 .editor-post-schedule__dialog .components-popover__content{ |
|
1812 min-width:320px; |
|
1813 padding:16px; |
|
1814 } |
|
1815 |
|
1816 .editor-post-slug{ |
|
1817 align-items:stretch; |
|
1818 display:flex; |
|
1819 flex-direction:column; |
|
1820 } |
|
1821 |
|
1822 .editor-post-status{ |
|
1823 max-width:100%; |
|
1824 } |
|
1825 .editor-post-status.is-read-only{ |
|
1826 padding:6px 12px; |
|
1827 } |
|
1828 |
|
1829 .editor-change-status__password-fieldset,.editor-change-status__publish-date-wrapper{ |
|
1830 border-top:1px solid #e0e0e0; |
|
1831 padding-top:16px; |
|
1832 } |
|
1833 |
|
1834 .editor-change-status__content .components-popover__content{ |
|
1835 min-width:320px; |
|
1836 padding:16px; |
|
1837 } |
|
1838 .editor-change-status__content .editor-change-status__options .components-base-control__field>.components-v-stack{ |
|
1839 gap:12px; |
|
1840 } |
|
1841 .editor-change-status__content .editor-change-status__options .components-radio-control__option{ |
|
1842 align-items:flex-start; |
|
1843 } |
|
1844 .editor-change-status__content .editor-change-status__options label .components-text{ |
|
1845 display:block; |
|
1846 margin-top:4px; |
|
1847 } |
|
1848 .editor-change-status__content .editor-change-status__password-legend{ |
|
1849 margin-bottom:8px; |
|
1850 padding:0; |
|
1851 } |
|
1852 |
|
1853 .editor-post-sticky__toggle-control{ |
|
1854 padding:6px 12px; |
|
1855 } |
|
1856 |
|
1857 .editor-post-sync-status__value{ |
|
1858 padding:6px 12px 6px 0; |
|
1859 } |
|
1860 |
|
1861 .editor-post-taxonomies__hierarchical-terms-list{ |
|
1862 margin-right:-6px; |
|
1863 margin-top:-6px; |
|
1864 max-height:14em; |
|
1865 overflow:auto; |
|
1866 padding-right:6px; |
|
1867 padding-top:6px; |
|
1868 } |
|
1869 |
|
1870 .editor-post-taxonomies__hierarchical-terms-choice{ |
|
1871 margin-bottom:8px; |
|
1872 } |
|
1873 .editor-post-taxonomies__hierarchical-terms-choice:last-child{ |
|
1874 margin-bottom:4px; |
|
1875 } |
|
1876 |
|
1877 .editor-post-taxonomies__hierarchical-terms-subchoices{ |
|
1878 margin-right:16px; |
|
1879 margin-top:8px; |
|
1880 } |
|
1881 |
|
1882 .editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{ |
|
1883 margin-bottom:4px; |
|
1884 } |
|
1885 |
|
1886 .editor-post-taxonomies__flat-term-most-used-list{ |
|
1887 margin:0; |
|
1888 } |
|
1889 .editor-post-taxonomies__flat-term-most-used-list li{ |
|
1890 display:inline-block; |
|
1891 margin-left:8px; |
|
1892 } |
|
1893 .editor-post-taxonomies__flat-term-most-used-list .components-button{ |
|
1894 font-size:12px; |
|
1895 } |
|
1896 |
|
1897 .editor-post-template__swap-template-modal{ |
|
1898 z-index:1000001; |
|
1899 } |
|
1900 |
|
1901 .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list{ |
|
1902 column-count:2; |
|
1903 column-gap:24px; |
|
1904 padding-top:2px; |
|
1905 } |
|
1906 @media (min-width:782px){ |
|
1907 .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list{ |
|
1908 column-count:3; |
|
1909 } |
|
1910 } |
|
1911 @media (min-width:1280px){ |
|
1912 .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list{ |
|
1913 column-count:4; |
|
1914 } |
|
1915 } |
|
1916 .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ |
|
1917 break-inside:avoid-column; |
|
1918 } |
|
1919 |
|
1920 .editor-post-template__dropdown .components-popover__content{ |
|
1921 min-width:240px; |
|
1922 } |
|
1923 .editor-post-template__dropdown .components-button.is-pressed,.editor-post-template__dropdown .components-button.is-pressed:hover{ |
|
1924 background:inherit; |
|
1925 color:inherit; |
|
1926 } |
|
1927 |
|
1928 @media (min-width:782px){ |
|
1929 .editor-post-template__create-form{ |
|
1930 width:320px; |
|
1931 } |
|
1932 } |
|
1933 |
|
1934 .editor-post-template__classic-theme-dropdown{ |
|
1935 padding:8px; |
|
1936 } |
|
1937 |
|
1938 textarea.editor-post-text-editor{ |
|
1939 border:1px solid #949494; |
|
1940 border-radius:0; |
|
1941 box-shadow:none; |
|
1942 display:block; |
|
1943 font-family:Menlo,Consolas,monaco,monospace; |
|
1944 font-size:16px !important; |
|
1945 line-height:2.4; |
|
1946 margin:0; |
|
1947 min-height:200px; |
|
1948 overflow:hidden; |
|
1949 padding:16px; |
|
1950 resize:none; |
|
1951 transition:border .1s ease-out,box-shadow .1s linear; |
|
1952 width:100%; |
|
1953 } |
|
1954 @media (prefers-reduced-motion:reduce){ |
|
1955 textarea.editor-post-text-editor{ |
|
1956 transition-delay:0s; |
|
1957 transition-duration:0s; |
|
1958 } |
|
1959 } |
|
1960 @media (min-width:600px){ |
|
1961 textarea.editor-post-text-editor{ |
|
1962 font-size:15px !important; |
|
1963 padding:24px; |
|
1964 } |
|
1965 } |
|
1966 textarea.editor-post-text-editor:focus{ |
|
1967 border-color:var(--wp-admin-theme-color); |
|
1968 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1969 position:relative; |
|
1970 } |
|
1971 textarea.editor-post-text-editor::-webkit-input-placeholder{ |
|
1972 color:#1e1e1e9e; |
|
1973 } |
|
1974 textarea.editor-post-text-editor::-moz-placeholder{ |
|
1975 color:#1e1e1e9e; |
|
1976 opacity:1; |
|
1977 } |
|
1978 textarea.editor-post-text-editor:-ms-input-placeholder{ |
|
1979 color:#1e1e1e9e; |
|
1980 } |
|
1981 |
|
1982 .editor-post-title.is-raw-text{ |
|
1983 margin-bottom:24px; |
|
1984 margin-top:2px; |
|
1985 max-width:none; |
|
1986 } |
|
1987 |
|
1988 .editor-post-url__panel-dropdown{ |
|
1989 width:100%; |
|
1990 } |
|
1991 |
|
1992 .editor-post-url__panel-dialog .editor-post-url{ |
|
1993 margin:8px; |
|
1994 min-width:248px; |
|
1995 } |
|
1996 .editor-post-url__link{ |
|
1997 color:#757575; |
|
1998 direction:ltr; |
|
1999 margin-top:4px; |
|
2000 word-break:break-word; |
|
2001 } |
|
2002 .editor-post-url__link-slug{ |
|
2003 font-weight:600; |
|
2004 } |
|
2005 |
|
2006 .editor-post-url__input input.components-input-control__input{ |
|
2007 padding-inline-start:0 !important; |
|
2008 } |
|
2009 |
|
2010 .editor-post-url__panel-toggle{ |
|
2011 word-break:break-word; |
|
2012 } |
|
2013 |
|
2014 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ |
|
2015 border:1px solid #1e1e1e; |
|
2016 border-radius:2px; |
|
2017 border-radius:50%; |
|
2018 box-shadow:0 0 0 #0000; |
|
2019 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
|
2020 font-size:16px; |
|
2021 height:24px; |
|
2022 line-height:normal; |
|
2023 margin-left:12px; |
|
2024 margin-top:2px; |
|
2025 max-width:24px; |
|
2026 min-width:24px; |
|
2027 padding:6px 8px; |
|
2028 transition:box-shadow .1s linear; |
|
2029 transition:none; |
|
2030 width:24px; |
|
2031 } |
|
2032 @media (prefers-reduced-motion:reduce){ |
|
2033 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ |
|
2034 transition-delay:0s; |
|
2035 transition-duration:0s; |
|
2036 } |
|
2037 } |
|
2038 @media (min-width:600px){ |
|
2039 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ |
|
2040 font-size:13px; |
|
2041 line-height:normal; |
|
2042 } |
|
2043 } |
|
2044 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{ |
|
2045 border-color:var(--wp-admin-theme-color); |
|
2046 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
|
2047 } |
|
2048 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder{ |
|
2049 color:#1e1e1e9e; |
|
2050 } |
|
2051 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder{ |
|
2052 color:#1e1e1e9e; |
|
2053 opacity:1; |
|
2054 } |
|
2055 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder{ |
|
2056 color:#1e1e1e9e; |
|
2057 } |
|
2058 @media (min-width:600px){ |
|
2059 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ |
|
2060 height:20px; |
|
2061 max-width:20px; |
|
2062 min-width:20px; |
|
2063 width:20px; |
|
2064 } |
|
2065 } |
|
2066 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{ |
|
2067 background-color:#fff; |
|
2068 border:4px solid #fff; |
|
2069 box-sizing:inherit; |
|
2070 height:8px; |
|
2071 margin:0; |
|
2072 transform:translate(-7px, 7px); |
|
2073 width:8px; |
|
2074 } |
|
2075 @media (min-width:600px){ |
|
2076 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{ |
|
2077 transform:translate(-5px, 5px); |
|
2078 } |
|
2079 } |
|
2080 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{ |
|
2081 box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); |
|
2082 outline:2px solid #0000; |
|
2083 } |
|
2084 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked{ |
|
2085 background:var(--wp-admin-theme-color); |
|
2086 border-color:var(--wp-admin-theme-color); |
|
2087 } |
|
2088 .editor-post-visibility__fieldset .editor-post-visibility__info{ |
|
2089 color:#757575; |
|
2090 margin-right:36px; |
|
2091 margin-top:.5em; |
|
2092 } |
|
2093 @media (min-width:600px){ |
|
2094 .editor-post-visibility__fieldset .editor-post-visibility__info{ |
|
2095 margin-right:32px; |
|
2096 } |
|
2097 } |
|
2098 .editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info{ |
|
2099 margin-bottom:0; |
|
2100 } |
|
2101 .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ |
|
2102 border:1px solid #949494; |
|
2103 border-radius:2px; |
|
2104 box-shadow:0 0 0 #0000; |
|
2105 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
|
2106 font-size:16px; |
|
2107 line-height:normal; |
|
2108 margin-right:32px; |
|
2109 padding:6px 8px; |
|
2110 transition:box-shadow .1s linear; |
|
2111 width:calc(100% - 32px); |
|
2112 } |
|
2113 @media (prefers-reduced-motion:reduce){ |
|
2114 .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ |
|
2115 transition-delay:0s; |
|
2116 transition-duration:0s; |
|
2117 } |
|
2118 } |
|
2119 @media (min-width:600px){ |
|
2120 .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ |
|
2121 font-size:13px; |
|
2122 line-height:normal; |
|
2123 } |
|
2124 } |
|
2125 .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus{ |
|
2126 border-color:var(--wp-admin-theme-color); |
|
2127 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
|
2128 outline:2px solid #0000; |
|
2129 } |
|
2130 .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder{ |
|
2131 color:#1e1e1e9e; |
|
2132 } |
|
2133 .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder{ |
|
2134 color:#1e1e1e9e; |
|
2135 opacity:1; |
|
2136 } |
|
2137 .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder{ |
|
2138 color:#1e1e1e9e; |
|
2139 } |
|
2140 |
|
2141 .editor-posts-per-page-dropdown__content .components-popover__content{ |
|
2142 min-width:320px; |
|
2143 padding:16px; |
|
2144 } |
|
2145 |
|
2146 .editor-post-trash.components-button{ |
|
2147 flex-grow:1; |
|
2148 justify-content:center; |
|
2149 } |
|
2150 |
|
2151 .editor-preview-dropdown__button-external{ |
|
2152 display:flex; |
|
2153 justify-content:space-between; |
|
2154 width:100%; |
|
2155 } |
|
2156 |
|
2157 .editor-resizable-editor.is-resizable{ |
|
2158 margin:0 auto; |
|
2159 overflow:visible; |
|
2160 } |
|
2161 |
|
2162 .editor-resizable-editor__resize-handle{ |
|
2163 appearance:none; |
|
2164 background:none; |
|
2165 border:0; |
|
2166 border-radius:2px; |
|
2167 bottom:0; |
|
2168 cursor:ew-resize; |
|
2169 height:100px; |
|
2170 margin:auto 0; |
|
2171 outline:none; |
|
2172 padding:0; |
|
2173 position:absolute; |
|
2174 top:0; |
|
2175 width:12px; |
|
2176 } |
|
2177 .editor-resizable-editor__resize-handle:after{ |
|
2178 background-color:#75757566; |
|
2179 border-radius:2px; |
|
2180 bottom:16px; |
|
2181 content:""; |
|
2182 left:0; |
|
2183 position:absolute; |
|
2184 right:4px; |
|
2185 top:16px; |
|
2186 width:4px; |
|
2187 } |
|
2188 .editor-resizable-editor__resize-handle.is-left{ |
|
2189 right:-18px; |
|
2190 } |
|
2191 .editor-resizable-editor__resize-handle.is-right{ |
|
2192 left:-18px; |
|
2193 } |
|
2194 .editor-resizable-editor__resize-handle:active,.editor-resizable-editor__resize-handle:focus,.editor-resizable-editor__resize-handle:hover{ |
|
2195 opacity:1; |
|
2196 } |
|
2197 .editor-resizable-editor__resize-handle:active:after,.editor-resizable-editor__resize-handle:focus:after,.editor-resizable-editor__resize-handle:hover:after{ |
|
2198 background-color:var(--wp-admin-theme-color); |
|
2199 } |
|
2200 |
|
2201 .editor-layout__toggle-entities-saved-states-panel,.editor-layout__toggle-publish-panel,.editor-layout__toggle-sidebar-panel{ |
|
2202 background-color:#fff; |
|
2203 border:1px dotted #ddd; |
|
2204 bottom:auto; |
|
2205 box-sizing:border-box; |
|
2206 display:flex; |
|
2207 height:auto !important; |
|
2208 justify-content:center; |
|
2209 left:0; |
|
2210 padding:24px; |
|
2211 position:fixed !important; |
|
2212 right:auto; |
|
2213 top:-9999em; |
|
2214 width:280px; |
|
2215 z-index:100000; |
|
2216 } |
|
2217 |
|
2218 .interface-interface-skeleton__actions:focus .editor-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .editor-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .editor-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .editor-layout__toggle-publish-panel{ |
|
2219 bottom:0; |
|
2220 top:auto; |
|
2221 } |
|
2222 |
|
2223 .editor-start-page-options__modal-content .block-editor-block-patterns-list{ |
|
2224 column-count:2; |
|
2225 column-gap:24px; |
|
2226 } |
|
2227 @media (min-width:782px){ |
|
2228 .editor-start-page-options__modal-content .block-editor-block-patterns-list{ |
|
2229 column-count:3; |
|
2230 } |
|
2231 } |
|
2232 @media (min-width:1280px){ |
|
2233 .editor-start-page-options__modal-content .block-editor-block-patterns-list{ |
|
2234 column-count:4; |
|
2235 } |
|
2236 } |
|
2237 .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ |
|
2238 break-inside:avoid-column; |
|
2239 margin-bottom:24px; |
|
2240 } |
|
2241 .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ |
|
2242 min-height:100px; |
|
2243 } |
|
2244 .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content{ |
|
2245 width:100%; |
|
2246 } |
|
2247 |
|
2248 .editor-start-template-options__modal .editor-start-template-options__modal__actions{ |
|
2249 background-color:#fff; |
|
2250 border-top:1px solid #ddd; |
|
2251 bottom:0; |
|
2252 height:92px; |
|
2253 margin-left:-32px; |
|
2254 margin-right:-32px; |
|
2255 padding-left:32px; |
|
2256 padding-right:32px; |
|
2257 position:absolute; |
|
2258 width:100%; |
|
2259 z-index:1; |
|
2260 } |
|
2261 .editor-start-template-options__modal .block-editor-block-patterns-list{ |
|
2262 padding-bottom:92px; |
|
2263 } |
|
2264 |
|
2265 .editor-start-template-options__modal-content .block-editor-block-patterns-list{ |
|
2266 column-count:2; |
|
2267 column-gap:24px; |
|
2268 } |
|
2269 @media (min-width:782px){ |
|
2270 .editor-start-template-options__modal-content .block-editor-block-patterns-list{ |
|
2271 column-count:3; |
|
2272 } |
|
2273 } |
|
2274 @media (min-width:1280px){ |
|
2275 .editor-start-template-options__modal-content .block-editor-block-patterns-list{ |
|
2276 column-count:4; |
|
2277 } |
|
2278 } |
|
2279 .editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ |
|
2280 break-inside:avoid-column; |
|
2281 } |
|
2282 .editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-patterns-list__item-title{ |
|
2283 display:none; |
|
2284 } |
|
2285 |
|
2286 .components-panel__header.editor-sidebar__panel-tabs{ |
|
2287 padding-left:12px; |
|
2288 padding-right:0; |
|
2289 } |
|
2290 .components-panel__header.editor-sidebar__panel-tabs .components-button.has-icon{ |
|
2291 height:24px; |
|
2292 min-width:24px; |
|
2293 padding:0; |
|
2294 } |
|
2295 @media (min-width:782px){ |
|
2296 .components-panel__header.editor-sidebar__panel-tabs .components-button.has-icon{ |
|
2297 display:flex; |
|
2298 } |
|
2299 } |
|
2300 |
|
2301 .editor-post-summary .components-v-stack:empty{ |
|
2302 display:none; |
|
2303 } |
|
2304 |
|
2305 .editor-site-discussion-dropdown__content .components-popover__content{ |
|
2306 min-width:320px; |
|
2307 padding:16px; |
|
2308 } |
|
2309 |
|
2310 .editor-site-discussion__options .components-radio-control__option{ |
|
2311 align-items:flex-start; |
|
2312 } |
|
2313 .editor-site-discussion__options label .components-text{ |
|
2314 display:block; |
|
2315 margin-top:4px; |
|
2316 } |
|
2317 |
|
2318 .table-of-contents__popover.components-popover .components-popover__content{ |
|
2319 min-width:380px; |
|
2320 } |
|
2321 |
|
2322 .components-popover.table-of-contents__popover{ |
|
2323 z-index:99998; |
|
2324 } |
|
2325 |
|
2326 .table-of-contents__popover .components-popover__content{ |
|
2327 padding:16px; |
|
2328 } |
|
2329 @media (min-width:600px){ |
|
2330 .table-of-contents__popover .components-popover__content{ |
|
2331 max-height:calc(100vh - 120px); |
|
2332 overflow-y:auto; |
|
2333 } |
|
2334 } |
|
2335 .table-of-contents__popover hr{ |
|
2336 margin:10px -16px 0; |
|
2337 } |
|
2338 |
|
2339 .table-of-contents__wrapper:focus:before{ |
|
2340 bottom:0; |
|
2341 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
2342 content:""; |
|
2343 display:block; |
|
2344 left:0; |
|
2345 pointer-events:none; |
|
2346 position:absolute; |
|
2347 right:0; |
|
2348 top:0; |
|
2349 } |
|
2350 |
|
2351 .table-of-contents__counts{ |
|
2352 display:flex; |
|
2353 flex-wrap:wrap; |
|
2354 margin:-8px 0 0; |
|
2355 } |
|
2356 |
|
2357 .table-of-contents__count{ |
|
2358 color:#1e1e1e; |
|
2359 display:flex; |
|
2360 flex-basis:33%; |
|
2361 flex-direction:column; |
|
2362 font-size:13px; |
|
2363 margin-bottom:0; |
|
2364 margin-top:8px; |
|
2365 padding-left:8px; |
|
2366 } |
|
2367 .table-of-contents__count:nth-child(4n){ |
|
2368 padding-left:0; |
|
2369 } |
|
2370 |
|
2371 .table-of-contents__number,.table-of-contents__popover .word-count{ |
|
2372 color:#1e1e1e; |
|
2373 font-size:21px; |
|
2374 font-weight:400; |
|
2375 line-height:30px; |
|
2376 } |
|
2377 |
|
2378 .table-of-contents__title{ |
|
2379 display:block; |
|
2380 font-size:15px; |
|
2381 font-weight:600; |
|
2382 margin-top:20px; |
|
2383 } |
|
2384 .editor-template-areas__list,.editor-template-areas__list>li{ |
|
2385 margin:0; |
|
2386 } |
|
2387 .editor-template-areas__item{ |
|
2388 width:100%; |
|
2389 } |
|
2390 .editor-template-areas__item.components-button.has-icon{ |
|
2391 padding:0; |
|
2392 } |
|
2393 |
|
2394 h3.components-heading.editor-template-areas__title{ |
|
2395 font-weight:500; |
|
2396 margin:0 0 8px; |
|
2397 } |
|
2398 |
|
2399 .editor-text-editor{ |
|
2400 background-color:#fff; |
|
2401 flex-grow:1; |
|
2402 position:relative; |
|
2403 width:100%; |
|
2404 } |
|
2405 .editor-text-editor .editor-post-title.is-raw-text textarea,.editor-text-editor .editor-post-title:not(.is-raw-text){ |
|
2406 border:1px solid #949494; |
|
2407 border-radius:0; |
|
2408 font-family:Menlo,Consolas,monaco,monospace; |
|
2409 font-size:2.5em; |
|
2410 font-weight:400; |
|
2411 line-height:1.4; |
|
2412 max-width:none; |
|
2413 padding:16px; |
|
2414 } |
|
2415 @media (min-width:600px){ |
|
2416 .editor-text-editor .editor-post-title.is-raw-text textarea,.editor-text-editor .editor-post-title:not(.is-raw-text){ |
|
2417 padding:24px; |
|
2418 } |
|
2419 } |
|
2420 .editor-text-editor .editor-post-title.is-raw-text textarea:focus,.editor-text-editor .editor-post-title:not(.is-raw-text):focus{ |
|
2421 border-color:var(--wp-admin-theme-color); |
|
2422 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
2423 } |
|
2424 |
|
2425 .editor-text-editor__body{ |
|
2426 margin-left:auto; |
|
2427 margin-right:auto; |
|
2428 max-width:1080px; |
|
2429 padding:0 12px 12px; |
|
2430 width:100%; |
|
2431 } |
|
2432 @media (min-width:960px){ |
|
2433 .editor-text-editor__body{ |
|
2434 padding:0 24px 24px; |
|
2435 } |
|
2436 } |
|
2437 |
|
2438 .editor-text-editor__toolbar{ |
|
2439 background:#fffc; |
|
2440 display:flex; |
|
2441 left:0; |
|
2442 padding:4px 12px; |
|
2443 position:sticky; |
|
2444 right:0; |
|
2445 top:0; |
|
2446 z-index:1; |
|
2447 } |
|
2448 @media (min-width:600px){ |
|
2449 .editor-text-editor__toolbar{ |
|
2450 padding:12px; |
|
2451 } |
|
2452 } |
|
2453 @media (min-width:960px){ |
|
2454 .editor-text-editor__toolbar{ |
|
2455 padding:12px 24px; |
|
2456 } |
|
2457 } |
|
2458 .editor-text-editor__toolbar h2{ |
|
2459 color:#1e1e1e; |
|
2460 font-size:13px; |
|
2461 line-height:36px; |
|
2462 margin:0 0 0 auto; |
|
2463 } |
|
2464 |
|
2465 .editor-visual-editor{ |
|
2466 align-items:center; |
|
2467 background-color:#ddd; |
|
2468 display:block; |
|
2469 position:relative; |
|
2470 } |
|
2471 .editor-visual-editor.is-resizable{ |
|
2472 max-height:100%; |
|
2473 } |
|
2474 .editor-visual-editor.has-padding{ |
|
2475 padding:24px 24px 0; |
|
2476 } |
|
2477 .editor-visual-editor.is-iframed{ |
|
2478 overflow:hidden; |
|
2479 } |
|
2480 .editor-visual-editor .components-button{ |
|
2481 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
|
2482 font-size:13px; |
|
2483 padding:6px 12px; |
|
2484 } |
|
2485 .editor-visual-editor .components-button.has-icon,.editor-visual-editor .components-button.is-tertiary{ |
|
2486 padding:6px; |
|
2487 } |