Dashboard
PHP:
7.4.33
OS:
Linux
User:
vqweckd
/
/
home
/
vqweckd
/
www
/
wp-includes
/
css
/
dist
/
block-library
📤 Upload
📝 New File
📁 New Folder
Close
Editing: editor-rtl.css
/** * Typography */ /** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** * Colors */ /** * Fonts & basic variables. */ /** * Typography */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Radius scale. */ /** * Elevation scale. */ /** * Dimensions. */ /** * Mobile specific styles */ /** * Editor styles. */ /** * Block & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Breakpoints & Media Queries */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * Focus styles. */ /** * Standard focus rings for the WordPress Design System. * * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site, * e.g. `&:focus { @include outset-ring__focus(); }`. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ /** * Creates a checkerboard pattern background to indicate transparency. * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px. */ .block-library-utils__media-control { position: relative; } .block-library-utils__media-control .components-drop-zone__content-icon { display: none; } .block-library-utils__media-control .block-library-utils__media-control__replace-flow { display: block; } .block-library-utils__media-control .block-library-utils__media-control__replace-flow button.components-button { color: #1e1e1e; border-color: #ccc; width: 100%; display: block; height: 40px; padding-left: 32px; } .block-library-utils__media-control .block-library-utils__media-control__replace-flow button.components-button:hover { color: var(--wp-admin-theme-color); } .block-library-utils__media-control__inspector-media-replace-title { word-break: break-all; white-space: normal; text-align: start; } .block-library-utils__media-control__inspector-image-indicator { width: 20px; height: 20px; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); background: #fff linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); background-size: cover; outline: 1px solid transparent; } .block-library-utils__media-control__reset { position: absolute; left: 0; top: 8px; margin: auto 8px auto; opacity: 0; border-radius: 2px; } @media not (prefers-reduced-motion) { .block-library-utils__media-control__reset { transition: opacity 0.1s ease-in-out; } } .block-library-utils__media-control:hover .block-library-utils__media-control__reset, .block-library-utils__media-control__reset:focus, .block-library-utils__media-control__reset:hover { opacity: 1; } @media (hover: none) { .block-library-utils__media-control__reset { opacity: 1; } } .wp-block-audio { margin-right: 0; margin-left: 0; position: relative; } .wp-block-audio.is-transient audio { opacity: 0.3; } .wp-block-audio .components-spinner { position: absolute; top: 50%; right: 50%; margin-top: -9px; margin-right: -9px; } .wp-block-avatar__image img { width: 100%; } .wp-block-avatar.aligncenter .components-resizable-box__container { margin: 0 auto; } .wp-block[data-align=center] > .wp-block-button { text-align: center; margin-right: auto; margin-left: auto; } .wp-block[data-align=right] > .wp-block-button { text-align: right; } .wp-block-button { position: relative; cursor: text; } .wp-block-button:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: -2px; } .wp-block-button[data-rich-text-placeholder]::after { opacity: 0.8; } div[data-type="core/button"] { display: table; } .wp-block-buttons > .wp-block { margin: 0; } .wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button { margin: 0; } .wp-block-buttons > .block-list-appender { display: inline-flex; align-items: center; } .wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { justify-content: flex-start; } .wp-block-buttons > .wp-block-button:focus { box-shadow: none; } .wp-block-buttons { /* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */ } .wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block[data-align=center] { /* stylelint-enable @stylistic/indentation */ margin-right: auto; margin-left: auto; margin-top: 0; width: 100%; } .wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block[data-align=center] .wp-block-button { margin-bottom: 0; } .wp-block[data-align=center] > .wp-block-buttons { align-items: center; justify-content: center; } .wp-block[data-align=right] > .wp-block-buttons { justify-content: flex-end; } .wp-block-categories ul { padding-right: 2.5em; } .wp-block-categories ul ul { margin-top: 6px; } /* Center alignment for classic themes. */ [data-align=center] .wp-block-categories { text-align: center; } .wp-block-categories__indentation { padding-right: 16px; } .wp-block-code code { background: none; } .wp-block-columns :where(.wp-block) { max-width: none; margin-right: 0; margin-left: 0; } html :where(.wp-block-column) { margin-top: 0; margin-bottom: 0; } /* Styles for backwards compatibility with the legacy `post-comments` block */ .wp-block-post-comments, .wp-block-comments__legacy-placeholder { box-sizing: border-box; /* utility classes */ } .wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft { float: right; } .wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright { float: left; } .wp-block-post-comments, .wp-block-comments__legacy-placeholder { /* end utility classes */ } .wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after { content: ""; display: table; clear: both; } .wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist { clear: both; list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment { min-height: 2.25em; padding-right: 3.25em; } .wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p { font-size: 1em; line-height: 1.8; margin: 1em 0; } .wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children { list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author { line-height: 1.5; } .wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .comment-author .avatar { border-radius: 1.5em; display: block; float: right; height: 2.5em; margin-top: 0.5em; margin-left: 0.75em; width: 2.5em; } .wp-block-post-comments .comment-author cite, .wp-block-comments__legacy-placeholder .comment-author cite { font-style: normal; } .wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta { font-size: 0.875em; line-height: 1.5; } .wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b { font-weight: normal; } .wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation { margin-top: 1em; margin-bottom: 1em; display: block; } .wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata { font-size: 0.875em; } .wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label, .wp-block-post-comments .comment-form-author label, .wp-block-comments__legacy-placeholder .comment-form-author label, .wp-block-post-comments .comment-form-email label, .wp-block-comments__legacy-placeholder .comment-form-email label, .wp-block-post-comments .comment-form-url label, .wp-block-comments__legacy-placeholder .comment-form-url label { display: block; margin-bottom: 0.25em; } .wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea, .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]), .wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) { display: block; box-sizing: border-box; width: 100%; } .wp-block-post-comments .comment-form-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title { margin-bottom: 0; } .wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium, smaller); margin-right: 0.5em; } .wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply { font-size: 0.875em; margin-bottom: 1.4em; } .wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, .wp-block-post-comments input:not([type=submit]), .wp-block-comments__legacy-placeholder input:not([type=submit]) { border: 1px solid #949494; font-size: 1em; font-family: inherit; } .wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, .wp-block-post-comments input:not([type=submit]):not([type=checkbox]), .wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) { padding: calc(0.667em + 2px); } :where(.wp-block-post-comments input[type=submit], .wp-block-comments__legacy-placeholder input[type=submit]) { border: none; } .wp-block-comments { box-sizing: border-box; } .block-library-comments-toolbar__popover .components-popover__content { min-width: 230px; } .wp-block-comments__legacy-placeholder * { pointer-events: none; } .wp-block-comment-author-avatar__placeholder { border: currentColor 1px dashed; width: 100%; height: 100%; stroke: currentColor; stroke-dasharray: 3; } .wp-block[data-align=center] > .wp-block-comments-pagination { justify-content: center; } :where(.editor-styles-wrapper) .wp-block-comments-pagination { max-width: 100%; } .wp-block-comments-pagination > .wp-block-comments-pagination-next, .wp-block-comments-pagination > .wp-block-comments-pagination-previous, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers { font-size: inherit; } .wp-block-comments-pagination-numbers a { text-decoration: underline; } .wp-block-comments-pagination-numbers .page-numbers { margin-left: 2px; } .wp-block-comments-pagination-numbers .page-numbers:last-child { margin-right: 0; } .wp-block-comments-title.has-background { padding: inherit; } .wp-block-cover.is-placeholder { padding: 0 !important; display: flex; align-items: stretch; min-height: 240px; } .wp-block-cover.is-placeholder .components-placeholder.is-large { justify-content: flex-start; z-index: 1; } .wp-block-cover.is-placeholder:focus::after { min-height: auto; } .wp-block-cover.components-placeholder h2 { color: inherit; } .wp-block-cover.is-transient { position: relative; } .wp-block-cover.is-transient::before { background-color: #fff; content: ""; height: 100%; opacity: 0.3; position: absolute; width: 100%; z-index: 1; } .wp-block-cover.is-transient .wp-block-cover__inner-container { z-index: 2; } .wp-block-cover.is-transient .components-spinner { z-index: 3; } .wp-block-cover .components-spinner { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); margin: 0; } .wp-block-cover .wp-block-cover__inner-container { text-align: right; margin-right: 0; margin-left: 0; } .wp-block-cover .wp-block-cover__placeholder-background-options { width: 100%; } .wp-block-cover .wp-block-cover__image--placeholder-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } [data-align=left] > .wp-block-cover, [data-align=right] > .wp-block-cover { max-width: 420px; width: 100%; } .block-library-cover__reset-button { margin-right: auto; } .block-library-cover__resize-container { position: absolute !important; top: 0; right: 0; left: 0; bottom: 0; min-height: 50px; } .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content > div, .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container { pointer-events: none; overflow: visible; } .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { background-attachment: scroll; } .color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) { margin-top: 24px; } .wp-block-details summary div { display: inline; } .wp-block-embed { margin-right: 0; margin-left: 0; clear: both; } .wp-block-embed.is-loading { display: flex; justify-content: center; } .wp-block-embed .wp-block-embed__placeholder-input { flex: 1 1 auto; } .wp-block-embed .components-placeholder__error { word-break: break-word; } .wp-block-post-content .wp-block-embed__learn-more a { color: var(--wp-admin-theme-color); } .block-library-embed__interactive-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; } .wp-block[data-align=left] > .wp-block-embed, .wp-block[data-align=right] > .wp-block-embed { max-width: 360px; width: 100%; } .wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, .wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { min-width: 280px; } .wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { height: auto; } .wp-block[data-align=center] > .wp-block-file { text-align: center; } .wp-block-file { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 0; } .wp-block-file .components-resizable-box__container { margin-bottom: 1em; } .wp-block-file .wp-block-file__preview { margin-bottom: 1em; width: 100%; height: 100%; } .wp-block-file .wp-block-file__preview-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .wp-block-file .wp-block-file__content-wrapper { flex-grow: 1; } .wp-block-file a { min-width: 1em; } .wp-block-file a:not(.wp-block-file__button) { display: inline-block; } .wp-block-file .wp-block-file__button-richtext-wrapper { display: inline-block; margin-right: 0.75em; } .wp-block-form-input .is-input-hidden { display: flex; position: relative; font-size: 0.85em; opacity: 0.3; border: 1px dashed; padding: 0.5em; box-sizing: border-box; background: repeating-linear-gradient(-45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px); justify-content: center; align-items: center; } .wp-block-form-input .is-input-hidden::after { content: attr(data-message); } .wp-block-form-input.is-selected .is-input-hidden { opacity: 1; background: none; } .wp-block-form-submission-notification > * { opacity: 0.25; border: 1px dashed; box-sizing: border-box; background: repeating-linear-gradient(-45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px); } .wp-block-form-submission-notification.is-selected > *, .wp-block-form-submission-notification:has(.is-selected) > * { opacity: 1; background: none; } .wp-block-form-submission-notification.is-selected::after, .wp-block-form-submission-notification:has(.is-selected)::after { display: none !important; } .wp-block-form-submission-notification::after { display: flex; position: absolute; width: 100%; height: 100%; top: 0; right: 0; justify-content: center; align-items: center; font-size: 1.1em; } .wp-block-form-submission-notification.form-notification-type-success::after { content: attr(data-message-success); } .wp-block-form-submission-notification.form-notification-type-error::after { content: attr(data-message-error); } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe { height: 50vh !important; } @media (min-width: 960px) { .block-editor-freeform-modal .block-editor-freeform-modal__content:not(.is-full-screen) { height: 9999rem; } .block-editor-freeform-modal .block-editor-freeform-modal__content .components-modal__header + div { height: 100%; } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-tinymce { height: calc(100% - 36px - 16px); } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-container-body { height: 100%; display: flex; flex-direction: column; min-width: 50vw; } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area { flex-grow: 1; display: flex; flex-direction: column; } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe { flex-grow: 1; height: 10px !important; } } .block-editor-freeform-modal__actions { margin-top: 16px; } :root :where(figure.wp-block-gallery) { display: block; } :root :where(figure.wp-block-gallery) > .blocks-gallery-caption { flex: 0 0 100%; } :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label { display: none; } :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { margin-bottom: 0; } :root :where(figure.wp-block-gallery) .block-editor-media-placeholder { margin: 0; } :root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label { display: flex; } :root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption { z-index: 2; } :root :where(figure.wp-block-gallery) .components-spinner { position: absolute; top: 50%; right: 50%; margin-top: -9px; margin-right: -9px; } /** * Gallery inspector controls settings. */ .gallery-settings-buttons .components-button:first-child { margin-left: 8px; } /** * Deprecated css past this point. This can be removed once all galleries are migrated * to V2. */ .blocks-gallery-item figure:not(.is-selected):focus, .blocks-gallery-item img:focus { outline: none; } .blocks-gallery-item figure.is-selected::before { box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; content: ""; outline: 2px solid transparent; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; pointer-events: none; } .blocks-gallery-item figure.is-transient img { opacity: 0.3; } .blocks-gallery-item .block-editor-media-placeholder { margin: 0; height: 100%; } .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { display: flex; } .wp-block-gallery ul.blocks-gallery-grid { padding: 0; margin: 0; } @media (min-width: 600px) { .wp-block-update-gallery-modal { max-width: 480px; } } .wp-block-update-gallery-modal-buttons { display: flex; justify-content: flex-end; gap: 12px; } .wp-block-gallery__source-settings { grid-column: 1/-1; display: flex; flex-direction: column; gap: 8px; } .wp-block-gallery__source-settings .wp-block-gallery__source-description { margin: 0; color: #757575; font-size: 12px; } .wp-block-gallery__source-settings .components-button { justify-content: center; width: 100%; } .wp-block-gallery__source-notice { grid-column: 1/-1; margin: 0; } /** * Group: All Alignment Settings */ .wp-block-group .block-editor-block-list__insertion-point { right: 0; left: 0; } [data-type="core/group"].is-selected .block-list-appender { margin-right: 0; margin-left: 0; } [data-type="core/group"].is-selected .has-background .block-list-appender { margin-top: 18px; margin-bottom: 18px; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child { gap: inherit; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child, .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content, .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { display: inherit; width: 100%; flex-direction: inherit; flex: 1; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after { content: ""; display: flex; flex: 1 0 40px; pointer-events: none; min-height: 38px; border: 1px dashed currentColor; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child { pointer-events: none; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter, .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-button-block-appender { pointer-events: all; } .block-library-html__edit .block-library-html__preview-overlay { position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .block-library-html__edit-code { margin: 16px; } .block-library-html__edit-code .block-library-html__edit-code-button { justify-content: center; } @media (min-width: 600px) { .block-library-html__modal:not(.is-full-screen) { height: 9999rem; } } .block-library-html__modal .components-modal__children-container { height: 100%; } .block-library-html__modal-tabs { flex: 1; } .block-library-html__modal-content { flex: 1; } .block-library-html__modal-tab { height: 100%; display: flex; flex-direction: column; margin: 0; box-sizing: border-box; border: 1px solid #e0e0e0; border-radius: 2px; padding: 16px; font-family: Menlo, Consolas, monaco, monospace; } .block-library-html__modal-editor { width: 100%; height: 100%; flex: 1; border: none; background: transparent; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; resize: none; direction: ltr; overflow-x: auto; box-sizing: border-box; } .block-library-html__modal-editor:focus { outline: none; box-shadow: none; } .block-library-html__preview { display: flex; align-items: center; justify-content: center; min-height: 0; overflow-y: auto; flex: 1; } .block-library-html__preview iframe { height: 100%; } .wp-block[data-align=center] > .wp-block-icon { display: flex; justify-content: center; } .wp-block-icon__inserter-sidebar { padding-bottom: 24px; } @media (min-width: 782px) { .wp-block-icon__inserter-sidebar { overflow-x: visible; overflow-y: auto; position: absolute; top: 72px; right: 0; bottom: 0; width: 280px; padding-top: 24px; padding-inline: 24px; } } @media (min-width: 782px) { .wp-block-icon__inserter-panel { margin-inline-start: 280px; } } .wp-block-icon__inserter-loading { display: flex; justify-content: center; padding: 24px; } .wp-block-icon__inserter-grid-icons-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } .wp-block-icon__inserter-grid-no-results { display: flex; justify-content: center; } .wp-block-icon__inserter-grid-icons-list-item { display: flex; flex-direction: column; height: auto !important; } .wp-block-icon__inserter-grid-icons-list-item-icon { padding: 12px; } .wp-block-icon__inserter-grid-icons-list-item-icon svg { display: block; width: 24px; height: 24px; } .wp-block-icon__inserter-grid-icons-list-item-title { font-size: 12px; padding: 4px 4px 8px; overflow-wrap: break-word; } .wp-block-icon__toolbar-content { width: 250px; } .wp-block-icon__placeholder { backdrop-filter: blur(100px); } .wp-block-image.wp-block-image .block-editor-media-placeholder.is-small { min-height: 60px; } figure.wp-block-image:not(.wp-block) { margin: 0; } .wp-block-image { position: relative; } .wp-block-image.is-transient:not(.alignwide):not(.alignfull), .wp-block-image:has(img.is-swapping-media):not(.alignwide):not(.alignfull) { width: -moz-fit-content; width: fit-content; } .wp-block-image .is-applying img, .wp-block-image.is-transient img, .wp-block-image img.is-swapping-media { opacity: 0.3; } .wp-block-image figcaption img { display: inline; } .wp-block-image .components-spinner { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); margin: 0; } .wp-block-image__placeholder { aspect-ratio: 4/3; } .wp-block-image__placeholder.has-illustration::before { background: #fff; opacity: 0.8; } .wp-block-image__placeholder .components-placeholder__illustration { opacity: 0.1; } .wp-block-image.is-selected .block-editor-media-placeholder { filter: none !important; } .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { position: absolute; right: 0; left: 0; margin: -1px 0; } @media (min-width: 600px) { .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { margin: -1px; } } [data-align=wide] > .wp-block-image img, [data-align=full] > .wp-block-image img { height: auto; width: 100%; } .wp-block[data-align=left] > .wp-block-image, .wp-block[data-align=center] > .wp-block-image, .wp-block[data-align=right] > .wp-block-image { display: table; } .wp-block[data-align=left] > .wp-block-image > figcaption, .wp-block[data-align=center] > .wp-block-image > figcaption, .wp-block[data-align=right] > .wp-block-image > figcaption { display: table-caption; caption-side: bottom; } .wp-block[data-align=left] > .wp-block-image { margin-left: 1em; margin-right: 0; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block[data-align=right] > .wp-block-image { margin-right: 1em; margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block[data-align=center] > .wp-block-image { margin-right: auto; margin-left: auto; text-align: center; } .wp-block[data-align]:has(> .wp-block-image) { position: relative; } .wp-block-image__crop-area { position: relative; max-width: 100%; width: 100%; overflow: hidden; } .wp-block-image__crop-area .reactEasyCrop_Container { pointer-events: auto; } .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image { border: none; border-radius: 0; } .wp-block-image__crop-icon { padding: 0 8px; min-width: 48px; display: flex; justify-content: center; align-items: center; } .wp-block-image__crop-icon svg { fill: currentColor; } .wp-block-image__zoom .components-popover__content { min-width: 260px; overflow: visible !important; } .wp-block-image__toolbar_content_textarea__container { padding: 8px; } .wp-block-image__toolbar_content_textarea { width: 250px; } .wp-block-latest-posts > li { overflow: hidden; } .wp-block-latest-posts li a > div { display: inline; } :root :where(.wp-block-latest-posts) { padding-right: 2.5em; } :root :where(.wp-block-latest-posts.is-grid), :root :where(.wp-block-latest-posts__list) { padding-right: 0; } .wp-block-math__textarea-control textarea { font-family: Menlo, Consolas, monaco, monospace; direction: ltr; } .wp-block-media-text__media { position: relative; } .wp-block-media-text__media.is-transient img { opacity: 0.3; } .wp-block-media-text__media .components-spinner { position: absolute; top: 50%; right: 50%; margin-top: -9px; margin-right: -9px; } .wp-block-media-text .__resizable_base__ { grid-column: 1/span 2; grid-row: 2; } .wp-block-media-text .editor-media-container__resizer { width: 100% !important; } .wp-block-media-text.is-image-fill .editor-media-container__resizer, .wp-block-media-text.is-image-fill .components-placeholder.has-illustration, .wp-block-media-text.is-image-fill-element .editor-media-container__resizer, .wp-block-media-text.is-image-fill-element .components-placeholder.has-illustration { height: 100% !important; } .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { max-width: unset; } /* Make the featured image placeholder the same height as the media selection area. */ .wp-block-media-text--placeholder-image { min-height: 205px; } .block-editor-block-list__block[data-type="core/more"] { max-width: 100%; text-align: center; margin-top: 28px; margin-bottom: 28px; } .wp-block-more { display: block; text-align: center; white-space: nowrap; } .wp-block-more .rich-text { position: relative; font-size: 13px; text-transform: uppercase; font-weight: var(--wpds-typography-font-weight-emphasis, 600); font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #757575; display: inline-flex; white-space: nowrap; text-align: center; background: #fff; padding: 10px 36px; } .wp-block-more::before { content: ""; position: absolute; top: 50%; right: 0; left: 0; border-top: 3px dashed #ccc; } /** * Editor only CSS. */ .editor-styles-wrapper .wp-block-navigation ul { margin-top: 0; margin-bottom: 0; margin-right: 0; padding-right: 0; } .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block { margin: revert; } .wp-block-navigation-item__label { display: inline; } /** * Submenus. */ .wp-block-navigation__container, .wp-block-navigation-item { background-color: inherit; } .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container { opacity: 0; visibility: hidden; } .has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container { display: flex; opacity: 1; visibility: visible; } .is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container { opacity: 1; visibility: visible; } .is-editing > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; } .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { opacity: 1; visibility: hidden; } .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { visibility: visible; } .is-editing > .wp-block-navigation__submenu-container > .block-list-appender { display: block; position: static; width: 100%; } .is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender { color: #fff; background: #1e1e1e; padding: 0; width: 24px; margin-left: 0; margin-right: auto; } .wp-block-navigation__submenu-container .block-list-appender { display: none; } /** * Colors Selector component */ .block-library-colors-selector { width: auto; } .block-library-colors-selector .block-library-colors-selector__toggle { display: block; margin: 0 auto; padding: 3px; width: auto; } .block-library-colors-selector .block-library-colors-selector__icon-container { height: 30px; position: relative; margin: 0 auto; padding: 3px; display: flex; align-items: center; border-radius: 4px; } .block-library-colors-selector .block-library-colors-selector__state-selection { margin-right: auto; margin-left: auto; border-radius: 11px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); width: 22px; min-width: 22px; height: 22px; min-height: 22px; line-height: 20px; padding: 2px; } .block-library-colors-selector .block-library-colors-selector__state-selection > svg { min-width: auto !important; } .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { color: inherit; } .block-library-colors-selector__popover .color-palette-controller-container { padding: 16px; } .block-library-colors-selector__popover .components-base-control__label { height: 20px; line-height: 20px; } .block-library-colors-selector__popover .component-color-indicator { float: left; margin-top: 2px; } .block-library-colors-selector__popover .components-panel__body-title { display: none; } .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender { background-color: #1e1e1e; color: #fff; height: 24px; } .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender { padding: 0; } .wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender { background-color: transparent; color: #1e1e1e; } /** * Setup state */ @keyframes loadingpulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .components-placeholder.wp-block-navigation-placeholder { outline: none; padding: 0; box-shadow: none; background: none; min-height: 0; } .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { font-size: inherit; } .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { margin-bottom: 0; } .components-placeholder.wp-block-navigation-placeholder { color: inherit; } .wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder { color: #1e1e1e; } .wp-block-navigation-placeholder__preview { display: flex; align-items: center; min-width: 96px; font-size: 13px; font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { display: none; } .wp-block-navigation-placeholder__preview { color: currentColor; background: transparent; } .wp-block-navigation-placeholder__preview::before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; border: 1px dashed currentColor; border-radius: inherit; } .wp-block-navigation-placeholder__preview > svg { fill: currentColor; } .wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset, .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset { min-height: 90px; } .wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset { min-height: 132px; } .wp-block-navigation-placeholder__preview, .wp-block-navigation-placeholder__controls { padding: 6px 8px; flex-direction: row; align-items: flex-start; } .wp-block-navigation-placeholder__controls { border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; display: none; position: relative; z-index: 1; } .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { display: flex; } .wp-block-navigation-placeholder__controls { float: right; width: 100%; } .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr { display: none; } .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { flex-direction: column; align-items: flex-start; } .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr { display: none; } .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { margin-left: 12px; height: 36px; } .wp-block-navigation-placeholder__actions__indicator { display: flex; padding: 0 0 0 6px; align-items: center; justify-content: flex-start; line-height: 0; height: 36px; margin-right: 4px; } .wp-block-navigation-placeholder__actions__indicator svg { margin-left: 4px; fill: currentColor; } .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset { flex-direction: row !important; } .wp-block-navigation-placeholder__actions { display: flex; font-size: 13px; font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; gap: 6px; align-items: center; } .wp-block-navigation-placeholder__actions .components-dropdown, .wp-block-navigation-placeholder__actions > .components-button { margin-left: 0; } .wp-block-navigation-placeholder__actions { height: 100%; } .wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr { border: 0; min-height: 1px; min-width: 1px; background-color: #1e1e1e; margin: auto 0; height: 100%; max-height: 16px; } /** * Mobile menu. */ @media (min-width: 600px) { .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { display: none; } } .wp-block-navigation__responsive-container.is-menu-open { position: fixed; top: 159px; } @media (min-width: 782px) { .wp-block-navigation__responsive-container.is-menu-open { top: 97px; } } @media (min-width: 782px) { .wp-block-navigation__responsive-container.is-menu-open { right: 36px; } } @media (min-width: 960px) { .wp-block-navigation__responsive-container.is-menu-open { right: 160px; } } .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { top: 145px; } .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { right: 0; top: 159px; } @media (min-width: 782px) { .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { top: 65px; } } .is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, .is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { top: 113px; } body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open { top: 0; left: 0; bottom: 0; right: 0; } .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { padding: 0; height: auto; color: inherit; } .components-heading.wp-block-navigation-off-canvas-editor__title { margin: 0; } .wp-block-navigation-off-canvas-editor__header { margin-bottom: 8px; } .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { margin-top: 16px; } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .wp-block-navigation__loading-indicator-container { padding: 8px 12px; } .wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator { margin-top: 0; } @keyframes fadeouthalf { 0% { opacity: 1; } 100% { opacity: 0.5; } } .wp-block-navigation-delete-menu-button { width: 100%; justify-content: center; margin-bottom: 16px; } .components-button.is-link.wp-block-navigation-manage-menus-button { margin-bottom: 16px; } .wp-block-navigation__overlay-menu-preview { display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: #f0f0f0; padding: 0 24px; height: 64px !important; grid-column: span 2; } .wp-block-navigation__overlay-menu-preview.open { border-color: #e0e0e0; background-color: #fff; } .wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty { display: none; } .wp-block-navigation-placeholder__actions hr + hr { display: none; } /** * Navigation selector styles */ .wp-block-navigation__navigation-selector { margin-bottom: 16px; width: 100%; } .wp-block-navigation__navigation-selector-button { border: 1px solid; justify-content: space-between; width: 100%; } .wp-block-navigation__navigation-selector-button__icon { flex: 0 0 auto; } .wp-block-navigation__navigation-selector-button__label { flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wp-block-navigation__navigation-selector-button--createnew { border: 1px solid; margin-bottom: 16px; width: 100%; } .wp-block-navigation__responsive-container-open.components-button { opacity: 1; } .wp-block-navigation__menu-inspector-controls__empty-message { margin-right: 24px; } .editor-sidebar__panel .wp-block-navigation__submenu-header { margin-top: 0; margin-bottom: 0; } .wp-block-navigation__submenu-accessibility-notice { grid-column: span 2; } .wp-block-navigation__overlay-selector { position: relative; } .wp-block-navigation__overlay-selector-controls { margin-bottom: 8px; } .wp-block-navigation__overlay-create-button { position: absolute; top: -4px; left: 0; z-index: 1; } .wp-block-navigation__overlay-preview { border: 1px solid #ddd; border-radius: 2px; overflow-y: auto; max-height: 200px; background: #fff; } .wp-block-navigation__overlay-preview-loading { display: flex; align-items: center; justify-content: center; min-height: 200px; background: #f0f0f0; } .wp-block-navigation__overlay-preview-empty { display: flex; align-items: center; justify-content: center; min-height: 200px; padding: 16px; text-align: center; color: #757575; background: #f0f0f0; font-style: italic; } .wp-block-navigation__overlay-preview-placeholder { width: 100%; height: 200px; background: #f0f0f0; animation: wp-block-navigation-overlay-preview-pulse 1.5s ease-in-out infinite; } @keyframes wp-block-navigation-overlay-preview-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .wp-block-navigation__deleted-overlay-warning { margin-top: 12px; } .wp-block-navigation__overlay-create-button-prominent { width: 100%; justify-content: center; margin-bottom: 8px; } .wp-block-navigation__overlay-help-text-wrapper { margin-top: 8px; } /** * Appender */ .wp-block-navigation .block-list-appender { position: relative; } /** * Submenus. */ .wp-block-navigation .has-child { cursor: pointer; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { z-index: 28; } .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container { z-index: 29; } .wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container { visibility: visible !important; opacity: 1 !important; min-width: 200px !important; height: auto !important; width: auto !important; overflow: visible !important; } /** * Navigation Items. */ .wp-block-navigation-item .wp-block-navigation-item__content { cursor: text; } .wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected { min-width: 20px; } .wp-block-navigation-item .block-list-appender { margin-top: 16px; margin-left: auto; margin-bottom: 16px; margin-right: 16px; } .wp-block-navigation-link__invalid-item { color: #000; } /** * Menu item setup state. Is shown when a menu item has no URL configured. */ .wp-block-navigation-link__placeholder { position: relative; text-decoration: none !important; box-shadow: none !important; background-image: none !important; } .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { -webkit-text-decoration: wavy underline; text-decoration: wavy underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-underline-offset: 0.25rem; } .wp-block-navigation-link__placeholder.wp-block-navigation-item__content { cursor: pointer; } /** * Link Control Transforms */ .link-control-transform { border-top: 1px solid #ccc; padding: 0 16px 8px 16px; } .link-control-transform__subheading { font-size: 11px; text-transform: uppercase; font-weight: var(--wpds-typography-font-weight-emphasis, 600); color: #1e1e1e; margin-bottom: 1.5em; } .link-control-transform__items { display: flex; justify-content: space-between; } .link-control-transform__item { flex-basis: 33%; flex-direction: column; gap: 8px; height: auto; } .link-ui-page-creator { max-width: 350px; min-width: auto; width: 90vw; padding-top: 8px; } .link-ui-page-creator__inner { padding: 16px; } .link-ui-page-creator__back { margin-right: 8px; text-transform: uppercase; } /** * Error text styling for missing entity help text. */ .navigation-link-control__error-text { color: #cc1818; } .navigation-link-to__action-button { grid-column: auto; } .navigation-link-to__action-button:nth-last-child(1 of .navigation-link-to__action-button):nth-child(odd of .navigation-link-to__action-button) { grid-column: 1/-1; } .navigation-link-to__action-button.navigation-link-to__action-button.navigation-link-to__action-button { justify-content: center; } .wp-block-navigation-submenu { display: block; } .wp-block-navigation-submenu .wp-block-navigation__submenu-container { z-index: 28; } .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container { visibility: visible !important; opacity: 1 !important; min-width: 200px !important; height: auto !important; width: auto !important; position: absolute; right: -1px; top: 100%; } @media (min-width: 782px) { .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { right: 100%; top: -1px; } .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { content: ""; position: absolute; left: 100%; height: 100%; display: block; width: 0.5em; background: transparent; } } .block-editor-block-list__block[data-type="core/nextpage"] { max-width: 100%; text-align: center; margin-top: 28px; margin-bottom: 28px; } .wp-block-nextpage { display: block; text-align: center; white-space: nowrap; } .wp-block-nextpage > span { font-size: 13px; position: relative; text-transform: uppercase; font-weight: var(--wpds-typography-font-weight-emphasis, 600); font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #757575; border-radius: 4px; background: #fff; padding: 6px 8px; height: 24px; } .wp-block-nextpage::before { content: ""; position: absolute; top: 50%; right: 0; left: 0; border-top: 3px dashed #ccc; } .wp-block-navigation.items-justified-space-between .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between .wp-block-page-list { display: contents; flex: 1; } .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { flex: inherit; } .wp-block-navigation .wp-block-navigation__submenu-container > .wp-block-page-list { display: block; } .wp-block-pages-list__item__link { pointer-events: none; } @media (min-width: 600px) { .wp-block-page-list-modal { max-width: 480px; } } .wp-block-page-list-modal-buttons { display: flex; justify-content: flex-end; gap: 12px; } .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container { visibility: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-page-list__loading-indicator-container { padding: 8px 12px; } .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { min-height: auto !important; } .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { opacity: 1; } .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] { opacity: 0; } .block-editor-block-list__block[data-type="core/paragraph"].has-text-align-right[style*="writing-mode: vertical-rl"], .block-editor-block-list__block[data-type="core/paragraph"].has-text-align-left[style*="writing-mode: vertical-lr"] { rotate: 180deg; } .is-zoomed-out .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { opacity: 0; } html[dir=rtl] .has-drop-cap:not(:focus)::first-letter { float: initial; margin-right: 0.1em; } .wp-block-post-author__transform { background: #f0f0f0; border-radius: 2px; margin: 16px; padding: 16px; } .wp-block-playlist__waveform-color-controls { display: grid; grid-column: 1/-1; row-gap: 0; } .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { display: inline; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 32px; } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { text-transform: none; font-style: normal; } .wp-block-pullquote__citation { color: inherit; } .wp-block-rss li a > div { display: inline; } .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input { flex: 1 1 auto; } .wp-block-rss .wp-block-rss { all: inherit; margin: 0; padding: 0; } .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { margin: auto; } .wp-block-search :where(.wp-block-search__button) { height: auto; border-radius: initial; display: flex; align-items: center; justify-content: center; text-align: center; } .wp-block-search__inspector-controls .components-base-control { margin-bottom: 0; } .block-editor-block-list__block[data-type="core/separator"] { padding-top: 0.1px; padding-bottom: 0.1px; } .blocks-shortcode__textarea { box-sizing: border-box; max-height: 250px; resize: none; font-family: Menlo, Consolas, monaco, monospace !important; color: #1e1e1e !important; background: #fff !important; padding: 12px !important; border: 1px solid #1e1e1e !important; box-shadow: none !important; border-radius: 2px !important; font-size: 16px !important; } @media (min-width: 600px) { .blocks-shortcode__textarea { font-size: 13px !important; } } .blocks-shortcode__textarea:focus { border-color: var(--wp-admin-theme-color) !important; box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; outline: 2px solid transparent !important; } .wp-block[data-align=center] > .wp-block-site-logo, .wp-block-site-logo.aligncenter > div { display: table; margin-right: auto; margin-left: auto; } .wp-block-site-logo a { pointer-events: none; } .wp-block-site-logo .custom-logo-link { cursor: inherit; } .wp-block-site-logo .custom-logo-link:focus { box-shadow: none; } .wp-block-site-logo img { display: block; height: auto; max-width: 100%; } .wp-block-site-logo.is-transient { position: relative; } .wp-block-site-logo.is-transient img { opacity: 0.3; } .wp-block-site-logo.is-transient .components-spinner { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); margin: 0; } .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder { height: 60px; width: 60px; } .wp-block-site-logo.wp-block-site-logo > div, .wp-block-site-logo.wp-block-site-logo .components-resizable-box__container { border-radius: inherit; } .wp-block-site-logo.wp-block-site-logo .components-placeholder { display: flex; justify-content: center; align-items: center; padding: 0; border-radius: inherit; min-height: 48px; min-width: 48px; height: 100%; width: 100%; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload { display: none; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { display: none; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { padding: 0; margin: auto; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; position: relative; background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); border-style: solid; color: #fff; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg { color: inherit; } .block-library-site-logo__inspector-media-replace-container { position: relative; } .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title { word-break: break-all; white-space: normal; text-align: start; -moz-text-align-last: center; text-align-last: center; } .block-library-site-logo__inspector-media-replace-container img { width: 20px; min-width: 20px; aspect-ratio: 1; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border-radius: 2px; } .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview { padding: 6px 12px; display: flex; height: 40px; } .wp-block-site-tagline__placeholder { padding: 1em 0; border: 1px dashed; } .wp-block-site-title__placeholder { padding: 1em 0; border: 1px dashed; } .wp-block-social-links .wp-social-link { line-height: 0; } .wp-block-social-link-anchor { align-items: center; background: none; border: 0; box-sizing: border-box; cursor: pointer; display: inline-flex; font-size: inherit; color: currentColor; height: auto; font-weight: inherit; font-family: inherit; margin: 0; opacity: 1; padding: 0.25em; } .wp-block-social-link-anchor:hover { transform: none; } :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) { padding-right: 0.6666666667em; padding-left: 0.6666666667em; } :root :where(.wp-block-social-links.is-style-logos-only .wp-social-link button) { padding: 0; } .wp-block-social-link__toolbar_content_text { width: 250px; } .wp-block-social-links div.block-editor-url-input { display: inline-block; margin-right: 8px; } .wp-social-link:hover { transform: none; } :root :where(.wp-block-social-links) { padding: 0; } .wp-block[data-align=center] > .wp-block-social-links, .wp-block.wp-block-social-links.aligncenter { justify-content: center; } .block-editor-block-preview__content .components-button:disabled { opacity: 1; } .wp-social-link.wp-social-link__is-incomplete { opacity: 0.5; } .wp-block-social-links .is-selected .wp-social-link__is-incomplete, .wp-social-link.wp-social-link__is-incomplete:hover, .wp-social-link.wp-social-link__is-incomplete:focus { opacity: 1; } .wp-block-social-links .block-list-appender { position: static; } .wp-block-social-links .block-list-appender .block-editor-inserter { font-size: inherit; } .wp-block-social-links .block-list-appender .block-editor-button-block-appender { height: 1.5em; width: 1.5em; font-size: inherit; padding: 0; } .block-editor-block-list__block[data-type="core/spacer"]::before { content: ""; display: block; position: absolute; z-index: 1; width: 100%; min-height: 8px; min-width: 8px; height: 100%; } .wp-block-spacer.is-hovered .block-library-spacer__resize-container, .block-library-spacer__resize-container.has-show-handle, .wp-block-spacer.is-selected.custom-sizes-disabled { background: rgba(0, 0, 0, 0.1); } .is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, .is-dark-theme .block-library-spacer__resize-container.has-show-handle, .is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled { background: rgba(255, 255, 255, 0.15); } .block-library-spacer__resize-container { clear: both; } .block-library-spacer__resize-container:not(.is-resizing) { height: 100% !important; width: 100% !important; } .block-library-spacer__resize-container .components-resizable-box__handle::before { content: none; } .block-library-spacer__resize-container.resize-horizontal { margin-bottom: 0; height: 100% !important; } @media (min-width: 600px) { .wp-block-tab-list__mover-button { width: 24px; min-width: 0 !important; } } .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { height: auto; } .wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { width: auto; } .wp-block[data-align=left] > .wp-block-table td, .wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, .wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, .wp-block[data-align=center] > .wp-block-table th { word-break: break-word; } .wp-block[data-align=center] > .wp-block-table { text-align: initial; } .wp-block[data-align=center] > .wp-block-table table { margin: 0 auto; } .wp-block-table td, .wp-block-table th { border: 1px solid; padding: 0.5em; } .wp-block-table td.is-selected, .wp-block-table th.is-selected { border-color: var(--wp-admin-theme-color); box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); border-style: double; } .wp-block-table table.has-individual-borders > *, .wp-block-table table.has-individual-borders tr, .wp-block-table table.has-individual-borders th, .wp-block-table table.has-individual-borders td { border-width: 1px; border-style: solid; border-color: currentColor; } .blocks-table__placeholder-form.blocks-table__placeholder-form { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } @media (min-width: 782px) { .blocks-table__placeholder-form.blocks-table__placeholder-form { flex-direction: row; align-items: flex-end; } } .blocks-table__placeholder-input { width: 112px; } .block-editor-template-part__selection-modal { z-index: 1000001; } .block-editor-template-part__selection-modal .block-editor-block-patterns-list { -moz-column-count: 2; column-count: 2; -moz-column-gap: 24px; column-gap: 24px; } @media (min-width: 1280px) { .block-editor-template-part__selection-modal .block-editor-block-patterns-list { -moz-column-count: 3; column-count: 3; } } .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { -moz-column-break-inside: avoid; break-inside: avoid-column; } .block-library-template-part__selection-search { background: #fff; position: sticky; top: 0; padding: 16px 0; z-index: 2; } .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after, .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after, .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after { outline-color: var(--wp-block-synced-color); } .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after, .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { outline-color: var(--wp-block-synced-color); } .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline::after { border: none; } .wp-block-term-template .term-loading .term-loading-placeholder { width: 100%; height: 1.5em; margin-bottom: 0.25em; background-color: #f0f0f0; border-radius: 2px; } @media not (prefers-reduced-motion) { .wp-block-term-template .term-loading .term-loading-placeholder { animation: loadingpulse 1.5s ease-in-out infinite; } } @keyframes loadingpulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .wp-block-text-columns .block-editor-rich-text__editable:focus { outline: 1px solid #ddd; } .wp-block[data-align=center] > .wp-block-video { text-align: center; } .wp-block-video { position: relative; } .wp-block-video.is-transient video { opacity: 0.3; } .wp-block-video .components-spinner { position: absolute; top: 50%; right: 50%; margin-top: -9px; margin-right: -9px; } .block-library-video-tracks-editor { z-index: 159990; } .modal-open .block-library-video-tracks-editor { z-index: 99999; } .block-library-video-tracks-editor__track-list-track { padding-right: 12px; } .block-library-video-tracks-editor__single-track-editor-kind-select { max-width: 240px; } .block-library-video-tracks-editor__tracks-informative-message-title, .block-library-video-tracks-editor__single-track-editor-edit-track-label { margin-top: 4px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: var(--wpds-typography-font-weight-emphasis, 600); display: block; } .block-library-video-tracks-editor > .components-popover__content { width: 360px; } .block-library-video-tracks-editor__track-list .components-menu-group__label, .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { padding: 0; } .block-library-video-tracks-editor__tracks-informative-message { padding: 8px; } .block-library-video-tracks-editor__tracks-informative-message-description { margin-bottom: 0; } .block-library-query-pattern__selection-modal .block-editor-block-patterns-list { -moz-column-count: 2; column-count: 2; -moz-column-gap: 24px; column-gap: 24px; } @media (min-width: 1280px) { .block-library-query-pattern__selection-modal .block-editor-block-patterns-list { -moz-column-count: 3; column-count: 3; } } .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { -moz-column-break-inside: avoid; break-inside: avoid-column; } .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search { background: #fff; position: sticky; top: 0; padding: 16px 0; transform: translateY(-4px); margin-bottom: -4px; z-index: 2; } @media (min-width: 600px) { .wp-block-query__enhanced-pagination-modal { max-width: 480px; } } .block-editor-block-settings-menu__popover.is-expanded { overflow-y: scroll; } .block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content { height: 100%; } .block-editor-block-settings-menu__popover .block-editor-block-patterns-list { display: grid; grid-template-columns: 1fr; } @media (min-width: 600px) { .block-editor-block-settings-menu__popover .block-editor-block-patterns-list { grid-template-columns: 1fr 1fr; } } .block-editor-block-settings-menu__popover .block-editor-block-patterns-list { grid-gap: 12px; min-width: 280px; } @media (min-width: 600px) { .block-editor-block-settings-menu__popover .block-editor-block-patterns-list { min-width: 480px; } } .block-editor-block-settings-menu__popover .block-editor-block-patterns-list__list-item { margin-bottom: 0; } .wp-block-query > .block-editor-media-placeholder.is-small { min-height: 60px; } .wp-block[data-align=center] > .wp-block-query-pagination { justify-content: center; } :where(.editor-styles-wrapper) .wp-block-query-pagination { max-width: 100%; } :where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout { margin: 0; } .wp-block-query-pagination-numbers a { text-decoration: underline; } .wp-block-query-pagination-numbers .page-numbers { margin-left: 2px; } .wp-block-query-pagination-numbers .page-numbers:last-child { margin-right: 0; } .wp-block-post-featured-image .block-editor-media-placeholder { z-index: 1; backdrop-filter: none; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder, .wp-block-post-featured-image .components-placeholder { justify-content: center; align-items: center; padding: 0; display: flex; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload, .wp-block-post-featured-image .components-placeholder .components-form-file-upload { display: none; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button, .wp-block-post-featured-image .components-placeholder .components-button { margin: auto; padding: 0; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; position: relative; background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); border-style: solid; color: #fff; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg, .wp-block-post-featured-image .components-placeholder .components-button > svg { color: inherit; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder, .wp-block-post-featured-image .components-placeholder { min-height: 200px; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color), .wp-block-post-featured-image .components-placeholder:where(.has-border-color), .wp-block-post-featured-image img:where(.has-border-color) { border-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]), .wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]), .wp-block-post-featured-image img:where([style*=border-top-color]) { border-top-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]), .wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]), .wp-block-post-featured-image img:where([style*=border-right-color]) { border-left-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]), .wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]), .wp-block-post-featured-image img:where([style*=border-bottom-color]) { border-bottom-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]), .wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]), .wp-block-post-featured-image img:where([style*=border-left-color]) { border-right-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]), .wp-block-post-featured-image .components-placeholder:where([style*=border-width]), .wp-block-post-featured-image img:where([style*=border-width]) { border-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]), .wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]), .wp-block-post-featured-image img:where([style*=border-top-width]) { border-top-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]), .wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]), .wp-block-post-featured-image img:where([style*=border-right-width]) { border-left-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]), .wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]), .wp-block-post-featured-image img:where([style*=border-bottom-width]) { border-bottom-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]), .wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]), .wp-block-post-featured-image img:where([style*=border-left-width]) { border-right-style: solid; } .wp-block-post-featured-image[style*=height] .components-placeholder { min-height: 48px; min-width: 48px; height: 100%; width: 100%; } .wp-block-post-featured-image > a { pointer-events: none; } .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-button, .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__instructions, .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__label { opacity: 1; pointer-events: auto; } .wp-block-post-featured-image.is-transient { position: relative; } .wp-block-post-featured-image.is-transient img { opacity: 0.3; } .wp-block-post-featured-image.is-transient .components-spinner { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } div[data-type="core/post-featured-image"] img { max-width: 100%; height: auto; display: block; } .wp-block-post-comments-form * { pointer-events: none; } .wp-block-post-comments-form *.block-editor-warning * { pointer-events: auto; } /** * Element styles for the editor */ .wp-element-button { cursor: revert; } .wp-element-button[role=textbox] { cursor: text; } .block-library-poster-image__container { position: relative; } .block-library-poster-image__container:hover .block-library-poster-image__actions, .block-library-poster-image__container:focus .block-library-poster-image__actions, .block-library-poster-image__container:focus-within .block-library-poster-image__actions { opacity: 1; } .block-library-poster-image__container .block-library-poster-image__actions.block-library-poster-image__actions-select { opacity: 1; margin-top: 16px; } .block-library-poster-image__container .components-drop-zone__content { border-radius: 2px; } .block-library-poster-image__container .components-drop-zone .components-drop-zone__content-inner { display: flex; align-items: center; gap: 8px; } .block-library-poster-image__container .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon { margin: 0; } .block-library-poster-image__container .components-spinner { position: absolute; top: 50%; right: 50%; margin-top: -9px; margin-right: -9px; } .block-library-poster-image__preview { width: 100%; padding: 0; overflow: hidden; outline-offset: -1px; min-height: 40px; display: flex; justify-content: center; height: auto !important; outline: 1px solid rgba(0, 0, 0, 0.1); } .block-library-poster-image__preview .block-library-poster-image__preview-image { -o-object-fit: cover; object-fit: cover; width: 100%; -o-object-position: 50% 50%; object-position: 50% 50%; aspect-ratio: 2/1; } .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) { bottom: 0; opacity: 0; padding: 8px; position: absolute; } @media not (prefers-reduced-motion) { .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) { transition: opacity 50ms ease-out; } } .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) .block-library-poster-image__action { backdrop-filter: blur(16px) saturate(180%); background: rgba(255, 255, 255, 0.75); } .block-library-poster-image__actions .block-library-poster-image__action { flex-grow: 1; justify-content: center; } :root .editor-styles-wrapper .has-very-light-gray-background-color { background-color: #eee; } :root .editor-styles-wrapper .has-very-dark-gray-background-color { background-color: #313131; } :root .editor-styles-wrapper .has-very-light-gray-color { color: #eee; } :root .editor-styles-wrapper .has-very-dark-gray-color { color: #313131; } :root .editor-styles-wrapper { /* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */ } :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(-135deg, rgb(0, 208, 132) 0%, rgb(6, 147, 227) 100%); } :root .editor-styles-wrapper .has-purple-crush-gradient-background { background: linear-gradient(-135deg, rgb(52, 226, 228) 0%, rgb(71, 33, 251) 50%, rgb(171, 29, 254) 100%); } :root .editor-styles-wrapper .has-hazy-dawn-gradient-background { background: linear-gradient(-135deg, rgb(250, 172, 168) 0%, rgb(218, 208, 236) 100%); } :root .editor-styles-wrapper .has-subdued-olive-gradient-background { background: linear-gradient(-135deg, rgb(250, 250, 225) 0%, rgb(103, 166, 113) 100%); } :root .editor-styles-wrapper .has-atomic-cream-gradient-background { background: linear-gradient(-135deg, rgb(253, 215, 154) 0%, rgb(0, 74, 89) 100%); } :root .editor-styles-wrapper .has-nightshade-gradient-background { background: linear-gradient(-135deg, rgb(51, 9, 104) 0%, rgb(49, 205, 207) 100%); } :root .editor-styles-wrapper .has-midnight-gradient-background { background: linear-gradient(-135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); } :root .editor-styles-wrapper { /* stylelint-enable @stylistic/function-comma-space-after */ } :where(.editor-styles-wrapper) .has-regular-font-size { font-size: 16px; } :where(.editor-styles-wrapper) .has-larger-font-size { font-size: 42px; } /** * Editor Normalization Styles * * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. * This allows us to create normalization styles that are easily overridden by editor styles. */ :where(.editor-styles-wrapper) iframe:not([frameborder]) { border: 0; }
Save
Cancel