1 /** |
1 :root{ |
2 * Colors |
2 --wp-admin-theme-color:#007cba; |
3 */ |
3 --wp-admin-theme-color--rgb:0, 124, 186; |
4 /** |
4 --wp-admin-theme-color-darker-10:#006ba1; |
5 * Breakpoints & Media Queries |
5 --wp-admin-theme-color-darker-10--rgb:0, 107, 161; |
6 */ |
6 --wp-admin-theme-color-darker-20:#005a87; |
7 /** |
7 --wp-admin-theme-color-darker-20--rgb:0, 90, 135; |
8 * SCSS Variables. |
8 --wp-admin-border-width-focus:2px; |
9 * |
9 --wp-block-synced-color:#7a00df; |
10 * Please use variables from this sheet to ensure consistency across the UI. |
10 --wp-block-synced-color--rgb:122, 0, 223; |
11 * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
11 --wp-bound-block-color:var(--wp-block-synced-color); |
12 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
12 } |
13 */ |
13 @media (min-resolution:192dpi){ |
14 /** |
14 :root{ |
15 * Colors |
15 --wp-admin-border-width-focus:1.5px; |
16 */ |
16 } |
17 /** |
17 } |
18 * Fonts & basic variables. |
18 |
19 */ |
19 .components-panel__header.interface-complementary-area-header__small{ |
20 /** |
20 background:#fff; |
21 * Grid System. |
21 padding-right:4px; |
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
22 } |
23 */ |
23 .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ |
24 /** |
24 margin:0; |
25 * Dimensions. |
25 overflow:hidden; |
26 */ |
26 text-overflow:ellipsis; |
27 /** |
27 white-space:nowrap; |
28 * Shadows. |
28 width:100%; |
29 */ |
29 } |
30 /** |
30 @media (min-width:782px){ |
31 * Editor widths. |
31 .components-panel__header.interface-complementary-area-header__small{ |
32 */ |
32 display:none; |
33 /** |
33 } |
34 * Block & Editor UI. |
34 } |
35 */ |
35 |
36 /** |
36 .interface-complementary-area-header{ |
37 * Block paddings. |
37 background:#fff; |
38 */ |
38 gap:8px; |
39 /** |
39 padding-right:12px; |
40 * React Native specific. |
40 } |
41 * These variables do not appear to be used anywhere else. |
41 .interface-complementary-area-header .interface-complementary-area-header__title{ |
42 */ |
42 margin:0; |
43 /** |
43 } |
44 * Converts a hex value into the rgb equivalent. |
44 .interface-complementary-area-header .components-button.has-icon{ |
45 * |
45 display:none; |
46 * @param {string} hex - the hexadecimal value to convert |
46 margin-left:auto; |
47 * @return {string} comma separated rgb values |
47 } |
48 */ |
48 .interface-complementary-area-header .components-button.has-icon~.components-button{ |
49 /** |
49 margin-left:0; |
50 * Breakpoint mixins |
50 } |
51 */ |
51 @media (min-width:782px){ |
52 /** |
52 .interface-complementary-area-header .components-button.has-icon{ |
53 * Long content fade mixin |
53 display:flex; |
54 * |
54 } |
55 * Creates a fading overlay to signify that the content is longer |
55 } |
56 * than the space allows. |
56 |
57 */ |
57 .interface-complementary-area{ |
58 /** |
58 background:#fff; |
59 * Focus styles. |
59 color:#1e1e1e; |
60 */ |
60 height:100%; |
61 /** |
61 overflow:auto; |
62 * Applies editor left position to the selector passed as argument |
62 } |
63 */ |
63 @media (min-width:600px){ |
64 /** |
64 .interface-complementary-area{ |
65 * Styles that are reused verbatim in a few places |
65 -webkit-overflow-scrolling:touch; |
66 */ |
66 } |
67 /** |
67 } |
68 * Allows users to opt-out of animations via OS-level preferences. |
68 @media (min-width:782px){ |
69 */ |
69 .interface-complementary-area{ |
70 /** |
70 width:280px; |
71 * Reset default styles for JavaScript UI based pages. |
71 } |
72 * This is a WP-admin agnostic reset |
72 } |
73 */ |
73 .interface-complementary-area .components-panel{ |
74 /** |
74 border:none; |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 position:relative; |
76 */ |
76 z-index:0; |
77 :root { |
77 } |
78 --wp-admin-theme-color: #007cba; |
78 .interface-complementary-area .components-panel__header{ |
79 --wp-admin-theme-color--rgb: 0, 124, 186; |
79 position:sticky; |
80 --wp-admin-theme-color-darker-10: #006ba1; |
80 top:0; |
81 --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; |
81 z-index:1; |
82 --wp-admin-theme-color-darker-20: #005a87; |
82 } |
83 --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; |
83 .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{ |
84 --wp-admin-border-width-focus: 2px; |
84 top:48px; |
85 } |
85 } |
86 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
86 @media (min-width:782px){ |
87 :root { |
87 .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{ |
88 --wp-admin-border-width-focus: 1.5px; |
88 top:0; |
89 } |
89 } |
90 } |
90 } |
91 |
91 .interface-complementary-area p:not(.components-base-control__help){ |
92 .components-panel__header.interface-complementary-area-header__small { |
92 margin-top:0; |
93 background: #fff; |
93 } |
94 padding-right: 4px; |
94 .interface-complementary-area h2{ |
95 } |
95 color:#1e1e1e; |
96 .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { |
96 font-size:13px; |
97 overflow: hidden; |
97 font-weight:500; |
98 text-overflow: ellipsis; |
98 margin-bottom:1.5em; |
99 white-space: nowrap; |
99 } |
100 width: 100%; |
100 .interface-complementary-area h3{ |
101 } |
101 color:#1e1e1e; |
102 @media (min-width: 782px) { |
102 font-size:11px; |
103 .components-panel__header.interface-complementary-area-header__small { |
103 font-weight:500; |
104 display: none; |
104 margin-bottom:1.5em; |
105 } |
105 text-transform:uppercase; |
106 } |
106 } |
107 |
107 .interface-complementary-area hr{ |
108 .interface-complementary-area-header { |
108 border-bottom:1px solid #f0f0f0; |
109 background: #fff; |
109 border-top:none; |
110 padding-right: 4px; |
110 margin:1.5em 0; |
111 } |
111 } |
112 .interface-complementary-area-header .components-button.has-icon { |
112 .interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ |
113 display: none; |
113 box-shadow:none; |
114 margin-left: auto; |
114 margin-bottom:1.5em; |
115 } |
115 } |
116 .interface-complementary-area-header .components-button.has-icon ~ .components-button { |
116 .interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ |
117 margin-left: 0; |
117 margin-bottom:0; |
118 } |
118 } |
119 @media (min-width: 782px) { |
119 .interface-complementary-area .block-editor-skip-to-selected-block:focus{ |
120 .interface-complementary-area-header .components-button.has-icon { |
120 bottom:10px; |
121 display: flex; |
121 left:auto; |
122 } |
122 right:10px; |
123 } |
123 top:auto; |
124 |
124 } |
125 @media (min-width: 782px) { |
125 |
126 .components-panel__header + .interface-complementary-area-header { |
126 .interface-complementary-area__fill{ |
127 margin-top: 0; |
127 height:100%; |
128 } |
128 } |
129 } |
129 |
130 |
130 @media (min-width:782px){ |
131 .interface-complementary-area { |
131 body.js.is-fullscreen-mode{ |
132 background: #fff; |
132 height:calc(100% + 32px); |
133 color: #1e1e1e; |
133 margin-top:-32px; |
134 } |
134 } |
135 @media (min-width: 600px) { |
135 body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ |
136 .interface-complementary-area { |
136 display:none; |
137 -webkit-overflow-scrolling: touch; |
137 } |
138 } |
138 body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ |
139 } |
139 margin-left:0; |
140 @media (min-width: 782px) { |
140 } |
141 .interface-complementary-area { |
141 } |
142 width: 280px; |
142 |
143 } |
143 html.interface-interface-skeleton__html-container{ |
144 } |
144 position:fixed; |
145 .interface-complementary-area .components-panel { |
145 width:100%; |
146 border: none; |
146 } |
147 position: relative; |
147 @media (min-width:782px){ |
148 z-index: 0; |
148 html.interface-interface-skeleton__html-container:not(:has(.is-zoom-out)){ |
149 } |
149 position:static; |
150 .interface-complementary-area .components-panel__header { |
150 width:auto; |
151 position: sticky; |
151 } |
152 top: 0; |
152 } |
153 z-index: 1; |
153 |
154 } |
154 .interface-interface-skeleton{ |
155 .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { |
155 bottom:0; |
156 top: 48px; |
156 display:flex; |
157 } |
157 flex-direction:row; |
158 @media (min-width: 782px) { |
158 height:auto; |
159 .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { |
159 max-height:100%; |
160 top: 0; |
160 position:fixed; |
161 } |
161 right:0; |
162 } |
162 top:46px; |
163 .interface-complementary-area p { |
163 } |
164 margin-top: 0; |
164 @media (min-width:783px){ |
165 } |
165 .interface-interface-skeleton{ |
166 .interface-complementary-area h2 { |
166 top:32px; |
167 font-size: 13px; |
167 } |
168 color: #1e1e1e; |
168 .is-fullscreen-mode .interface-interface-skeleton{ |
169 margin-bottom: 1.5em; |
169 top:0; |
170 } |
170 } |
171 .interface-complementary-area h3 { |
171 } |
172 font-size: 11px; |
172 |
173 text-transform: uppercase; |
173 .interface-interface-skeleton__editor{ |
174 font-weight: 500; |
174 display:flex; |
175 color: #1e1e1e; |
175 flex:0 1 100%; |
176 margin-bottom: 1.5em; |
176 flex-direction:column; |
177 } |
177 overflow:hidden; |
178 .interface-complementary-area hr { |
178 } |
179 border-top: none; |
179 |
180 border-bottom: 1px solid #f0f0f0; |
180 .interface-interface-skeleton{ |
181 margin: 1.5em 0; |
181 left:0; |
182 } |
182 } |
183 .interface-complementary-area div.components-toolbar-group, |
183 @media (min-width:783px){ |
184 .interface-complementary-area div.components-toolbar { |
184 .interface-interface-skeleton{ |
185 box-shadow: none; |
185 left:160px; |
186 margin-bottom: 1.5em; |
186 } |
187 } |
187 } |
188 .interface-complementary-area div.components-toolbar-group:last-child, |
188 @media (min-width:783px){ |
189 .interface-complementary-area div.components-toolbar:last-child { |
189 .auto-fold .interface-interface-skeleton{ |
190 margin-bottom: 0; |
190 left:36px; |
191 } |
191 } |
192 .interface-complementary-area .block-editor-skip-to-selected-block:focus { |
192 } |
193 top: auto; |
193 @media (min-width:961px){ |
194 right: 10px; |
194 .auto-fold .interface-interface-skeleton{ |
195 bottom: 10px; |
195 left:160px; |
196 left: auto; |
196 } |
197 } |
197 } |
198 |
198 .folded .interface-interface-skeleton{ |
199 @media (min-width: 782px) { |
199 left:0; |
200 body.js.is-fullscreen-mode { |
200 } |
201 margin-top: -32px; |
201 @media (min-width:783px){ |
202 height: calc(100% + 32px); |
202 .folded .interface-interface-skeleton{ |
203 } |
203 left:36px; |
204 body.js.is-fullscreen-mode #adminmenumain, |
204 } |
205 body.js.is-fullscreen-mode #wpadminbar { |
205 } |
206 display: none; |
206 |
207 } |
207 body.is-fullscreen-mode .interface-interface-skeleton{ |
208 body.js.is-fullscreen-mode #wpcontent, |
208 left:0 !important; |
209 body.js.is-fullscreen-mode #wpfooter { |
209 } |
210 margin-left: 0; |
210 |
211 } |
211 .interface-interface-skeleton__body{ |
212 } |
212 display:flex; |
213 |
213 flex-grow:1; |
214 html.interface-interface-skeleton__html-container { |
214 overflow:auto; |
215 position: fixed; |
215 overscroll-behavior-y:none; |
216 width: 100%; |
216 position:relative; |
217 } |
217 } |
218 @media (min-width: 782px) { |
218 @media (min-width:782px){ |
219 html.interface-interface-skeleton__html-container { |
219 .has-footer .interface-interface-skeleton__body{ |
220 position: initial; |
220 padding-bottom:25px; |
221 width: initial; |
221 } |
222 } |
222 } |
223 } |
223 |
224 |
224 .interface-interface-skeleton__content{ |
225 .interface-interface-skeleton { |
225 display:flex; |
226 display: flex; |
226 flex-direction:column; |
227 flex-direction: row; |
227 flex-grow:1; |
228 height: auto; |
228 overflow:auto; |
229 max-height: 100%; |
229 z-index:20; |
230 position: fixed; |
230 } |
231 top: 46px; |
231 @media (min-width:782px){ |
232 left: 0; |
232 .interface-interface-skeleton__content{ |
233 right: 0; |
233 z-index:auto; |
234 bottom: 0; |
234 } |
235 } |
235 } |
236 @media (min-width: 783px) { |
236 |
237 .interface-interface-skeleton { |
237 .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ |
238 top: 32px; |
238 background:#fff; |
239 } |
239 bottom:0; |
240 .is-fullscreen-mode .interface-interface-skeleton { |
240 color:#1e1e1e; |
241 top: 0; |
241 flex-shrink:0; |
242 } |
242 left:0; |
243 } |
243 position:absolute; |
244 |
244 top:0; |
245 .interface-interface-skeleton__editor { |
245 width:auto; |
246 display: flex; |
246 z-index:100000; |
247 flex-direction: column; |
247 } |
248 flex: 0 1 100%; |
248 @media (min-width:782px){ |
249 overflow: hidden; |
249 .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ |
250 } |
250 position:relative !important; |
251 |
251 } |
252 .interface-interface-skeleton { |
252 } |
253 /* Set left position when auto-fold is not on the body element. */ |
253 |
254 left: 0; |
254 .interface-interface-skeleton__sidebar{ |
255 } |
255 border-top:1px solid #e0e0e0; |
256 @media (min-width: 783px) { |
256 overflow:hidden; |
257 .interface-interface-skeleton { |
257 } |
258 left: 160px; |
258 @media (min-width:782px){ |
259 } |
259 .interface-interface-skeleton__sidebar{ |
260 } |
260 box-shadow:-1px 1px 0 0 rgba(0,0,0,.133); |
261 |
261 outline:1px solid #0000; |
262 .auto-fold .interface-interface-skeleton { |
262 } |
263 /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ |
263 } |
264 } |
264 |
265 @media (min-width: 783px) { |
265 .interface-interface-skeleton__secondary-sidebar{ |
266 .auto-fold .interface-interface-skeleton { |
266 border-top:1px solid #e0e0e0; |
267 left: 36px; |
267 right:0; |
268 } |
268 } |
269 } |
269 @media (min-width:782px){ |
270 @media (min-width: 961px) { |
270 .interface-interface-skeleton__secondary-sidebar{ |
271 .auto-fold .interface-interface-skeleton { |
271 box-shadow:1px 1px 0 0 rgba(0,0,0,.133); |
272 left: 160px; |
272 outline:1px solid #0000; |
273 } |
273 } |
274 } |
274 } |
275 |
275 |
276 /* Sidebar manually collapsed. */ |
276 .interface-interface-skeleton__header{ |
277 .folded .interface-interface-skeleton { |
277 box-shadow:0 1px 0 0 rgba(0,0,0,.133); |
278 left: 0; |
278 color:#1e1e1e; |
279 } |
279 flex-shrink:0; |
280 @media (min-width: 783px) { |
280 height:auto; |
281 .folded .interface-interface-skeleton { |
281 outline:1px solid #0000; |
282 left: 36px; |
282 z-index:30; |
283 } |
283 } |
284 } |
284 |
285 |
285 .interface-interface-skeleton__footer{ |
286 body.is-fullscreen-mode .interface-interface-skeleton { |
286 background-color:#fff; |
287 left: 0 !important; |
287 border-top:1px solid #e0e0e0; |
288 } |
288 bottom:0; |
289 |
289 color:#1e1e1e; |
290 .interface-interface-skeleton__body { |
290 display:none; |
291 flex-grow: 1; |
291 flex-shrink:0; |
292 display: flex; |
292 height:auto; |
293 overflow: auto; |
293 left:0; |
294 overscroll-behavior-y: none; |
294 position:absolute; |
295 } |
295 width:100%; |
296 @media (min-width: 782px) { |
296 z-index:90; |
297 .has-footer .interface-interface-skeleton__body { |
297 } |
298 padding-bottom: 25px; |
298 @media (min-width:782px){ |
299 } |
299 .interface-interface-skeleton__footer{ |
300 } |
300 display:flex; |
301 |
301 } |
302 .interface-interface-skeleton__content { |
302 } |
303 flex-grow: 1; |
303 .interface-interface-skeleton__footer .block-editor-block-breadcrumb{ |
304 display: flex; |
304 align-items:center; |
305 flex-direction: column; |
305 background:#fff; |
306 overflow: auto; |
306 display:flex; |
307 z-index: 20; |
307 font-size:13px; |
308 } |
308 height:24px; |
309 |
309 padding:0 18px; |
310 .interface-interface-skeleton__secondary-sidebar, |
310 z-index:30; |
311 .interface-interface-skeleton__sidebar { |
311 } |
312 display: block; |
312 |
313 flex-shrink: 0; |
313 .interface-interface-skeleton__actions{ |
314 position: absolute; |
314 background:#fff; |
315 z-index: 100000; |
315 bottom:auto; |
316 top: 0; |
316 color:#1e1e1e; |
317 right: 0; |
317 left:auto; |
318 bottom: 0; |
318 position:fixed !important; |
319 left: 0; |
319 right:0; |
320 background: #fff; |
320 top:-9999em; |
321 color: #1e1e1e; |
321 width:100vw; |
322 } |
322 z-index:100000; |
323 @media (min-width: 782px) { |
323 } |
324 .interface-interface-skeleton__secondary-sidebar, |
324 @media (min-width:782px){ |
325 .interface-interface-skeleton__sidebar { |
325 .interface-interface-skeleton__actions{ |
326 position: relative !important; |
326 width:280px; |
327 z-index: 90; |
327 } |
328 width: auto; |
328 } |
329 } |
329 .interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ |
330 } |
330 bottom:0; |
331 |
331 top:auto; |
332 .interface-interface-skeleton__sidebar { |
332 } |
333 overflow: auto; |
333 .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ |
334 } |
334 top:46px; |
335 @media (min-width: 782px) { |
335 } |
336 .interface-interface-skeleton__sidebar { |
336 @media (min-width:782px){ |
337 border-left: 1px solid #e0e0e0; |
337 .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ |
338 } |
338 border-left:1px solid #ddd; |
339 } |
339 top:32px; |
340 |
340 } |
341 @media (min-width: 782px) { |
341 .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{ |
342 .interface-interface-skeleton__secondary-sidebar { |
342 top:0; |
343 border-right: 1px solid #e0e0e0; |
343 } |
344 } |
344 } |
345 } |
345 |
346 |
346 .interface-pinned-items{ |
347 .interface-interface-skeleton__header { |
347 display:flex; |
348 flex-shrink: 0; |
348 gap:8px; |
349 height: auto; |
349 } |
350 border-bottom: 1px solid #e0e0e0; |
350 .interface-pinned-items .components-button{ |
351 z-index: 30; |
351 display:none; |
352 color: #1e1e1e; |
352 margin:0; |
353 } |
353 } |
354 |
354 .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"]{ |
355 .interface-interface-skeleton__footer { |
355 display:flex; |
356 height: auto; |
356 } |
357 flex-shrink: 0; |
357 .interface-pinned-items .components-button svg{ |
358 border-top: 1px solid #e0e0e0; |
358 max-height:24px; |
359 color: #1e1e1e; |
359 max-width:24px; |
360 position: absolute; |
360 } |
361 bottom: 0; |
361 @media (min-width:600px){ |
362 left: 0; |
362 .interface-pinned-items .components-button{ |
363 width: 100%; |
363 display:flex; |
364 background-color: #fff; |
364 } |
365 z-index: 90; |
365 } |
366 display: none; |
366 |
367 } |
367 .wp-block[data-type="core/widget-area"]{ |
368 @media (min-width: 782px) { |
368 margin-left:auto; |
369 .interface-interface-skeleton__footer { |
369 margin-right:auto; |
370 display: flex; |
370 max-width:700px; |
371 } |
371 } |
372 } |
372 .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{ |
373 .interface-interface-skeleton__footer .block-editor-block-breadcrumb { |
373 background:#fff; |
374 z-index: 30; |
374 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
375 display: flex; |
375 height:48px; |
376 background: #fff; |
376 margin:0; |
377 height: 24px; |
377 position:relative; |
378 align-items: center; |
378 transform:translateZ(0); |
379 font-size: 13px; |
379 z-index:1; |
380 padding: 0 18px; |
380 } |
381 } |
381 .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{ |
382 |
382 background:#fff; |
383 .interface-interface-skeleton__actions { |
383 } |
384 z-index: 100000; |
384 .wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{ |
385 position: fixed !important; |
385 position:relative; |
386 top: -9999em; |
386 width:auto; |
387 bottom: auto; |
387 } |
388 left: auto; |
388 .wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{ |
389 right: 0; |
389 max-width:100%; |
390 width: 280px; |
390 } |
391 color: #1e1e1e; |
391 .wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{ |
392 } |
392 padding:0; |
393 .interface-interface-skeleton__actions:focus { |
393 } |
394 top: auto; |
394 |
395 bottom: 0; |
395 .blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{ |
396 } |
396 margin:0; |
397 |
397 padding:0; |
398 .interface-more-menu-dropdown { |
398 } |
399 margin-left: -4px; |
399 .blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{ |
400 } |
400 margin-top:-48px; |
401 .interface-more-menu-dropdown .components-button { |
401 min-height:32px; |
402 width: auto; |
402 padding:72px 16px 16px; |
403 padding: 0 2px; |
403 } |
404 } |
404 |
405 @media (min-width: 600px) { |
405 .wp-block-widget-area__highlight-drop-zone{ |
406 .interface-more-menu-dropdown { |
406 outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color); |
407 margin-left: 0; |
407 } |
408 } |
408 |
409 .interface-more-menu-dropdown .components-button { |
409 body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{ |
410 padding: 0 4px; |
410 pointer-events:none; |
411 } |
411 } |
412 } |
412 |
413 |
413 .edit-widgets-error-boundary{ |
414 .interface-more-menu-dropdown__content .components-popover__content { |
414 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; |
415 min-width: 280px; |
415 margin:60px auto auto; |
416 } |
416 max-width:780px; |
417 @media (min-width: 480px) { |
417 padding:20px; |
418 .interface-more-menu-dropdown__content .components-popover__content { |
418 } |
419 width: auto; |
419 |
420 max-width: 480px; |
420 .edit-widgets-header{ |
421 } |
421 align-items:center; |
422 } |
422 background:#fff; |
423 .interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { |
423 display:flex; |
424 padding: 0; |
424 height:60px; |
425 } |
425 justify-content:space-between; |
426 |
426 overflow:auto; |
427 .components-popover.interface-more-menu-dropdown__content { |
427 } |
428 z-index: 99998; |
428 @media (min-width:600px){ |
429 } |
429 .edit-widgets-header{ |
430 |
430 overflow:visible; |
431 .interface-pinned-items { |
431 } |
432 display: flex; |
432 } |
433 } |
433 .edit-widgets-header .selected-block-tools-wrapper{ |
434 .interface-pinned-items .components-button:not(:first-child) { |
434 align-items:center; |
435 display: none; |
435 display:flex; |
436 } |
436 height:60px; |
437 @media (min-width: 600px) { |
437 overflow:hidden; |
438 .interface-pinned-items .components-button:not(:first-child) { |
438 } |
439 display: flex; |
439 .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-contextual-toolbar{ |
440 } |
440 border-bottom:0; |
441 } |
441 height:100%; |
442 .interface-pinned-items .components-button { |
442 } |
443 margin-left: 4px; |
443 .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-toolbar{ |
444 } |
444 height:100%; |
445 .interface-pinned-items .components-button svg { |
445 padding-top:15px; |
446 max-width: 24px; |
446 } |
447 max-height: 24px; |
447 .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button){ |
448 } |
448 height:32px; |
449 |
449 } |
450 @media (min-width: 600px) { |
450 .edit-widgets-header .selected-block-tools-wrapper .components-toolbar,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group{ |
451 .interface-preferences-modal { |
451 border-right:none; |
452 width: calc(100% - 32px); |
452 } |
453 height: calc(100% - 120px); |
453 .edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group:after,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar:after{ |
454 } |
454 background-color:#ddd; |
455 } |
455 content:""; |
456 @media (min-width: 782px) { |
456 height:24px; |
457 .interface-preferences-modal { |
457 margin-left:8px; |
458 width: 750px; |
458 margin-top:4px; |
459 } |
459 width:1px; |
460 } |
460 } |
461 @media (min-width: 960px) { |
461 .edit-widgets-header .selected-block-tools-wrapper .components-toolbar .components-toolbar-group.components-toolbar-group:after,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group .components-toolbar-group.components-toolbar-group:after{ |
462 .interface-preferences-modal { |
462 display:none; |
463 height: 70%; |
463 } |
464 } |
464 .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-mover.is-horizontal .block-editor-block-mover-button{ |
465 } |
465 height:32px; |
466 @media (max-width: 781px) { |
466 overflow:visible; |
467 .interface-preferences-modal .components-modal__content { |
467 } |
468 padding: 0; |
468 @media (min-width:600px){ |
469 } |
469 .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ |
470 .interface-preferences-modal .components-modal__content::before { |
470 position:relative; |
471 content: none; |
471 top:-10px; |
472 } |
472 } |
473 } |
473 } |
474 |
474 |
475 .interface-preferences__tabs .components-tab-panel__tabs { |
475 .edit-widgets-header__navigable-toolbar-wrapper{ |
476 position: absolute; |
476 align-items:center; |
477 top: 84px; |
477 display:flex; |
478 left: 16px; |
478 flex-shrink:2; |
479 width: 160px; |
479 justify-content:center; |
480 } |
480 overflow:hidden; |
481 .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { |
481 padding-left:16px; |
482 border-radius: 2px; |
482 padding-right:8px; |
483 font-weight: 400; |
483 } |
484 } |
484 |
485 .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { |
485 .edit-widgets-header__title{ |
486 background: #f0f0f0; |
486 font-size:20px; |
487 box-shadow: none; |
487 margin:0 20px 0 0; |
488 font-weight: 500; |
488 padding:0; |
489 } |
489 } |
490 .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { |
490 |
491 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
491 .edit-widgets-header__actions{ |
492 } |
492 align-items:center; |
493 .interface-preferences__tabs .components-tab-panel__tab-content { |
493 display:flex; |
494 padding-left: 24px; |
494 gap:4px; |
495 margin-left: 160px; |
495 padding-right:16px; |
496 } |
496 } |
497 |
497 @media (min-width:600px){ |
498 @media (max-width: 781px) { |
498 .edit-widgets-header__actions{ |
499 .interface-preferences__provider { |
499 gap:8px; |
500 height: 100%; |
500 } |
501 } |
501 } |
502 } |
502 |
503 .interface-preferences-modal__section { |
503 .edit-widgets-header-toolbar{ |
504 margin: 0 0 2.5rem 0; |
504 gap:8px; |
505 } |
505 margin-right:8px; |
506 .interface-preferences-modal__section:last-child { |
506 } |
507 margin: 0; |
507 .edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon{ |
508 } |
508 height:32px; |
509 |
509 min-width:32px; |
510 .interface-preferences-modal__section-title { |
510 padding:4px; |
511 font-size: 0.9rem; |
511 } |
512 font-weight: 600; |
512 .edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon.is-pressed,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon.is-pressed{ |
513 margin-top: 0; |
513 background:#1e1e1e; |
514 } |
514 } |
515 |
515 .edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:focus:not(:disabled){ |
516 .interface-preferences-modal__section-description { |
516 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; |
517 margin: -8px 0 8px 0; |
517 outline:1px solid #0000; |
518 font-size: 12px; |
518 } |
519 font-style: normal; |
519 .edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:before{ |
520 color: #757575; |
520 display:none; |
521 } |
521 } |
522 |
522 |
523 .interface-preferences-modal__option .components-base-control .components-base-control__field { |
523 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{ |
524 align-items: center; |
524 padding-left:8px; |
525 display: flex; |
525 padding-right:8px; |
526 margin-bottom: 0; |
526 } |
527 } |
527 @media (min-width:600px){ |
528 .interface-preferences-modal__option .components-base-control .components-base-control__field > label { |
528 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{ |
529 flex-grow: 1; |
529 padding-left:12px; |
530 padding: 0.6rem 0 0.6rem 10px; |
530 padding-right:12px; |
531 } |
531 } |
532 .interface-preferences-modal__option .components-base-control__help { |
532 } |
533 margin: -8px 0 8px 58px; |
533 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{ |
534 font-size: 12px; |
534 content:none; |
535 font-style: normal; |
535 } |
536 color: #757575; |
536 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{ |
537 } |
537 transition:transform .2s cubic-bezier(.165, .84, .44, 1); |
538 |
538 } |
539 .wp-block[data-type="core/widget-area"] { |
539 @media (prefers-reduced-motion:reduce){ |
540 max-width: 700px; |
540 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{ |
541 margin-left: auto; |
541 transition-delay:0s; |
542 margin-right: auto; |
542 transition-duration:0s; |
543 } |
543 } |
544 .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title { |
544 } |
545 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
545 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{ |
546 margin: 0; |
546 transform:rotate(45deg); |
547 height: 48px; |
547 } |
548 position: relative; |
548 |
549 z-index: 1; |
549 .edit-widgets-keyboard-shortcut-help-modal__section{ |
550 background: #fff; |
550 margin:0 0 2rem; |
551 transform: translateZ(0); |
551 } |
552 } |
552 .edit-widgets-keyboard-shortcut-help-modal__section-title{ |
553 .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title:hover { |
553 font-size:.9rem; |
554 background: #fff; |
554 font-weight:600; |
555 } |
555 } |
556 .wp-block[data-type="core/widget-area"] .block-list-appender.wp-block { |
556 .edit-widgets-keyboard-shortcut-help-modal__shortcut{ |
557 width: initial; |
557 align-items:baseline; |
558 position: relative; |
558 border-top:1px solid #ddd; |
559 } |
559 display:flex; |
560 .wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block { |
560 margin-bottom:0; |
561 max-width: 100%; |
561 padding:.6rem 0; |
562 } |
562 } |
563 .wp-block[data-type="core/widget-area"] .components-panel__body.is-opened { |
563 .edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child{ |
564 padding: 0; |
564 border-bottom:1px solid #ddd; |
565 } |
565 } |
566 |
566 .edit-widgets-keyboard-shortcut-help-modal__shortcut:empty{ |
567 .blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper { |
567 display:none; |
568 margin: 0; |
568 } |
569 padding: 0; |
569 .edit-widgets-keyboard-shortcut-help-modal__shortcut-term{ |
570 } |
570 font-weight:600; |
571 .blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper > .block-editor-block-list__layout { |
571 margin:0 0 0 1rem; |
572 margin-top: -48px; |
572 text-align:right; |
573 padding: 72px 16px 16px; |
573 } |
574 min-height: 32px; |
574 .edit-widgets-keyboard-shortcut-help-modal__shortcut-description{ |
575 } |
575 flex:1; |
576 |
576 flex-basis:auto; |
577 .wp-block-widget-area__highlight-drop-zone { |
577 margin:0; |
578 outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color); |
578 } |
579 } |
579 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{ |
580 |
580 background:none; |
581 body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title, |
581 display:block; |
582 body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title * { |
582 margin:0; |
583 pointer-events: none; |
583 padding:0; |
584 } |
584 } |
585 |
585 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{ |
586 .edit-widgets-error-boundary { |
586 margin-top:10px; |
587 margin: auto; |
587 } |
588 max-width: 780px; |
588 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key{ |
589 padding: 20px; |
589 border-radius:8%; |
590 margin-top: 60px; |
590 margin:0 .2rem; |
591 box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); |
591 padding:.25rem .5rem; |
592 } |
592 } |
593 |
593 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{ |
594 .edit-widgets-header { |
594 margin:0 0 0 .2rem; |
595 display: flex; |
595 } |
596 align-items: center; |
596 |
597 justify-content: space-between; |
597 .components-panel__header.edit-widgets-sidebar__panel-tabs{ |
598 height: 60px; |
598 padding-left:0; |
599 padding: 0 16px; |
599 } |
600 overflow: auto; |
600 |
601 } |
601 .edit-widgets-widget-areas__top-container{ |
602 @media (min-width: 600px) { |
602 display:flex; |
603 .edit-widgets-header { |
603 padding:16px; |
604 overflow: visible; |
604 } |
605 } |
605 .edit-widgets-widget-areas__top-container .block-editor-block-icon{ |
606 } |
606 margin-right:16px; |
607 |
607 } |
608 .edit-widgets-header__navigable-toolbar-wrapper { |
608 |
609 display: flex; |
609 .edit-widgets-notices__snackbar{ |
610 align-items: center; |
610 bottom:20px; |
611 justify-content: center; |
611 left:0; |
612 } |
612 padding-left:16px; |
613 |
613 padding-right:16px; |
614 .edit-widgets-header__title { |
614 position:fixed; |
615 font-size: 20px; |
615 right:0; |
616 padding: 0; |
616 } |
617 margin: 0 20px 0 0; |
617 @media (min-width:783px){ |
618 } |
618 .edit-widgets-notices__snackbar{ |
619 |
619 left:160px; |
620 .edit-widgets-header__actions { |
620 } |
621 display: flex; |
621 } |
622 } |
622 @media (min-width:783px){ |
623 .edit-widgets-header__actions .components-button { |
623 .auto-fold .edit-widgets-notices__snackbar{ |
624 margin-right: 4px; |
624 left:36px; |
625 } |
625 } |
626 @media (min-width: 600px) { |
626 } |
627 .edit-widgets-header__actions .components-button { |
627 @media (min-width:961px){ |
628 margin-right: 12px; |
628 .auto-fold .edit-widgets-notices__snackbar{ |
629 } |
629 left:160px; |
630 } |
630 } |
631 .edit-widgets-header__actions .edit-widgets-more-menu .components-button, |
631 } |
632 .edit-widgets-header__actions .interface-pinned-items .components-button { |
632 .folded .edit-widgets-notices__snackbar{ |
633 margin-right: 0; |
633 left:0; |
634 } |
634 } |
635 |
635 @media (min-width:783px){ |
636 .edit-widgets-header-toolbar { |
636 .folded .edit-widgets-notices__snackbar{ |
637 border: none; |
637 left:36px; |
638 } |
638 } |
639 .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon, |
639 } |
640 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon { |
640 |
641 height: 36px; |
641 body.is-fullscreen-mode .edit-widgets-notices__snackbar{ |
642 min-width: 36px; |
642 left:0 !important; |
643 padding: 6px; |
643 } |
644 } |
644 |
645 .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon.is-pressed, |
645 .edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{ |
646 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon.is-pressed { |
646 border-bottom:1px solid #0003; |
647 background: #1e1e1e; |
647 box-sizing:border-box; |
648 } |
648 min-height:60px; |
649 .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon:focus:not(:disabled), |
649 padding:0 12px; |
650 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon:focus:not(:disabled) { |
650 } |
651 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; |
651 .edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,.edit-widgets-notices__pinned .components-notice .components-notice__dismiss{ |
652 outline: 1px solid transparent; |
652 margin-top:12px; |
653 } |
653 } |
654 .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon::before, |
654 |
655 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon::before { |
655 .edit-widgets-layout__inserter-panel{ |
656 display: none; |
656 display:flex; |
657 } |
657 flex-direction:column; |
658 |
658 height:100%; |
659 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { |
659 } |
660 padding-left: 8px; |
660 .edit-widgets-layout__inserter-panel .block-editor-inserter__menu{ |
661 padding-right: 8px; |
661 overflow:hidden; |
662 } |
662 } |
663 @media (min-width: 600px) { |
663 |
664 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { |
664 .edit-widgets-layout__inserter-panel-header{ |
665 padding-left: 12px; |
665 display:flex; |
666 padding-right: 12px; |
666 justify-content:flex-end; |
667 } |
667 padding-right:8px; |
668 } |
668 padding-top:8px; |
669 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle::after { |
669 } |
670 content: none; |
670 |
671 } |
671 .edit-widgets-layout__inserter-panel-content{ |
672 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg { |
672 height:calc(100% - 44px); |
673 transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; |
673 } |
674 } |
674 .edit-widgets-layout__inserter-panel-content .block-editor-inserter__tablist-and-close{ |
675 @media (prefers-reduced-motion: reduce) { |
675 display:none; |
676 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg { |
676 } |
677 transition-duration: 0s; |
677 @media (min-width:782px){ |
678 transition-delay: 0s; |
678 .edit-widgets-layout__inserter-panel-content{ |
679 } |
679 height:100%; |
680 } |
680 } |
681 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg { |
681 } |
682 transform: rotate(45deg); |
682 |
683 } |
683 .components-popover.more-menu-dropdown__content{ |
684 |
684 z-index:99998; |
685 .edit-widgets-keyboard-shortcut-help-modal__section { |
685 } |
686 margin: 0 0 2rem 0; |
686 |
687 } |
687 .edit-widgets-welcome-guide{ |
688 .edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list { |
688 width:312px; |
689 margin-top: -25px; |
689 } |
690 } |
690 .edit-widgets-welcome-guide__image{ |
691 .edit-widgets-keyboard-shortcut-help-modal__section-title { |
691 background:#00a0d2; |
692 font-size: 0.9rem; |
692 margin:0 0 16px; |
693 font-weight: 600; |
693 } |
694 } |
694 .edit-widgets-welcome-guide__image>img{ |
695 .edit-widgets-keyboard-shortcut-help-modal__shortcut { |
695 display:block; |
696 display: flex; |
696 max-width:100%; |
697 align-items: baseline; |
697 object-fit:cover; |
698 padding: 0.6rem 0; |
698 } |
699 border-top: 1px solid #ddd; |
699 .edit-widgets-welcome-guide__heading{ |
700 margin-bottom: 0; |
700 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
701 } |
701 font-size:24px; |
702 .edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child { |
702 line-height:1.4; |
703 border-bottom: 1px solid #ddd; |
703 margin:16px 0; |
704 } |
704 padding:0 32px; |
705 .edit-widgets-keyboard-shortcut-help-modal__shortcut:empty { |
705 } |
706 display: none; |
706 .edit-widgets-welcome-guide__text{ |
707 } |
707 font-size:13px; |
708 .edit-widgets-keyboard-shortcut-help-modal__shortcut-term { |
708 line-height:1.4; |
709 font-weight: 600; |
709 margin:0 0 24px; |
710 margin: 0 0 0 1rem; |
710 padding:0 32px; |
711 text-align: right; |
711 } |
712 } |
712 .edit-widgets-welcome-guide__inserter-icon{ |
713 .edit-widgets-keyboard-shortcut-help-modal__shortcut-description { |
713 margin:0 4px; |
714 flex: 1; |
714 vertical-align:text-top; |
715 margin: 0; |
715 } |
716 flex-basis: auto; |
716 |
717 } |
717 .edit-widgets-block-editor{ |
718 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { |
718 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
719 display: block; |
719 position:relative; |
720 background: none; |
720 } |
721 margin: 0; |
721 .edit-widgets-block-editor,.edit-widgets-block-editor .block-editor-writing-flow,.edit-widgets-block-editor>div:last-of-type{ |
722 padding: 0; |
722 display:flex; |
723 } |
723 flex-direction:column; |
724 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { |
724 flex-grow:1; |
725 margin-top: 10px; |
725 } |
726 } |
726 .edit-widgets-block-editor .edit-widgets-main-block-list{ |
727 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key { |
727 height:100%; |
728 padding: 0.25rem 0.5rem; |
728 } |
729 border-radius: 8%; |
729 .edit-widgets-block-editor .components-button{ |
730 margin: 0 0.2rem 0 0.2rem; |
730 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
731 } |
731 font-size:13px; |
732 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { |
732 } |
733 margin: 0 0 0 0.2rem; |
733 .edit-widgets-block-editor .components-button.has-icon,.edit-widgets-block-editor .components-button.is-tertiary{ |
734 } |
734 padding:6px; |
735 |
735 } |
736 .components-panel__header.edit-widgets-sidebar__panel-tabs { |
736 |
737 justify-content: flex-start; |
737 .edit-widgets-editor__list-view-panel{ |
738 padding-left: 0; |
738 display:flex; |
739 padding-right: 4px; |
739 flex-direction:column; |
740 border-top: 0; |
740 height:100%; |
741 margin-top: 0; |
741 min-width:350px; |
742 } |
742 } |
743 .components-panel__header.edit-widgets-sidebar__panel-tabs ul { |
743 |
744 display: flex; |
744 .edit-widgets-editor__list-view-panel-content{ |
745 } |
745 height:calc(100% - 44px); |
746 .components-panel__header.edit-widgets-sidebar__panel-tabs li { |
746 overflow-y:auto; |
747 margin: 0; |
747 padding:8px; |
748 } |
748 } |
749 .components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { |
749 |
750 display: none; |
750 .edit-widgets-editor__list-view-panel-header{ |
751 margin-left: auto; |
751 align-items:center; |
752 } |
752 border-bottom:1px solid #ddd; |
753 @media (min-width: 782px) { |
753 display:flex; |
754 .components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { |
754 height:48px; |
755 display: flex; |
755 justify-content:space-between; |
756 } |
756 padding-left:16px; |
757 } |
757 padding-right:4px; |
758 |
758 } |
759 .components-button.edit-widgets-sidebar__panel-tab { |
759 |
760 border-radius: 0; |
760 body.js.appearance_page_gutenberg-widgets,body.js.widgets-php{ |
761 height: 49px; |
761 background:#fff; |
762 background: transparent; |
762 } |
763 border: none; |
763 body.js.appearance_page_gutenberg-widgets #wpcontent,body.js.widgets-php #wpcontent{ |
764 box-shadow: none; |
764 padding-left:0; |
765 cursor: pointer; |
765 } |
766 display: inline-block; |
766 body.js.appearance_page_gutenberg-widgets #wpbody-content,body.js.widgets-php #wpbody-content{ |
767 padding: 3px 15px; |
767 padding-bottom:0; |
768 margin-left: 0; |
768 } |
769 font-weight: 400; |
769 body.js.appearance_page_gutenberg-widgets #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.js.appearance_page_gutenberg-widgets #wpfooter,body.js.widgets-php #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.js.widgets-php #wpfooter{ |
770 color: #1e1e1e; |
770 display:none; |
771 } |
771 } |
772 .components-button.edit-widgets-sidebar__panel-tab::after { |
772 body.js.appearance_page_gutenberg-widgets .a11y-speak-region,body.js.widgets-php .a11y-speak-region{ |
773 content: attr(data-label); |
773 left:-1px; |
774 display: block; |
774 top:-1px; |
775 font-weight: 600; |
775 } |
776 height: 0; |
776 body.js.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu:after,body.js.appearance_page_gutenberg-widgets ul#adminmenu>li.current>a.current:after,body.js.widgets-php ul#adminmenu a.wp-has-current-submenu:after,body.js.widgets-php ul#adminmenu>li.current>a.current:after{ |
777 overflow: hidden; |
777 border-right-color:#fff; |
778 speak: none; |
778 } |
779 visibility: hidden; |
779 body.js.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,body.js.widgets-php .media-frame select.attachment-filters:last-of-type{ |
780 } |
780 max-width:100%; |
781 .components-button.edit-widgets-sidebar__panel-tab.is-active { |
781 width:auto; |
782 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); |
782 } |
783 font-weight: 600; |
783 |
784 position: relative; |
784 .blocks-widgets-container{ |
785 } |
785 box-sizing:border-box; |
786 .components-button.edit-widgets-sidebar__panel-tab.is-active::before { |
786 } |
787 content: ""; |
787 .blocks-widgets-container *,.blocks-widgets-container :after,.blocks-widgets-container :before{ |
788 position: absolute; |
788 box-sizing:inherit; |
789 top: 0; |
789 } |
790 bottom: 1px; |
790 @media (min-width:600px){ |
791 right: 0; |
791 .blocks-widgets-container{ |
792 left: 0; |
792 bottom:0; |
793 border-bottom: 4px solid transparent; |
793 left:0; |
794 } |
794 min-height:calc(100vh - 46px); |
795 .components-button.edit-widgets-sidebar__panel-tab:focus { |
795 position:absolute; |
796 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
796 right:0; |
797 } |
797 top:0; |
798 .components-button.edit-widgets-sidebar__panel-tab.is-active:focus { |
798 } |
799 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); |
799 } |
800 } |
800 @media (min-width:782px){ |
801 |
801 .blocks-widgets-container{ |
802 .edit-widgets-widget-areas__top-container { |
802 min-height:calc(100vh - 32px); |
803 display: flex; |
803 } |
804 padding: 16px; |
804 } |
805 } |
805 .blocks-widgets-container .interface-interface-skeleton__content{ |
806 .edit-widgets-widget-areas__top-container .block-editor-block-icon { |
806 background-color:#f0f0f0; |
807 margin-right: 16px; |
807 } |
808 } |
808 |
809 |
809 .blocks-widgets-container .editor-styles-wrapper{ |
810 .edit-widgets-notices__snackbar { |
810 margin:auto; |
811 position: fixed; |
811 max-width:700px; |
812 right: 0; |
812 } |
813 bottom: 20px; |
813 |
814 padding-left: 16px; |
814 .edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item{ |
815 padding-right: 16px; |
815 display:none; |
816 } |
816 } |
817 |
817 |
818 .edit-widgets-notices__snackbar { |
818 .js .widgets-php .notice{ |
819 /* Set left position when auto-fold is not on the body element. */ |
819 display:none !important; |
820 left: 0; |
820 } |
821 } |
821 |
822 @media (min-width: 783px) { |
822 body.admin-color-light{ |
823 .edit-widgets-notices__snackbar { |
823 --wp-admin-theme-color:#0085ba; |
824 left: 160px; |
824 --wp-admin-theme-color--rgb:0, 133, 186; |
825 } |
825 --wp-admin-theme-color-darker-10:#0073a1; |
826 } |
826 --wp-admin-theme-color-darker-10--rgb:0, 115, 161; |
827 |
827 --wp-admin-theme-color-darker-20:#006187; |
828 .auto-fold .edit-widgets-notices__snackbar { |
828 --wp-admin-theme-color-darker-20--rgb:0, 97, 135; |
829 /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ |
829 --wp-admin-border-width-focus:2px; |
830 } |
830 } |
831 @media (min-width: 783px) { |
831 @media (min-resolution:192dpi){ |
832 .auto-fold .edit-widgets-notices__snackbar { |
832 body.admin-color-light{ |
833 left: 36px; |
833 --wp-admin-border-width-focus:1.5px; |
834 } |
834 } |
835 } |
835 } |
836 @media (min-width: 961px) { |
836 |
837 .auto-fold .edit-widgets-notices__snackbar { |
837 body.admin-color-modern{ |
838 left: 160px; |
838 --wp-admin-theme-color:#3858e9; |
839 } |
839 --wp-admin-theme-color--rgb:56, 88, 233; |
840 } |
840 --wp-admin-theme-color-darker-10:#2145e6; |
841 |
841 --wp-admin-theme-color-darker-10--rgb:33, 69, 230; |
842 /* Sidebar manually collapsed. */ |
842 --wp-admin-theme-color-darker-20:#183ad6; |
843 .folded .edit-widgets-notices__snackbar { |
843 --wp-admin-theme-color-darker-20--rgb:24, 58, 214; |
844 left: 0; |
844 --wp-admin-border-width-focus:2px; |
845 } |
845 } |
846 @media (min-width: 783px) { |
846 @media (min-resolution:192dpi){ |
847 .folded .edit-widgets-notices__snackbar { |
847 body.admin-color-modern{ |
848 left: 36px; |
848 --wp-admin-border-width-focus:1.5px; |
849 } |
849 } |
850 } |
850 } |
851 |
851 |
852 body.is-fullscreen-mode .edit-widgets-notices__snackbar { |
852 body.admin-color-blue{ |
853 left: 0 !important; |
853 --wp-admin-theme-color:#096484; |
854 } |
854 --wp-admin-theme-color--rgb:9, 100, 132; |
855 |
855 --wp-admin-theme-color-darker-10:#07526c; |
856 .edit-widgets-notices__dismissible .components-notice, |
856 --wp-admin-theme-color-darker-10--rgb:7, 82, 108; |
857 .edit-widgets-notices__pinned .components-notice { |
857 --wp-admin-theme-color-darker-20:#064054; |
858 box-sizing: border-box; |
858 --wp-admin-theme-color-darker-20--rgb:6, 64, 84; |
859 margin: 0; |
859 --wp-admin-border-width-focus:2px; |
860 border-bottom: 1px solid rgba(0, 0, 0, 0.2); |
860 } |
861 padding: 0 12px; |
861 @media (min-resolution:192dpi){ |
862 min-height: 60px; |
862 body.admin-color-blue{ |
863 } |
863 --wp-admin-border-width-focus:1.5px; |
864 .edit-widgets-notices__dismissible .components-notice .components-notice__dismiss, |
864 } |
865 .edit-widgets-notices__pinned .components-notice .components-notice__dismiss { |
865 } |
866 margin-top: 12px; |
866 |
867 } |
867 body.admin-color-coffee{ |
868 |
868 --wp-admin-theme-color:#46403c; |
869 .edit-widgets-layout__inserter-panel { |
869 --wp-admin-theme-color--rgb:70, 64, 60; |
870 height: 100%; |
870 --wp-admin-theme-color-darker-10:#383330; |
871 display: flex; |
871 --wp-admin-theme-color-darker-10--rgb:56, 51, 48; |
872 flex-direction: column; |
872 --wp-admin-theme-color-darker-20:#2b2724; |
873 } |
873 --wp-admin-theme-color-darker-20--rgb:43, 39, 36; |
874 .edit-widgets-layout__inserter-panel .block-editor-inserter__menu { |
874 --wp-admin-border-width-focus:2px; |
875 overflow: hidden; |
875 } |
876 } |
876 @media (min-resolution:192dpi){ |
877 |
877 body.admin-color-coffee{ |
878 .edit-widgets-layout__inserter-panel-header { |
878 --wp-admin-border-width-focus:1.5px; |
879 padding-top: 8px; |
879 } |
880 padding-right: 8px; |
880 } |
881 display: flex; |
881 |
882 justify-content: flex-end; |
882 body.admin-color-ectoplasm{ |
883 } |
883 --wp-admin-theme-color:#523f6d; |
884 |
884 --wp-admin-theme-color--rgb:82, 63, 109; |
885 .edit-widgets-layout__inserter-panel-content { |
885 --wp-admin-theme-color-darker-10:#46365d; |
886 height: calc(100% - 36px - 8px); |
886 --wp-admin-theme-color-darker-10--rgb:70, 54, 93; |
887 } |
887 --wp-admin-theme-color-darker-20:#3a2c4d; |
888 @media (min-width: 782px) { |
888 --wp-admin-theme-color-darker-20--rgb:58, 44, 77; |
889 .edit-widgets-layout__inserter-panel-content { |
889 --wp-admin-border-width-focus:2px; |
890 height: 100%; |
890 } |
891 } |
891 @media (min-resolution:192dpi){ |
892 } |
892 body.admin-color-ectoplasm{ |
893 |
893 --wp-admin-border-width-focus:1.5px; |
894 .edit-widgets-welcome-guide { |
894 } |
895 width: 312px; |
895 } |
896 } |
896 |
897 .edit-widgets-welcome-guide__image { |
897 body.admin-color-midnight{ |
898 background: #00a0d2; |
898 --wp-admin-theme-color:#e14d43; |
899 margin: 0 0 16px; |
899 --wp-admin-theme-color--rgb:225, 77, 67; |
900 } |
900 --wp-admin-theme-color-darker-10:#dd382d; |
901 .edit-widgets-welcome-guide__image > img { |
901 --wp-admin-theme-color-darker-10--rgb:221, 56, 45; |
902 display: block; |
902 --wp-admin-theme-color-darker-20:#d02c21; |
903 max-width: 100%; |
903 --wp-admin-theme-color-darker-20--rgb:208, 44, 33; |
904 -o-object-fit: cover; |
904 --wp-admin-border-width-focus:2px; |
905 object-fit: cover; |
905 } |
906 } |
906 @media (min-resolution:192dpi){ |
907 .edit-widgets-welcome-guide__heading { |
907 body.admin-color-midnight{ |
908 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
908 --wp-admin-border-width-focus:1.5px; |
909 font-size: 24px; |
909 } |
910 line-height: 1.4; |
910 } |
911 margin: 16px 0 16px 0; |
911 |
912 padding: 0 32px; |
912 body.admin-color-ocean{ |
913 } |
913 --wp-admin-theme-color:#627c83; |
914 .edit-widgets-welcome-guide__text { |
914 --wp-admin-theme-color--rgb:98, 124, 131; |
915 font-size: 13px; |
915 --wp-admin-theme-color-darker-10:#576e74; |
916 line-height: 1.4; |
916 --wp-admin-theme-color-darker-10--rgb:87, 110, 116; |
917 margin: 0 0 24px 0; |
917 --wp-admin-theme-color-darker-20:#4c6066; |
918 padding: 0 32px; |
918 --wp-admin-theme-color-darker-20--rgb:76, 96, 102; |
919 } |
919 --wp-admin-border-width-focus:2px; |
920 .edit-widgets-welcome-guide__inserter-icon { |
920 } |
921 margin: 0 4px; |
921 @media (min-resolution:192dpi){ |
922 vertical-align: text-top; |
922 body.admin-color-ocean{ |
923 } |
923 --wp-admin-border-width-focus:1.5px; |
924 |
924 } |
925 .edit-widgets-block-editor { |
925 } |
926 position: relative; |
926 |
927 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
927 body.admin-color-sunrise{ |
928 display: flex; |
928 --wp-admin-theme-color:#dd823b; |
929 flex-direction: column; |
929 --wp-admin-theme-color--rgb:221, 130, 59; |
930 flex-grow: 1; |
930 --wp-admin-theme-color-darker-10:#d97426; |
931 } |
931 --wp-admin-theme-color-darker-10--rgb:217, 116, 38; |
932 .edit-widgets-block-editor > div:last-of-type, |
932 --wp-admin-theme-color-darker-20:#c36922; |
933 .edit-widgets-block-editor .block-editor-writing-flow, |
933 --wp-admin-theme-color-darker-20--rgb:195, 105, 34; |
934 .edit-widgets-block-editor .block-editor-writing-flow > div { |
934 --wp-admin-border-width-focus:2px; |
935 display: flex; |
935 } |
936 flex-direction: column; |
936 @media (min-resolution:192dpi){ |
937 flex-grow: 1; |
937 body.admin-color-sunrise{ |
938 } |
938 --wp-admin-border-width-focus:1.5px; |
939 .edit-widgets-block-editor .edit-widgets-main-block-list { |
939 } |
940 height: 100%; |
940 } |
941 } |
|
942 .edit-widgets-block-editor .components-button { |
|
943 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
944 font-size: 13px; |
|
945 } |
|
946 .edit-widgets-block-editor .components-button.is-tertiary, .edit-widgets-block-editor .components-button.has-icon { |
|
947 padding: 6px; |
|
948 } |
|
949 |
|
950 .edit-widgets-editor__list-view-panel { |
|
951 height: 100%; |
|
952 display: flex; |
|
953 flex-direction: column; |
|
954 min-width: 350px; |
|
955 } |
|
956 |
|
957 .edit-widgets-editor__list-view-panel-content { |
|
958 height: calc(100% - 36px - 8px); |
|
959 overflow-y: auto; |
|
960 padding: 8px; |
|
961 } |
|
962 |
|
963 .edit-widgets-editor__list-view-panel-header { |
|
964 align-items: center; |
|
965 border-bottom: 1px solid #ddd; |
|
966 display: flex; |
|
967 justify-content: space-between; |
|
968 height: 48px; |
|
969 padding-left: 16px; |
|
970 padding-right: 4px; |
|
971 } |
|
972 |
|
973 html.wp-toolbar { |
|
974 background: #fff; |
|
975 } |
|
976 |
|
977 body.appearance_page_gutenberg-widgets, |
|
978 body.widgets-php { |
|
979 background: #fff; |
|
980 /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. |
|
981 Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ |
|
982 } |
|
983 body.appearance_page_gutenberg-widgets #wpcontent, |
|
984 body.widgets-php #wpcontent { |
|
985 padding-left: 0; |
|
986 } |
|
987 body.appearance_page_gutenberg-widgets #wpbody-content, |
|
988 body.widgets-php #wpbody-content { |
|
989 padding-bottom: 0; |
|
990 } |
|
991 body.appearance_page_gutenberg-widgets #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta), |
|
992 body.widgets-php #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta) { |
|
993 display: none; |
|
994 } |
|
995 body.appearance_page_gutenberg-widgets #wpfooter, |
|
996 body.widgets-php #wpfooter { |
|
997 display: none; |
|
998 } |
|
999 body.appearance_page_gutenberg-widgets .a11y-speak-region, |
|
1000 body.widgets-php .a11y-speak-region { |
|
1001 left: -1px; |
|
1002 top: -1px; |
|
1003 } |
|
1004 body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu::after, |
|
1005 body.appearance_page_gutenberg-widgets ul#adminmenu > li.current > a.current::after, |
|
1006 body.widgets-php ul#adminmenu a.wp-has-current-submenu::after, |
|
1007 body.widgets-php ul#adminmenu > li.current > a.current::after { |
|
1008 border-right-color: #fff; |
|
1009 } |
|
1010 body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type, |
|
1011 body.widgets-php .media-frame select.attachment-filters:last-of-type { |
|
1012 width: auto; |
|
1013 max-width: 100%; |
|
1014 } |
|
1015 |
|
1016 .blocks-widgets-container, |
|
1017 .components-modal__frame { |
|
1018 box-sizing: border-box; |
|
1019 } |
|
1020 .blocks-widgets-container *, |
|
1021 .blocks-widgets-container *::before, |
|
1022 .blocks-widgets-container *::after, |
|
1023 .components-modal__frame *, |
|
1024 .components-modal__frame *::before, |
|
1025 .components-modal__frame *::after { |
|
1026 box-sizing: inherit; |
|
1027 } |
|
1028 |
|
1029 @media (min-width: 600px) { |
|
1030 .blocks-widgets-container { |
|
1031 position: absolute; |
|
1032 top: 0; |
|
1033 right: 0; |
|
1034 bottom: 0; |
|
1035 left: 0; |
|
1036 min-height: calc(100vh - 46px); |
|
1037 } |
|
1038 } |
|
1039 @media (min-width: 782px) { |
|
1040 .blocks-widgets-container { |
|
1041 min-height: calc(100vh - 32px); |
|
1042 } |
|
1043 } |
|
1044 .blocks-widgets-container .interface-interface-skeleton__content { |
|
1045 background-color: #f0f0f0; |
|
1046 } |
|
1047 |
|
1048 .blocks-widgets-container .editor-styles-wrapper { |
|
1049 max-width: 700px; |
|
1050 margin: auto; |
|
1051 } |
|
1052 |
|
1053 .edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item { |
|
1054 display: none; |
|
1055 } |
|
1056 |
|
1057 .widgets-php .notice { |
|
1058 display: none !important; |
|
1059 } |
|
1060 |
|
1061 body.admin-color-light { |
|
1062 --wp-admin-theme-color: #0085ba; |
|
1063 --wp-admin-theme-color--rgb: 0, 133, 186; |
|
1064 --wp-admin-theme-color-darker-10: #0073a1; |
|
1065 --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; |
|
1066 --wp-admin-theme-color-darker-20: #006187; |
|
1067 --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; |
|
1068 --wp-admin-border-width-focus: 2px; |
|
1069 } |
|
1070 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1071 body.admin-color-light { |
|
1072 --wp-admin-border-width-focus: 1.5px; |
|
1073 } |
|
1074 } |
|
1075 |
|
1076 body.admin-color-modern { |
|
1077 --wp-admin-theme-color: #3858e9; |
|
1078 --wp-admin-theme-color--rgb: 56, 88, 233; |
|
1079 --wp-admin-theme-color-darker-10: #2145e6; |
|
1080 --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; |
|
1081 --wp-admin-theme-color-darker-20: #183ad6; |
|
1082 --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; |
|
1083 --wp-admin-border-width-focus: 2px; |
|
1084 } |
|
1085 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1086 body.admin-color-modern { |
|
1087 --wp-admin-border-width-focus: 1.5px; |
|
1088 } |
|
1089 } |
|
1090 |
|
1091 body.admin-color-blue { |
|
1092 --wp-admin-theme-color: #096484; |
|
1093 --wp-admin-theme-color--rgb: 9, 100, 132; |
|
1094 --wp-admin-theme-color-darker-10: #07526c; |
|
1095 --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; |
|
1096 --wp-admin-theme-color-darker-20: #064054; |
|
1097 --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; |
|
1098 --wp-admin-border-width-focus: 2px; |
|
1099 } |
|
1100 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1101 body.admin-color-blue { |
|
1102 --wp-admin-border-width-focus: 1.5px; |
|
1103 } |
|
1104 } |
|
1105 |
|
1106 body.admin-color-coffee { |
|
1107 --wp-admin-theme-color: #46403c; |
|
1108 --wp-admin-theme-color--rgb: 70, 64, 60; |
|
1109 --wp-admin-theme-color-darker-10: #383330; |
|
1110 --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; |
|
1111 --wp-admin-theme-color-darker-20: #2b2724; |
|
1112 --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; |
|
1113 --wp-admin-border-width-focus: 2px; |
|
1114 } |
|
1115 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1116 body.admin-color-coffee { |
|
1117 --wp-admin-border-width-focus: 1.5px; |
|
1118 } |
|
1119 } |
|
1120 |
|
1121 body.admin-color-ectoplasm { |
|
1122 --wp-admin-theme-color: #523f6d; |
|
1123 --wp-admin-theme-color--rgb: 82, 63, 109; |
|
1124 --wp-admin-theme-color-darker-10: #46365d; |
|
1125 --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; |
|
1126 --wp-admin-theme-color-darker-20: #3a2c4d; |
|
1127 --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; |
|
1128 --wp-admin-border-width-focus: 2px; |
|
1129 } |
|
1130 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1131 body.admin-color-ectoplasm { |
|
1132 --wp-admin-border-width-focus: 1.5px; |
|
1133 } |
|
1134 } |
|
1135 |
|
1136 body.admin-color-midnight { |
|
1137 --wp-admin-theme-color: #e14d43; |
|
1138 --wp-admin-theme-color--rgb: 225, 77, 67; |
|
1139 --wp-admin-theme-color-darker-10: #dd382d; |
|
1140 --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; |
|
1141 --wp-admin-theme-color-darker-20: #d02c21; |
|
1142 --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; |
|
1143 --wp-admin-border-width-focus: 2px; |
|
1144 } |
|
1145 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1146 body.admin-color-midnight { |
|
1147 --wp-admin-border-width-focus: 1.5px; |
|
1148 } |
|
1149 } |
|
1150 |
|
1151 body.admin-color-ocean { |
|
1152 --wp-admin-theme-color: #627c83; |
|
1153 --wp-admin-theme-color--rgb: 98, 124, 131; |
|
1154 --wp-admin-theme-color-darker-10: #576e74; |
|
1155 --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; |
|
1156 --wp-admin-theme-color-darker-20: #4c6066; |
|
1157 --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; |
|
1158 --wp-admin-border-width-focus: 2px; |
|
1159 } |
|
1160 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1161 body.admin-color-ocean { |
|
1162 --wp-admin-border-width-focus: 1.5px; |
|
1163 } |
|
1164 } |
|
1165 |
|
1166 body.admin-color-sunrise { |
|
1167 --wp-admin-theme-color: #dd823b; |
|
1168 --wp-admin-theme-color--rgb: 221, 130, 59; |
|
1169 --wp-admin-theme-color-darker-10: #d97426; |
|
1170 --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; |
|
1171 --wp-admin-theme-color-darker-20: #c36922; |
|
1172 --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; |
|
1173 --wp-admin-border-width-focus: 2px; |
|
1174 } |
|
1175 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1176 body.admin-color-sunrise { |
|
1177 --wp-admin-border-width-focus: 1.5px; |
|
1178 } |
|
1179 } |
|