15 * |
45 * |
16 * Creates a fading overlay to signify that the content is longer |
46 * Creates a fading overlay to signify that the content is longer |
17 * than the space allows. |
47 * than the space allows. |
18 */ |
48 */ |
19 /** |
49 /** |
20 * Button states and focus styles |
50 * Focus styles. |
21 */ |
51 */ |
22 /** |
52 /** |
23 * Applies editor left position to the selector passed as argument |
53 * Applies editor left position to the selector passed as argument |
24 */ |
54 */ |
25 /** |
55 /** |
26 * Applies editor right position to the selector passed as argument |
|
27 */ |
|
28 /** |
|
29 * Styles that are reused verbatim in a few places |
56 * Styles that are reused verbatim in a few places |
30 */ |
57 */ |
31 /** |
58 /** |
32 * Allows users to opt-out of animations via OS-level preferences. |
59 * Allows users to opt-out of animations via OS-level preferences. |
33 */ |
60 */ |
|
61 /** |
|
62 * Reset default styles for JavaScript UI based pages. |
|
63 * This is a WP-admin agnostic reset |
|
64 */ |
|
65 /** |
|
66 * Reset the WP Admin page styles for Gutenberg-like pages. |
|
67 */ |
|
68 :root { |
|
69 --wp-admin-theme-color: #007cba; |
|
70 --wp-admin-theme-color-darker-10: #006ba1; |
|
71 --wp-admin-theme-color-darker-20: #005a87; } |
|
72 |
|
73 #start-resizable-editor-section { |
|
74 display: none; } |
|
75 |
34 .block-editor ul.wp-block-archives { |
76 .block-editor ul.wp-block-archives { |
35 padding-left: 2.5em; } |
77 padding-left: 2.5em; } |
36 |
78 |
37 .wp-block-audio { |
79 .wp-block-audio { |
38 margin: 0; } |
80 margin-left: 0; |
39 |
81 margin-right: 0; } |
40 .block-editor-block-list__block[data-type="core/button"][data-align="center"] { |
82 |
41 text-align: center; } |
83 .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow__click-redirect { |
42 |
84 min-height: auto; } |
43 .block-editor-block-list__block[data-type="core/button"][data-align="right"] { |
85 |
|
86 .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { |
|
87 padding-left: 0; |
|
88 padding-right: 0; } |
|
89 |
|
90 .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { |
|
91 display: block; } |
|
92 |
|
93 .edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { |
|
94 display: none; } |
|
95 |
|
96 .wp-block[data-align="center"] > .wp-block-button { |
|
97 text-align: center; |
|
98 margin-left: auto; |
|
99 margin-right: auto; } |
|
100 |
|
101 .wp-block[data-align="right"] > .wp-block-button { |
44 /*!rtl:ignore*/ |
102 /*!rtl:ignore*/ |
45 text-align: right; } |
103 text-align: right; } |
46 |
104 |
47 .wp-block-button { |
105 .wp-block-button { |
|
106 position: relative; |
|
107 cursor: text; } |
|
108 .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { |
|
109 color: #fff; } |
|
110 .wp-block-button:focus { |
|
111 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; |
|
112 box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); |
|
113 outline: 2px solid transparent; |
|
114 outline-offset: -2px; } |
|
115 .wp-block-button[data-rich-text-placeholder]::after { |
|
116 opacity: 0.8; } |
|
117 |
|
118 .wp-block-button__inline-link { |
|
119 color: #555d66; |
|
120 height: 0; |
|
121 overflow: hidden; |
|
122 max-width: 290px; } |
|
123 .wp-block-button__inline-link-input__suggestions { |
|
124 max-width: 290px; } |
|
125 @media (min-width: 782px) { |
|
126 .wp-block-button__inline-link { |
|
127 max-width: 260px; } |
|
128 .wp-block-button__inline-link-input__suggestions { |
|
129 max-width: 260px; } } |
|
130 @media (min-width: 960px) { |
|
131 .wp-block-button__inline-link { |
|
132 max-width: 290px; } |
|
133 .wp-block-button__inline-link-input__suggestions { |
|
134 max-width: 290px; } } |
|
135 .is-selected .wp-block-button__inline-link { |
|
136 height: auto; |
|
137 overflow: visible; |
|
138 margin-top: 16px; } |
|
139 |
|
140 div[data-type="core/button"] { |
|
141 display: table; } |
|
142 |
|
143 .wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] { |
48 display: inline-block; |
144 display: inline-block; |
49 margin-bottom: 0; |
145 width: auto; } |
50 position: relative; } |
146 |
51 .wp-block-button [contenteditable] { |
147 .wp-block[data-align="center"] > .wp-block-buttons { |
52 cursor: text; } |
|
53 .wp-block-button:not(.has-text-color):not(.is-style-outline) .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable { |
|
54 color: #fff; } |
|
55 .wp-block-button .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable { |
|
56 opacity: 0.8; } |
|
57 .block-editor-block-preview__content .wp-block-button { |
|
58 max-width: 100%; } |
|
59 .block-editor-block-preview__content .wp-block-button .block-editor-rich-text__editable[data-is-placeholder-visible="true"] { |
|
60 height: auto; } |
|
61 .block-editor-block-preview__content .wp-block-button .wp-block-button__link { |
|
62 max-width: 100%; |
|
63 overflow: hidden; |
|
64 white-space: nowrap !important; |
|
65 text-overflow: ellipsis; } |
|
66 |
|
67 .block-library-button__inline-link { |
|
68 background: #fff; |
|
69 display: flex; |
148 display: flex; |
|
149 align-items: center; |
70 flex-wrap: wrap; |
150 flex-wrap: wrap; |
71 align-items: center; |
151 justify-content: center; } |
72 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
152 |
73 font-size: 13px; |
153 .wp-block[data-align="right"] > .wp-block-buttons { |
74 line-height: 1.4; |
154 display: flex; |
75 width: 374px; } |
155 justify-content: flex-end; } |
76 .block-library-button__inline-link .block-editor-url-input { |
156 |
77 width: auto; } |
157 .wp-block-buttons .block-list-appender { |
78 .block-library-button__inline-link .block-editor-url-input__suggestions { |
158 display: inline-block; } |
79 width: 302px; |
|
80 z-index: 6; } |
|
81 .block-library-button__inline-link > .dashicon { |
|
82 width: 36px; } |
|
83 .block-library-button__inline-link .dashicon { |
|
84 color: #8f98a1; } |
|
85 .block-library-button__inline-link .block-editor-url-input input[type="text"]:-ms-input-placeholder { |
|
86 color: #8f98a1; } |
|
87 .block-library-button__inline-link .block-editor-url-input input[type="text"]::-ms-input-placeholder { |
|
88 color: #8f98a1; } |
|
89 .block-library-button__inline-link .block-editor-url-input input[type="text"]::placeholder { |
|
90 color: #8f98a1; } |
|
91 [data-align="center"] .block-library-button__inline-link { |
|
92 margin-left: auto; |
|
93 margin-right: auto; } |
|
94 [data-align="right"] .block-library-button__inline-link { |
|
95 margin-left: auto; |
|
96 margin-right: 0; } |
|
97 |
159 |
98 .block-editor .wp-block-categories ul { |
160 .block-editor .wp-block-categories ul { |
99 padding-left: 2.5em; } |
161 padding-left: 2.5em; } |
100 .block-editor .wp-block-categories ul ul { |
162 .block-editor .wp-block-categories ul ul { |
101 margin-top: 6px; } |
163 margin-top: 6px; } |
102 |
164 |
103 .wp-block-code .block-editor-plain-text { |
165 .wp-block-code > code { |
104 font-family: Menlo, Consolas, monaco, monospace; |
166 display: block; } |
105 color: #23282d; |
167 |
106 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
168 .wp-block-columns .wp-block { |
107 font-size: 16px; } |
169 max-width: none; } |
108 @media (min-width: 600px) { |
170 |
109 .wp-block-code .block-editor-plain-text { |
171 @media (min-width: 600px) { |
110 font-size: 13px; } } |
172 .editor-styles-wrapper |
111 .wp-block-code .block-editor-plain-text:focus { |
173 .block-editor-block-list__block.wp-block-column:nth-child(even) { |
112 box-shadow: none; } |
174 margin-left: 32px; } } |
113 |
175 |
114 .components-tab-button { |
176 @media (min-width: 782px) { |
115 display: inline-flex; |
177 .editor-styles-wrapper |
116 align-items: flex-end; |
178 .block-editor-block-list__block.wp-block-column:not(:first-child) { |
117 margin: 0; |
179 margin-left: 32px; } } |
118 padding: 3px; |
180 |
119 background: none; |
181 .block-editor-block-list__block.wp-block-column.wp-block-column { |
120 outline: none; |
182 margin-top: 0; |
121 color: #555d66; |
183 margin-bottom: 0; } |
122 cursor: pointer; |
184 |
123 position: relative; |
185 .wp-block-cover { |
124 height: 36px; |
186 position: relative; } |
125 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
187 .wp-block-cover.is-placeholder { |
126 font-size: 13px; |
188 min-height: auto !important; |
127 font-weight: 500; |
189 padding: 0 !important; } |
128 border: 0; } |
190 .wp-block-cover.components-placeholder h2 { |
129 .components-tab-button.is-active, .components-tab-button.is-active:hover { |
191 color: inherit; } |
130 color: #fff; } |
192 .wp-block-cover .block-editor-block-list__layout { |
131 .components-tab-button:disabled { |
193 width: 100%; } |
132 cursor: default; } |
194 .wp-block-cover .wp-block-cover__inner-container { |
133 .components-tab-button > span { |
195 text-align: left; |
134 border: 1px solid transparent; |
196 margin-left: 0; |
135 padding: 0 6px; |
197 margin-right: 0; } |
136 box-sizing: content-box; |
198 .wp-block-cover .wp-block-cover__placeholder-background-options { |
137 height: 28px; |
199 width: 100%; } |
138 line-height: 28px; } |
200 |
139 .components-tab-button:hover > span, |
201 [data-align="left"] > .wp-block-cover, |
140 .components-tab-button:focus > span { |
202 [data-align="right"] > .wp-block-cover { |
141 color: #555d66; } |
203 max-width: 290px; |
142 .components-tab-button:not(:disabled).is-active > span, |
204 width: 100%; } |
143 .components-tab-button:not(:disabled):hover > span, |
205 |
144 .components-tab-button:not(:disabled):focus > span { |
206 .block-library-cover__reset-button { |
145 border: 1px solid #555d66; } |
207 margin-left: auto; } |
146 .components-tab-button.is-active > span, |
208 |
147 .components-tab-button.is-active:hover > span { |
209 .block-library-cover__resize-container { |
148 background-color: #555d66; |
210 position: absolute !important; |
149 color: #fff; } |
211 top: 0; |
150 |
212 left: 0; |
151 .wp-block-columns .block-editor-block-list__layout { |
213 right: 0; |
|
214 bottom: 0; } |
|
215 |
|
216 .block-library-cover__resize-container:not(.is-resizing) { |
|
217 height: auto !important; } |
|
218 |
|
219 .wp-block-embed { |
152 margin-left: 0; |
220 margin-left: 0; |
153 margin-right: 0; } |
221 margin-right: 0; |
154 .wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block { |
|
155 max-width: none; } |
|
156 |
|
157 .block-editor-block-list__block[data-align="full"] .wp-block-columns > .block-editor-inner-blocks { |
|
158 padding-left: 14px; |
|
159 padding-right: 14px; } |
|
160 @media (min-width: 600px) { |
|
161 .block-editor-block-list__block[data-align="full"] .wp-block-columns > .block-editor-inner-blocks { |
|
162 padding-left: 60px; |
|
163 padding-right: 60px; } } |
|
164 |
|
165 .wp-block-columns { |
|
166 display: block; } |
|
167 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout { |
|
168 display: flex; |
|
169 flex-wrap: wrap; } |
|
170 @media (min-width: 782px) { |
|
171 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout { |
|
172 flex-wrap: nowrap; } } |
|
173 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] { |
|
174 display: flex; |
|
175 flex-direction: column; |
|
176 flex: 1; |
|
177 padding-left: 0; |
|
178 padding-right: 0; |
|
179 margin-left: -14px; |
|
180 margin-right: -14px; |
|
181 min-width: 0; |
|
182 word-break: break-word; |
|
183 overflow-wrap: break-word; |
|
184 flex-basis: 100%; } |
|
185 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit > div > .block-editor-inner-blocks { |
|
186 margin-top: -28px; |
|
187 margin-bottom: -28px; } |
|
188 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit { |
|
189 margin-top: 0; |
|
190 margin-bottom: 0; } |
|
191 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit::before { |
|
192 left: 0; |
|
193 right: 0; } |
|
194 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar { |
|
195 margin-left: -1px; } |
|
196 @media (min-width: 600px) { |
|
197 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] { |
|
198 margin-left: 14px; |
|
199 margin-right: 14px; } } |
|
200 @media (min-width: 600px) { |
|
201 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] { |
|
202 flex-basis: calc(50% - (16px + 28px)); |
|
203 flex-grow: 0; } } |
|
204 @media (min-width: 600px) { |
|
205 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"]:nth-child(even) { |
|
206 margin-left: calc(32px + 14px); } } |
|
207 @media (min-width: 782px) { |
|
208 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"]:not(:first-child) { |
|
209 margin-left: calc(32px + 14px); } } |
|
210 |
|
211 .wp-block-columns [data-type="core/column"].is-hovered > .block-editor-block-list__block-edit::before { |
|
212 content: none; } |
|
213 |
|
214 .wp-block-columns [data-type="core/column"].is-hovered .block-editor-block-list__breadcrumb { |
|
215 display: none; } |
|
216 |
|
217 .wp-block-columns [data-type="core/column"] { |
|
218 pointer-events: none; } |
|
219 .wp-block-columns [data-type="core/column"] .block-editor-block-list__layout { |
|
220 pointer-events: all; } |
|
221 |
|
222 .wp-block-cover-image.components-placeholder h2, |
|
223 .wp-block-cover.components-placeholder h2 { |
|
224 color: inherit; } |
|
225 |
|
226 .wp-block-cover-image.has-right-content .block-editor-rich-text__inline-toolbar, |
|
227 .wp-block-cover-image.has-left-content .block-editor-rich-text__inline-toolbar, |
|
228 .wp-block-cover.has-right-content .block-editor-rich-text__inline-toolbar, |
|
229 .wp-block-cover.has-left-content .block-editor-rich-text__inline-toolbar { |
|
230 display: inline-block; } |
|
231 |
|
232 .wp-block-cover-image .block-editor-block-list__layout, |
|
233 .wp-block-cover .block-editor-block-list__layout { |
|
234 width: 100%; } |
|
235 |
|
236 .wp-block-cover-image .block-editor-block-list__block, |
|
237 .wp-block-cover .block-editor-block-list__block { |
|
238 color: #f8f9f9; } |
|
239 |
|
240 .wp-block-cover-image .wp-block-cover__inner-container, |
|
241 .wp-block-cover .wp-block-cover__inner-container { |
|
242 text-align: left; } |
|
243 |
|
244 .wp-block-cover-image .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout, |
|
245 .wp-block-cover .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout { |
|
246 margin-left: 0; |
|
247 margin-right: 0; } |
|
248 |
|
249 .wp-block-cover-image.components-placeholder, |
|
250 .wp-block-cover.components-placeholder { |
|
251 background: rgba(139, 139, 150, 0.1); |
|
252 min-height: 200px; } |
|
253 .is-dark-theme .wp-block-cover-image.components-placeholder, .is-dark-theme |
|
254 .wp-block-cover.components-placeholder { |
|
255 background: rgba(255, 255, 255, 0.15); } |
|
256 |
|
257 [data-align="left"] .wp-block-cover-image, |
|
258 [data-align="right"] .wp-block-cover-image, [data-align="left"] |
|
259 .wp-block-cover, |
|
260 [data-align="right"] |
|
261 .wp-block-cover { |
|
262 max-width: 305px; |
|
263 width: 100%; } |
|
264 |
|
265 .wp-block-embed { |
|
266 margin: 0; |
|
267 clear: both; } |
222 clear: both; } |
268 @media (min-width: 600px) { |
|
269 .wp-block-embed { |
|
270 min-width: 360px; } |
|
271 .wp-block-embed.components-placeholder { |
|
272 min-width: 0; } } |
|
273 .wp-block-embed.is-loading { |
223 .wp-block-embed.is-loading { |
274 display: flex; |
224 display: flex; |
275 flex-direction: column; |
225 flex-direction: column; |
276 align-items: center; |
226 align-items: center; |
277 justify-content: center; |
227 justify-content: center; |
278 padding: 1em; |
228 padding: 1em; |
279 min-height: 200px; |
229 min-height: 200px; |
280 text-align: center; |
230 text-align: center; |
281 background: #f8f9f9; } |
231 border-radius: 2px; |
|
232 background-color: #fff; |
|
233 box-shadow: inset 0 0 0 1px #1e1e1e; } |
282 .wp-block-embed.is-loading p { |
234 .wp-block-embed.is-loading p { |
283 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
235 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
284 font-size: 13px; } |
236 font-size: 13px; } |
285 .wp-block-embed .components-placeholder__error { |
237 .wp-block-embed .components-placeholder__error { |
286 word-break: break-word; } |
238 word-break: break-word; } |
|
239 .wp-block-embed .components-placeholder__learn-more { |
|
240 margin-top: 1em; } |
287 |
241 |
288 .block-library-embed__interactive-overlay { |
242 .block-library-embed__interactive-overlay { |
289 position: absolute; |
243 position: absolute; |
290 top: 0; |
244 top: 0; |
291 left: 0; |
245 left: 0; |
523 |
465 |
524 .mce-toolbar-grp .mce-btn.mce-active button, |
466 .mce-toolbar-grp .mce-btn.mce-active button, |
525 .mce-toolbar-grp .mce-btn.mce-active:hover button, |
467 .mce-toolbar-grp .mce-btn.mce-active:hover button, |
526 .mce-toolbar-grp .mce-btn.mce-active i, |
468 .mce-toolbar-grp .mce-btn.mce-active i, |
527 .mce-toolbar-grp .mce-btn.mce-active:hover i { |
469 .mce-toolbar-grp .mce-btn.mce-active:hover i { |
528 color: #23282d; } |
470 color: #1e1e1e; } |
529 |
471 |
530 .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { |
472 .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { |
531 margin-right: 0; |
473 margin-right: 0; |
532 margin-left: 8px; } |
474 margin-left: 8px; } |
533 |
475 |
534 .mce-toolbar-grp .mce-btn i { |
476 .mce-toolbar-grp .mce-btn i { |
535 font-style: normal; } |
477 font-style: normal; } |
536 |
478 |
537 .block-library-classic__toolbar { |
479 .block-library-classic__toolbar { |
|
480 display: none; |
538 width: auto; |
481 width: auto; |
539 margin: 0 -14px; |
482 margin: 0; |
540 position: -webkit-sticky; |
483 position: -webkit-sticky; |
541 position: sticky; |
484 position: sticky; |
542 z-index: 10; |
485 z-index: 31; |
543 top: 14px; |
486 top: 0; |
544 transform: translateY(-14px); |
487 border: 1px solid #ddd; |
545 border: 1px solid #e2e4e7; |
|
546 border-bottom: none; |
488 border-bottom: none; |
547 padding: 0 14px; } |
489 border-radius: 2px; |
548 .is-selected .block-library-classic__toolbar { |
490 margin-bottom: 8px; |
549 border-color: #b5bcc2; |
491 padding: 0; } |
550 border-left-color: transparent; } |
492 div[data-type="core/freeform"].is-selected .block-library-classic__toolbar, |
|
493 div[data-type="core/freeform"].is-typing .block-library-classic__toolbar { |
|
494 display: block; |
|
495 border-color: #1e1e1e; } |
|
496 .block-library-classic__toolbar .mce-tinymce { |
|
497 box-shadow: none; } |
551 @media (min-width: 600px) { |
498 @media (min-width: 600px) { |
552 .block-library-classic__toolbar { |
499 .block-library-classic__toolbar { |
553 padding: 0; } } |
500 padding: 0; } } |
554 .block-library-classic__toolbar:empty { |
501 .block-library-classic__toolbar:empty { |
555 height: 37px; |
502 display: block; |
556 background: #f5f5f5; |
503 background: #f5f5f5; |
557 border-bottom: 1px solid #e2e4e7; } |
504 border-bottom: 1px solid #e2e4e7; } |
558 .block-library-classic__toolbar:empty::before { |
505 .block-library-classic__toolbar:empty::before { |
559 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
506 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
560 font-size: 13px; |
507 font-size: 13px; |
561 content: attr(data-placeholder); |
508 content: attr(data-placeholder); |
562 color: #555d66; |
509 color: #555d66; |
563 line-height: 37px; |
510 line-height: 37px; |
564 padding: 14px; } |
511 padding: 14px; } |
|
512 .block-library-classic__toolbar div.mce-toolbar-grp { |
|
513 border-bottom: 1px solid #1e1e1e; } |
565 .block-library-classic__toolbar .mce-tinymce-inline, |
514 .block-library-classic__toolbar .mce-tinymce-inline, |
566 .block-library-classic__toolbar .mce-tinymce-inline > div, |
515 .block-library-classic__toolbar .mce-tinymce-inline > div, |
567 .block-library-classic__toolbar div.mce-toolbar-grp, |
516 .block-library-classic__toolbar div.mce-toolbar-grp, |
568 .block-library-classic__toolbar div.mce-toolbar-grp > div, |
517 .block-library-classic__toolbar div.mce-toolbar-grp > div, |
569 .block-library-classic__toolbar .mce-menubar, |
518 .block-library-classic__toolbar .mce-menubar, |
580 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { |
529 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { |
581 display: none; } |
530 display: none; } |
582 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { |
531 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { |
583 display: block; } |
532 display: block; } |
584 |
533 |
585 @media (min-width: 600px) { |
534 .wp-block-gallery li { |
586 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-switcher__no-switcher-icon { |
535 list-style-type: none; } |
|
536 |
|
537 .wp-block-gallery .block-editor-media-placeholder { |
|
538 margin-bottom: 12px; |
|
539 padding: 12px; } |
|
540 .wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { |
587 display: none; } |
541 display: none; } |
588 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar { |
542 .wp-block-gallery .block-editor-media-placeholder .components-button { |
589 float: right; |
543 margin-bottom: 0; } |
590 margin-right: 25px; |
544 |
591 transform: translateY(-13px); |
545 figure.wp-block-gallery { |
592 top: 14px; } |
546 display: block; |
593 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar { |
547 margin: 0; } |
594 border: none; |
548 |
595 box-shadow: none; |
549 .blocks-gallery-grid.blocks-gallery-grid { |
596 margin-top: 3px; } } |
550 padding-left: 0; |
597 @media (min-width: 600px) and (min-width: 782px) { |
551 margin-left: 0; |
598 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar { |
552 margin-bottom: 0; } |
599 margin-top: 0; } } |
553 |
600 |
554 .blocks-gallery-item figure:not(.is-selected):focus, |
601 @media (min-width: 600px) { |
555 .blocks-gallery-item img:focus { |
602 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar::before { |
|
603 content: ""; |
|
604 display: block; |
|
605 border-left: 1px solid #e2e4e7; |
|
606 margin-top: 4px; |
|
607 margin-bottom: 4px; } |
|
608 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar__control.components-button:hover { |
|
609 background-color: transparent; } |
|
610 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .components-toolbar { |
|
611 background: transparent; |
|
612 border: none; } |
|
613 .block-editor-block-list__block[data-type="core/freeform"] .mce-container.mce-toolbar.mce-stack-layout-item { |
|
614 padding-right: 36px; } } |
|
615 |
|
616 ul.wp-block-gallery li { |
|
617 list-style-type: none; } |
|
618 |
|
619 .blocks-gallery-item figure:not(.is-selected):focus { |
|
620 outline: none; } |
556 outline: none; } |
621 |
557 |
622 .blocks-gallery-item .is-selected { |
558 .blocks-gallery-item figure.is-selected { |
623 outline: 4px solid #0085ba; } |
559 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; |
624 |
560 box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); |
625 body.admin-color-sunrise .blocks-gallery-item .is-selected { |
561 border-radius: 2px; |
626 outline: 4px solid #d1864a; } |
562 outline: 2px solid transparent; } |
627 |
563 .blocks-gallery-item figure.is-selected img { |
628 body.admin-color-ocean .blocks-gallery-item .is-selected { |
564 border-radius: 2px; } |
629 outline: 4px solid #a3b9a2; } |
565 |
630 |
566 .blocks-gallery-item figure.is-transient img { |
631 body.admin-color-midnight .blocks-gallery-item .is-selected { |
|
632 outline: 4px solid #e14d43; } |
|
633 |
|
634 body.admin-color-ectoplasm .blocks-gallery-item .is-selected { |
|
635 outline: 4px solid #a7b656; } |
|
636 |
|
637 body.admin-color-coffee .blocks-gallery-item .is-selected { |
|
638 outline: 4px solid #c2a68c; } |
|
639 |
|
640 body.admin-color-blue .blocks-gallery-item .is-selected { |
|
641 outline: 4px solid #82b4cb; } |
|
642 |
|
643 body.admin-color-light .blocks-gallery-item .is-selected { |
|
644 outline: 4px solid #0085ba; } |
|
645 |
|
646 .blocks-gallery-item .is-transient img { |
|
647 opacity: 0.3; } |
567 opacity: 0.3; } |
648 |
568 |
649 .blocks-gallery-item .block-editor-rich-text { |
569 .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { |
650 position: absolute; |
570 display: inline-flex; } |
651 bottom: 0; |
571 |
652 width: 100%; |
572 .blocks-gallery-item .block-editor-media-placeholder { |
653 max-height: 100%; |
573 margin: 0; |
654 overflow-y: auto; } |
|
655 |
|
656 .blocks-gallery-item .block-editor-rich-text figcaption:not([data-is-placeholder-visible="true"]) { |
|
657 position: relative; |
|
658 overflow: hidden; } |
|
659 |
|
660 @supports ((position: -webkit-sticky) or (position: sticky)) { |
|
661 .blocks-gallery-item .is-selected .block-editor-rich-text { |
|
662 right: 0; |
|
663 left: 0; |
|
664 margin-top: -4px; } } |
|
665 |
|
666 .blocks-gallery-item .is-selected .block-editor-rich-text .block-editor-rich-text__inline-toolbar { |
|
667 top: 0; } |
|
668 |
|
669 .blocks-gallery-item .is-selected .block-editor-rich-text figcaption { |
|
670 padding-top: 48px; } |
|
671 |
|
672 .blocks-gallery-item .components-form-file-upload, |
|
673 .blocks-gallery-item .components-button.block-library-gallery-add-item-button { |
|
674 width: 100%; |
|
675 height: 100%; } |
574 height: 100%; } |
676 |
575 .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { |
677 .blocks-gallery-item .components-button.block-library-gallery-add-item-button { |
576 display: flex; } |
678 display: flex; |
|
679 flex-direction: column; |
|
680 justify-content: center; |
|
681 box-shadow: none; |
|
682 border: none; |
|
683 border-radius: 0; |
|
684 min-height: 100px; } |
|
685 .blocks-gallery-item .components-button.block-library-gallery-add-item-button .dashicon { |
|
686 margin-top: 10px; } |
|
687 .blocks-gallery-item .components-button.block-library-gallery-add-item-button:hover, .blocks-gallery-item .components-button.block-library-gallery-add-item-button:focus { |
|
688 border: 1px solid #555d66; } |
|
689 |
|
690 .blocks-gallery-item .block-editor-rich-text figcaption a { |
|
691 color: #fff; } |
|
692 |
577 |
693 .block-library-gallery-item__inline-menu { |
578 .block-library-gallery-item__inline-menu { |
694 padding: 2px; |
579 display: none; |
695 position: absolute; |
580 position: absolute; |
696 top: -2px; |
581 top: -2px; |
697 right: -2px; |
582 margin: 8px; |
698 background-color: #0085ba; |
583 z-index: 20; |
699 display: inline-flex; |
584 transition: box-shadow 0.2s ease-out; |
700 z-index: 20; } |
585 border-radius: 2px; |
701 |
586 background: #fff; |
702 body.admin-color-sunrise .block-library-gallery-item__inline-menu { |
587 border: 1px solid #1e1e1e; } |
703 background-color: #d1864a; } |
588 @media (prefers-reduced-motion: reduce) { |
704 |
589 .block-library-gallery-item__inline-menu { |
705 body.admin-color-ocean .block-library-gallery-item__inline-menu { |
590 transition-duration: 0s; } } |
706 background-color: #a3b9a2; } |
591 .block-library-gallery-item__inline-menu:hover { |
707 |
592 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } |
708 body.admin-color-midnight .block-library-gallery-item__inline-menu { |
593 @media (min-width: 600px) { |
709 background-color: #e14d43; } |
594 .columns-7 .block-library-gallery-item__inline-menu, |
710 |
595 .columns-8 .block-library-gallery-item__inline-menu { |
711 body.admin-color-ectoplasm .block-library-gallery-item__inline-menu { |
596 padding: 2px; } } |
712 background-color: #a7b656; } |
597 .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { |
713 |
598 border: none; |
714 body.admin-color-coffee .block-library-gallery-item__inline-menu { |
599 box-shadow: none; } |
715 background-color: #c2a68c; } |
600 @media (min-width: 600px) { |
716 |
601 .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, |
717 body.admin-color-blue .block-library-gallery-item__inline-menu { |
602 .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { |
718 background-color: #82b4cb; } |
603 padding: 0; |
719 |
604 width: inherit; |
720 body.admin-color-light .block-library-gallery-item__inline-menu { |
605 height: inherit; } } |
721 background-color: #0085ba; } |
606 .block-library-gallery-item__inline-menu.is-left { |
722 .block-library-gallery-item__inline-menu .components-button { |
607 left: -2px; } |
723 color: #fff; } |
608 .block-library-gallery-item__inline-menu.is-right { |
724 .block-library-gallery-item__inline-menu .components-button:hover, .block-library-gallery-item__inline-menu .components-button:focus { |
609 right: -2px; } |
725 color: #fff; } |
|
726 |
|
727 .blocks-gallery-item__remove { |
|
728 padding: 0; } |
|
729 .blocks-gallery-item__remove.components-button:focus { |
|
730 color: inherit; } |
|
731 |
610 |
732 .blocks-gallery-item .components-spinner { |
611 .blocks-gallery-item .components-spinner { |
733 position: absolute; |
612 position: absolute; |
734 top: 50%; |
613 top: 50%; |
735 left: 50%; |
614 left: 50%; |
736 margin-top: -9px; |
615 margin-top: -9px; |
737 margin-left: -9px; } |
616 margin-left: -9px; } |
738 |
617 |
739 .is-selected .wp-block-gallery .blocks-gallery-image:nth-last-child(2), |
618 /** |
740 .is-selected .wp-block-gallery .blocks-gallery-item:nth-last-child(2), |
619 * Group: All Alignment Settings |
741 .is-typing .wp-block-gallery .blocks-gallery-image:nth-last-child(2), |
620 */ |
742 .is-typing .wp-block-gallery .blocks-gallery-item:nth-last-child(2) { |
621 .wp-block-group { |
|
622 margin-top: 0; |
|
623 margin-bottom: 0; } |
|
624 .wp-block-group .block-editor-block-list__insertion-point { |
|
625 left: 0; |
|
626 right: 0; } |
|
627 .wp-block-group > .wp-block-group__inner-container > [data-align="full"] { |
|
628 margin-left: auto; |
|
629 margin-right: auto; } |
|
630 .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { |
|
631 margin-left: -30px; |
|
632 width: calc(100% + 60px); } |
|
633 |
|
634 /** |
|
635 * Group: Full Width Alignment |
|
636 */ |
|
637 [data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block { |
|
638 padding-left: 14px; |
|
639 padding-right: 14px; } |
|
640 @media (min-width: 600px) { |
|
641 [data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block { |
|
642 padding-left: 0; |
|
643 padding-right: 0; } } |
|
644 |
|
645 [data-align="full"] .wp-block-group > .wp-block-group__inner-container > [data-align="full"] { |
|
646 padding-right: 0; |
|
647 padding-left: 0; |
|
648 left: 0; |
|
649 width: 100%; |
|
650 max-width: none; } |
|
651 |
|
652 [data-align="full"] .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { |
|
653 width: calc(100% + 60px); } |
|
654 |
|
655 [data-type="core/group"].is-selected .block-list-appender { |
|
656 margin-left: 0; |
743 margin-right: 0; } |
657 margin-right: 0; } |
744 |
658 |
745 .wp-block-heading h1, |
659 [data-type="core/group"].is-selected .has-background .block-list-appender { |
746 .wp-block-heading h2, |
660 margin-top: 18px; |
747 .wp-block-heading h3, |
661 margin-bottom: 18px; } |
748 .wp-block-heading h4, |
662 |
749 .wp-block-heading h5, |
663 .block-library-heading-level-dropdown .components-popover__content { |
750 .wp-block-heading h6 { |
664 min-width: 230px; } |
751 color: inherit; |
665 .block-library-heading-level-dropdown .components-popover__content > div { |
|
666 padding: 0; } |
|
667 |
|
668 .block-library-heading-level-toolbar { |
|
669 border: none; } |
|
670 |
|
671 .wp-block-html { |
|
672 margin-bottom: 28px; } |
|
673 .wp-block-html .block-library-html__preview-overlay { |
|
674 position: absolute; |
|
675 width: 100%; |
|
676 height: 100%; |
|
677 top: 0; |
|
678 left: 0; } |
|
679 .wp-block-html .block-editor-plain-text { |
|
680 font-family: Menlo, Consolas, monaco, monospace; |
|
681 color: #1e1e1e; |
|
682 padding: 0.8em 1em; |
|
683 border: 1px solid #ddd; |
|
684 border-radius: 4px; |
|
685 max-height: 250px; |
|
686 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
687 font-size: 16px; } |
|
688 @media (min-width: 600px) { |
|
689 .wp-block-html .block-editor-plain-text { |
|
690 font-size: 13px; } } |
|
691 .wp-block-html .block-editor-plain-text:focus { |
|
692 box-shadow: none; } |
|
693 |
|
694 figure.wp-block-image:not(.wp-block) { |
752 margin: 0; } |
695 margin: 0; } |
753 |
|
754 .wp-block-heading h1 { |
|
755 font-size: 2.44em; } |
|
756 |
|
757 .wp-block-heading h2 { |
|
758 font-size: 1.95em; } |
|
759 |
|
760 .wp-block-heading h3 { |
|
761 font-size: 1.56em; } |
|
762 |
|
763 .wp-block-heading h4 { |
|
764 font-size: 1.25em; } |
|
765 |
|
766 .wp-block-heading h5 { |
|
767 font-size: 1em; } |
|
768 |
|
769 .wp-block-heading h6 { |
|
770 font-size: 0.8em; } |
|
771 |
|
772 .wp-block-heading h1, |
|
773 .wp-block-heading h2, |
|
774 .wp-block-heading h3 { |
|
775 line-height: 1.4; } |
|
776 |
|
777 .wp-block-heading h4 { |
|
778 line-height: 1.5; } |
|
779 |
|
780 .wp-block-html .block-editor-plain-text { |
|
781 font-family: Menlo, Consolas, monaco, monospace; |
|
782 color: #23282d; |
|
783 padding: 0.8em 1em; |
|
784 border: 1px solid #e2e4e7; |
|
785 border-radius: 4px; |
|
786 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
787 font-size: 16px; } |
|
788 @media (min-width: 600px) { |
|
789 .wp-block-html .block-editor-plain-text { |
|
790 font-size: 13px; } } |
|
791 .wp-block-html .block-editor-plain-text:focus { |
|
792 box-shadow: none; } |
|
793 |
696 |
794 .wp-block-image { |
697 .wp-block-image { |
795 position: relative; } |
698 position: relative; } |
|
699 .wp-block-image .is-applying img, |
796 .wp-block-image.is-transient img { |
700 .wp-block-image.is-transient img { |
797 opacity: 0.3; } |
701 opacity: 0.3; } |
798 .wp-block-image figcaption img { |
702 .wp-block-image figcaption img { |
799 display: inline; } |
703 display: inline; } |
800 .wp-block-image .components-spinner { |
704 .wp-block-image .components-spinner { |
806 |
710 |
807 .wp-block-image .components-resizable-box__container { |
711 .wp-block-image .components-resizable-box__container { |
808 display: inline-block; } |
712 display: inline-block; } |
809 .wp-block-image .components-resizable-box__container img { |
713 .wp-block-image .components-resizable-box__container img { |
810 display: block; |
714 display: block; |
811 width: 100%; } |
715 width: inherit; |
812 |
716 height: inherit; } |
813 .wp-block-image.is-focused .components-resizable-box__handle { |
|
814 display: block; |
|
815 z-index: 1; } |
|
816 |
|
817 .block-editor-block-list__block[data-type="core/image"][data-align="center"] .wp-block-image { |
|
818 margin-left: auto; |
|
819 margin-right: auto; } |
|
820 |
|
821 .block-editor-block-list__block[data-type="core/image"][data-align="center"][data-resized="false"] .wp-block-image > div { |
|
822 margin-left: auto; |
|
823 margin-right: auto; } |
|
824 |
|
825 .edit-post-sidebar .block-library-image__dimensions { |
|
826 margin-bottom: 1em; } |
|
827 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row { |
|
828 display: flex; |
|
829 justify-content: space-between; } |
|
830 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width, |
|
831 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height { |
|
832 margin-bottom: 0.5em; } |
|
833 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width input, |
|
834 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height input { |
|
835 line-height: 1.25; } |
|
836 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width { |
|
837 margin-right: 5px; } |
|
838 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height { |
|
839 margin-left: 5px; } |
|
840 |
717 |
841 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { |
718 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { |
842 position: absolute; |
719 position: absolute; |
843 left: 0; |
720 left: 0; |
844 right: 0; |
721 right: 0; |
845 margin: -1px 0; } |
722 margin: -1px 0; } |
846 @media (min-width: 600px) { |
723 @media (min-width: 600px) { |
847 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { |
724 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { |
848 margin: -1px; } } |
725 margin: -1px; } } |
849 |
726 |
850 [data-type="core/image"][data-align="center"] .block-editor-block-list__block-edit figure, |
727 [data-align="wide"] > .wp-block-image img, |
851 [data-type="core/image"][data-align="left"] .block-editor-block-list__block-edit figure, |
728 [data-align="full"] > .wp-block-image img { |
852 [data-type="core/image"][data-align="right"] .block-editor-block-list__block-edit figure { |
|
853 margin: 0; |
|
854 display: table; } |
|
855 |
|
856 [data-type="core/image"][data-align="center"] .block-editor-block-list__block-edit .block-editor-rich-text, |
|
857 [data-type="core/image"][data-align="left"] .block-editor-block-list__block-edit .block-editor-rich-text, |
|
858 [data-type="core/image"][data-align="right"] .block-editor-block-list__block-edit .block-editor-rich-text { |
|
859 display: table-caption; |
|
860 caption-side: bottom; } |
|
861 |
|
862 [data-type="core/image"][data-align="wide"] figure img, |
|
863 [data-type="core/image"][data-align="full"] figure img { |
|
864 width: 100%; } |
729 width: 100%; } |
865 |
730 |
866 [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { |
731 .wp-block[data-align="left"] > .wp-block-image { |
867 margin: 0; |
732 margin-right: 1em; |
868 display: table; } |
733 margin-left: 0; |
869 [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized .block-editor-rich-text { |
734 margin-top: 0.5em; |
870 display: table-caption; |
735 margin-bottom: 0.5em; } |
871 caption-side: bottom; } |
736 |
|
737 .wp-block[data-align="right"] > .wp-block-image { |
|
738 margin-left: 1em; |
|
739 margin-right: 0; |
|
740 margin-top: 0.5em; |
|
741 margin-bottom: 0.5em; } |
|
742 |
|
743 .wp-block[data-align="center"] > .wp-block-image { |
|
744 margin-left: auto; |
|
745 margin-right: auto; |
|
746 text-align: center; } |
|
747 |
|
748 .wp-block-image__crop-area { |
|
749 position: relative; |
|
750 max-width: 100%; |
|
751 width: 100%; } |
|
752 |
|
753 .wp-block-image__crop-icon { |
|
754 padding: 0 8px; |
|
755 min-width: 48px; |
|
756 display: flex; |
|
757 justify-content: center; |
|
758 align-items: center; } |
|
759 .wp-block-image__crop-icon svg { |
|
760 fill: currentColor; } |
|
761 |
|
762 .wp-block-image__zoom .components-popover__content { |
|
763 overflow: visible; } |
|
764 |
|
765 .wp-block-image__zoom .components-range-control { |
|
766 flex: 1; } |
|
767 |
|
768 .wp-block-image__zoom .components-base-control__field { |
|
769 display: flex; |
|
770 margin-bottom: 0; } |
|
771 |
|
772 .wp-block-image__aspect-ratio { |
|
773 height: 46px; |
|
774 margin-bottom: -8px; |
|
775 display: flex; |
|
776 align-items: center; } |
|
777 .wp-block-image__aspect-ratio .components-button { |
|
778 width: 36px; |
|
779 padding-left: 0; |
|
780 padding-right: 0; } |
872 |
781 |
873 .wp-block-latest-comments.has-avatars .avatar { |
782 .wp-block-latest-comments.has-avatars .avatar { |
874 margin-right: 10px; } |
783 margin-right: 10px; } |
875 |
784 |
876 .wp-block-latest-comments__comment-excerpt p { |
785 .wp-block-latest-comments__comment-excerpt p { |
888 padding-left: 0; } |
797 padding-left: 0; } |
889 |
798 |
890 .wp-block-latest-posts li a > div { |
799 .wp-block-latest-posts li a > div { |
891 display: inline; } |
800 display: inline; } |
892 |
801 |
893 .wp-block-legacy-widget__edit-container, |
|
894 .wp-block-legacy-widget__preview { |
|
895 padding-left: 2.5em; |
|
896 padding-right: 2.5em; } |
|
897 |
|
898 .wp-block-legacy-widget__edit-container .widget-inside { |
802 .wp-block-legacy-widget__edit-container .widget-inside { |
899 border: none; |
803 border: none; |
900 display: block; } |
804 display: block; |
|
805 box-shadow: none; } |
|
806 |
|
807 .wp-block-legacy-widget__edit-container .widget.open { |
|
808 z-index: 0; } |
901 |
809 |
902 .wp-block-legacy-widget__update-button { |
810 .wp-block-legacy-widget__update-button { |
903 margin-left: auto; |
811 margin-left: auto; |
904 display: block; } |
812 display: block; } |
905 |
813 |
906 .wp-block-legacy-widget__edit-container .widget-inside { |
|
907 box-shadow: none; } |
|
908 |
|
909 .wp-block-legacy-widget__preview { |
814 .wp-block-legacy-widget__preview { |
910 overflow: auto; } |
815 overflow: auto; } |
911 |
816 |
912 .wp-block-media-text { |
817 .wp-block-legacy-widget__preview, |
913 grid-template-areas: "media-text-media media-text-content" "resizer resizer"; } |
818 .wp-block-legacy-widget__edit-container, |
914 |
819 .wp-block-legacy-widget__edit-widget-title { |
915 .wp-block-media-text.has-media-on-the-right { |
820 padding: 8px 14px; } |
916 grid-template-areas: "media-text-content media-text-media" "resizer resizer"; } |
821 |
|
822 .wp-block-legacy-widget__edit-widget-title { |
|
823 background: #ddd; |
|
824 color: #1e1e1e; |
|
825 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
826 font-size: 13px; |
|
827 padding: 8px 14px; |
|
828 font-weight: 600; } |
917 |
829 |
918 .wp-block-media-text .__resizable_base__ { |
830 .wp-block-media-text .__resizable_base__ { |
919 grid-area: resizer; } |
831 -ms-grid-column: 1; |
|
832 -ms-grid-column-span: 2; |
|
833 grid-column: 1 / span 2; |
|
834 -ms-grid-row: 2; |
|
835 grid-row: 2; } |
920 |
836 |
921 .wp-block-media-text .editor-media-container__resizer { |
837 .wp-block-media-text .editor-media-container__resizer { |
922 grid-area: media-text-media; |
|
923 align-self: center; |
|
924 width: 100% !important; } |
838 width: 100% !important; } |
925 |
839 |
926 .wp-block-media-text .block-editor-inner-blocks { |
840 .wp-block-media-text.is-image-fill .editor-media-container__resizer { |
927 word-break: break-word; |
841 height: 100% !important; } |
928 grid-area: media-text-content; |
842 |
929 text-align: initial; |
843 .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { |
930 padding: 0 8% 0 8%; } |
|
931 |
|
932 .wp-block-media-text > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block { |
|
933 max-width: unset; } |
844 max-width: unset; } |
934 |
|
935 figure.block-library-media-text__media-container { |
|
936 margin: 0; |
|
937 height: 100%; |
|
938 width: 100%; } |
|
939 |
|
940 .wp-block-media-text .block-library-media-text__media-container img, |
|
941 .wp-block-media-text .block-library-media-text__media-container video { |
|
942 vertical-align: middle; |
|
943 width: 100%; } |
|
944 |
|
945 .editor-media-container__resizer .components-resizable-box__handle { |
|
946 display: none; } |
|
947 |
|
948 .wp-block-media-text.is-selected:not(.is-stacked-on-mobile) .editor-media-container__resizer .components-resizable-box__handle { |
|
949 display: block; } |
|
950 |
|
951 @media (min-width: 600px) { |
|
952 .wp-block-media-text.is-selected.is-stacked-on-mobile .editor-media-container__resizer .components-resizable-box__handle { |
|
953 display: block; } } |
|
954 |
|
955 .editor-styles-wrapper .block-library-list ul, |
|
956 .editor-styles-wrapper .block-library-list ol { |
|
957 padding-left: 1.3em; |
|
958 margin-left: 1.3em; } |
|
959 |
845 |
960 .block-editor-block-list__block[data-type="core/more"] { |
846 .block-editor-block-list__block[data-type="core/more"] { |
961 max-width: 100%; |
847 max-width: 100%; |
962 text-align: center; } |
848 text-align: center; |
|
849 margin-top: 28px; |
|
850 margin-bottom: 28px; } |
963 |
851 |
964 .block-editor .wp-block-more { |
852 .block-editor .wp-block-more { |
965 display: block; |
853 display: block; |
966 text-align: center; |
854 text-align: center; |
967 white-space: nowrap; } |
855 white-space: nowrap; } |
978 text-align: center; |
866 text-align: center; |
979 margin: 0; |
867 margin: 0; |
980 border-radius: 4px; |
868 border-radius: 4px; |
981 background: #fff; |
869 background: #fff; |
982 padding: 6px 8px; |
870 padding: 6px 8px; |
983 height: 24px; } |
871 height: 24px; |
|
872 max-width: 100%; } |
984 .block-editor .wp-block-more input[type="text"]:focus { |
873 .block-editor .wp-block-more input[type="text"]:focus { |
985 box-shadow: none; } |
874 box-shadow: none; } |
986 .block-editor .wp-block-more::before { |
875 .block-editor .wp-block-more::before { |
987 content: ""; |
876 content: ""; |
988 position: absolute; |
877 position: absolute; |
989 top: calc(50%); |
878 top: calc(50%); |
990 left: 0; |
879 left: 0; |
991 right: 0; |
880 right: 0; |
992 border-top: 3px dashed #ccd0d4; } |
881 border-top: 3px dashed #ccd0d4; } |
993 |
882 |
|
883 .editor-styles-wrapper .wp-block-navigation ul, |
|
884 .editor-styles-wrapper .wp-block-navigation ol { |
|
885 margin-bottom: 0; |
|
886 margin-left: 0; |
|
887 padding-left: 0; } |
|
888 |
|
889 .editor-styles-wrapper .wp-block-navigation .block-editor-block-list__block { |
|
890 margin: 0; } |
|
891 |
|
892 .wp-block-navigation .block-list-appender { |
|
893 margin: 0; |
|
894 display: flex; |
|
895 align-items: center; } |
|
896 |
|
897 .wp-block-navigation.is-vertical .block-list-appender { |
|
898 margin: 8px; } |
|
899 |
|
900 .wp-block-navigation__inserter-content { |
|
901 padding: 16px; } |
|
902 |
|
903 .wp-block-navigation__container.is-parent-of-selected-block { |
|
904 visibility: visible; |
|
905 opacity: 1; } |
|
906 |
|
907 .has-child > .wp-block-navigation__container, .has-child:hover > .wp-block-navigation__container { |
|
908 opacity: 0; |
|
909 visibility: hidden; } |
|
910 |
|
911 .has-child.is-selected > .wp-block-navigation__container, .has-child.has-child-selected > .wp-block-navigation__container { |
|
912 opacity: 1; |
|
913 visibility: visible; } |
|
914 |
|
915 /** |
|
916 * Colors Selector component |
|
917 */ |
|
918 .block-library-colors-selector { |
|
919 width: auto; } |
|
920 .block-library-colors-selector .block-library-colors-selector__toggle { |
|
921 display: block; |
|
922 margin: 0 auto; |
|
923 padding: 3px; |
|
924 width: auto; } |
|
925 .block-library-colors-selector .block-library-colors-selector__icon-container { |
|
926 height: 30px; |
|
927 position: relative; |
|
928 margin: 0 auto; |
|
929 padding: 3px; |
|
930 display: flex; |
|
931 align-items: center; |
|
932 border-radius: 4px; } |
|
933 .block-library-colors-selector .block-library-colors-selector__state-selection { |
|
934 margin-left: auto; |
|
935 margin-right: auto; } |
|
936 .block-library-colors-selector .block-library-colors-selector__state-selection { |
|
937 border-radius: 11px; |
|
938 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); |
|
939 width: 22px; |
|
940 min-width: 22px; |
|
941 height: 22px; |
|
942 min-height: 22px; |
|
943 line-height: 20px; |
|
944 padding: 2px; } |
|
945 .block-library-colors-selector .block-library-colors-selector__state-selection > svg { |
|
946 min-width: auto !important; } |
|
947 .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, |
|
948 .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { |
|
949 color: inherit; } |
|
950 |
|
951 .block-library-colors-selector__popover .color-palette-controller-container { |
|
952 padding: 16px; } |
|
953 |
|
954 .block-library-colors-selector__popover .components-base-control__label { |
|
955 height: 20px; |
|
956 line-height: 20px; } |
|
957 |
|
958 .block-library-colors-selector__popover .component-color-indicator { |
|
959 float: right; |
|
960 margin-top: 2px; } |
|
961 |
|
962 .block-library-colors-selector__popover .components-panel__body-title { |
|
963 display: none; } |
|
964 |
|
965 .is-editing > .wp-block-navigation__container { |
|
966 visibility: visible; |
|
967 opacity: 1; |
|
968 display: flex; |
|
969 flex-direction: column; } |
|
970 |
|
971 .wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle { |
|
972 color: #fff; } |
|
973 |
|
974 .wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle > svg { |
|
975 color: #000; |
|
976 background-color: #fff; } |
|
977 |
|
978 .wp-block-navigation-placeholder .components-spinner { |
|
979 margin-top: -4px; |
|
980 margin-left: 4px; |
|
981 vertical-align: middle; |
|
982 margin-right: 7px; } |
|
983 |
|
984 .wp-block-navigation-placeholder .components-custom-select-control__label { |
|
985 margin-bottom: 1rem; } |
|
986 |
|
987 .wp-block-navigation-placeholder .components-custom-select-control__button { |
|
988 height: auto; |
|
989 padding: 0.375rem 0.75rem 0.375rem 1.5rem; |
|
990 min-width: 13.75rem; } |
|
991 |
|
992 .wp-block-navigation-placeholder .components-custom-select-control.has-menus .components-custom-select-control__item.is-create-empty-option { |
|
993 position: relative; |
|
994 margin-top: 20px; } |
|
995 .wp-block-navigation-placeholder .components-custom-select-control.has-menus .components-custom-select-control__item.is-create-empty-option::before { |
|
996 content: ""; |
|
997 position: absolute; |
|
998 top: -10px; |
|
999 left: 25px; |
|
1000 right: 25px; |
|
1001 height: 15px; |
|
1002 border-top: 1px solid #757575; } |
|
1003 |
|
1004 .wp-block-navigation-placeholder .components-custom-select-control__label { |
|
1005 font-size: 13px; |
|
1006 font-weight: normal; } |
|
1007 |
|
1008 .wp-block-navigation-placeholder .components-custom-select-control__menu { |
|
1009 margin: 0; |
|
1010 max-height: none; |
|
1011 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1012 font-size: 13px; } |
|
1013 |
|
1014 .wp-block-navigation .block-editor-button-block-appender { |
|
1015 justify-content: flex-start; } |
|
1016 |
|
1017 .wp-block-navigation-link__field .components-text-control__input.components-text-control__input, |
|
1018 .wp-block-navigation-link__container { |
|
1019 border-radius: 0; |
|
1020 line-height: 36px; |
|
1021 min-height: 36px; } |
|
1022 |
|
1023 /** |
|
1024 * Adjust Navigation Item. |
|
1025 */ |
|
1026 .wp-block-navigation-link .block-editor-block-list__layout { |
|
1027 display: block; } |
|
1028 |
|
1029 .wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected { |
|
1030 min-width: 20px; } |
|
1031 |
|
1032 .wp-block-navigation-link .block-editor-rich-text__editable.is-selected:not(.keep-placeholder-on-focus):not(:focus)[data-rich-text-placeholder]::after { |
|
1033 display: inline-block; } |
|
1034 |
|
1035 .wp-block-navigation-link .block-list-appender { |
|
1036 margin: 16px; |
|
1037 margin-left: 10px; |
|
1038 margin-top: 10px; } |
|
1039 |
|
1040 .wp-block-navigation-link__nofollow-external-link { |
|
1041 display: block; } |
|
1042 |
|
1043 .wp-block-navigation-link__separator { |
|
1044 margin: 8px 0 8px; |
|
1045 border-top: 1px solid #ddd; } |
|
1046 |
|
1047 .components-popover.wp-block-navigation-link__dropdown-content { |
|
1048 margin-top: -1px; |
|
1049 margin-left: -4px; } |
|
1050 |
|
1051 .wp-block-navigation-link__dropdown-content .components-popover__content > div { |
|
1052 padding: 8px 0; } |
|
1053 |
|
1054 .wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point { |
|
1055 display: none; } |
|
1056 |
994 .block-editor-block-list__block[data-type="core/nextpage"] { |
1057 .block-editor-block-list__block[data-type="core/nextpage"] { |
995 max-width: 100%; } |
1058 max-width: 100%; |
|
1059 margin-top: 28px; |
|
1060 margin-bottom: 28px; } |
996 |
1061 |
997 .wp-block-nextpage { |
1062 .wp-block-nextpage { |
998 display: block; |
1063 display: block; |
999 text-align: center; |
1064 text-align: center; |
1000 white-space: nowrap; } |
1065 white-space: nowrap; } |
1016 top: calc(50%); |
1081 top: calc(50%); |
1017 left: 0; |
1082 left: 0; |
1018 right: 0; |
1083 right: 0; |
1019 border-top: 3px dashed #ccd0d4; } |
1084 border-top: 3px dashed #ccd0d4; } |
1020 |
1085 |
1021 .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable.wp-block-paragraph { |
1086 .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { |
1022 padding-right: 108px; } |
1087 min-height: auto !important; } |
1023 .wp-block .wp-block .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable.wp-block-paragraph { |
1088 |
1024 padding-right: 36px; } |
1089 .wp-block-post-excerpt__excerpt.is-inline { |
1025 |
1090 display: inline-block; } |
1026 .wp-block-preformatted pre { |
1091 |
1027 white-space: pre-wrap; } |
1092 .wp-block-post-author { |
1028 |
1093 display: flex; |
1029 .block-editor-block-list__block[data-type="core/pullquote"][data-align="left"] .block-editor-rich-text p, .block-editor-block-list__block[data-type="core/pullquote"][data-align="right"] .block-editor-rich-text p { |
1094 flex-wrap: wrap; |
|
1095 line-height: 1.5; } |
|
1096 .wp-block-post-author .wp-block-post-author__byline { |
|
1097 font-size: 0.5em; |
|
1098 margin-top: 0; |
|
1099 position: relative; |
|
1100 font-style: normal; } |
|
1101 .wp-block-post-author .wp-block-post-author__content { |
|
1102 flex-grow: 1; |
|
1103 flex-basis: 0; } |
|
1104 .wp-block-post-author .wp-block-post-author__avatar img { |
|
1105 margin: 0; } |
|
1106 .wp-block-post-author .wp-block-post-author__avatar { |
|
1107 margin-bottom: -8px; } |
|
1108 .wp-block-post-author .wp-block-post-author__name { |
|
1109 margin: 0; |
|
1110 font-weight: bold; } |
|
1111 .wp-block-post-author .wp-block-post-author__bio { |
|
1112 margin: 0 0 8px; |
|
1113 font-size: 0.7em; } |
|
1114 |
|
1115 .wp-block[data-align="left"] > .wp-block-pullquote p, |
|
1116 .wp-block[data-align="right"] > .wp-block-pullquote p { |
1030 font-size: 20px; } |
1117 font-size: 20px; } |
1031 |
1118 |
1032 .wp-block-pullquote blockquote > .block-editor-rich-text p { |
1119 .wp-block-pullquote blockquote p { |
1033 font-size: 28px; |
1120 font-size: 28px; |
1034 line-height: 1.6; } |
1121 line-height: 1.6; } |
1035 |
1122 |
1036 .wp-block-pullquote.is-style-solid-color { |
1123 .wp-block-pullquote.is-style-solid-color { |
1037 margin-left: 0; |
1124 margin-left: 0; |
1038 margin-right: 0; } |
1125 margin-right: 0; } |
1039 .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p { |
1126 .wp-block-pullquote.is-style-solid-color blockquote p { |
1040 font-size: 32px; } |
1127 font-size: 32px; } |
1041 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { |
1128 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { |
1042 text-transform: none; |
1129 text-transform: none; |
1043 font-style: normal; } |
1130 font-style: normal; } |
1044 |
1131 |
1045 .wp-block-pullquote .wp-block-pullquote__citation { |
1132 .wp-block-pullquote .wp-block-pullquote__citation { |
1046 color: inherit; } |
1133 color: inherit; } |
1047 |
1134 |
1048 .wp-block-quote { |
1135 .wp-block-quote__citation { |
1049 margin: 0; } |
1136 font-size: 13px; } |
1050 .wp-block-quote__citation { |
|
1051 font-size: 13px; } |
|
1052 |
1137 |
1053 .block-editor .wp-block-rss { |
1138 .block-editor .wp-block-rss { |
1054 padding-left: 2.5em; } |
1139 padding-left: 2.5em; } |
1055 .block-editor .wp-block-rss.is-grid { |
1140 .block-editor .wp-block-rss.is-grid { |
1056 padding-left: 0; } |
1141 padding-left: 0; } |
1057 |
1142 |
1058 .wp-block-search .wp-block-search__input { |
1143 .wp-block-rss li a > div { |
1059 border-radius: 4px; |
1144 display: inline; } |
1060 border: 1px solid #8d96a0; |
1145 |
1061 color: rgba(14, 28, 46, 0.62); |
1146 .wp-block-rss__placeholder-form { |
|
1147 display: flex; |
|
1148 align-items: stretch; } |
|
1149 .wp-block-rss__placeholder-form > * { |
|
1150 margin-bottom: 8px; } |
|
1151 @media (min-width: 782px) { |
|
1152 .wp-block-rss__placeholder-form > * { |
|
1153 margin-bottom: 0; } } |
|
1154 |
|
1155 .wp-block-rss__placeholder-input { |
|
1156 display: flex; |
|
1157 align-items: stretch; |
|
1158 flex-grow: 1; } |
|
1159 .wp-block-rss__placeholder-input .components-base-control__field { |
|
1160 margin: 0; |
|
1161 display: flex; |
|
1162 align-items: stretch; |
|
1163 flex-grow: 1; |
|
1164 margin-right: 8px; } |
|
1165 |
|
1166 .wp-block-search__input { |
|
1167 border-radius: 2px; |
|
1168 border: 1px solid #7e8993; |
|
1169 color: rgba(30, 30, 30, 0.62); |
1062 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1170 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1063 font-size: 13px; } |
1171 font-size: 13px; |
1064 .wp-block-search .wp-block-search__input:focus { |
1172 padding: 8px; } |
|
1173 .wp-block-search__input:focus { |
1065 outline: none; } |
1174 outline: none; } |
1066 |
1175 |
1067 .wp-block-search .wp-block-search__button { |
1176 .wp-block-search__button { |
1068 background: #f7f7f7; |
1177 background: #f7f7f7; |
1069 border-radius: 4px; |
1178 border-radius: 2px; |
1070 border: 1px solid #ccc; |
1179 border: 1px solid #ccc; |
1071 box-shadow: inset 0 -1px 0 #ccc; |
1180 box-shadow: inset 0 -1px 0 #ccc; |
1072 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1181 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1073 font-size: 13px; } |
1182 font-size: 13px; |
1074 .wp-block-search .wp-block-search__button .wp-block-search__button-rich-text { |
1183 padding: 6px 10px; } |
1075 padding: 6px 10px; } |
1184 |
|
1185 .block-editor-block-list__block[data-type="core/separator"] { |
|
1186 padding-top: 0.1px; |
|
1187 padding-bottom: 0.1px; } |
|
1188 .block-editor-block-list__block[data-type="core/separator"].block-editor-block-list__block { |
|
1189 margin-top: 0; |
|
1190 margin-bottom: 0; } |
1076 |
1191 |
1077 .wp-block-shortcode { |
1192 .wp-block-shortcode { |
1078 display: flex; |
1193 display: flex; |
1079 flex-direction: row; |
1194 flex-direction: column; |
1080 padding: 14px; |
1195 padding: 14px; |
1081 background-color: #f8f9f9; |
|
1082 font-size: 13px; |
1196 font-size: 13px; |
1083 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } |
1197 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1198 margin-bottom: 28px; } |
1084 .wp-block-shortcode label { |
1199 .wp-block-shortcode label { |
1085 display: flex; |
1200 display: flex; |
1086 align-items: center; |
1201 align-items: center; |
1087 margin-right: 8px; |
|
1088 white-space: nowrap; |
1202 white-space: nowrap; |
1089 font-weight: 600; |
1203 font-weight: 600; |
1090 flex-shrink: 0; } |
1204 flex-shrink: 0; } |
1091 .wp-block-shortcode .block-editor-plain-text { |
1205 .wp-block-shortcode .block-editor-plain-text { |
1092 flex-grow: 1; } |
1206 max-height: 250px; } |
1093 .wp-block-shortcode .dashicon { |
1207 .wp-block-shortcode .dashicon { |
1094 margin-right: 8px; } |
1208 margin-right: 8px; } |
1095 |
1209 |
1096 .block-library-spacer__resize-container.is-selected { |
1210 .block-editor .blocks-shortcode__textarea, |
1097 background: #f3f4f5; } |
1211 .blocks-shortcode__textarea { |
|
1212 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1213 padding: 6px 8px; |
|
1214 box-shadow: 0 0 0 transparent; |
|
1215 transition: box-shadow 0.1s linear; |
|
1216 border-radius: 2px; |
|
1217 border: 1px solid #757575; |
|
1218 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
1219 font-size: 16px; |
|
1220 /* Override core line-height. To be reviewed. */ |
|
1221 line-height: normal; } |
|
1222 @media (prefers-reduced-motion: reduce) { |
|
1223 .block-editor .blocks-shortcode__textarea, |
|
1224 .blocks-shortcode__textarea { |
|
1225 transition-duration: 0s; } } |
|
1226 @media (min-width: 600px) { |
|
1227 .block-editor .blocks-shortcode__textarea, |
|
1228 .blocks-shortcode__textarea { |
|
1229 font-size: 13px; |
|
1230 /* Override core line-height. To be reviewed. */ |
|
1231 line-height: normal; } } |
|
1232 .block-editor .blocks-shortcode__textarea:focus, |
|
1233 .blocks-shortcode__textarea:focus { |
|
1234 border-color: #007cba; |
|
1235 border-color: var(--wp-admin-theme-color); |
|
1236 box-shadow: 0 0 0 0.5px #007cba; |
|
1237 box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
|
1238 outline: 2px solid transparent; } |
|
1239 .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, |
|
1240 .blocks-shortcode__textarea::-webkit-input-placeholder { |
|
1241 color: rgba(30, 30, 30, 0.62); } |
|
1242 .block-editor .blocks-shortcode__textarea::-moz-placeholder, |
|
1243 .blocks-shortcode__textarea::-moz-placeholder { |
|
1244 opacity: 1; |
|
1245 color: rgba(30, 30, 30, 0.62); } |
|
1246 .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, |
|
1247 .blocks-shortcode__textarea:-ms-input-placeholder { |
|
1248 color: rgba(30, 30, 30, 0.62); } |
|
1249 .is-dark-theme .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, .is-dark-theme |
|
1250 .blocks-shortcode__textarea::-webkit-input-placeholder { |
|
1251 color: rgba(255, 255, 255, 0.65); } |
|
1252 .is-dark-theme .block-editor .blocks-shortcode__textarea::-moz-placeholder, .is-dark-theme |
|
1253 .blocks-shortcode__textarea::-moz-placeholder { |
|
1254 opacity: 1; |
|
1255 color: rgba(255, 255, 255, 0.65); } |
|
1256 .is-dark-theme .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, .is-dark-theme |
|
1257 .blocks-shortcode__textarea:-ms-input-placeholder { |
|
1258 color: rgba(255, 255, 255, 0.65); } |
|
1259 |
|
1260 .wp-block-social-links .wp-social-link button { |
|
1261 color: currentColor; |
|
1262 padding: 6px; } |
|
1263 |
|
1264 .wp-block-social-links.is-style-pill-shape .wp-social-link button { |
|
1265 padding-left: 16px; |
|
1266 padding-right: 16px; } |
|
1267 |
|
1268 .wp-block-social-links div.block-editor-url-input { |
|
1269 display: inline-block; |
|
1270 margin-left: 8px; } |
|
1271 |
|
1272 .editor-styles-wrapper .wp-block-social-link { |
|
1273 margin: 0; |
|
1274 margin-right: 8px; } |
|
1275 |
|
1276 .editor-styles-wrapper .wp-block-social-links { |
|
1277 padding: 0; } |
|
1278 |
|
1279 .wp-block-social-links .block-list-appender { |
|
1280 margin: 0; |
|
1281 display: flex; |
|
1282 align-items: center; } |
|
1283 |
|
1284 .wp-block[data-align="center"] > .wp-block-social-links { |
|
1285 justify-content: center; } |
|
1286 |
|
1287 .block-editor-block-preview__content .wp-social-link:disabled { |
|
1288 opacity: 1; } |
|
1289 |
|
1290 [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-block-social-links { |
|
1291 min-height: 36px; } |
|
1292 |
|
1293 [data-type="core/social-links"] .wp-social-link__is-incomplete { |
|
1294 transition: transform 0.1s ease; |
|
1295 transform-origin: center center; } |
|
1296 |
|
1297 [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-social-link__is-incomplete { |
|
1298 opacity: 0; |
|
1299 transform: scale(0); |
|
1300 width: 0; |
|
1301 padding: 0; |
|
1302 margin-right: 0; } |
|
1303 |
|
1304 .wp-social-link.wp-social-link__is-incomplete { |
|
1305 opacity: 0.5; } |
|
1306 @media (prefers-reduced-motion: reduce) { |
|
1307 .wp-social-link.wp-social-link__is-incomplete { |
|
1308 transition-duration: 0s; } } |
|
1309 |
|
1310 .wp-block-social-links .is-selected .wp-social-link__is-incomplete, |
|
1311 .wp-social-link.wp-social-link__is-incomplete:hover, |
|
1312 .wp-social-link.wp-social-link__is-incomplete:focus { |
|
1313 opacity: 1; } |
|
1314 |
|
1315 [data-type="core/social-links"] .wp-social-link:focus { |
|
1316 opacity: 1; |
|
1317 box-shadow: 0 0 0 2px #fff, 0 0 0 4px #007cba; |
|
1318 box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); |
|
1319 outline: 2px solid transparent; } |
|
1320 |
|
1321 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"].is-selected::after, |
|
1322 .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"]:not([contenteditable]):focus::after { |
|
1323 right: 8px; } |
|
1324 |
|
1325 .block-library-spacer__resize-container.has-show-handle { |
|
1326 background: #f0f0f0; } |
|
1327 .is-dark-theme .block-library-spacer__resize-container.has-show-handle { |
|
1328 background: rgba(255, 255, 255, 0.15); } |
|
1329 |
|
1330 .block-library-spacer__resize-container { |
|
1331 clear: both; |
|
1332 margin-bottom: 28px; } |
|
1333 .block-library-spacer__resize-container .components-resizable-box__handle::before { |
|
1334 content: none; } |
1098 |
1335 |
1099 .edit-post-visual-editor p.wp-block-subhead { |
1336 .edit-post-visual-editor p.wp-block-subhead { |
1100 color: #6c7781; |
1337 color: #6c7781; |
1101 font-size: 1.1em; |
1338 font-size: 1.1em; |
1102 font-style: italic; } |
1339 font-style: italic; } |
1103 |
1340 |
1104 .block-editor-block-list__block[data-type="core/table"][data-align="left"] table, .block-editor-block-list__block[data-type="core/table"][data-align="right"] table, .block-editor-block-list__block[data-type="core/table"][data-align="center"] table { |
1341 .wp-block[data-align="left"] > .wp-block-table, |
1105 width: auto; } |
1342 .wp-block[data-align="right"] > .wp-block-table, |
1106 |
1343 .wp-block[data-align="center"] > .wp-block-table { |
1107 .block-editor-block-list__block[data-type="core/table"][data-align="center"] { |
1344 height: auto; } |
|
1345 .wp-block[data-align="left"] > .wp-block-table table, |
|
1346 .wp-block[data-align="right"] > .wp-block-table table, |
|
1347 .wp-block[data-align="center"] > .wp-block-table table { |
|
1348 width: auto; } |
|
1349 .wp-block[data-align="left"] > .wp-block-table td, |
|
1350 .wp-block[data-align="left"] > .wp-block-table th, |
|
1351 .wp-block[data-align="right"] > .wp-block-table td, |
|
1352 .wp-block[data-align="right"] > .wp-block-table th, |
|
1353 .wp-block[data-align="center"] > .wp-block-table td, |
|
1354 .wp-block[data-align="center"] > .wp-block-table th { |
|
1355 word-break: break-word; } |
|
1356 |
|
1357 .wp-block[data-align="center"] > .wp-block-table { |
1108 text-align: initial; } |
1358 text-align: initial; } |
1109 .block-editor-block-list__block[data-type="core/table"][data-align="center"] table { |
1359 .wp-block[data-align="center"] > .wp-block-table table { |
1110 margin: 0 auto; } |
1360 margin: 0 auto; } |
1111 |
1361 |
1112 .wp-block-table table { |
1362 .wp-block-table { |
1113 border-collapse: collapse; |
1363 margin: 0; } |
1114 width: 100%; } |
1364 .wp-block-table table { |
1115 |
1365 border-collapse: collapse; } |
1116 .wp-block-table td, |
1366 .wp-block-table td, |
1117 .wp-block-table th { |
1367 .wp-block-table th { |
1118 padding: 0; |
1368 border: 1px solid; } |
1119 border: 1px solid #000; } |
1369 .wp-block-table td.is-selected, |
1120 |
1370 .wp-block-table th.is-selected { |
1121 .wp-block-table td.is-selected, |
1371 border-color: #007cba; |
1122 .wp-block-table th.is-selected { |
1372 border-color: var(--wp-admin-theme-color); |
1123 border-color: #00a0d2; |
1373 box-shadow: inset 0 0 0 1px #007cba; |
1124 box-shadow: inset 0 0 0 1px #00a0d2; |
1374 box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); |
1125 border-style: double; } |
1375 border-style: double; } |
1126 |
1376 .wp-block-table figcaption { |
1127 .wp-block-table__cell-content { |
1377 color: #555d66; |
1128 padding: 0.5em; } |
1378 font-size: 13px; |
|
1379 text-align: center; } |
|
1380 |
|
1381 .blocks-table__placeholder-form.blocks-table__placeholder-form { |
|
1382 display: flex; |
|
1383 flex-direction: column; |
|
1384 align-items: flex-start; } |
|
1385 .blocks-table__placeholder-form.blocks-table__placeholder-form > * { |
|
1386 margin-bottom: 8px; } |
|
1387 @media (min-width: 782px) { |
|
1388 .blocks-table__placeholder-form.blocks-table__placeholder-form { |
|
1389 flex-direction: row; |
|
1390 align-items: flex-end; } |
|
1391 .blocks-table__placeholder-form.blocks-table__placeholder-form > * { |
|
1392 margin-bottom: 0; } } |
|
1393 |
|
1394 .blocks-table__placeholder-input { |
|
1395 width: 112px; |
|
1396 margin-right: 8px; |
|
1397 margin-bottom: 0; } |
|
1398 .blocks-table__placeholder-input input { |
|
1399 height: 36px; } |
|
1400 .blocks-table__placeholder-input .components-base-control__field { |
|
1401 margin-bottom: 0; } |
1129 |
1402 |
1130 .block-editor .wp-block-tag-cloud a { |
1403 .block-editor .wp-block-tag-cloud a { |
1131 display: inline-block; |
1404 display: inline-block; |
1132 margin-right: 5px; } |
1405 margin-right: 5px; } |
1133 |
1406 |
1135 display: inline-block; |
1408 display: inline-block; |
1136 margin-left: 5px; |
1409 margin-left: 5px; |
1137 color: #8f98a1; |
1410 color: #8f98a1; |
1138 text-decoration: none; } |
1411 text-decoration: none; } |
1139 |
1412 |
|
1413 .wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content { |
|
1414 min-width: 320px; |
|
1415 padding: 0; } |
|
1416 |
|
1417 .wp-block-template-part__placeholder-preview-search-form { |
|
1418 border-bottom: 1px solid #ddd; } |
|
1419 |
|
1420 .wp-block-template-part__placeholder-preview-container { |
|
1421 background: #fff; |
|
1422 padding-bottom: 16px; } |
|
1423 .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item { |
|
1424 border-radius: 2px; |
|
1425 cursor: pointer; |
|
1426 margin-top: 16px; |
|
1427 transition: all 0.05s ease-in-out; |
|
1428 border: 1px solid transparent; } |
|
1429 .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:hover { |
|
1430 border: 1px solid #007cba; |
|
1431 border: 1px solid var(--wp-admin-theme-color); } |
|
1432 .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:focus { |
|
1433 box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; |
|
1434 box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); |
|
1435 outline: 2px solid transparent; } |
|
1436 .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item.is-placeholder { |
|
1437 min-height: 100px; } |
|
1438 .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item-title { |
|
1439 padding: 4px; |
|
1440 font-size: 12px; |
|
1441 text-align: left; } |
|
1442 .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-header { |
|
1443 padding: 16px 16px 0; } |
|
1444 .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-content { |
|
1445 padding: 0 16px; } |
|
1446 .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-title { |
|
1447 color: #007cba; |
|
1448 color: var(--wp-admin-theme-color); |
|
1449 text-transform: uppercase; |
|
1450 font-size: 11px; |
|
1451 font-weight: 500; } |
|
1452 |
|
1453 .wp-block-template-part__name-panel { |
|
1454 background-color: #fff; |
|
1455 border-radius: 2px; |
|
1456 box-shadow: 0 0 0 1px #1e1e1e; |
|
1457 outline: 1px solid transparent; |
|
1458 padding: 6px 12px; } |
|
1459 .wp-block-template-part__name-panel .components-base-control__field { |
|
1460 align-items: center; |
|
1461 display: flex; |
|
1462 margin-bottom: 0; } |
|
1463 .wp-block-template-part__name-panel .components-base-control__label { |
|
1464 margin-bottom: 0; |
|
1465 margin-right: 8px; } |
|
1466 |
|
1467 .is-navigate-mode .is-selected .wp-block-template-part__name-panel { |
|
1468 box-shadow: 0 0 0 1px #007cba; |
|
1469 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } |
|
1470 .is-dark-theme .is-navigate-mode .is-selected .wp-block-template-part__name-panel { |
|
1471 box-shadow: 0 0 0 1px #007cba; |
|
1472 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } |
|
1473 |
1140 .wp-block-text-columns .block-editor-rich-text__editable:focus { |
1474 .wp-block-text-columns .block-editor-rich-text__editable:focus { |
1141 outline: 1px solid #e2e4e7; } |
1475 outline: 1px solid #ddd; } |
1142 |
1476 |
1143 pre.wp-block-verse, |
1477 pre.wp-block-verse { |
1144 .wp-block-verse pre { |
1478 color: #1e1e1e; |
1145 color: #191e23; |
|
1146 white-space: nowrap; |
1479 white-space: nowrap; |
1147 font-family: inherit; |
1480 font-family: inherit; |
1148 font-size: inherit; |
1481 font-size: inherit; |
1149 padding: 1em; |
1482 padding: 1em; |
1150 overflow: auto; } |
1483 overflow: auto; } |
1151 |
1484 |
1152 .block-editor-block-list__block[data-align="center"] { |
1485 .wp-block[data-align="center"] > .wp-block-video { |
1153 text-align: center; } |
1486 text-align: center; } |
|
1487 |
|
1488 .editor-video-poster-control .components-base-control__label { |
|
1489 display: block; } |
1154 |
1490 |
1155 .editor-video-poster-control .components-button { |
1491 .editor-video-poster-control .components-button { |
1156 margin-right: 8px; } |
1492 margin-right: 8px; } |
1157 |
1493 |
1158 .editor-video-poster-control .components-button + .components-button { |
1494 .wp-block[data-type="core/widget-area"] { |
1159 margin-top: 1em; } |
1495 max-width: 700px; } |
|
1496 |
|
1497 .wp-block-widget-area > .components-panel__body > .block-editor-inner-blocks { |
|
1498 padding-top: 24px; } |
|
1499 |
|
1500 /** |
|
1501 * Import styles from internal editor components used by the blocks. |
|
1502 */ |
|
1503 .block-editor-block-list__layout .reusable-block-edit-panel { |
|
1504 align-items: center; |
|
1505 display: flex; |
|
1506 flex-wrap: wrap; |
|
1507 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1508 font-size: 13px; |
|
1509 padding: 6px 12px; |
|
1510 border-radius: 2px; |
|
1511 background-color: #fff; |
|
1512 box-shadow: 0 0 0 1px #1e1e1e; |
|
1513 outline: 1px solid transparent; } |
|
1514 .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info { |
|
1515 margin-right: auto; } |
|
1516 .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label { |
|
1517 margin-right: 8px; |
|
1518 white-space: nowrap; |
|
1519 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1520 font-size: 13px; } |
|
1521 .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { |
|
1522 flex: 1 1 100%; } |
|
1523 .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { |
|
1524 flex-shrink: 0; } |
|
1525 @media (min-width: 960px) { |
|
1526 .block-editor-block-list__layout .reusable-block-edit-panel { |
|
1527 flex-wrap: nowrap; } |
|
1528 .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { |
|
1529 margin: 0; } |
|
1530 .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { |
|
1531 margin: 0 0 0 8px; } } |
|
1532 |
|
1533 .reusable-block-edit-panel__title[type="text"] { |
|
1534 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1535 padding: 6px 8px; |
|
1536 box-shadow: 0 0 0 transparent; |
|
1537 transition: box-shadow 0.1s linear; |
|
1538 border-radius: 2px; |
|
1539 border: 1px solid #757575; |
|
1540 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
1541 font-size: 16px; |
|
1542 /* Override core line-height. To be reviewed. */ |
|
1543 line-height: normal; } |
|
1544 @media (prefers-reduced-motion: reduce) { |
|
1545 .reusable-block-edit-panel__title[type="text"] { |
|
1546 transition-duration: 0s; } } |
|
1547 @media (min-width: 600px) { |
|
1548 .reusable-block-edit-panel__title[type="text"] { |
|
1549 font-size: 13px; |
|
1550 /* Override core line-height. To be reviewed. */ |
|
1551 line-height: normal; } } |
|
1552 .reusable-block-edit-panel__title[type="text"]:focus { |
|
1553 border-color: #007cba; |
|
1554 border-color: var(--wp-admin-theme-color); |
|
1555 box-shadow: 0 0 0 0.5px #007cba; |
|
1556 box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
|
1557 outline: 2px solid transparent; } |
|
1558 .reusable-block-edit-panel__title[type="text"]::-webkit-input-placeholder { |
|
1559 color: rgba(30, 30, 30, 0.62); } |
|
1560 .reusable-block-edit-panel__title[type="text"]::-moz-placeholder { |
|
1561 opacity: 1; |
|
1562 color: rgba(30, 30, 30, 0.62); } |
|
1563 .reusable-block-edit-panel__title[type="text"]:-ms-input-placeholder { |
|
1564 color: rgba(30, 30, 30, 0.62); } |
|
1565 .is-dark-theme .reusable-block-edit-panel__title[type="text"]::-webkit-input-placeholder { |
|
1566 color: rgba(255, 255, 255, 0.65); } |
|
1567 .is-dark-theme .reusable-block-edit-panel__title[type="text"]::-moz-placeholder { |
|
1568 opacity: 1; |
|
1569 color: rgba(255, 255, 255, 0.65); } |
|
1570 .is-dark-theme .reusable-block-edit-panel__title[type="text"]:-ms-input-placeholder { |
|
1571 color: rgba(255, 255, 255, 0.65); } |
|
1572 |
|
1573 .is-navigate-mode .is-selected .reusable-block-edit-panel { |
|
1574 box-shadow: 0 0 0 1px #007cba; |
|
1575 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } |
|
1576 .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { |
|
1577 box-shadow: 0 0 0 1px #007cba; |
|
1578 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } |
|
1579 |
|
1580 /** |
|
1581 * Editor Normalization Styles |
|
1582 * |
|
1583 * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. |
|
1584 * This allows us to create normalization styles that are easily overridden by editor styles. |
|
1585 */ |
|
1586 .block-editor-block-list__block { |
|
1587 margin-top: 28px; |
|
1588 margin-bottom: 28px; } |
|
1589 |
|
1590 #end-resizable-editor-section { |
|
1591 display: none; } |