From 9264f829c82eb5041b491524c2c2840a22725337 Mon Sep 17 00:00:00 2001 From: John Blackbourn Date: Sun, 16 Aug 2026 18:13:26 -0700 Subject: [PATCH 1/2] Empty all .js and .css files. --- src/wp-admin/css/about.css | 1460 - src/wp-admin/css/admin-menu.css | 862 - src/wp-admin/css/code-editor.css | 76 - src/wp-admin/css/color-picker.css | 176 - src/wp-admin/css/common.css | 4407 --- src/wp-admin/css/customize-controls.css | 3109 -- src/wp-admin/css/customize-nav-menus.css | 897 - src/wp-admin/css/customize-widgets.css | 587 - src/wp-admin/css/dashboard.css | 1527 - src/wp-admin/css/deprecated-media.css | 428 - src/wp-admin/css/edit.css | 2158 -- src/wp-admin/css/farbtastic.css | 41 - src/wp-admin/css/forms.css | 2036 -- src/wp-admin/css/install.css | 404 - src/wp-admin/css/l10n.css | 137 - src/wp-admin/css/list-tables.css | 2460 -- src/wp-admin/css/login.css | 503 - src/wp-admin/css/media.css | 1506 - src/wp-admin/css/nav-menus.css | 1034 - src/wp-admin/css/revisions.css | 634 - src/wp-admin/css/site-health.css | 367 - src/wp-admin/css/site-icon.css | 201 - src/wp-admin/css/themes.css | 2090 -- src/wp-admin/css/view-transitions.css | 9 - src/wp-admin/css/widgets.css | 882 - src/wp-admin/css/wp-admin.css | 15 - src/wp-admin/css/wp-tooltip.css | 125 - .../build/pages/font-library/loader.js | 1 - .../build/pages/options-connectors/loader.js | 1 - .../build/routes/connectors-home/content.js | 12310 -------- .../routes/connectors-home/content.min.js | 25 - .../build/routes/connectors-home/route.js | 63 - .../build/routes/connectors-home/route.min.js | 1 - .../build/routes/font-list/content.js | 25068 ---------------- .../build/routes/font-list/content.min.js | 41 - .../build/routes/font-list/route.js | 41 - .../build/routes/font-list/route.min.js | 1 - .../build/routes/fonts-home/route.js | 13 - .../build/routes/fonts-home/route.min.js | 1 - src/wp-includes/css/admin-bar.css | 1173 - src/wp-includes/css/buttons.css | 456 - src/wp-includes/css/classic-themes.css | 24 - src/wp-includes/css/customize-preview.css | 166 - src/wp-includes/css/dashicons.css | 1439 - src/wp-includes/css/editor.css | 1887 -- src/wp-includes/css/jquery-ui-dialog.css | 355 - src/wp-includes/css/media-views.css | 3076 -- src/wp-includes/css/wp-auth-check.css | 122 - .../css/wp-block-template-skip-link.css | 29 - src/wp-includes/css/wp-embed-template-ie.css | 1 - src/wp-includes/css/wp-embed-template.css | 358 - .../css/wp-empty-template-alert.css | 23 - src/wp-includes/css/wp-pointer.css | 224 - 53 files changed, 75030 deletions(-) diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css index 9d6d8adff4a34..e69de29bb2d1d 100644 --- a/src/wp-admin/css/about.css +++ b/src/wp-admin/css/about.css @@ -1,1460 +0,0 @@ -/*------------------------------------------------------------------------------ - 22.0 - About Pages - - 1.0 Global: About, Credits, Freedoms, Privacy, Get Involved - 1.1 Layout - 1.2 Typography & Elements - 1.3 Header - 2.0 Credits Page - 3.0 Freedoms Page - 4.0 Privacy Page - x.2.0 Legacy About Styles: Global - x.2.1 Typography - x.2.2 Structure - x.2.3 Point Releases - x.3.0 Legacy About Styles: About Page - x.3.1 Typography - x.3.2 Structure - x.4.0 Legacy About Styles: Credits & Freedoms Pages - x.5.0 Legacy About Styles: Media Queries -------------------------------------------------------------------------------*/ - -.about__container { - /* Section backgrounds */ - --background: #3858e9; - --subtle-background: #f4f4f4; - - /* Main text color */ - --text: #1e1e1e; - --text-light: #fff; - - /* Accent colors: used in header, on special classes. */ - --accent-1: #3858e9; /* Link color */ - --accent-2: #183ad6; /* Accent background */ - --accent-3: #ececec; /* hr background */ - - /* Header background on small screens */ - --accent-gradient: linear-gradient(90deg, #000 4.7%, var(--accent-1) 83.84%)/*rtl:linear-gradient(-90deg, #000 4.7%, var(--accent-1) 83.84%)*/; - - /* Navigation colors. */ - --nav-background: #fff; - --nav-border: transparent; - --nav-color: var(--text); - --nav-current: var(--accent-1); - - --border-radius: 0.5rem; - - --gap: 2rem; -} - -/*------------------------------------------------------------------------------ - 1.0 - Global: About, Credits, Freedoms, Privacy, Get Involved -------------------------------------------------------------------------------*/ - -.about-php, -.credits-php, -.freedoms-php, -.privacy-php, -.contribute-php { - background: #fff; -} - -.about-php #wpcontent, -.credits-php #wpcontent, -.freedoms-php #wpcontent, -.privacy-php #wpcontent, -.contribute-php #wpcontent { - background: #fff; - padding: 0 24px; -} - -@media screen and (max-width: 782px) { - .about-php.auto-fold #wpcontent, - .credits-php.auto-fold #wpcontent, - .freedoms-php.auto-fold #wpcontent, - .privacy-php.auto-fold #wpcontent, - .contribute-php.auto-fold #wpcontent { - padding-left: 24px; - } -} - -.about__container { - max-width: 1000px; - margin: 24px auto; - clear: both; -} - -.about__container .alignleft { - float: left; -} - -.about__container .alignright { - float: right; -} - -.about__container .aligncenter { - text-align: center; -} - -.about__container .is-vertically-aligned-top { - align-self: start; -} - -.about__container .is-vertically-aligned-center { - align-self: center; -} - -.about__container .is-vertically-aligned-bottom { - align-self: end; -} - -.about__section { - background: transparent; - clear: both; -} - -.about__container .has-accent-background-color { - color: var(--text-light); - background-color: var(--accent-2); -} - -.about__container .has-transparent-background-color { - background-color: transparent; -} - -.about__container .has-accent-color { - color: var(--accent-2); -} - -.about__container .has-border { - border: 3px solid currentColor; -} - -.about__container .has-subtle-background-color { - background-color: var(--subtle-background); - border-radius: var(--border-radius); -} - -.about__container .has-background-image { - background-size: contain; - background-repeat: no-repeat; - background-position: center; -} - -/* 1.1 - Layout */ - -.about__section { - margin: 0; -} - -.about__section .column:not(.is-edge-to-edge) { - padding: var(--gap); -} - -.about__section .column.is-left-padding-zero { - padding-left: 0; -} - -.about__section .column.is-right-padding-zero { - padding-right: 0; -} - -.about__section + .about__section .is-section-header { - padding-bottom: var(--gap); -} - -.about__section .column[class*="background-color"]:not(.is-edge-to-edge), -.about__section:where([class*="background-color"]) .column:not(.is-edge-to-edge), -.about__section .column.has-border:not(.is-edge-to-edge) { - padding-top: var(--gap); - padding-bottom: var(--gap); -} - -.about__section .column p:first-of-type { - margin-top: 0; -} - -.about__section .column p:last-of-type { - margin-bottom: 0; -} - -.about__section .has-text-columns { - columns: 2; - column-gap: calc(var(--gap) * 2); -} - -.about__section .is-section-header { - margin-bottom: 0; - padding: var(--gap) var(--gap) 0; -} - -.about__section .is-section-header p:last-child { - margin-bottom: 0; -} - -/* Section header is alone in a container. */ -.about__section .is-section-header:first-child:last-child { - padding: 0; -} - -.about__section.is-feature { - padding: var(--gap); -} - -.about__section.is-feature p { - margin: 0; -} - -.about__section.is-feature p + p { - margin-top: calc(var(--gap) / 2); -} - -.about__section.has-1-column { - margin-left: auto; - margin-right: auto; - max-width: 36em; -} - -.about__section.has-2-columns, -.about__section.has-3-columns, -.about__section.has-4-columns, -.about__section.has-overlap-style { - display: grid; -} - -.about__section.has-gutters { - gap: var(--gap); - margin-bottom: var(--gap); -} - -.about__section.has-2-columns { - grid-template-columns: 1fr 1fr; -} - -.about__section.has-2-columns.is-wider-right { - grid-template-columns: 2fr 3fr; -} - -.about__section.has-2-columns.is-wider-left { - grid-template-columns: 3fr 2fr; -} - -.about__section .is-section-header { - grid-column-start: 1; - grid-column-end: -1; -} - -.about__section.has-3-columns { - grid-template-columns: repeat(3, 1fr); -} - -.about__section.has-4-columns { - grid-template-columns: repeat(4, 1fr); -} - -.about__section.has-overlap-style { - grid-template-columns: repeat(7, 1fr); -} - -.about__section.has-overlap-style .column { - grid-row-start: 1; -} - -.about__section.has-overlap-style .column:nth-of-type(2n+1) { - grid-column-start: 2; - grid-column-end: span 3; -} - -.about__section.has-overlap-style .column:nth-of-type(2n) { - grid-column-start: 4; - grid-column-end: span 3; -} - -.about__section.has-overlap-style .column.is-top-layer { - z-index: 1; -} - -@media screen and (max-width: 782px) { - .about__section.has-2-columns.is-wider-right, - .about__section.has-2-columns.is-wider-left, - .about__section.has-3-columns { - grid-template-columns: 1fr; - margin-bottom: calc(var(--gap) / 2); - } - - .about__section .column:not(.is-edge-to-edge) { - padding-top: var(--gap); - padding-bottom: var(--gap); - } - - .about__section.has-2-columns.has-gutters.is-wider-right, - .about__section.has-2-columns.has-gutters.is-wider-left, - .about__section.has-3-columns.has-gutters { - margin-bottom: calc(var(--gap) * 2); - } - - .about__section.has-2-columns.has-gutters .column, - .about__section.has-3-columns.has-gutters .column { - margin-bottom: var(--gap); - } - - .about__section.has-2-columns.has-gutters .column:last-child, - .about__section.has-3-columns.has-gutters .column:last-child { - margin-bottom: 0; - } - - .about__section.has-3-columns .column:nth-of-type(n) { - padding-top: calc(var(--gap) / 2); - padding-bottom: calc(var(--gap) / 2); - } - - .about__section.has-4-columns { - grid-template-columns: repeat(2, 1fr); - } - - .about__section.has-overlap-style { - grid-template-columns: 1fr; - } - - /* At this size, the two columns fully overlap */ - .about__section.has-overlap-style .column.column { - grid-column-start: 1; - grid-column-end: 2; - grid-row-start: 1; - grid-row-end: 2; - } -} - -@media screen and (max-width: 600px) { - .about__section.has-2-columns { - grid-template-columns: 1fr; - margin-bottom: var(--gap); - } - - .about__section.has-2-columns:not(.is-wider-right,.is-wider-left) div:has(img) { - order: 1; - } - - .about__section.has-2-columns:not(.is-wider-right,.is-wider-left) div:not(:has(img)) { - order: 0; - } - - .about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) { - padding-top: calc(var(--gap) / 2); - padding-bottom: calc(var(--gap) / 2); - } - - .about__section.has-2-columns.has-gutters { - margin-bottom: calc(var(--gap) * 2); - } - - .about__section.has-2-columns.has-gutters .column { - margin-bottom: var(--gap); - } - - .about__section.has-2-columns.has-gutters .column:last-child { - margin-bottom: 0; - } - - .about__section .column.is-left-padding-zero { - padding-right: 0; - } - - .about__section .column.is-right-padding-zero { - padding-left: 0; - } -} - -@media screen and (max-width: 480px) { - .about__section.is-feature .column, - .about__section .is-section-header { - padding: 0; - } - - .about__section.has-4-columns { - display: block; - padding-bottom: calc(var(--gap) / 2); - } - - .about__section.has-4-columns.has-gutters .column { - margin-bottom: calc(var(--gap) / 2); - } - - .about__section.has-4-columns.has-gutters .column:last-child { - margin-bottom: 0; - } - - .about__section.has-4-columns .column:nth-of-type(n) { - padding-top: calc(var(--gap) / 2); - padding-bottom: calc(var(--gap) / 2); - } -} - -/* 1.2 - Typography & Elements */ - -.about__container { - line-height: 1.4; - color: var(--text); -} - -.about__container h1 { - padding: 0; -} - -.about__container h1, -.about__container h2, -.about__container h3.is-larger-heading { - margin-top: 0; - margin-bottom: calc(0.5 * var(--gap)); - font-size: 2rem; - font-weight: 700; - line-height: 1.16; -} - -.about__container h3, -.about__container h1.is-smaller-heading, -.about__container h2.is-smaller-heading { - margin-top: 0; - margin-bottom: calc(0.5 * var(--gap)); - font-size: 1.625rem; - font-weight: 700; - line-height: 1.4; -} - -.about__container h4, -.about__container h3.is-smaller-heading { - margin-top: 0; - font-size: 1.125rem; - font-weight: 600; - line-height: 1.6; -} - -.about__container h1, -.about__container h2, -.about__container h3, -.about__container h4 { - text-wrap: pretty; - color: inherit; -} - -.about__container :is(h1, h2, h3, h4, .about__header-text):lang(en) { - text-wrap: balance; -} - -.about__container p { - text-wrap: pretty; - font-size: inherit; - line-height: inherit; -} - -.about__container p.is-subheading { - margin-top: 0; - margin-bottom: 1rem; - font-size: 1.5rem; - font-weight: 300; - line-height: 1.6; -} - -.about__section a { - color: var(--accent-1); - text-decoration: underline; -} - -.about__section a:hover, -.about__section a:active, -.about__section a:focus { - color: var(--accent-1); - text-decoration: none; -} - -.wp-credits-list a { - text-decoration: none; -} - -.wp-credits-list a:hover, -.wp-credits-list a:active, -.wp-credits-list a:focus { - text-decoration: underline; -} - -.about__section a.button.button-hero { - padding-top: 1.1875rem; - padding-bottom: 1.1875rem; - font-size: 1.5rem; - line-height: 1.4; - white-space: normal; - text-wrap: pretty; -} - -.about__container ul { - list-style: disc; - margin-left: calc(var(--gap) / 2); -} - -.about__container li { - margin-bottom: 0.5rem; -} - -.about__container img { - margin: 0; - max-width: 100%; - vertical-align: middle; -} - -.about__container .about__image { - margin: 0; -} - -.about__container .about__image img { - max-width: 100%; - width: 100%; - height: auto; - border-radius: var(--border-radius); -} - -.about__container .about__image figcaption { - margin-top: 0.5em; - text-align: center; -} - -.about__container .about__image .wp-video { - margin-left: auto; - margin-right: auto; -} - -.about__container .about__image svg { - vertical-align: middle; -} - -.about__container .about__image + h3 { - margin-top: calc(0.75 * var(--gap)); -} - -.about__container hr { - margin: calc(var(--gap) / 2) var(--gap); - height: 0; - border: none; - border-top: 6px solid var(--accent-3); -} - -.about__container hr.is-small { - margin-top: 0; - margin-bottom: 0; -} - -.about__container hr.is-large { - margin: var(--gap) auto; -} - -.about__container hr.is-invisible { - border: none; -} - -.about__container div.updated, -.about__container div.error, -.about__container .notice { - display: none !important; -} - -.about__container code { - font-size: inherit; -} - -.about__section { - font-size: 1.125rem; - line-height: 1.55; -} - -.about__section.is-feature { - font-size: 1.6em; -} - -.about__section.has-3-columns, -.about__section.has-4-columns { - font-size: 1rem; -} - -@media screen and (max-width: 480px) { - .about__section.is-feature { - font-size: 1.4em; - } - - .about__container h1, - .about__container h2, - .about__container h3.is-larger-heading { - font-size: 2em; - } - - .about__container h1 { - text-shadow: 0 0 2px var(--background); - } -} - -/* 1.3 - Header */ - -.about__header { - position: relative; - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-end; - box-sizing: border-box; - padding: calc(var(--gap) * 1.5); - padding-right: 26rem; /* Space for the background image. */ - min-height: clamp(10rem, 25vw, 18.75rem); - border-radius: var(--border-radius); - background-image: url(../images/about-header-default.svg?ver=7.1); - background-repeat: no-repeat; - background-position: right center; - background-size: cover; - background-color: var(--background); - color: var(--text-light); - margin-bottom: 0.25rem; -} - -.credits-php .about__header { - background-image: url(../images/about-header-credits.svg?ver=7.1); -} - -.freedoms-php .about__header { - background-image: url(../images/about-header-freedoms.svg?ver=7.1); -} - -.privacy-php .about__header { - background-image: url(../images/about-header-privacy.svg?ver=7.1); -} - -.contribute-php .about__header { - background-image: url(../images/about-header-get-involved.svg?ver=7.1); -} - -[dir="rtl"] .about__header { - background-image: url(../images/about-header-default-rtl.svg?ver=7.1); -} - -[dir="rtl"] .credits-php .about__header { - background-image: url(../images/about-header-credits-rtl.svg?ver=7.1); -} - -[dir="rtl"] .freedoms-php .about__header { - background-image: url(../images/about-header-freedoms-rtl.svg?ver=7.1); -} - -[dir="rtl"] .privacy-php .about__header { - background-image: url(../images/about-header-privacy-rtl.svg?ver=7.1); -} - -[dir="rtl"] .contribute-php .about__header { - background-image: url(../images/about-header-get-involved-rtl.svg?ver=7.1); -} - -.about__header-image { - margin: 0 0 calc(var(--gap) * 1.5); -} - -.about__header-title { - box-sizing: border-box; - margin: 0; - padding: 0; -} - -.about__header-title h1 { - margin: 0; - padding: 0; - /* Fluid font size scales on browser size 960px - 1200px. */ - font-size: clamp(2rem, 20vw - 9rem, 4rem); - line-height: 1; - font-weight: 600; - color: var(--text-light); -} - -.about-php .about__header-title h1, -.credits-php .about__header-title h1, -.freedoms-php .about__header-title h1, -.privacy-php .about__header-title h1, -.contribute-php .about__header-title h1 { - /* Fluid font size scales on browser size 960px - 1200px. */ - font-size: clamp(2rem, 20vw - 9rem, 4rem); -} - -.about__header-text { - box-sizing: border-box; - max-width: 26em; - margin: 1rem 0 0; - padding: 0; - font-size: 1.6rem; - line-height: 1.15; - color: var(--text-light); -} - -.about__header-navigation { - position: relative; - z-index: 1; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - padding-top: 0; - margin-bottom: var(--gap); - background: var(--nav-background); - color: var(--nav-color); - border-bottom: 3px solid var(--nav-border); -} - -.about__header-navigation::after { - display: none; -} - -.about__header-navigation .nav-tab { - margin-left: 0; - padding: calc(var(--gap) * 0.75) var(--gap); - float: none; - font-size: 1.4em; - line-height: 1; - border-width: 0 0 3px; - border-style: solid; - border-color: transparent; - background: transparent; - color: inherit; -} - -.about__header-navigation .nav-tab:hover, -.about__header-navigation .nav-tab:active { - background-color: var(--nav-current); - color: var(--text-light); - border-radius: var(--border-radius); -} - -.about__header-navigation .nav-tab-active { - margin-bottom: -3px; - color: var(--nav-current); - border-width: 0 0 6px; - border-color: var(--nav-current); -} - -.about__header-navigation .nav-tab-active:hover, -.about__header-navigation .nav-tab-active:active { - background-color: var(--nav-current); - color: var(--text-light); - border-color: var(--nav-current); - border-radius: var(--border-radius); -} - -@media screen and (max-width: 960px) { - .about__header { - padding-right: 21rem; - } - - .about-php .about__header-title h1, - .credits-php .about__header-title h1, - .freedoms-php .about__header-title h1, - .privacy-php .about__header-title h1, - .contribute-php .about__header-title h1 { - /* Fluid font size scales on browser size 600px - 960px. */ - font-size: clamp(2rem, 20vw - 9rem, 4rem); - } - - .about__header-navigation .nav-tab { - padding: calc(var(--gap) * 0.75) calc(var(--gap) * 0.5); - } -} - -@media screen and (max-width: 782px) { - .about__container .about__header-text { - font-size: 1.4em; - } - - .about__header-container { - display: block; - } - - .about__header { - padding: var(--gap); - padding-right: 17rem; - } - - .about__header-text { - margin-top: 0.5rem; - } - - .about__header-navigation .nav-tab { - margin-top: 0; - margin-right: 0; - font-size: 1.2em; - } -} - -@media screen and (max-width: 600px) { - .about__header { - min-height: auto; - padding-right: var(--gap); - } - - .about__header-navigation { - display: block; - } - - .about__header-navigation .nav-tab { - display: block; - margin-bottom: 0; - padding: calc(var(--gap) / 2); - border-left-width: 6px; - border-bottom: none; - } - - .about__header-navigation .nav-tab-active { - border-bottom: none; - border-left-width: 6px; - } -} - - -/*------------------------------------------------------------------------------ - 2.0 - Credits Page -------------------------------------------------------------------------------*/ - -.about__section .wp-people-group-title { - margin-bottom: calc(var(--gap) * 2 - 10px); - text-align: center; -} - -.about__section .wp-people-group { - margin: 0; - display: flex; - flex-wrap: wrap; -} - -.about__section .wp-person { - display: inline-block; - vertical-align: top; - box-sizing: border-box; - margin-bottom: calc(var(--gap) - 10px); - width: 25%; - text-align: center; -} - -.about__section .compact .wp-person { - height: auto; - width: 20%; -} - -.about__section .wp-person-avatar { - display: block; - margin: 0 auto calc(var(--gap) / 2); - width: 140px; - height: 140px; - border-radius: 100%; - overflow: hidden; -} - -.about__section .wp-person .gravatar { - width: 140px; - height: 140px; - filter: grayscale(100%); -} - -.about__section .compact .wp-person-avatar, -.about__section .compact .wp-person .gravatar { - width: 80px; - height: 80px; -} - -.about__section .wp-person .web { - display: block; - font-size: 1.4em; - font-weight: 600; - padding: 10px 10px 0; - text-decoration: none; -} - -.about__section .wp-person .web:hover { - text-decoration: underline; -} - -.about__section .compact .wp-person .web { - font-size: 1.2em; -} - -.about__section .wp-person .title { - display: block; - margin-top: 0.5em; -} - -@media screen and (max-width: 782px) { - .about__section .wp-person { - width: 33%; - } - - .about__section .compact .wp-person { - width: 25%; - } - - .about__section .wp-person-avatar, - .about__section .wp-person .gravatar { - width: 120px; - height: 120px; - } -} - -@media screen and (max-width: 600px) { - .about__section .wp-person { - width: 50%; - } - - .about__section .compact .wp-person { - width: 33%; - } - - .about__section .wp-person .web { - font-size: 1.2em; - } -} - -@media screen and (max-width: 480px) { - .about__section .wp-person { - min-width: 100%; - } - - .about__section .wp-person .web { - font-size: 1em; - } - - .about__section .compact .wp-person .web { - font-size: 1em; - } -} - - -/*------------------------------------------------------------------------------ - 3.0 - Freedoms Page -------------------------------------------------------------------------------*/ - -.about__section .column .freedom-image { - margin-bottom: var(--gap); - max-height: 180px; -} - - -/*------------------------------------------------------------------------------ - 4.0 - Privacy Page -------------------------------------------------------------------------------*/ - -.about__section .column .privacy-image { - display: block; - margin-left: auto; - margin-right: auto; - max-width: 25rem; -} - - -/*------------------------------------------------------------------------------ - x.2.0 - Legacy About Styles: Global -------------------------------------------------------------------------------*/ - -.about-wrap { - position: relative; - margin: 25px 40px 0 20px; - max-width: 1050px; /* readability */ - font-size: 15px; -} - -.about-wrap.full-width-layout { - max-width: 1200px; -} - -.about-wrap-content { - max-width: 1050px; -} - -.about-wrap div.updated, -.about-wrap div.error, -.about-wrap .notice { - display: none !important; -} - -.about-wrap hr { - border: 0; - height: 0; - margin: 3em 0 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); -} - -.about-wrap img { - margin: 0; - width: 100%; - height: auto; - vertical-align: middle; -} - -.about-wrap .inline-svg img { - max-width: 100%; - width: auto; - height: auto; -} - -.about-wrap video { - margin: 1.5em auto; -} - -/* WordPress Version Badge */ - -.wp-badge { - background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat; - background-position: center 25px; - background-size: 80px 80px; - color: #fff; - font-size: 14px; - text-align: center; - font-weight: 600; - margin: 5px 0 0; - padding-top: 120px; - height: 40px; - display: inline-block; - width: 140px; - text-rendering: optimizeLegibility; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -} - -.svg .wp-badge { - background-image: url(../images/wordpress-logo-white.svg?ver=20160308); -} - -.about-wrap .wp-badge { - position: absolute; - top: 0; - right: 0; -} - -/* Tabs */ - -.about-wrap .nav-tab { - padding-right: 15px; - padding-left: 15px; - font-size: 18px; - line-height: 1.33333333; -} - -/* x.2.1 - Typography */ - -.about-wrap h1 { - margin: 0.2em 200px 0 0; - padding: 0; - color: #32373c; - line-height: 1.2; - font-size: 2.8em; - font-weight: 400; -} - -.about-wrap h2 { - margin: 40px 0 0.6em; - font-size: 2.7em; - line-height: 1.3; - font-weight: 300; - text-align: center; -} - -.about-wrap h3 { - margin: 1.25em 0 0.6em; - font-size: 1.4em; - line-height: 1.5; -} - -.about-wrap h4 { - font-size: 16px; - color: #23282d; -} - -.about-wrap p { - line-height: 1.5; - font-size: 16px; -} - -.about-wrap code, -.about-wrap ol li p { - font-size: 14px; - font-weight: 400; -} - -.about-wrap figcaption { - font-size: 13px; - text-align: center; - color: #fff; - text-overflow: ellipsis; -} - -.about-wrap .about-description, -.about-wrap .about-text { - margin-top: 1.4em; - font-weight: 400; - line-height: 1.6; - font-size: 19px; -} - -.about-wrap .about-text { - margin: 1em 200px 1em 0; - color: #555d66; -} - -/* x.2.2 - Structure */ - -.about-wrap .has-1-columns, -.about-wrap .has-2-columns, -.about-wrap .has-3-columns, -.about-wrap .has-4-columns { - display: grid; - max-width: 800px; - margin-top: 40px; - margin-left: auto; - margin-right: auto; -} - -.about-wrap .column { - margin-right: 20px; - margin-left: 20px; -} - -.about-wrap .is-wide { - max-width: 760px; -} - -.about-wrap .is-fullwidth { - max-width: 100%; -} - -.about-wrap .has-1-columns { - display: block; - max-width: 680px; - margin: 0 auto 40px; -} - -.about-wrap .has-2-columns { - grid-template-columns: 1fr 1fr; -} - -.about-wrap .has-2-columns .column:nth-of-type(2n+1) { - grid-column-start: 1; -} - -.about-wrap .has-2-columns .column:nth-of-type(2n) { - grid-column-start: 2; -} - -.about-wrap .has-2-columns.is-wider-right { - grid-template-columns: 1fr 2fr; -} - -.about-wrap .has-2-columns.is-wider-left { - grid-template-columns: 2fr 1fr; -} - -.about-wrap .has-3-columns { - grid-template-columns: repeat(3, 1fr); -} - -.about-wrap .has-3-columns .column:nth-of-type(3n+1) { - grid-column-start: 1; -} - -.about-wrap .has-3-columns .column:nth-of-type(3n+2) { - grid-column-start: 2; -} - -.about-wrap .has-3-columns .column:nth-of-type(3n) { - grid-column-start: 3; -} - -.about-wrap .has-4-columns { - grid-template-columns: repeat(4, 1fr); -} - -.about-wrap .has-4-columns .column:nth-of-type(4n+1) { - grid-column-start: 1; -} - -.about-wrap .has-4-columns .column:nth-of-type(4n+2) { - grid-column-start: 2; -} - -.about-wrap .has-4-columns .column:nth-of-type(4n+3) { - grid-column-start: 3; -} - -.about-wrap .has-4-columns .column:nth-of-type(4n) { - grid-column-start: 4; -} - -.about-wrap .column :first-child { - margin-top: 0; -} - -.about-wrap .aligncenter { - text-align: center; -} - -.about-wrap .alignleft { - float: left; - margin-right: 40px; -} - -.about-wrap .alignright { - float: right; - margin-left: 40px; -} - -.about-wrap .is-vertically-aligned-top { - align-self: flex-start; -} - -.about-wrap .is-vertically-aligned-center { - align-self: center; -} - -.about-wrap .is-vertically-aligned-bottom { - align-self: end; -} - -/* x.2.3 - Point Releases */ - -.about-wrap .point-releases { - margin-top: 5px; - border-bottom: 1px solid #ddd; -} - -.about-wrap .changelog { - margin-bottom: 40px; -} - -.about-wrap .changelog.point-releases h3 { - padding-top: 35px; -} - -.about-wrap .changelog.point-releases h3:first-child { - padding-top: 7px; -} - -.about-wrap .changelog.feature-section .col { - margin-top: 40px; -} - -/*------------------------------------------------------------------------------ - x.3.0 - Legacy About Styles: About Page -------------------------------------------------------------------------------*/ - -/* x.3.1 - Typography */ - -.about-wrap .lead-description { - font-size: 1.5em; - text-align: center; -} - -.about-wrap .feature-section p { - margin-top: 0.6em; -} - -/* x.3.2 - Structure */ - -.about-wrap .headline-feature { - margin: 0 auto 40px; - max-width: 680px; -} - -.about-wrap .headline-feature h2 { - margin: 50px 0 0; -} - -.about-wrap .headline-feature img { - max-width: 600px; - width: 100%; -} - -/* Go to Dashboard Home link */ - -.about-wrap .return-to-dashboard { - margin: 30px 0 0 -5px; - font-size: 14px; - font-weight: 600; -} - -.about-wrap .return-to-dashboard a { - text-decoration: none; - padding: 0 5px; -} - -/*------------------------------------------------------------------------------ - x.4.0 - Legacy About Styles: Credits & Freedoms Pages -------------------------------------------------------------------------------*/ - -/* Credits */ - -.about-wrap h2.wp-people-group { - margin: 2.6em 0 1.33em; - padding: 0; - font-size: 16px; - line-height: inherit; - font-weight: 600; - text-align: left; -} - -.about-wrap .wp-people-group { - padding: 0 5px; - margin: 0 -15px 0 -5px; -} - -.about-wrap .compact { - margin-bottom: 0; -} - -.about-wrap .wp-person { - display: inline-block; - vertical-align: top; - margin-right: 10px; - padding-bottom: 15px; - height: 70px; - width: 280px; -} - -.about-wrap .compact .wp-person { - height: auto; - width: 180px; - padding-bottom: 0; - margin-bottom: 0; -} - -.about-wrap .wp-person .gravatar { - float: left; - margin: 0 10px 10px 0; - padding: 1px; - width: 60px; - height: 60px; -} - -.about-wrap .compact .wp-person .gravatar { - width: 30px; - height: 30px; -} - -.about-wrap .wp-person .web { - margin: 6px 0 2px; - font-size: 16px; - font-weight: 400; - line-height: 2; - text-decoration: none; -} - -.about-wrap .wp-person .title { - display: block; -} - -.about-wrap #wp-people-group-validators + p.wp-credits-list { - margin-top: 0; -} - -.about-wrap p.wp-credits-list a { - white-space: nowrap; -} - -/* Freedoms */ - -.freedoms-php .about-wrap ol { - margin: 40px 60px; -} - -.freedoms-php .about-wrap ol li { - list-style-type: decimal; - font-weight: 600; -} - -.freedoms-php .about-wrap ol p { - font-weight: 400; - margin: 0.6em 0; -} - -/*------------------------------------------------------------------------------ - x.5.0 - Legacy About Styles: Media Queries -------------------------------------------------------------------------------*/ - -@media screen and (max-width: 782px) { - .about-wrap .has-3-columns, - .about-wrap .has-4-columns { - grid-template-columns: 1fr 1fr; - } - - .about-wrap .has-3-columns .column:nth-of-type(3n+1), - .about-wrap .has-4-columns .column:nth-of-type(4n+1) { - grid-column-start: 1; - grid-row-start: 1; - } - - .about-wrap .has-3-columns .column:nth-of-type(3n+2), - .about-wrap .has-4-columns .column:nth-of-type(4n+2) { - grid-column-start: 2; - grid-row-start: 1; - } - - .about-wrap .has-3-columns .column:nth-of-type(3n), - .about-wrap .has-4-columns .column:nth-of-type(4n+3) { - grid-column-start: 1; - grid-row-start: 2; - } - - .about-wrap .has-4-columns .column:nth-of-type(4n) { - grid-column-start: 2; - grid-row-start: 2; - } -} - -@media screen and (max-width: 600px) { - .about-wrap .has-2-columns, - .about-wrap .has-3-columns, - .about-wrap .has-4-columns { - display: block; - } - - .about-wrap :not(.is-wider-right):not(.is-wider-left) .column { - margin-right: 0; - margin-left: 0; - } - - .about-wrap .has-2-columns.is-wider-right, - .about-wrap .has-2-columns.is-wider-left { - display: grid; - } -} - -@media only screen and (max-width: 500px) { - .about-wrap { - margin-right: 20px; - margin-left: 10px; - } - - .about-wrap h1, - .about-wrap .about-text { - margin-right: 0; - } - - .about-wrap .about-text { - margin-bottom: 0.25em; - } - - .about-wrap .wp-badge { - position: relative; - margin-bottom: 1.5em; - width: 100%; - } -} - -@media only screen and (max-width: 480px) { - .about-wrap .has-2-columns.is-wider-right, - .about-wrap .has-2-columns.is-wider-left { - display: block; - } - - .about-wrap .column { - margin-right: 0; - margin-left: 0; - } - - .about-wrap .has-2-columns.is-wider-right img, - .about-wrap .has-2-columns.is-wider-left img { - max-width: 160px; - } -} diff --git a/src/wp-admin/css/admin-menu.css b/src/wp-admin/css/admin-menu.css index 3747613282be1..e69de29bb2d1d 100644 --- a/src/wp-admin/css/admin-menu.css +++ b/src/wp-admin/css/admin-menu.css @@ -1,862 +0,0 @@ -#adminmenuback, -#adminmenuwrap, -#adminmenu, -#adminmenu .wp-submenu { - width: 160px; - background-color: #1d2327; -} - -#adminmenuback { - position: fixed; - top: 0; - bottom: -120px; - z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */ - - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; -} - -.php-error #adminmenuback { - position: absolute; -} - -.php-error #adminmenuback, -.php-error #adminmenuwrap { - margin-top: 2em; -} - -#adminmenu { - clear: left; - margin: 12px 0; - padding: 0; - list-style: none; -} - -.folded #adminmenuback, -.folded #adminmenuwrap, -.folded #adminmenu, -.folded #adminmenu li.menu-top { - width: 36px; -} - -/* New Menu icons */ - -/* hide background-image for icons above */ -.menu-icon-dashboard div.wp-menu-image, -.menu-icon-post div.wp-menu-image, -.menu-icon-media div.wp-menu-image, -.menu-icon-links div.wp-menu-image, -.menu-icon-page div.wp-menu-image, -.menu-icon-comments div.wp-menu-image, -.menu-icon-appearance div.wp-menu-image, -.menu-icon-plugins div.wp-menu-image, -.menu-icon-users div.wp-menu-image, -.menu-icon-tools div.wp-menu-image, -.menu-icon-settings div.wp-menu-image, -.menu-icon-site div.wp-menu-image, -.menu-icon-generic div.wp-menu-image { - background-image: none !important; -} - -/*------------------------------------------------------------------------------ - 7.0 - Main Navigation (Left Menu) -------------------------------------------------------------------------------*/ - -#adminmenuwrap { - position: relative; - float: left; - z-index: 9990; -} - -/* side admin menu */ -#adminmenu * { - -webkit-user-select: none; - user-select: none; -} - -#adminmenu li { - margin: 0; - padding: 0; -} - -#adminmenu a { - display: block; - line-height: 1.3; - padding: 2px 5px; - color: #f0f0f1; -} - -#adminmenu .wp-submenu a { - color: #c3c4c7; - color: rgba(240, 246, 252, 0.7); - font-size: 13px; - line-height: 1.4; - margin: 0; - padding: 5px 0; -} - -#adminmenu .wp-submenu a:hover, -#adminmenu .wp-submenu a:focus { - background: none; -} - -#adminmenu a:hover, -#adminmenu li.menu-top > a:focus, -#adminmenu .wp-submenu a:hover, -#adminmenu .wp-submenu a:focus { - color: #72aee6; -} - -#adminmenu a:hover, -#adminmenu a:focus, -.folded #adminmenu .wp-submenu-head:hover { - box-shadow: inset 4px 0 0 0 currentColor; - transition: box-shadow .1s linear; - border-radius: 0; -} - -#adminmenu li.menu-top { - border: none; - min-height: 34px; - position: relative; -} - -#adminmenu .wp-submenu { - list-style: none; - position: absolute; - top: -1000em; - left: 160px; - overflow: visible; - word-wrap: break-word; - padding: 6px 0; - z-index: 9999; - background-color: #2c3338; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -} - -.js #adminmenu .sub-open, -.js #adminmenu .opensub .wp-submenu, -#adminmenu a.menu-top:focus + .wp-submenu, -.no-js li.wp-has-submenu:hover .wp-submenu { - top: -1px; -} - -#adminmenu a.wp-has-current-submenu:focus + .wp-submenu { - top: 0; -} - -#adminmenu .wp-has-current-submenu .wp-submenu, -.no-js li.wp-has-current-submenu:hover .wp-submenu, -#adminmenu .wp-has-current-submenu .wp-submenu.sub-open, -#adminmenu .wp-has-current-submenu.opensub .wp-submenu { - position: relative; - z-index: 3; - top: auto; - left: auto; - right: auto; - bottom: auto; - border: 0 none; - margin-top: 0; - box-shadow: none; -} - -.folded #adminmenu .wp-has-current-submenu .wp-submenu { - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -} - -/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */ -#adminmenu li.menu-top:hover, -#adminmenu li.opensub > a.menu-top, -#adminmenu li > a.menu-top:focus { - position: relative; - background-color: #1d2327; - color: #72aee6; -} - -.folded #adminmenu li.menu-top:hover, -.folded #adminmenu li.opensub > a.menu-top, -.folded #adminmenu li > a.menu-top:focus { - z-index: 10000; -} - -#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, -#adminmenu li.current a.menu-top, -#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head { - background: #2271b1; - color: #fff; -} - -.folded #adminmenu .wp-submenu.sub-open, -.folded #adminmenu .opensub .wp-submenu, -.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, -.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu, -.folded #adminmenu a.menu-top:focus + .wp-submenu, -.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, -.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu { - top: 0; - left: 36px; -} - -.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, -.folded #adminmenu .wp-has-current-submenu .wp-submenu { - position: absolute; - top: -1000em; -} - -#adminmenu .wp-not-current-submenu .wp-submenu, -.folded #adminmenu .wp-has-current-submenu .wp-submenu { - min-width: 160px; - width: auto; - border: 1px solid transparent; - border-left-width: 5px; -} - -#adminmenu .wp-submenu li.current, -#adminmenu .wp-submenu li.current a, -#adminmenu .opensub .wp-submenu li.current a, -#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, -#adminmenu .wp-submenu li.current a:hover, -#adminmenu .wp-submenu li.current a:focus { - color: #fff; -} - -#adminmenu .wp-not-current-submenu li > a, -.folded #adminmenu .wp-has-current-submenu li > a { - padding-right: 16px; - padding-left: 14px; - /* Exclude from the transition the outline for Windows High Contrast mode */ - transition: all .1s ease-in-out, outline 0s; -} - -#adminmenu .wp-has-current-submenu ul > li > a, -.folded #adminmenu li.menu-top .wp-submenu > li > a { - padding: 5px 12px; -} - -#adminmenu a.menu-top, -#adminmenu .wp-submenu-head { - font-size: 14px; - font-weight: 400; - line-height: 1.3; - padding: 0; -} - -#adminmenu .wp-submenu-head { - display: none; -} - -.folded #adminmenu .wp-menu-name { - position: absolute; - left: -999px; -} - -.folded #adminmenu .wp-submenu-head { - display: block; -} - -#adminmenu .wp-submenu li { - padding: 0; - margin: 0; -} - -#adminmenu .wp-menu-image img { - padding: 9px 0 0; - opacity: 0.6; - filter: alpha(opacity=60); -} - -#adminmenu div.wp-menu-name { - padding: 8px 8px 8px 36px; - overflow-wrap: break-word; - word-wrap: break-word; - -ms-word-break: break-all; - word-break: break-word; - hyphens: auto; -} - -#adminmenu div.wp-menu-image { - float: left; - width: 36px; - height: 34px; - margin: 0; - text-align: center; -} - -#adminmenu div.wp-menu-image.svg { - background-repeat: no-repeat; - background-position: center; - background-size: 20px auto; -} - -div.wp-menu-image:before { - color: #a7aaad; - color: rgba(240, 246, 252, 0.6); - padding: 7px 0; - transition: all .1s ease-in-out; -} - -#adminmenu div.wp-menu-image:before { - color: #a7aaad; - color: rgba(240, 246, 252, 0.6); -} - -#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before, -#adminmenu .wp-has-current-submenu div.wp-menu-image:before, -#adminmenu .current div.wp-menu-image:before, -#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before, -#adminmenu a.current:hover div.wp-menu-image:before, -#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before, -#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before { - color: #fff; -} - -#adminmenu li:hover div.wp-menu-image:before, -#adminmenu li a:focus div.wp-menu-image:before, -#adminmenu li.opensub div.wp-menu-image:before { - color: #72aee6; -} - -.folded #adminmenu div.wp-menu-image { - width: 35px; - height: 30px; - position: absolute; - z-index: 25; -} - -.folded #adminmenu a.menu-top { - height: 34px; -} - -/* Sticky admin menu */ -.sticky-menu #adminmenuwrap { - position: fixed; -} - -ul#adminmenu a.wp-has-current-submenu { - position: relative; -} - -ul#adminmenu a.wp-has-current-submenu:after, -ul#adminmenu > li.current > a.current:after { - right: 0; - border: solid 8px transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-right-color: #f0f0f1; - top: 50%; - margin-top: -8px; -} - -.folded ul#adminmenu li:hover a.wp-has-current-submenu:after, -.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after { - display: none; -} - -.folded ul#adminmenu a.wp-has-current-submenu:after, -.folded ul#adminmenu > li a.current:after { - border-width: 4px; - margin-top: -4px; -} - -/* flyout menu arrow */ -#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after, -#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { - right: 0; - border: 8px solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - top: 10px; - z-index: 10000; -} - -.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after, -.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { - border-width: 4px; - margin-top: -4px; - top: 18px; -} - -#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after, -#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { - border-right-color: #2c3338; -} - -#adminmenu li.menu-top:hover .wp-menu-image img, -#adminmenu li.wp-has-current-submenu .wp-menu-image img { - opacity: 1; - filter: alpha(opacity=100); -} - -#adminmenu li.wp-menu-separator { - height: 5px; - padding: 0; - margin: 0 0 6px; - cursor: inherit; -} - -/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */ -#adminmenu div.separator { - height: 2px; - padding: 0; -} - -#adminmenu .wp-submenu .wp-submenu-head { - color: #fff; - font-weight: 400; - font-size: 14px; - padding: 5px 4px 5px 11px; - margin: -8px -1px 4px -5px; - border-width: 3px 1px 3px 5px; - border-style: solid; - border-color: transparent; -} - -.js #adminmenu .wp-submenu .wp-submenu-head { - cursor: pointer; -} - -#adminmenu li.current, -.folded #adminmenu li.wp-menu-open { - border: 0 none; -} - -/* @todo: consider to use a single rule for these counters and the list table comments counters. */ -#adminmenu .menu-counter, -#adminmenu .awaiting-mod, -#adminmenu .update-plugins { - display: inline-block; - vertical-align: top; - box-sizing: border-box; - margin: 1px 0 -1px 2px; - padding: 0 5px; - min-width: 18px; - height: 18px; - border-radius: 9px; - background-color: #d63638; - color: #fff; - font-size: 11px; - line-height: 1.6; - text-align: center; - z-index: 26; -} - -#adminmenu li.current a .awaiting-mod, -#adminmenu li a.wp-has-current-submenu .update-plugins { - background-color: #d63638; - color: #fff; -} - -#adminmenu li span.count-0 { - display: none; -} - -#collapse-button { - display: block; - width: 100%; - height: 34px; - margin: 0; - border: none; - padding: 0; - position: relative; - overflow: visible; - background: none; - color: #a7aaad; - cursor: pointer; -} - -#collapse-button:hover, -#collapse-button:focus { - color: #72aee6; - box-shadow: inset 4px 0 0 0 currentColor; - transition: box-shadow .1s linear; -} - -#collapse-button:focus { - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; - outline-offset: -1px; -} - -#collapse-button .collapse-button-icon, -#collapse-button .collapse-button-label { - /* absolutely positioned to avoid 1px shift in IE when button is pressed */ - display: block; - position: absolute; - top: 0; - left: 0; -} - -#collapse-button .collapse-button-label { - top: 8px; -} - -#collapse-button .collapse-button-icon { - width: 36px; - height: 34px; -} - -#collapse-button .collapse-button-label { - padding: 0 0 0 36px; -} - -.folded #collapse-button .collapse-button-label { - display: none; -} - -#collapse-button .collapse-button-icon:after { - content: "\f148"; - content: "\f148" / ''; - display: block; - position: relative; - top: 7px; - text-align: center; - font: normal 20px/1 dashicons !important; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* rtl:ignore */ -.folded #collapse-button .collapse-button-icon:after, -.rtl #collapse-button .collapse-button-icon:after { - transform: rotate(180deg); -} - -.rtl.folded #collapse-button .collapse-button-icon:after { - transform: none; -} - -#collapse-button .collapse-button-icon:after, -#collapse-button .collapse-button-label { - transition: all .1s ease-in-out; -} - -/** - * Toolbar menu toggle - */ -li#wp-admin-bar-menu-toggle { - display: none; -} - -/* Hide-if-customize for items we can't add classes to */ -.customize-support #menu-appearance a[href="themes.php?page=custom-header"], -.customize-support #menu-appearance a[href="themes.php?page=custom-background"] { - display: none; -} - -/* Auto-folding of the admin menu */ -@media only screen and (max-width: 960px) { - .auto-fold #wpcontent, - .auto-fold #wpfooter { - margin-left: 36px; - } - - .auto-fold #adminmenuback, - .auto-fold #adminmenuwrap, - .auto-fold #adminmenu, - .auto-fold #adminmenu li.menu-top { - width: 36px; - } - - .auto-fold #adminmenu .wp-submenu.sub-open, - .auto-fold #adminmenu .opensub .wp-submenu, - .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, - .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu, - .auto-fold #adminmenu a.menu-top:focus + .wp-submenu, - .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu { - top: 0; - left: 36px; - } - - .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, - .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { - position: absolute; - top: -1000em; - margin-right: -1px; - padding: 6px 0; - z-index: 9999; - } - - .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { - min-width: 160px; - width: auto; - border: 1px solid transparent; - border-left-width: 5px; - } - - .auto-fold #adminmenu .wp-has-current-submenu li > a { - padding-right: 16px; - padding-left: 14px; - } - - - .auto-fold #adminmenu li.menu-top .wp-submenu > li > a { - padding-left: 12px; - } - - .auto-fold #adminmenu .wp-menu-name { - position: absolute; - left: -999px; - } - - .auto-fold #adminmenu .wp-submenu-head { - display: block; - } - - .auto-fold #adminmenu div.wp-menu-image { - height: 30px; - width: 34px; - position: absolute; - z-index: 25; - } - - .auto-fold #adminmenu a.menu-top { - min-height: 34px; - } - - .auto-fold #adminmenu li.wp-menu-open { - border: 0 none; - } - - .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last { - margin-bottom: 0; - } - - .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after, - .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after { - display: none; - } - - .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after, - .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { - border-width: 4px; - margin-top: -4px; - top: 16px; - } - - .auto-fold ul#adminmenu a.wp-has-current-submenu:after, - .auto-fold ul#adminmenu > li a.current:after { - border-width: 4px; - margin-top: -4px; - } - - .auto-fold #adminmenu li.menu-top:hover, - .auto-fold #adminmenu li.opensub > a.menu-top, - .auto-fold #adminmenu li > a.menu-top:focus { - z-index: 10000; - } - - .auto-fold #collapse-menu .collapse-button-label { - display: none; - } - - /* rtl:ignore */ - .auto-fold #collapse-button .collapse-button-icon:after { - transform: rotate(180deg); - } - - .rtl.auto-fold #collapse-button .collapse-button-icon:after { - transform: none; - } - -} - -@media screen and (max-width: 782px) { - .auto-fold #wpcontent { - position: relative; - margin-left: 0; - padding-left: 10px; - } - - .sticky-menu #adminmenuwrap { - position: relative; - z-index: auto; - top: 0; - } - - /* Sidebar Adjustments */ - .auto-fold #adminmenu, - .auto-fold #adminmenuback, - .auto-fold #adminmenuwrap { - position: absolute; - width: 190px; - z-index: 100; - } - - .auto-fold #adminmenuback { - position: fixed; - } - - .auto-fold #adminmenuback, - .auto-fold #adminmenuwrap { - display: none; - } - - .auto-fold .wp-responsive-open #adminmenuback, - .auto-fold .wp-responsive-open #adminmenuwrap { - display: block; - } - - .auto-fold #adminmenu li.menu-top { - width: 100%; - } - - /* Resize the admin menu items to a comfortable touch size */ - .auto-fold #adminmenu li a { - font-size: 16px; - padding: 5px; - } - - .auto-fold #adminmenu li.menu-top .wp-submenu > li > a { - padding: 10px 10px 10px 20px; - } - - /* Restore the menu names */ - .auto-fold #adminmenu .wp-menu-name { - position: static; - } - - /* Switch the arrow side */ - .auto-fold ul#adminmenu a.wp-has-current-submenu:after, - .auto-fold ul#adminmenu > li.current > a.current:after { - border-width: 8px; - margin-top: -8px; - } - - .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after, - .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { - display: none; - } - - /* Make the submenus appear correctly when tapped. */ - #adminmenu .wp-submenu { - position: relative; - display: none; - } - - .auto-fold #adminmenu .selected .wp-submenu, - .auto-fold #adminmenu .wp-menu-open .wp-submenu { - position: relative; - display: block; - top: 0; - left: -1px; - box-shadow: none; - } - - .auto-fold #adminmenu .selected .wp-submenu:after, - .auto-fold #adminmenu .wp-menu-open .wp-submenu:after { - display: none; - } - - .auto-fold #adminmenu .opensub .wp-submenu { - display: none; - } - - .auto-fold #adminmenu .selected .wp-submenu { - display: block; - } - - .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after, - .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after { - display: block; - } - - .auto-fold #adminmenu a.menu-top:focus + .wp-submenu, - .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu { - position: relative; - left: -1px; - right: 0; - top: 0; - } - - #adminmenu .wp-not-current-submenu .wp-submenu, - .folded #adminmenu .wp-has-current-submenu .wp-submenu, - .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { - border: none; - } - - /* Remove submenu headers and adjust sub meu*/ - #adminmenu .wp-submenu .wp-submenu-head { - display: none; - } - - /* Toolbar menu toggle */ - #wp-responsive-toggle { - position: fixed; - top: 5px; - left: 4px; - padding-right: 10px; - z-index: 99999; - border: none; - box-sizing: border-box; - } - - #wpadminbar #wp-admin-bar-menu-toggle a { - display: block; - padding: 0; - overflow: hidden; - outline: none; - text-decoration: none; - border: 1px solid transparent; - background: none; - height: 44px; - margin-left: -1px; - } - - .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { - background: #2c3338; - } - - li#wp-admin-bar-menu-toggle { - display: block; - } - - #wpadminbar #wp-admin-bar-menu-toggle a:hover { - border: 1px solid transparent; - } - - #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { - content: "\f228"; - display: inline-block; - float: left; - font: normal 40px/45px dashicons; - vertical-align: middle; - outline: none; - margin: 0; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - height: 44px; - width: 50px; - padding: 0; - border: none; - text-align: center; - text-decoration: none; - box-sizing: border-box; - } - - .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { - color: #72aee6; - } -} - -/* Smartphone */ -@media screen and (max-width: 600px) { - #adminmenuwrap, - #adminmenuback { - display: none; - } - - .wp-responsive-open #adminmenuwrap, - .wp-responsive-open #adminmenuback { - display: block; - } - - .auto-fold #adminmenu { - top: 46px; - } -} diff --git a/src/wp-admin/css/code-editor.css b/src/wp-admin/css/code-editor.css index 92c39405ba147..e69de29bb2d1d 100644 --- a/src/wp-admin/css/code-editor.css +++ b/src/wp-admin/css/code-editor.css @@ -1,76 +0,0 @@ -.wrap [class*="CodeMirror-lint-marker"], -.wp-core-ui [class*="CodeMirror-lint-message"], -.wrap .CodeMirror-lint-marker-multiple { - background-image: none; -} - -.wp-core-ui .CodeMirror-lint-marker-error, -.wp-core-ui .CodeMirror-lint-marker-warning { - cursor: help; -} - -.wrap .CodeMirror-lint-marker-multiple { - position: absolute; - top: 0; -} - -.wrap [class*="CodeMirror-lint-marker"]:before { - font: normal 18px/1 dashicons; - position: relative; - top: -2px; -} - -.wp-core-ui [class*="CodeMirror-lint-message"]:before { - font: normal 16px/1 dashicons; - left: 16px; - position: absolute; -} - -.wp-core-ui .CodeMirror-lint-message-error, -.wp-core-ui .CodeMirror-lint-message-warning { - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); - margin: 5px 0 2px; - padding: 3px 12px 3px 28px; -} - -.wp-core-ui .CodeMirror-lint-message-warning { - background-color: #fcf9e8; - border-left: 4px solid #dba617; -} - -.wrap .CodeMirror-lint-marker-warning:before, -.wp-core-ui .CodeMirror-lint-message-warning:before { - content: "\f534"; - color: #dba617; -} - -.wp-core-ui .CodeMirror-lint-message-error { - background-color: #fcf0f1; - border-left: 4px solid #d63638; -} - -.wrap .CodeMirror-lint-marker-error:before, -.wp-core-ui .CodeMirror-lint-message-error:before { - content: "\f153"; - color: #d63638; -} - -.wp-core-ui .CodeMirror-lint-tooltip { - background: none; - border: none; - border-radius: 0; - direction: ltr; -} - -.wrap .CodeMirror .CodeMirror-matchingbracket { - background: rgba(219, 166, 23, 0.3); - color: inherit; -} - -.CodeMirror { - text-align: left; -} - -.wrap .CodeMirror .CodeMirror-linenumber { - color: #646970; -} diff --git a/src/wp-admin/css/color-picker.css b/src/wp-admin/css/color-picker.css index 8264432dd39cc..e69de29bb2d1d 100644 --- a/src/wp-admin/css/color-picker.css +++ b/src/wp-admin/css/color-picker.css @@ -1,176 +0,0 @@ -/* rtl:ignore */ -.wp-color-picker { - width: 80px; - direction: ltr; -} - -.wp-picker-container .hidden { - display: none; -} - -/* Needs higher specificity to override `.wp-core-ui .button`. */ -.wp-picker-container .wp-color-result.button { - min-height: 32px; - margin: 0 6px 6px 0; - padding: 0 0 0 30px; - font-size: 11px; -} - -.wp-color-result-text { - background: #f6f7f7; - border-radius: 0 2px 2px 0; - border-left: 1px solid #c3c4c7; - color: #50575e; - display: block; - line-height: 2.72727273; /* 30px */ - padding: 0 6px; - text-align: center; -} - -.wp-color-result:hover, -.wp-color-result:focus { - background: #f6f7f7; - border-color: #8c8f94; - color: #1d2327; -} - -.wp-color-result:hover:after, -.wp-color-result:focus:after { - color: #1d2327; - border-color: #a7aaad; - border-left: 1px solid #8c8f94; -} - -.wp-picker-container { - display: inline-block; -} - -.wp-color-result:focus { - border-color: #4f94d4; - box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); -} - -.wp-color-result:active { - /* See Trac ticket #39662 */ - transform: none !important; -} - -.wp-picker-open + .wp-picker-input-wrap { - display: inline-block; - vertical-align: top; -} - -.wp-picker-input-wrap label { - display: inline-block; - vertical-align: top; -} - -/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */ -.form-table .wp-picker-input-wrap label { - margin: 0 !important; -} - -.wp-picker-input-wrap .button.wp-picker-default, -.wp-picker-input-wrap .button.wp-picker-clear, -.wp-customizer .wp-picker-input-wrap .button.wp-picker-default, -.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear { - margin-left: 6px; - padding: 0 8px; - line-height: 2.72727273; /* 30px */ - min-height: 32px; -} - -.wp-picker-container .iris-square-slider .ui-slider-handle:focus { - background-color: #50575e -} - -.wp-picker-container .iris-picker { - border-radius: 0; - border-color: #dcdcde; - margin-top: 6px; -} - -.wp-picker-container input[type="text"].wp-color-picker { - width: 4rem; - font-size: 12px; - font-family: monospace; - margin: 0; - padding: 0 5px; - vertical-align: top; - min-height: 32px; -} - -.wp-color-picker::-webkit-input-placeholder { - color: #646970; -} - -.wp-color-picker::-moz-placeholder { - color: #646970; -} - -.wp-picker-container input[type="text"].iris-error { - background-color: #fcf0f1; - border-color: #d63638; - color: #000; -} - -.iris-picker .ui-square-handle:focus, -.iris-picker .iris-strip .ui-slider-handle:focus { - border-color: var(--wp-admin-theme-color, #3858e9); - border-style: solid; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - outline: 2px solid transparent; -} - -.iris-picker .iris-palette:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); -} - -@media screen and (max-width: 782px) { - .wp-picker-container input[type="text"].wp-color-picker { - width: 5rem; - font-size: 16px; - line-height: 1.875; /* 30px */ - min-height: 32px; - } - - .wp-customizer .wp-picker-container input[type="text"].wp-color-picker { - padding: 0 5px; - } - - .wp-picker-input-wrap .button.wp-picker-default, - .wp-picker-input-wrap .button.wp-picker-clear { - padding: 0 8px; - line-height: 2.14285714; /* 30px */ - min-height: 32px; - } - - .wp-customizer .wp-picker-input-wrap .button.wp-picker-default, - .wp-customizer .wp-picker-input-wrap .button.wp-picker-clear { - padding: 0 8px; - font-size: 14px; - line-height: 2.14285714; /* 30px */ - min-height: 32px; - } - - .wp-picker-container .wp-color-result.button { - padding: 0 0 0 40px; - font-size: 14px; - line-height: 2.14285714; /* 30px */ - } - - .wp-customizer .wp-picker-container .wp-color-result.button { - font-size: 14px; - line-height: 2.14285714; /* 30px */ - } - - .wp-picker-container .wp-color-result-text { - padding: 0 14px; - font-size: inherit; - line-height: inherit; - } - - .wp-customizer .wp-picker-container .wp-color-result-text { - padding: 0 10px; - } -} diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index 980702d31fb80..e69de29bb2d1d 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -1,4407 +0,0 @@ -/* 2 column liquid layout */ -#wpwrap { - height: auto; - min-height: 100%; - width: 100%; - position: relative; - -webkit-font-smoothing: subpixel-antialiased; -} - -#wpcontent { - height: 100%; - padding-left: 20px; -} - -#wpcontent, -#wpfooter { - margin-left: 160px; -} - -.folded #wpcontent, -.folded #wpfooter { - margin-left: 36px; -} - -#wpbody-content { - padding-bottom: 65px; - float: left; - width: 100%; - overflow: visible; -} - -/* inner 2 column liquid layout */ - -.inner-sidebar { - float: right; - clear: right; - display: none; - width: 281px; - position: relative; -} - -.columns-2 .inner-sidebar { - margin-right: auto; - width: 286px; - display: block; -} - -.inner-sidebar #side-sortables, -.columns-2 .inner-sidebar #side-sortables { - min-height: 300px; - width: 280px; - padding: 0; -} - -.has-right-sidebar .inner-sidebar { - display: block; -} - -.has-right-sidebar #post-body { - float: left; - clear: left; - width: 100%; - margin-right: -2000px; -} - -.has-right-sidebar #post-body-content { - margin-right: 300px; - float: none; - width: auto; -} - -/* 2 columns main area */ - -#col-left { - float: left; - width: 35%; -} - -#col-right { - float: right; - width: 65%; -} - -#col-left .col-wrap { - padding: 0 6px 0 0; -} - -#col-right .col-wrap { - padding: 0 0 0 6px; -} - -/* utility classes */ -.alignleft { - float: left; -} - -.alignright { - float: right; -} - -.textleft { - text-align: left; -} - -.textright { - text-align: right; -} - -.clear { - clear: both; -} - -/* modern clearfix */ -.wp-clearfix:after { - content: ""; - display: table; - clear: both; -} - -/* Hide visually but not from screen readers */ -.screen-reader-text, -.screen-reader-text span, -.ui-helper-hidden-accessible { - border: 0; - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - /* Many screen reader and browser combinations announce broken words as they would appear visually. */ - word-wrap: normal !important; - word-break: normal !important; -} - -.button .screen-reader-text { - height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */ -} - -.screen-reader-text + .dashicons-external { - margin-top: -1px; - margin-left: 2px; - text-decoration: none; -} - -.screen-reader-shortcut { - position: absolute; - top: -1000em; - left: 6px; - height: auto; - width: auto; - display: block; - font-size: 14px; - font-weight: 600; - padding: 15px 23px 14px; - /* Background and color set to prevent false positives in automated accessibility tests. */ - background: #ffffff; - color: var(--wp-admin-theme-color, #3858e9); - z-index: 100000; - line-height: normal; -} - -.screen-reader-shortcut:focus { - top: -25px; - /* Overrides a:focus in the admin. See ticket #56789. */ - color: var(--wp-admin-theme-color, #3858e9); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - text-decoration: none; - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; - outline-offset: -2px; -} - -.hidden, -.js .closed .inside, -.js .hide-if-js, -.no-js .hide-if-no-js, -.js.wp-core-ui .hide-if-js, -.js .wp-core-ui .hide-if-js, -.no-js.wp-core-ui .hide-if-no-js, -.no-js .wp-core-ui .hide-if-no-js { - display: none; -} - -/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */ -.widget-top, -.menu-item-handle, -.widget-inside, -#menu-settings-column .accordion-container, -#menu-management .menu-edit, -.manage-menus, -table.widefat, -.stuffbox, -p.popular-tags, -.widgets-holder-wrap, -.wp-editor-container, -.popular-tags, -.feature-filter, -.comment-ays { - border: 1px solid #c3c4c7; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); -} - -table.widefat, -.wp-editor-container, -.stuffbox, -p.popular-tags, -.widgets-holder-wrap, -.popular-tags, -.feature-filter, -.comment-ays { - background: #fff; -} - -/* general */ -html, -body { - height: 100%; - margin: 0; - padding: 0; -} - -body { - background: #f0f0f1; - color: #3c434a; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 1.4em; - min-width: 600px; -} - -body.iframe { - min-width: 0; - padding-top: 1px; -} - -body.modal-open { - overflow: hidden; -} - -body.mobile.modal-open #wpwrap { - overflow: hidden; - position: fixed; - height: 100%; -} - -iframe, -img { - border: 0; -} - -td { - font-family: inherit; - font-size: inherit; - font-weight: inherit; - line-height: inherit; -} - -/* Any change to the default link style must be applied to button-link too. */ -a { - color: #2271b1; - transition-property: border, background, color; - transition-duration: .05s; - transition-timing-function: ease-in-out; -} - -a, -div { - outline: 0; -} - -a:hover, -a:active { - color: #135e96; -} - -a:focus, -a:focus .media-icon img, -a:focus .plugin-icon, -.wp-person a:focus .gravatar { - color: #043959; - border-radius: 2px; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -#adminmenu a:focus { - box-shadow: none; - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; - outline-offset: -1px; -} - -.screen-reader-text:focus { - box-shadow: none; - outline: none; -} - -blockquote, -q { - quotes: none; -} - -blockquote:before, -blockquote:after, -q:before, -q:after { - content: ""; - content: none; -} - -p, -.wp-die-message { - font-size: 13px; - line-height: 1.5; - margin: 1em 0; -} - -blockquote { - margin: 1em; -} - -li, -dd { - margin-bottom: 6px; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - display: block; - font-weight: 600; -} - -h1 { - color: #1d2327; - font-size: 2em; - margin: .67em 0; -} - -h2, -h3 { - color: #1d2327; - font-size: 1.3em; - margin: 1em 0; -} - -.update-core-php h2 { - margin-top: 4em; -} - -.update-php h2, -.update-messages h2, -h4 { - font-size: 1em; - margin: 1.33em 0; -} - -h5 { - font-size: 0.83em; - margin: 1.67em 0; -} - -h6 { - font-size: 0.67em; - margin: 2.33em 0; -} - -ul, -ol { - padding: 0; -} - -ul { - list-style: none; -} - -ol { - list-style-type: decimal; - margin-left: 2em; -} - -ul.ul-disc { - list-style: disc outside; -} - -ul.ul-square { - list-style: square outside; -} - -ol.ol-decimal { - list-style: decimal outside; -} - -ul.ul-disc, -ul.ul-square, -ol.ol-decimal { - margin-left: 1.8em; -} - -ul.ul-disc > li, -ul.ul-square > li, -ol.ol-decimal > li { - margin: 0 0 0.5em; -} - -/* rtl:ignore */ -.ltr { - direction: ltr; -} - -/* rtl:ignore */ -.code, -code { - font-family: Consolas, Monaco, monospace; - direction: ltr; - unicode-bidi: embed; -} - -kbd, -code { - padding: 3px 5px 2px; - margin: 0 1px; - background: #f0f0f1; - background: rgba(0, 0, 0, 0.07); - font-size: 13px; -} - -.subsubsub { - list-style: none; - margin: 8px 0 0; - padding: 0; - font-size: 13px; - float: left; - color: #646970; -} - -.subsubsub a { - line-height: 2; - padding: .2em; - text-decoration: none; -} - -.subsubsub a .count, -.subsubsub a.current .count { - color: #50575e; /* #f1f1f1 background */ - font-weight: 400; -} - -.subsubsub a.current { - font-weight: 600; - border: none; -} - -.subsubsub li { - display: inline-block; - margin: 0; - padding: 0; - white-space: nowrap; -} - -/* .widefat - main style for tables */ -.widefat { - border-spacing: 0; - width: 100%; - clear: both; - margin: 0; -} - -.widefat * { - word-wrap: break-word; -} - -.widefat a, -.widefat button.button-link { - text-decoration: none; -} - -.widefat td, -.widefat th { - padding: 8px 10px; -} - -.widefat thead th, -.widefat thead td { - border-bottom: 1px solid #c3c4c7; -} - -.widefat tfoot th, -.widefat tfoot td { - border-top: 1px solid #c3c4c7; - border-bottom: none; -} - -.widefat .no-items td { - border-bottom-width: 0; -} - -.widefat tbody th, -.widefat td { - vertical-align: top; -} - -.widefat td, -.widefat td p, -.widefat td ol, -.widefat td ul { - font-size: 13px; - line-height: 1.5em; -} - -.widefat th, -.widefat tbody td.check-column, -.widefat thead td, -.widefat tfoot td { - text-align: left; - line-height: 1.3em; -} - -.widefat th:not(tbody th), -.widefat tbody td.check-column, -.widefat thead td, -.widefat tfoot td { - font-size: 14px; -} - -.widefat td .notice ul li, -.widefat th .notice ul li { - font-size: 13px; - line-height: 1.54; - margin: 0.5em 0; -} - -.widefat td.check-column input, -.widefat th input, -.updates-table td input, -.widefat thead td input, -.widefat tfoot td input { - margin: 0 0 0 8px; - padding: 0; - vertical-align: text-top; -} - -.widefat .check-column { - width: 2.2em; - padding: 6px 0 25px; - vertical-align: top; -} - -.widefat tbody th.check-column, -.widefat tbody td.check-column { - padding: 9px 0 22px; -} - -.widefat thead td.check-column, -.widefat tbody th.check-column, -.widefat tbody td.check-column, -.updates-table tbody td.check-column, -.widefat tfoot td.check-column { - padding: 11px 0 0 3px; -} - -.widefat thead td.check-column, -.widefat tfoot td.check-column { - padding-top: 4px; - vertical-align: middle; -} - -.update-php div.updated, -.update-php div.error { - margin-left: 0; -} - -.js-update-details-toggle .dashicons { - text-decoration: none; -} - -.js-update-details-toggle[aria-expanded="true"] .dashicons::before { - content: "\f142"; - content: "\f142" / ''; -} - -.no-js .widefat thead .check-column input, -.no-js .widefat tfoot .check-column input { - display: none; -} - -.widefat .num, -.column-comments, -.column-links, -.column-posts { - text-align: center; -} - -.widefat th#comments { - vertical-align: middle; -} - -.wrap { - margin: 10px 20px 0 2px; -} - -.wrap > h2:first-child, /* Back-compat for pre-4.4 */ -.wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */ -.postbox .inside h2, /* Back-compat for pre-4.4 */ -.wrap h1 { - font-size: 23px; - font-weight: 400; - margin: 0; - padding: 9px 0 4px; - line-height: 1.3; -} - -.wrap h1.wp-heading-inline { - display: inline-block; - margin-right: 5px; -} - -.wp-header-end { - visibility: hidden; - margin: -2px 0 0; -} - -.subtitle { - margin: 0; - padding-left: 25px; - color: #50575e; - font-size: 14px; - font-weight: 400; - line-height: 1; -} - -.subtitle strong { - word-break: break-all; -} - -.wrap .add-new-h2, /* deprecated */ -.wrap .add-new-h2:active, /* deprecated */ -.wrap .page-title-action, -.wrap .page-title-action:active { - display: inline-block; - position: relative; - box-sizing: border-box; - cursor: pointer; - white-space: nowrap; - text-decoration: none; - text-shadow: none; - top: -3px; - margin-left: 4px; - border: 1px solid #2271b1; - border-radius: 2px; - background: transparent; - font-size: 13px; - font-weight: 500; - min-height: 32px; - line-height: 2.30769231; /* 30px for 32px height */ - color: #2271b1; /* use the standard color used for buttons */ - padding: 0 12px; - -webkit-appearance: none; - -} - -.wrap .wp-heading-inline + .page-title-action { - margin-left: 0; -} - -.wrap .add-new-h2:hover, /* deprecated */ -.wrap .page-title-action:hover { - border-color: #0a4b78; - color: #0a4b78; -} - -/* lower specificity: color needs to be overridden by :hover and :active */ -.page-title-action:focus { - color: #0a4b78; -} - -/* Dashicon for language options on General Settings and Profile screens */ -.form-table th label[for="locale"] .dashicons, -.form-table th label[for="site-language"] .dashicons, -.form-table th label[for="WPLANG"] .dashicons { - margin-left: 5px; -} - -.wrap .page-title-action:focus { - border-color: #3582c4; - box-shadow: 0 0 0 1px #3582c4; - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.wrap h1.long-header { - padding-right: 0; -} - -.wp-dialog { - background-color: #fff; -} - -.widgets-chooser ul, -#widgets-left .widget-in-question .widget-top, -#available-widgets .widget-top:hover, -div#widgets-right .widget-top:hover, -#widgets-left .widget-top:hover { - border-color: #8c8f94; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -} - -.sorthelper { - background-color: #c5d9ed; -} - -.ac_match, -.subsubsub a.current { - color: #000; -} - -.striped > tbody > :nth-child(odd), -ul.striped > :nth-child(odd), -.alternate { - background-color: #f6f7f7; -} - -.bar { - background-color: #f0f0f1; - border-right-color: var(--wp-admin-theme-color); -} - -/* Helper classes for plugins to leverage the active WordPress color scheme */ - -.highlight { - background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); - color: #3c434a; -} - -.wp-ui-primary { - color: #fff; - background-color: #2c3338; -} -.wp-ui-text-primary { - color: #2c3338; -} - -.wp-ui-highlight { - color: #fff; - background-color: #2271b1; -} -.wp-ui-text-highlight { - color: #2271b1; -} - -.wp-ui-notification { - color: #fff; - background-color: #d63638; -} -.wp-ui-text-notification { - color: #d63638; -} - -.wp-ui-text-icon { - color: #8c8f94; /* same as new icons */ -} - -/* For emoji replacement images */ -img.emoji { - display: inline !important; - border: none !important; - height: 1em !important; - width: 1em !important; - margin: 0 .07em !important; - vertical-align: -0.1em !important; - background: none !important; - padding: 0 !important; - box-shadow: none !important; -} - -/*------------------------------------------------------------------------------ - 1.0 - Text Styles -------------------------------------------------------------------------------*/ - -.widget .widget-top, -.postbox .hndle, -.stuffbox .hndle, -.control-section .accordion-section-title, -.sidebar-name, -#nav-menu-header, -#nav-menu-footer, -.menu-item-handle, -.checkbox, -.side-info, -#your-profile #rich_editing, -.widefat thead th, -.widefat thead td, -.widefat tfoot th, -.widefat tfoot td { - line-height: 1.4em; -} - -.widget .widget-top, -.menu-item-handle { - background: #f6f7f7; - color: #1d2327; -} - -.stuffbox .hndle { - border-bottom: 1px solid #c3c4c7; -} - -.quicktags { - background-color: #c3c4c7; - color: #000; - font-size: 12px; -} - -.icon32 { - display: none; -} - -/* @todo can we combine these into a class or use an existing dashicon one? */ -.welcome-panel .welcome-panel-close:before, -.tagchecklist .ntdelbutton .remove-tag-icon:before, -#bulk-titles .ntdelbutton:before, -.notice-dismiss:before { - background: none; - color: #1e1e1e; - content: "\f335"; - content: "\f335" / ''; - display: block; - font: normal 20px/1 dashicons; - height: 1em; - text-align: center; - width: 1em; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.welcome-panel .welcome-panel-close:before { - margin: 0; -} - -.tagchecklist .ntdelbutton .remove-tag-icon:before { - margin-left: 2px; - border-radius: 50%; - color: var(--wp-admin-theme-color, #3858e9); - /* vertically center the icon cross browsers */ - line-height: 1.1; -} - -.tagchecklist .ntdelbutton:focus { - outline: 0; -} - -.tagchecklist .ntdelbutton:hover .remove-tag-icon:before, -.tagchecklist .ntdelbutton:focus .remove-tag-icon:before, -#bulk-titles .ntdelbutton:hover:before, -#bulk-titles .ntdelbutton:focus:before { - color: #d63638; -} - -.tagchecklist .ntdelbutton:focus .remove-tag-icon:before { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.key-labels label { - line-height: 24px; -} - -strong, b { - font-weight: 600; -} - -.pre { - /* https://developer.mozilla.org/en-US/docs/CSS/white-space */ - white-space: pre-wrap; /* css-3 */ - word-wrap: break-word; /* IE 5.5 - 7 */ -} - -.howto { - color: #646970; - display: block; -} - -p.install-help { - margin: 8px 0; - font-style: italic; -} - -.no-break { - white-space: nowrap; -} - -hr { - border: 0; - border-top: 1px solid #dcdcde; - border-bottom: 1px solid #f6f7f7; -} - -.row-actions span.delete a, -.row-actions span.trash a, -.row-actions span.spam a, -.plugins a.delete, -#all-plugins-table .plugins a.delete, -#search-plugins-table .plugins a.delete, -.submitbox .submitdelete, -#media-items a.delete, -#media-items a.delete-permanently, -#nav-menu-footer .menu-delete, -#delete-link a.delete, -a#remove-post-thumbnail, -.privacy_requests .remove-personal-data .remove-personal-data-handle { - color: #b32d2e; -} - -abbr.required, -span.required, -.file-error, -.row-actions .delete a:hover, -.row-actions .trash a:hover, -.row-actions .spam a:hover, -.plugins a.delete:hover, -#all-plugins-table .plugins a.delete:hover, -#search-plugins-table .plugins a.delete:hover, -.submitbox .submitdelete:hover, -#media-items a.delete:hover, -#media-items a.delete-permanently:hover, -#nav-menu-footer .menu-delete:hover, -#delete-link a.delete:hover, -a#remove-post-thumbnail:hover, -.privacy_requests .remove-personal-data .remove-personal-data-handle:hover { - color: #b32d2e; - border: none; -} - -.application-password-display .success { - color: #007017; - margin-left: 0.5rem; -} - -/*------------------------------------------------------------------------------ - 3.0 - Actions -------------------------------------------------------------------------------*/ - -#major-publishing-actions { - padding: 10px; - clear: both; - border-top: 1px solid #dcdcde; - background: #f6f7f7; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; -} - -#delete-action { - line-height: 2.30769231; /* 30px */ -} - -#delete-link a { - text-decoration: none; -} - -#publishing-action { - text-align: right; - margin-left: auto; - line-height: 1.9; -} - -#publishing-action .spinner { - float: none; -} - -#misc-publishing-actions { - padding: 6px 0 0; -} - -.misc-pub-section { - padding: 6px 10px 8px; -} - -.word-wrap-break-word, -.misc-pub-filename { - word-wrap: break-word; -} - -#minor-publishing-actions { - padding: 10px 10px 0; - text-align: right; -} - -#save-post { - float: left; -} - -.preview { - float: right; -} - -#sticky-span { - margin-left: 18px; -} - -.approve, -.unapproved .unapprove { - display: none; -} - -.unapproved .approve, -.spam .approve, -.trash .approve { - display: inline; -} - -td.action-links, -th.action-links { - text-align: right; -} - -#misc-publishing-actions .notice { - margin-left: 10px; - margin-right: 10px; -} - -/* Filter bar */ -.wp-filter { - display: inline-block; - position: relative; - box-sizing: border-box; - margin: 12px 0 25px; - padding: 0 10px; - width: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); - border: 1px solid #c3c4c7; - background: #fff; - color: #50575e; - font-size: 13px; -} - -.wp-filter a { - text-decoration: none; -} - -.filter-count { - display: inline-block; - vertical-align: middle; - min-width: 4em; -} - -.title-count, -.filter-count .count { - display: inline-block; - position: relative; - top: -1px; - padding: 4px 10px; - border-radius: 30px; - background: #646970; - color: #fff; - font-size: 14px; - font-weight: 600; -} - -/* not a part of filter bar, but derived from it, so here for now */ -.title-count { - display: inline; - top: -3px; - margin-left: 5px; - margin-right: 20px; -} - -.filter-items { - float: left; -} - -.filter-links { - display: inline-block; - margin: 0; -} - -.filter-links li { - display: inline-block; - margin: 0; -} - -.filter-links li > a { - display: inline-block; - margin: 0 10px; - padding: 15px 0; - border-bottom: 4px solid #fff; - color: #646970; - cursor: pointer; -} - -.filter-links .current { - box-shadow: none; - border-bottom: 4px solid var(--wp-admin-theme-color); - color: #1d2327; - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.filter-links li > a:hover, -.filter-links li > a:focus, -.show-filters .filter-links a.current:hover, -.show-filters .filter-links a.current:focus { - color: var(--wp-admin-theme-color); -} - -.wp-filter .search-form { - float: right; - display: flex; - align-items: center; - column-gap: .5rem; -} - -.wp-filter .search-form input[type="search"] { - width: 280px; - max-width: 100%; -} - -.wp-filter .search-form select { - margin: 0; -} - -.wp-filter .search-form input[type="search"] { - min-height: 32px; - padding: 0 8px; -} - -.wp-filter .search-form select, -.wp-filter .filter-items select { - min-height: 32px; - line-height: 2.14285714; /* 30px for 32px height with 14px font */ - padding: 0 24px 0 8px; -} - -.wp-filter .button { - min-height: 32px; - line-height: 2.30769231; /* 30px for 32px height with 13px font */ - padding: 0 12px; -} - -/* Use flexbox only on the plugins install page and upload page. The `filter-links` and search form children will become flex items. */ -.plugin-install-php .wp-filter, -.upload-php .wp-filter { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; -} - -.wp-filter .search-form.search-plugins select, -.wp-filter .search-form.search-plugins .wp-filter-search, -.no-js .wp-filter .search-form.search-plugins .button { - display: inline-block; - vertical-align: top; -} - -.wp-filter .button.drawer-toggle { - margin: 10px 9px 0; - padding: 0 10px 0 6px; - border-color: transparent; - background-color: transparent; - color: #646970; - vertical-align: baseline; - box-shadow: none; -} - -.wp-filter .drawer-toggle:before { - content: "\f111"; - content: "\f111" / ''; - margin: 0 5px 0 0; - color: #646970; - font: normal 16px/1 dashicons; - vertical-align: text-bottom; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.wp-filter .button.drawer-toggle:hover, -.wp-filter .drawer-toggle:hover:before, -.wp-filter .button.drawer-toggle:focus, -.wp-filter .drawer-toggle:focus:before { - background-color: transparent; - color: var(--wp-admin-theme-color); -} - -.wp-filter .button.drawer-toggle:hover, -.wp-filter .button.drawer-toggle:focus:active { - border-color: transparent; -} - -.wp-filter .button.drawer-toggle:focus { - border-color: var(--wp-admin-theme-color); -} - -.wp-filter .button.drawer-toggle:active { - background: transparent; - box-shadow: none; - transform: none; -} - -.wp-filter .drawer-toggle.current:before { - color: #fff; -} - -.filter-drawer, -.wp-filter .favorites-form { - display: none; - margin: 0 -10px 0 -20px; - padding: 20px; - border-top: 1px solid #f0f0f1; - background: #f6f7f7; - overflow: hidden; -} - -.wp-filter .favorites-form .favorites-username, -.plugin-install-tab-favorites .favorites-username { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 0.5rem; -} - -.wp-filter .favorites-form .favorites-username input, -.plugin-install-tab-favorites .favorites-username input { - margin: 0; -} - -.show-filters .filter-drawer, -.show-favorites-form .favorites-form { - display: block; -} - -.show-filters .filter-links a.current { - border-bottom: none; -} - -.show-filters .wp-filter .button.drawer-toggle { - border-radius: 2px; - background: #646970; - color: #fff; -} - -.show-filters .wp-filter .drawer-toggle:hover, -.show-filters .wp-filter .drawer-toggle:focus { - background: var(--wp-admin-theme-color); -} - -.show-filters .wp-filter .drawer-toggle:before { - color: #fff; -} - -.filter-group { - box-sizing: border-box; - position: relative; - float: left; - margin: 0 1% 0 0; - padding: 20px 10px 10px; - width: 24%; - background: #fff; - border: 1px solid #dcdcde; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); -} - -.filter-group legend { - position: absolute; - top: 10px; - display: block; - margin: 0; - padding: 0; - font-size: 1em; - font-weight: 600; -} - -.filter-drawer .filter-group-feature { - margin: 28px 0 0; - list-style-type: none; - font-size: 12px; -} - -.filter-drawer .filter-group-feature input, -.filter-drawer .filter-group-feature label { - line-height: 1.4; -} - -.filter-drawer .filter-group-feature input { - position: absolute; - margin: 0; -} - -.filter-group .filter-group-feature label { - display: block; - margin: 14px 0 14px 23px; -} - -.filter-drawer .buttons { - clear: both; - margin-bottom: 20px; -} - -.filter-drawer .filter-group + .buttons { - margin-bottom: 0; - padding-top: 20px; -} - -.filter-drawer .buttons .button span { - display: inline-block; - opacity: 0.8; - font-size: 12px; - text-indent: 10px; -} - -.wp-filter .button.clear-filters { - display: none; - margin-left: 10px; -} - -.wp-filter .button-link.edit-filters { - padding: 0 5px; - line-height: 2.2; -} - -.filtered-by { - display: none; - margin: 0; -} - -.filtered-by > span { - font-weight: 600; -} - -.filtered-by a { - margin-left: 10px; -} - -.filtered-by .tags { - display: flex; - align-items: flex-start; - flex-wrap: wrap; - gap: 8px; -} - -.filtered-by .tag { - padding: 4px 8px; - border: 1px solid #dcdcde; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); - background: #fff; - font-size: 11px; -} - -.filters-applied .filter-group, -.filters-applied .filter-drawer .buttons, -.filters-applied .filter-drawer br { - display: none; -} - -.filters-applied .filtered-by { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 10px; -} - -.filters-applied .filter-drawer { - padding: 20px; -} - -.show-filters .favorites-form, -.show-filters .content-filterable, -.show-filters.filters-applied.loading-content .content-filterable, -.loading-content .content-filterable, -.error .content-filterable { - display: none; -} - -.show-filters.filters-applied .content-filterable { - display: block; -} - -.loading-content .spinner { - display: block; - margin: 40px auto 0; - float: none; -} - -@media only screen and (max-width: 1138px) { - .wp-filter .search-form { - margin: 11px 0; - } -} - -@media only screen and (max-width: 1250px) { - .wp-filter:has(.plugin-install-search) .search-form { - margin: 11px 0; - } -} - -@media only screen and (max-width: 1120px) { - .filter-drawer { - border-bottom: 1px solid #f0f0f1; - } - - .filter-group { - margin-bottom: 0; - margin-top: 5px; - width: 100%; - } - - .filter-group li { - margin: 10px 0; - } -} - -@media only screen and (max-width: 1000px) { - .filter-items { - float: none; - } - - .wp-filter .media-toolbar-primary, - .wp-filter .media-toolbar-secondary, - .wp-filter .search-form { - float: none; /* Remove float from media-views.css */ - position: relative; - max-width: 100%; - } - .wp-filter .search-form { - margin: 11px 0; - flex-wrap: wrap; - row-gap: 10px; - } -} - -@media only screen and (max-width: 782px) { - .filter-group li { - padding: 0; - width: 50%; - } - - .wp-filter .search-form input[type="search"] { - min-height: 40px; - padding: 0 12px; - } - - .wp-filter .search-form select, - .wp-filter .filter-items select { - min-height: 40px; - padding: 0 24px 0 12px; - } -} - -@media only screen and (max-width: 320px) { - .filter-count { - display: none; - } - - .wp-filter .drawer-toggle { - margin: 10px 0; - } - - .filter-group li, - .wp-filter .search-form input[type="search"] { - width: 100%; - } -} - -/*------------------------------------------------------------------------------ - 4.0 - Notifications -------------------------------------------------------------------------------*/ - -.notice, -div.updated, -div.error { - background: #fff; - border: none; - border-left: 4px solid #c3c4c7; - box-shadow: none; - margin: 5px 15px 2px; - padding: 8px 12px; -} - -div[class="update-message"] { /* back-compat for pre-4.6 */ - padding: 0.5em 12px 0.5em 0; -} - -.notice p, -.notice-title, -div.updated p, -div.error p, -.form-table td .notice p { - margin: 0.5em 0; - padding: 0; - font-size: 13px; - line-height: 1.54; - color: #1e1e1e; -} - -div.notice a, -div.error a, -div.updated a { - color: var(--wp-admin-theme-color-darker-10); - text-decoration: underline; -} - -div.notice a:hover, -div.error a:hover, -div.updated a:hover { - color: var(--wp-admin-theme-color-darker-20); -} - -div.notice a:focus, -div.error a:focus, -div.updated a:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; - border-radius: 2px; -} - -.notice-alt { - box-shadow: none; -} - -.notice-large { - padding: 10px 20px; -} - -.notice-title { - display: inline-block; - color: #1d2327; - font-size: 18px; -} - -.wp-core-ui .notice.is-dismissible { - padding-right: 48px; - position: relative; -} - -.notice-dismiss { - position: absolute; - top: 12px; - right: 12px; - border: none; - margin: 0; - padding: 0; - background: none; - color: #1e1e1e; - cursor: pointer; - width: 24px; - height: 24px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 2px; -} - -.notice-dismiss:hover:before, -.notice-dismiss:active:before { - color: #1e1e1e; - opacity: 0.7; -} - -.notice-dismiss:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.notice-dismiss:focus:before { - color: #1e1e1e; -} - -.notice-success, -div.updated { - border-left-color: #4ab866; - background-color: #eff9f1; -} - -.notice-success.notice-alt, -div.updated.notice-alt { - background-color: #eff9f1; -} - -.notice-warning { - border-left-color: #f0b849; - background-color: #fef8ee; -} - -.notice-warning.notice-alt { - background-color: #fef8ee; -} - -.notice-error, -div.error { - border-left-color: #cc1818; - background-color: #fcf0f0; -} - -.notice-error.notice-alt, -div.error.notice-alt { - background-color: #fcf0f0; -} - -.notice-info { - border-left-color: #3858e9; - background-color: #fff; -} - -.notice-info.notice-alt { - background-color: #fff; -} - -#plugin-information-footer .update-now:not(.button-disabled):before { - color: #d63638; - content: "\f463"; - content: "\f463" / ''; - display: inline-block; - font: normal 20px/1 dashicons; - margin: -3px 5px 0 -2px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - vertical-align: middle; -} - -#plugin-information-footer .notice { - margin-top: -5px; -} - -.update-message p:before, -.updating-message p:before, -.updated-message p:before, -.import-php .updating-message:before, -.button.updating-message:before, -.button.updated-message:before, -.button.installed:before, -.button.installing:before, -.button.activating-message:before, -.button.activated-message:before { - display: inline-block; - font: normal 20px/1 'dashicons'; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - vertical-align: top; -} - -.wrap .notice, -.wrap div.updated, -.wrap div.error, -.media-upload-form .notice, -.media-upload-form div.error { - margin: 5px 0 15px; -} - -.wrap #templateside .notice { - display: block; - margin: 0; - padding: 5px 8px; - font-weight: 600; - text-decoration: none; -} - -.wrap #templateside span.notice { - margin-left: -12px; -} - -#templateside li.notice a { - padding: 0; -} - -/* Update icon. */ -.update-message p:before, -.updating-message p:before, -.import-php .updating-message:before, -.button.updating-message:before, -.button.installing:before, -.button.activating-message:before { - color: #d63638; - content: "\f463"; - content: "\f463" / ''; -} - -/* Spins the update icon. */ -.updating-message p:before, -.import-php .updating-message:before, -.button.updating-message:before, -.button.installing:before, -.button.activating-message:before, -.plugins .column-auto-updates .dashicons-update.spin, -.theme-overlay .theme-autoupdate .dashicons-update.spin { - animation: rotation 2s infinite linear; -} - -@media (prefers-reduced-motion: reduce) { - .updating-message p:before, - .import-php .updating-message:before, - .button.updating-message:before, - .button.installing:before, - .button.activating-message:before, - .plugins .column-auto-updates .dashicons-update.spin, - .theme-overlay .theme-autoupdate .dashicons-update.spin { - animation: none; - } -} - -.theme-overlay .theme-autoupdate .dashicons-update.spin { - margin-right: 3px; -} - -/* Updated icon (check mark). */ -.updated-message p:before, -.installed p:before, -.button.updated-message:before, -.button.activated-message:before { - color: #68de7c; - content: "\f147"; - content: "\f147" / ''; -} - -/* Error icon. */ -.update-message.notice-error p:before { - color: #d63638; - content: "\f534"; - content: "\f534" / ''; -} - -.wrap .notice p:before, -.import-php .updating-message:before { - margin-right: 6px; -} - -.import-php .updating-message:before { - vertical-align: bottom; -} - -#update-nag, -.update-nag { - display: inline-block; - line-height: 1.4; - padding: 11px 15px; - font-size: 14px; - margin: 25px 20px 0 2px; -} - -ul#dismissed-updates { - display: none; -} - -#dismissed-updates li > p { - margin-top: 0; -} - -#dismiss, -#undismiss { - margin-left: 0.5em; -} - -form.upgrade { - margin-top: 8px; -} - -form.upgrade .hint { - font-style: italic; - font-size: 85%; - margin: -0.5em 0 2em; -} - -.update-php .spinner { - float: none; - margin: -4px 0; -} - -h2.wp-current-version { - margin-bottom: .3em; -} - -p.update-last-checked { - margin-top: 0; -} - -p.auto-update-status { - margin-top: 2em; - line-height: 1.8; -} - -#ajax-loading, -.ajax-loading, -.ajax-feedback, -.imgedit-wait-spin, -.list-ajax-loading { /* deprecated */ - visibility: hidden; -} - -#ajax-response.alignleft { - margin-left: 2em; -} - -.button.updating-message:before, -.button.updated-message:before, -.button.installed:before, -.button.installing:before, -.button.activated-message:before, -.button.activating-message:before { - margin: 0 5px 0 -2px; - line-height: 1.9; /* 38px (20px * 1.9) - matches button */ - vertical-align: top; -} - -#plugin-information-footer .button { - padding: 0 14px; - line-height: 2.71428571; /* 38px */ - font-size: 14px; - vertical-align: middle; - min-height: 40px; - margin-bottom: 4px; -} - -#plugin-information-footer .button.installed:before, -#plugin-information-footer .button.installing:before, -#plugin-information-footer .button.updating-message:before, -#plugin-information-footer .button.updated-message:before, -#plugin-information-footer .button.activated-message:before, -#plugin-information-footer .button.activating-message:before { - margin: 0 5px 0 -2px; - line-height: 1.9; /* 38px (20px * 1.9) - matches button */ - vertical-align: top; -} - -#plugin-information-footer .button.update-now.updating-message:before { - margin: 0 5px 0 -2px; -} - -.button-primary.updating-message:before, -.button-primary.activating-message:before { - color: #fff; -} - -.button-primary.updated-message:before, -.button-primary.activated-message:before { - color: #9ec2e6; -} - -.button.updated-message, -.button.activated-message { - transition-property: border, background, color; - transition-duration: .05s; - transition-timing-function: ease-in-out; -} - - -/* @todo: this does not need its own section anymore */ -/*------------------------------------------------------------------------------ - 6.0 - Admin Header -------------------------------------------------------------------------------*/ -#adminmenu a, -#taglist a, -#catlist a { - text-decoration: none; -} - -/*------------------------------------------------------------------------------ - 6.1 - Screen Options Tabs -------------------------------------------------------------------------------*/ - -#screen-options-wrap, -#contextual-help-wrap { - margin: 0; - padding: 8px 20px 12px; - position: relative; -} - -#contextual-help-wrap { - overflow: auto; - margin-left: 0; -} - -#screen-meta-links { - float: right; - margin: 0 20px 0 0; -} - -/* screen options and help tabs revert */ -#screen-meta { - display: none; - margin: 0 20px -1px 0; - position: relative; - background-color: #fff; - border: 1px solid #c3c4c7; - border-top: none; - box-shadow: 0 0 0 transparent; -} - -#screen-options-link-wrap, -#contextual-help-link-wrap { - float: left; - margin: 0 0 0 6px; -} - -#screen-meta-links .screen-meta-toggle { - position: relative; - top: 0; -} - -#screen-meta-links .show-settings { - border: 1px solid #c3c4c7; - border-top: none; - height: auto; - margin-bottom: 0; - padding: 0 6px 0 16px; - background: #fff; - border-radius: 0 0 4px 4px; - color: #646970; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; -} - -#screen-meta-links .show-settings:hover, -#screen-meta-links .show-settings:active, -#screen-meta-links .show-settings:focus { - color: #2c3338; -} - -#screen-meta-links .show-settings:focus { - border-color: var(--wp-admin-theme-color, #3858e9); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -#screen-meta-links .show-settings:active { - transform: none; -} - -#screen-meta-links .show-settings:after { - right: 0; - content: "\f140"; - content: "\f140" / ''; - font: normal 20px/1.5 dashicons; /* line-height 1.5 = 30px to match compact button */ - display: inline-block; - padding: 0 5px 0 0; - vertical-align: top; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none; -} - -#screen-meta-links .screen-meta-active:after { - content: "\f142"; - content: "\f142" / ''; -} - -/* end screen options and help tabs */ - -.toggle-arrow { - background-repeat: no-repeat; - background-position: top left; - background-color: transparent; - height: 22px; - line-height: 22px; - display: block; -} - -.toggle-arrow-active { - background-position: bottom left; -} - -#screen-options-wrap h5, /* Back-compat for old plugins */ -#screen-options-wrap legend, -#contextual-help-wrap h5 { - margin: 0; - padding: 8px 0; - font-size: 13px; - font-weight: 600; -} - -.metabox-prefs label { - display: inline-block; - padding-right: 15px; - line-height: 2.35; -} - -#number-of-columns { - display: inline-block; - vertical-align: middle; - line-height: 30px; -} - -.metabox-prefs input[type=checkbox] { - margin-top: 0; - margin-right: 6px; -} - -.metabox-prefs label input, -.metabox-prefs label input[type=checkbox] { - margin: -4px 5px 0 0; -} - -.metabox-prefs .columns-prefs label input { - margin: -1px 2px 0 0; -} - -.metabox-prefs label a { - display: none; -} - -.metabox-prefs .screen-options input, -.metabox-prefs .screen-options label { - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; -} - -.metabox-prefs .screen-options .screen-per-page { - margin-right: 15px; - padding-right: 0; -} - -.metabox-prefs .screen-options label { - line-height: 2.2; - padding-right: 0; -} - -.screen-options + .screen-options { - margin-top: 10px; -} - -.metabox-prefs .submit { - margin-top: 1em; - padding: 0; -} - -/*------------------------------------------------------------------------------ - 6.2 - Help Menu -------------------------------------------------------------------------------*/ - -#contextual-help-wrap { - padding: 0; -} - -#contextual-help-columns { - position: relative; -} - -#contextual-help-back { - position: absolute; - top: 0; - bottom: 0; - left: 150px; - right: 170px; - border: 1px solid #c3c4c7; - border-top: none; - border-bottom: none; - background: rgba(var(--wp-admin-theme-color--rgb), 0.08); -} - -#contextual-help-wrap.no-sidebar #contextual-help-back { - right: 0; - border-right-width: 0; - border-bottom-right-radius: 2px; -} - -.contextual-help-tabs { - float: left; - width: 150px; - margin: 0; -} - -.contextual-help-tabs ul { - margin: 1em 0; -} - -.contextual-help-tabs li { - margin-bottom: 0; - list-style-type: none; - border-style: solid; - border-width: 0 0 0 2px; - border-color: transparent; -} - -.contextual-help-tabs a { - display: block; - padding: 5px 5px 5px 12px; - line-height: 1.4; - text-decoration: none; - border: 1px solid transparent; - border-right: none; - border-left: none; -} - -.contextual-help-tabs a:hover { - color: #2c3338; -} - -.contextual-help-tabs .active { - padding: 0; - margin: 0 -1px 0 0; - border-left: 2px solid var(--wp-admin-theme-color); - background: color-mix(in srgb, var(--wp-admin-theme-color) 8%, white); - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02); -} - -.contextual-help-tabs .active a { - border-color: #c3c4c7; - color: #2c3338; -} - -.contextual-help-tabs-wrap { - padding: 0 20px; - overflow: auto; -} - -.help-tab-content { - display: none; - margin: 0 22px 12px 0; - line-height: 1.6; -} - -.help-tab-content.active { - display: block; -} - -.help-tab-content ul li { - list-style-type: disc; - margin-left: 18px; -} - -.contextual-help-sidebar { - width: 150px; - float: right; - padding: 0 8px 0 12px; - overflow: auto; -} - -/*------------------------------------------------------------------------------ - 8.0 - Layout Blocks -------------------------------------------------------------------------------*/ - -html.wp-toolbar { - padding-top: var(--wp-admin--admin-bar--height); - box-sizing: border-box; - -ms-overflow-style: scrollbar; /* See ticket #48545 */ -} - -.widefat th, -.widefat td { - color: #50575e; -} - -.widefat th, -.widefat thead td, -.widefat tfoot td { - font-weight: 400; -} - -.widefat thead tr th, -.widefat thead tr td, -.widefat tfoot tr th, -.widefat tfoot tr td { - color: #2c3338; -} - -.widefat td p { - margin: 2px 0 0.8em; -} - -.widefat p, -.widefat ol, -.widefat ul { - color: #2c3338; -} - -.widefat .column-comment p { - margin: 0.6em 0; -} - -.widefat .column-comment ul { - list-style: initial; - margin-left: 2em; -} - -/* Screens with postboxes */ -.postbox-container { - float: left; -} - -.postbox-container .meta-box-sortables { - box-sizing: border-box; -} - -#wpbody-content .metabox-holder { - padding-top: 10px; -} - -.metabox-holder .postbox-container .meta-box-sortables { - /* The jQuery UI Sortables need some initial height to work properly. */ - min-height: 1px; - position: relative; -} - -#post-body-content { - width: 100%; - min-width: 463px; - float: left; -} - -#post-body.columns-2 #postbox-container-1 { - float: right; - margin-right: -300px; - width: 280px; -} - -#post-body.columns-2 #side-sortables { - min-height: 250px; -} - -/* one column on the dash */ -@media only screen and (max-width: 799px) { - #wpbody-content .metabox-holder .postbox-container .empty-container { - outline: none; - height: 0; - min-height: 0; - } -} - -.js .widget .widget-top, -.js .postbox .hndle { - cursor: move; -} - -.js .widget .widget-top.is-non-sortable, -.js .postbox .hndle.is-non-sortable { - cursor: auto; -} - -/* Configurable dashboard widgets "Configure" edit-box link. */ -.hndle a { - font-size: 12px; - font-weight: 400; -} - -.postbox-header { - display: flex; - align-items: center; - justify-content: space-between; - border-bottom: 1px solid #c3c4c7; -} - -.postbox-header .hndle { - flex-grow: 1; - /* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */ - display: flex; - justify-content: space-between; - align-items: center; -} - -.postbox-header .handle-actions { - flex-shrink: 0; -} - -/* Post box order and toggle buttons. */ -.postbox .handle-order-higher, -.postbox .handle-order-lower, -.postbox .handlediv { - width: 1.62rem; - height: 1.62rem; - margin: 0; - padding: 0; - border: 0; - background: none; - cursor: pointer; -} - -.postbox .handle-order-higher, -.postbox .handle-order-lower { - color: #646970; - width: 1.62rem; -} - -/* Post box order buttons in the block editor meta boxes area. */ -.edit-post-meta-boxes-area .postbox .handle-order-higher, -.edit-post-meta-boxes-area .postbox .handle-order-lower { - width: 44px; - height: 44px; - color: #1d2327 -} - -.postbox .handle-order-higher[aria-disabled="true"], -.postbox .handle-order-lower[aria-disabled="true"] { - cursor: default; - color: #a7aaad; -} - -.sortable-placeholder:not(.empty-container .sortable-placeholder) { - border: 1px dashed #c3c4c7; - border-radius: 8px; - margin-bottom: 20px; -} - -.postbox, -.stuffbox { - margin-bottom: 20px; - padding: 0; - line-height: 1; -} - -.postbox.closed .postbox-header { - border-bottom: 0; -} - -/* user-select is not a part of the CSS standard - may change behavior in the future */ -.postbox .hndle, -.stuffbox .hndle { - -webkit-user-select: none; - user-select: none; -} - -.postbox .inside { - padding: 0 12px 12px; - line-height: 1.4; - font-size: 13px; -} - -.stuffbox .inside { - padding: 0; - line-height: 1.4; - font-size: 13px; - margin-top: 0; -} - -.postbox .inside { - margin: 11px 0; - position: relative; -} - -.postbox .inside > p:last-child, -.rss-widget ul li:last-child { - margin-bottom: 1px !important; -} - -.postbox.closed h3 { - border: none; - box-shadow: none; -} - -.postbox table.form-table { - margin-bottom: 0; -} - -.postbox table.widefat { - box-shadow: none; -} - -.temp-border { - border: 1px dotted #c3c4c7; -} - -.columns-prefs label { - padding: 0 10px 0 0; -} - -/* @todo: what is this doing here */ -#dashboard_right_now .versions .b, -#post-status-display, -#post-visibility-display, -#adminmenu .wp-submenu li.current, -#adminmenu .wp-submenu li.current a, -#adminmenu .wp-submenu li.current a:hover, -.media-item .percent, -.plugins .name, -#pass-strength-result.strong, -#pass-strength-result.short, -#ed_reply_toolbar #ed_reply_strong, -.item-controls .item-order a, -.feature-filter .feature-name, -#comment-status-display { - font-weight: 600; -} - -/*------------------------------------------------------------------------------ - 21.0 - Admin Footer -------------------------------------------------------------------------------*/ - -#wpfooter { - position: absolute; - bottom: 0; - left: 0; - right: 0; - padding: 10px 20px; - color: #50575e; -} - -#wpfooter p { - font-size: 13px; - margin: 0; - line-height: 1.55; -} - -#footer-thankyou { - font-style: italic; -} - -/*------------------------------------------------------------------------------ - 25.0 - Tabbed Admin Screen Interface (Experimental) -------------------------------------------------------------------------------*/ - -.nav-tab { - float: left; - border: 1px solid #c3c4c7; - border-bottom: none; - margin-left: 0.5em; /* half the font size so set the font size properly */ - padding: 5px 10px; - font-size: 14px; - line-height: 1.71428571; - font-weight: 600; - background: #dcdcde; - color: #50575e; - text-decoration: none; - white-space: nowrap; -} - -h3 .nav-tab, /* Back-compat for pre-4.4 */ -.nav-tab-small .nav-tab { - padding: 5px 14px; - font-size: 12px; - line-height: 1.33; -} - -.nav-tab:hover, -.nav-tab:focus { - background-color: #fff; - color: #3c434a; -} - -.nav-tab-active, -.nav-tab:focus:active { - box-shadow: none; -} - -.nav-tab-active { - margin-bottom: -1px; - color: #3c434a; -} - -.nav-tab-active, -.nav-tab-active:hover, -.nav-tab-active:focus, -.nav-tab-active:focus:active { - border-bottom: 1px solid #f0f0f1; - background: #f0f0f1; - color: #000; -} - -h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */ -.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */ -.nav-tab-wrapper { - border-bottom: 1px solid #c3c4c7; - margin: 0; - padding-top: 9px; - padding-bottom: 0; - line-height: inherit; -} - -/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */ -.nav-tab-wrapper:not(.wp-clearfix):after { - content: ""; - display: table; - clear: both; -} - -/*------------------------------------------------------------------------------ - 26.0 - Misc -------------------------------------------------------------------------------*/ - -.spinner { - background: url(../images/spinner.gif) no-repeat; - background-size: 20px 20px; - display: inline-block; - visibility: hidden; - float: right; - vertical-align: middle; - opacity: 0.7; - filter: alpha(opacity=70); - width: 20px; - height: 20px; - margin: 10px 10px 0; -} - -.spinner.is-active, -.loading-content .spinner { - visibility: visible; -} - -#template > div { - margin-right: 16em; -} -#template .notice { - margin-top: 1em; - margin-right: 3%; -} -#template .notice p { - width: auto; -} -#template .submit .spinner { - float: none; - vertical-align: top; -} - -.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */ -.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */ -.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */ -.metabox-holder h2.hndle { - font-size: 14px; - padding: 8px 12px; - margin: 0; - line-height: 1.4; -} - -/* Back-compat for nav-menus screen */ -.nav-menus-php .metabox-holder h3 { - padding: 0; -} - -.accordion-container h3.accordion-section-title { - padding: 0 !important; -} - -.accordion-section-title button.accordion-trigger, -.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger { - background: inherit; - color: #1d2327; - display: block; - position: relative; - text-align: left; - width: 100%; - outline: none; - border: 0; - padding: 10px 10px 11px 14px; - line-height: 1.5; - cursor: pointer; -} - -.accordion-section-title button.accordion-trigger:focus, -.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - outline: 2px solid transparent; -} - -.accordion-section-title span.dashicons.dashicons-arrow-down, -.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down { - position: absolute; - right: 10px; - left: auto; - color: #787c82; - border-radius: 50px; - top: 50%; - transform: translateY(-50%); -} - -.accordion-section-title:hover span.dashicons.dashicons-arrow-down, -.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down { - color: #1d2327; -} - -.accordion-section-title span.dashicons.dashicons-arrow-down::before, -.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before { - position: relative; - left: -1px; -} - -.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down, -.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down { - transform: rotate(180deg) translate(0, 50%); -} - -#templateside ul li a { - text-decoration: none; -} - -.plugin-install #description, -.plugin-install-network #description { - width: 60%; -} - -table .vers, -table .column-visible, -table .column-rating { - text-align: left; -} - -.attention, -.error-message { - color: #d63638; - font-weight: 600; -} - -/* Scrollbar fix for bulk upgrade iframe */ -body.iframe { - height: 98%; -} - -/* Upgrader styles, Specific to Language Packs */ -.lp-show-latest p { - display: none; -} -.lp-show-latest p:last-child, -.lp-show-latest .lp-error p { - display: block; -} - -/* - Only used once or twice in all of WP - deprecate for global style -------------------------------------------------------------------------------*/ -.media-icon { - width: 62px; /* icon + border */ - text-align: center; -} - -.media-icon img { - border: 1px solid #dcdcde; - border: 1px solid rgba(0, 0, 0, 0.07); -} - -#howto { - font-size: 11px; - margin: 0 5px; - display: block; -} - -.delete-and-reassign-users-form legend { - margin: 1em 0; - line-height: 1.5; - float: inline-start; -} - -.delete-and-reassign-users-form fieldset > fieldset, -.delete-and-reassign-users-form fieldset > ul { - clear: both; -} - -.delete-and-reassign-users-form fieldset:has(select[aria-invalid="true"]):not(fieldset:has(fieldset)) { - border-left: 4px solid #cc1818; - background: #fcf0f0; - padding-left: 12px; -} - -.importers { - font-size: 16px; - width: auto; -} - -.importers td { - padding-right: 14px; - line-height: 1.4; -} - -.importers .import-system { - max-width: 250px; -} - -.importers td.desc { - max-width: 500px; -} - -.importer-title, -.importer-desc, -.importer-action { - display: block; -} - -.importer-title { - color: #000; - font-size: 14px; - font-weight: 400; - margin-bottom: .2em; -} - -.importer-action { - line-height: 1.55; /* Same as with .updating-message */ - color: #50575e; - margin-bottom: 1em; -} - -#post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */ -#post-body #post-body-content #namediv h2 { - margin-top: 0; -} - -.edit-comment-author { - color: #1d2327; - border-bottom: 1px solid #f0f0f1; -} - -#namediv h3 label, /* Back-compat for pre-4.4 */ -#namediv h2 label { - vertical-align: baseline; -} - -#namediv table { - width: 100%; -} - -#namediv td.first { - width: 10px; - white-space: nowrap; -} - -#namediv input { - width: 100%; -} - -#namediv p { - margin: 10px 0; -} - -/* - Used - but could/should be deprecated with a CSS reset -------------------------------------------------------------------------------*/ -.zerosize { - height: 0; - width: 0; - margin: 0; - border: 0; - padding: 0; - overflow: hidden; - position: absolute; -} - -br.clear { - height: 2px; - line-height: 0.15; -} - -.checkbox { - border: none; - margin: 0; - padding: 0; -} - -fieldset { - border: 0; - padding: 0; - margin: 0; -} - -.post-categories { - display: inline; - margin: 0; - padding: 0; -} - -.post-categories li { - display: inline; -} - -/* Star Ratings - Back-compat for pre-3.8 */ -div.star-holder { - position: relative; - height: 17px; - width: 100px; - background: url(../images/stars.png?ver=20121108) repeat-x bottom left; -} - -div.star-holder .star-rating { - background: url(../images/stars.png?ver=20121108) repeat-x top left; - height: 17px; - float: left; -} - -/* Star Ratings */ -.star-rating { - white-space: nowrap; -} -.star-rating .star { - display: inline-block; - width: 20px; - height: 20px; - -webkit-font-smoothing: antialiased; - font-size: 20px; - line-height: 1; - font-family: dashicons; - text-decoration: inherit; - font-weight: 400; - font-style: normal; - vertical-align: top; - transition: color .1s ease-in; - text-align: center; - color: #dba617; -} - -.star-rating .star-full:before { - content: "\f155"; - content: "\f155" / ''; -} - -.star-rating .star-half:before { - content: "\f459"; - content: "\f459" / ''; -} - -.rtl .star-rating .star-half { - transform: rotateY(180deg); -} - -.star-rating .star-empty:before { - content: "\f154"; - content: "\f154" / ''; -} - -div.action-links { - font-weight: 400; - margin: 6px 0 0; -} - -/* Plugin install thickbox */ -#plugin-information { - background: #fff; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - height: 100%; - padding: 0; -} - -#plugin-information-scrollable { - overflow: auto; - -webkit-overflow-scrolling: touch; - height: calc(100% - 67px); -} - -#plugin-information-title { - padding: 0 26px; - background: #f6f7f7; - font-size: 22px; - font-weight: 600; - line-height: 2.4; - position: relative; - height: 56px; -} - -#plugin-information-title.with-banner { - margin-right: 0; - height: 250px; - background-size: cover; -} - -#plugin-information-title h2 { - font-size: 1em; - font-weight: 600; - padding: 0; - margin: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -#plugin-information-title.with-banner h2 { - position: relative; - font-family: "Helvetica Neue", sans-serif; - display: inline-block; - font-size: 30px; - line-height: 1.68; - box-sizing: border-box; - max-width: 100%; - padding: 0 15px; - margin-top: 174px; - color: #fff; - background: rgba(29, 35, 39, 0.9); - text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 0 30px rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -#plugin-information-title div.vignette { - display: none; -} - -#plugin-information-title.with-banner div.vignette { - position: absolute; - display: block; - top: 0; - left: 0; - height: 250px; - width: 100%; - background: transparent; - box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -} - -#plugin-information-tabs { - padding: 0 16px; - position: relative; - right: 0; - left: 0; - min-height: 36px; - font-size: 0; - z-index: 1; - border-bottom: 1px solid #dcdcde; - background: #f6f7f7; -} - -#plugin-information-tabs a { - position: relative; - display: inline-block; - padding: 9px 10px; - margin: 0; - height: 18px; - line-height: 1.3; - font-size: 14px; - text-decoration: none; - transition: none; -} - -#plugin-information-tabs a.current { - margin: 0 -1px -1px; - background: #fff; - border: 1px solid #dcdcde; - border-bottom-color: #fff; - padding-top: 8px; - color: #2c3338; -} - -#plugin-information-tabs.with-banner a.current { - border-top: none; - padding-top: 9px; -} - -#plugin-information-tabs a:active, -#plugin-information-tabs a:focus { - outline: none; -} - -#plugin-information-content { - overflow: hidden; /* equal height column trick */ - background: #fff; - position: relative; - top: 0; - right: 0; - left: 0; - min-height: 100%; - /* Height of title + tabs + install now */ - min-height: calc( 100% - 152px ); -} - -#plugin-information-content.with-banner { - /* Height of banner + tabs + install now */ - min-height: calc( 100% - 346px ); -} - -#section-holder { - position: relative; - top: 0; - right: 250px; - bottom: 0; - left: 0; - margin-top: 10px; - margin-right: 250px; /* FYI box */ - padding: 10px 26px 99999px; /* equal height column trick */ - margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */ -} - -#section-holder .notice { - margin: 5px 0 15px; -} - -#section-holder .updated { - margin: 16px 0; -} - -#plugin-information .fyi { - float: right; - position: relative; - top: 0; - right: 0; - padding: 16px 16px 99999px; /* equal height column trick */ - margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */ - width: 217px; - border-left: 1px solid #dcdcde; - background: #f6f7f7; - color: #646970; -} - -#plugin-information .fyi strong { - color: #3c434a; -} - -#plugin-information .fyi h3 { - font-weight: 600; - text-transform: uppercase; - font-size: 12px; - color: #646970; - margin: 24px 0 8px; -} - -#plugin-information .fyi h2 { - font-size: 0.9em; - margin-bottom: 0; - margin-right: 0; -} - -#plugin-information .fyi ul { - padding: 0; - margin: 0; - list-style: none; -} - -#plugin-information .fyi li { - margin: 0 0 10px; -} - -#plugin-information .fyi-description { - margin-top: 0; -} - -#plugin-information .counter-container { - margin: 3px 0; -} - -#plugin-information .counter-label { - float: left; - margin-right: 5px; - min-width: 55px; -} - -#plugin-information .counter-back { - height: 17px; - width: 92px; - background-color: #dcdcde; - float: left; -} - -#plugin-information .counter-bar { - height: 17px; - background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */ - float: left; -} - -#plugin-information .counter-count { - margin-left: 5px; -} - -#plugin-information .fyi ul.contributors { - margin-top: 10px; -} - -#plugin-information .fyi ul.contributors li { - display: inline-block; - margin-right: 8px; - vertical-align: middle; -} - -#plugin-information .fyi ul.contributors li { - display: inline-block; - margin-right: 8px; - vertical-align: middle; -} - -#plugin-information .fyi ul.contributors li img { - vertical-align: middle; - margin-right: 4px; -} - -#plugin-information-footer { - padding: 13px 16px; - position: absolute; - right: 0; - bottom: 0; - left: 0; - height: 40px; /* actual height: 40+13+13+1=67 */ - border-top: 1px solid #dcdcde; - background: #f6f7f7; -} - -/* rtl:ignore */ -#plugin-information .section { - direction: ltr; -} - -/* rtl:ignore */ -#plugin-information .section ul, -#plugin-information .section ol { - list-style-type: disc; - margin-left: 24px; -} - -#plugin-information .section, -#plugin-information .section p { - font-size: 14px; - line-height: 1.7; -} - -#plugin-information #section-screenshots ol { - list-style: none; - margin: 0; -} - -#plugin-information #section-screenshots li img { - vertical-align: text-top; - margin-top: 16px; - max-width: 100%; - width: auto; - height: auto; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -/* rtl:ignore */ -#plugin-information #section-screenshots li p { - font-style: italic; - padding-left: 20px; -} - -#plugin-information pre { - padding: 7px; - overflow: auto; - border: 1px solid #c3c4c7; -} - -#plugin-information blockquote { - border-left: 2px solid #dcdcde; - color: #646970; - font-style: italic; - margin: 1em 0; - padding: 0 0 0 1em; -} - -/* rtl:ignore */ -#plugin-information .review { - overflow: hidden; /* clearfix */ - width: 100%; - margin-bottom: 20px; - border-bottom: 1px solid #dcdcde; -} - -#plugin-information .review-title-section { - overflow: hidden; /* clearfix */ -} - -/* rtl:ignore */ -#plugin-information .review-title-section h4 { - display: inline-block; - float: left; - margin: 0 6px 0 0; -} - -#plugin-information .reviewer-info p { - clear: both; - margin: 0; - padding-top: 2px; -} - -/* rtl:ignore */ -#plugin-information .reviewer-info .avatar { - float: left; - margin: 4px 6px 0 0; -} - -/* rtl:ignore */ -#plugin-information .reviewer-info .star-rating { - float: left; -} - -/* rtl:ignore */ -#plugin-information .review-meta { - float: left; - margin-left: 0.75em; -} - -/* rtl:ignore */ -#plugin-information .review-body { - float: left; - width: 100%; -} - -.plugin-version-author-uri { - font-size: 13px; -} - -/* For non-js plugin installation screen ticket #36430. */ -.update-php .button.button-primary { - margin-right: 1em; -} - -@media screen and (max-width: 771px) { - #plugin-information-title.with-banner { - height: 100px; - } - - #plugin-information-title.with-banner h2 { - margin-top: 30px; - font-size: 20px; - line-height: 2; - max-width: 85%; - } - - #plugin-information-title.with-banner div.vignette { - height: 100px; - } - - #plugin-information-tabs { - overflow: hidden; /* clearfix */ - padding: 0; - height: auto; /* let tabs wrap */ - } - - #plugin-information-tabs a.current { - margin-bottom: 0; - border-bottom: none; - } - - #plugin-information .fyi { - float: none; - border: 1px solid #dcdcde; - position: static; - width: auto; - margin: 26px 26px 0; - padding-bottom: 0; /* reset from the two column height fix */ - } - - #section-holder { - position: static; - margin: 0; - padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */ - } - - #plugin-information .fyi h3, - #plugin-information .fyi small { - display: none; - } -} - -/* Thickbox for the Plugin details modal. */ -#TB_window.plugin-details-modal { - background: #fff; -} - -#TB_window.plugin-details-modal.thickbox-loading:before { - content: ""; - display: block; - width: 20px; - height: 20px; - position: absolute; - left: 50%; - top: 50%; - z-index: -1; - margin: -10px 0 0 -10px; - background: #fff url(../images/spinner.gif) no-repeat center; - background-size: 20px 20px; - transform: translateZ(0); -} - -@media print, - (min-resolution: 120dpi) { - - #TB_window.plugin-details-modal.thickbox-loading:before { - background-image: url(../images/spinner-2x.gif); - } -} - -.plugin-details-modal #TB_title { - float: left; - height: 1px; -} - -.plugin-details-modal #TB_ajaxWindowTitle { - display: none; -} - -.plugin-details-modal #TB_closeWindowButton { - left: auto; - right: -30px; - color: #f0f0f1; -} - -.plugin-details-modal #TB_closeWindowButton:hover, -.plugin-details-modal #TB_closeWindowButton:focus { - outline: none; - box-shadow: none; -} - -.plugin-details-modal #TB_closeWindowButton:hover::after, -.plugin-details-modal #TB_closeWindowButton:focus::after { - outline: 2px solid; - outline-offset: -4px; - border-radius: 4px; -} - -.plugin-details-modal .tb-close-icon { - display: none; -} - -.plugin-details-modal #TB_closeWindowButton:after { - content: "\f335"; - content: "\f335" / ''; - font: normal 32px/29px 'dashicons'; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* move plugin install close icon to top on narrow screens */ -@media screen and (max-width: 830px) { - .plugin-details-modal #TB_closeWindowButton { - right: 0; - top: -30px; - } -} - -/* @todo: move this. */ -img { - border: none; -} - -/* Metabox collapse arrow indicators */ -.sidebar-name .toggle-indicator::before, -.meta-box-sortables .postbox .toggle-indicator::before, -.meta-box-sortables .postbox .order-higher-indicator::before, -.meta-box-sortables .postbox .order-lower-indicator::before, -.bulk-action-notice .toggle-indicator::before, -.privacy-text-box .toggle-indicator::before { - content: "\f142"; - content: "\f142" / ''; - display: inline-block; - font: normal 20px/1 dashicons; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none; -} - -.js .widgets-holder-wrap.closed .toggle-indicator::before, -.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before, -.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before, -.privacy-text-box.closed .toggle-indicator::before { - content: "\f140"; - content: "\f140" / ''; -} - -.postbox .handle-order-higher .order-higher-indicator::before { - content: "\f343"; - content: "\f343" / ''; - color: inherit; -} - -.postbox .handle-order-lower .order-lower-indicator::before { - content: "\f347"; - content: "\f347" / ''; - color: inherit; -} - -.postbox .handle-order-higher .order-higher-indicator::before, -.postbox .handle-order-lower .order-lower-indicator::before { - position: relative; - top: 0.11rem; - width: 20px; - height: 20px; -} - -.postbox .handlediv .toggle-indicator::before { - width: 20px; - border-radius: 50%; -} - -.postbox .handlediv .toggle-indicator::before { - position: relative; - top: 0.05rem; - text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */ -} - -.rtl .postbox .handlediv .toggle-indicator::before { - text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */ -} - -.bulk-action-notice .toggle-indicator::before { - line-height: 16px; - vertical-align: top; - color: #787c82; -} - -.postbox .handle-order-higher:focus, -.postbox .handle-order-lower:focus, -.postbox .handlediv:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color); - border-radius: 50%; - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.postbox .handle-order-higher:focus .order-higher-indicator::before, -.postbox .handle-order-lower:focus .order-lower-indicator::before, -.postbox .handlediv:focus .toggle-indicator::before { - box-shadow: none; - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; -} - -/* @todo: appears to be Press This only and overridden */ -#photo-add-url-div input[type="text"] { - width: 300px; -} - -/* Theme/Plugin file editor */ -.alignleft h2 { - margin: 0; -} - -#template textarea { - font-family: Consolas, Monaco, monospace; - font-size: 13px; - background: #f6f7f7; - tab-size: 4; -} - -#template textarea, -#template .CodeMirror { - width: 100%; - min-height: 60vh; - height: calc( 100vh - 295px ); - border: 1px solid #dcdcde; - box-sizing: border-box; -} - -#templateside > h2 { - padding-top: 6px; - padding-bottom: 7px; - margin: 0; -} - -#templateside ol, -#templateside ul { - margin: 0; - padding: 0; -} -#templateside > ul { - box-sizing: border-box; - margin-top: 0; - overflow: auto; - padding: 0; - min-height: 60vh; - height: calc(100vh - 295px); - background-color: #f6f7f7; - border: 1px solid #dcdcde; - border-left: none; -} -#templateside ul ul { - padding-left: 12px; -} -#templateside > ul > li > ul[role=group] { - padding-left: 0; -} - -/* - * Styles for Theme and Plugin file editors. - */ - -/* Hide collapsed items. */ -[role="treeitem"][aria-expanded="false"] > ul { - display: none; -} - -/* Use arrow dashicons for folder states, but hide from screen readers. */ -[role="treeitem"] span[aria-hidden] { - display: inline; - font-family: dashicons; - font-size: 20px; - position: absolute; - pointer-events: none; -} -[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after { - content: "\f139"; - content: "\f139" / ''; -} -[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after { - content: "\f140"; - content: "\f140" / ''; -} -[role="treeitem"] .folder-label { - display: block; - padding: 3px 3px 3px 12px; - cursor: pointer; -} - -/* Remove outline, and create our own focus and hover styles */ -[role="treeitem"] { - outline: 0; -} - -[role="treeitem"] a:focus, -[role="treeitem"] .folder-label.focus { - color: #043959; - /* Reset default focus style. */ - box-shadow: none; - /* Use an inset outline instead, so it's visible also over the current file item. */ - outline: 2px solid var(--wp-admin-theme-color, #3858e9); - outline-offset: -2px; -} - -[role="treeitem"].hover, -[role="treeitem"] .folder-label.hover { - background-color: #f0f0f1; -} - -.tree-folder { - margin: 0; - position: relative; -} -[role="treeitem"] li { - position: relative; -} - -/* Styles for folder indicators/depth */ -.tree-folder .tree-folder::after { - content: ""; - display: block; - position: absolute; - left: 2px; - border-left: 1px solid #c3c4c7; - top: -13px; - bottom: 10px; -} -.tree-folder > li::before { - content: ""; - position: absolute; - display: block; - border-left: 1px solid #c3c4c7; - left: 2px; - top: -5px; - height: 18px; - width: 7px; - border-bottom: 1px solid #c3c4c7; -} -.tree-folder > li::after { - content: ""; - position: absolute; - display: block; - border-left: 1px solid #c3c4c7; - left: 2px; - bottom: -7px; - top: 0; -} - -/* current-file needs to adjustment for .notice styles */ -#templateside .current-file { - margin: -4px 0 -2px; -} -.tree-folder > .current-file::before { - left: 4px; - height: 15px; - width: 0; - border-left: none; - top: 3px; -} -.tree-folder > .current-file::after { - bottom: -4px; - height: 7px; - left: 2px; - top: auto; -} - -/* Lines shouldn't continue on last item */ -.tree-folder > li:last-child::after, -.tree-folder li:last-child > .tree-folder::after { - display: none; -} - -#theme-plugin-editor-selector, -#theme-plugin-editor-label, -#documentation label { - font-weight: 600; -} - -#theme-plugin-editor-label { - display: inline-block; - margin-bottom: 1em; -} - -/* rtl:ignore */ -#template textarea, -#docs-list { - direction: ltr; -} - -.fileedit-sub #theme, -.fileedit-sub #plugin { - max-width: 40%; -} -.fileedit-sub .alignright { - text-align: right; -} - -#template p { - width: 97%; -} - -#file-editor-linting-error { - margin-top: 1em; - margin-bottom: 1em; -} -#file-editor-linting-error > .notice { - margin: 0; - display: inline-block; -} -#file-editor-linting-error > .notice > p { - width: auto; -} -#template .submit { - margin-top: 1em; - padding: 0; -} - -#template .submit input[type=submit][disabled] { - cursor: not-allowed; -} -#templateside { - float: right; - width: 16em; - word-wrap: break-word; -} - -#postcustomstuff p.submit { - margin: 0; -} - -#templateside h4 { - margin: 1em 0 0; -} - -#templateside li { - margin: 4px 0; -} - -#templateside li:not(.howto) a, -.theme-editor-php .highlight { - display: block; - padding: 3px 0 3px 12px; - text-decoration: none; -} - -#templateside li.current-file > a { - padding-bottom: 0; -} - -#templateside li:not(.howto) > a:first-of-type { - padding-top: 0; -} - -#templateside li.howto { - padding: 6px 12px 12px; -} - -.theme-editor-php .highlight { - margin: -3px 3px -3px -12px; -} - -#templateside .highlight { - border: none; - font-weight: 600; -} - -.nonessential { - color: #646970; - font-size: 11px; - font-style: italic; - padding-left: 12px; -} - -#documentation { - margin-top: 10px; -} - -#documentation label { - line-height: 1.8; - vertical-align: baseline; -} - -.fileedit-sub { - padding: 10px 0 8px; - line-height: 180%; -} - -#file-editor-warning .file-editor-warning-content { - margin: 25px; -} - -/* @todo: can we use a common class for these? */ -.nav-menus-php .item-edit:before, -.wp-customizer .control-section .accordion-section-title:after, -.wp-customizer .accordion-section-title:after, -.widget-top .widget-action .toggle-indicator:before { - content: "\f140"; - content: "\f140" / ''; - font: normal 20px/1 dashicons; - display: block; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none; -} - -.widget-top .widget-action .toggle-indicator:before { - padding: 1px 2px 1px 0; - border-radius: 50%; -} - -.handlediv, -.postbox .handlediv.button-link, -.item-edit, -.toggle-indicator { - color: #646970; -} - -.widget-action { - color: #50575e; /* #fafafa background in the Widgets screen */ -} - -.widget-top:hover .widget-action, -.widget-action:focus, -.handlediv:hover, -.handlediv:focus, -.postbox .handlediv.button-link:hover, -.postbox .handlediv.button-link:focus, -.item-edit:hover, -.item-edit:focus, -.sidebar-name:hover .toggle-indicator { - color: #1d2327; - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.widget-top .widget-action:focus .toggle-indicator:before { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -#customize-info.open .accordion-section-title:after, -.nav-menus-php .menu-item-edit-active .item-edit:before, -.widget.open .widget-top .widget-action .toggle-indicator:before, -.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before { - content: "\f142"; - content: "\f142" / ''; -} - -/*! - * jQuery UI Draggable/Sortable 1.11.4 - * http://jqueryui.com - * - * Copyright jQuery Foundation and other contributors - * Released under the MIT license. - * http://jquery.org/license - */ -.ui-draggable-handle, -.ui-sortable-handle { - touch-action: none; -} - -/* Accordion */ -.accordion-section { - border-bottom: 1px solid #dcdcde; - margin: 0; -} - -.accordion-section.open .accordion-section-content, -.no-js .accordion-section .accordion-section-content { - display: block; -} - -.accordion-section.open:hover { - border-bottom-color: #dcdcde; -} - -.accordion-section-content { - display: none; - padding: 10px 20px 15px; - overflow: hidden; - background: #fff; -} - -.accordion-section-title { - margin: 0; - position: relative; - border-left: 1px solid #dcdcde; - border-right: 1px solid #dcdcde; - -webkit-user-select: none; - user-select: none; -} - -.js .accordion-section-title { - cursor: pointer; -} - -.js .accordion-section-title:after { - position: absolute; - top: 12px; - right: 10px; - z-index: 1; -} - -.accordion-section-title:focus { - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; -} - -.accordion-section-title:hover:after, -.accordion-section-title:focus:after { - border-color: #a7aaad transparent; - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; -} - -.cannot-expand .accordion-section-title { - cursor: auto; -} - -.cannot-expand .accordion-section-title:after { - display: none; -} - -.control-section .accordion-section-title, -.customize-pane-child .accordion-section-title { - border-left: none; - border-right: none; - padding: 10px 10px 11px 14px; - line-height: 1.55; - background: #fff; -} - -.control-section .accordion-section-title:after, -.customize-pane-child .accordion-section-title:after { - top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */ -} - -.js .control-section:hover .accordion-section-title, -.js .control-section .accordion-section-title:hover, -.js .control-section.open .accordion-section-title, -.js .control-section .accordion-section-title:focus { - color: #1d2327; - background: #f6f7f7; -} - -.control-section.open .accordion-section-title { - /* When expanded */ - border-bottom: 1px solid #dcdcde; -} - -/* Edit Site */ -.network-admin .edit-site-actions { - margin-top: 0; -} - -/* My Sites */ -.my-sites { - display: block; - overflow: auto; - zoom: 1; -} - -.my-sites li { - display: block; - padding: 8px 3%; - min-height: 130px; - margin: 0; -} - -@media only screen and (max-width: 599px) { - .my-sites li { - min-height: 0; - } -} - -@media only screen and (min-width: 600px) { - .my-sites.striped li { - background-color: #fff; - position: relative; - } - .my-sites.striped li:after { - content: ""; - width: 1px; - height: 100%; - position: absolute; - top: 0; - right: 0; - background: #c3c4c7; - } - -} -@media only screen and (min-width: 600px) and (max-width: 699px) { - .my-sites li{ - float: left; - width: 44%; - } - .my-sites.striped li { - background-color: #fff; - } - .my-sites.striped li:nth-of-type(2n+1) { - clear: left; - } - .my-sites.striped li:nth-of-type(2n+2):after { - content: none; - } - .my-sites li:nth-of-type(4n+1), - .my-sites li:nth-of-type(4n+2) { - background-color: #f6f7f7; - } - -} - -@media only screen and (min-width: 700px) and (max-width: 1199px) { - .my-sites li { - float: left; - width: 27.333333%; - background-color: #fff; - } - .my-sites.striped li:nth-of-type(3n+3):after { - content: none; - } - .my-sites li:nth-of-type(6n+1), - .my-sites li:nth-of-type(6n+2), - .my-sites li:nth-of-type(6n+3) { - background-color: #f6f7f7; - } -} - -@media only screen and (min-width: 1200px) and (max-width: 1399px) { - .my-sites li { - float: left; - width: 21%; - padding: 8px 2%; - background-color: #fff; - } - .my-sites.striped li:nth-of-type(4n+1) { - clear: left; - } - .my-sites.striped li:nth-of-type(4n+4):after { - content: none; - } - .my-sites li:nth-of-type(8n+1), - .my-sites li:nth-of-type(8n+2), - .my-sites li:nth-of-type(8n+3), - .my-sites li:nth-of-type(8n+4) { - background-color: #f6f7f7; - } -} - -@media only screen and (min-width: 1400px) and (max-width: 1599px) { - .my-sites li { - float: left; - width: 16%; - padding: 8px 2%; - background-color: #fff; - } - .my-sites.striped li:nth-of-type(5n+1) { - clear: left; - } - .my-sites.striped li:nth-of-type(5n+5):after { - content: none; - } - .my-sites li:nth-of-type(10n+1), - .my-sites li:nth-of-type(10n+2), - .my-sites li:nth-of-type(10n+3), - .my-sites li:nth-of-type(10n+4), - .my-sites li:nth-of-type(10n+5) { - background-color: #f6f7f7; - } -} - -@media only screen and (min-width: 1600px) { - .my-sites li { - float: left; - width: 12.666666%; - padding: 8px 2%; - background-color: #fff; - } - .my-sites.striped li:nth-of-type(6n+1) { - clear: left; - } - .my-sites.striped li:nth-of-type(6n+6):after { - content: none; - } - .my-sites li:nth-of-type(12n+1), - .my-sites li:nth-of-type(12n+2), - .my-sites li:nth-of-type(12n+3), - .my-sites li:nth-of-type(12n+4), - .my-sites li:nth-of-type(12n+5), - .my-sites li:nth-of-type(12n+6) { - background-color: #f6f7f7; - } -} - -.my-sites li a { - text-decoration: none; -} - -/* =Media Queries --------------------------------------------------------------- */ - -/** - * HiDPI Displays - */ -@media print, - (min-resolution: 120dpi) { - /* Back-compat for pre-3.8 */ - div.star-holder, - div.star-holder .star-rating { - background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left; - background-size: 21px 37px; - } - - .spinner { - background-image: url(../images/spinner-2x.gif); - } - -} - -@media screen and (max-width: 782px) { - html.wp-toolbar { - padding-top: var(--wp-admin--admin-bar--height); - } - - .screen-reader-shortcut:focus { - top: -39px; - } - - .block-editor-page .screen-reader-shortcut:focus { - top: 7px; - } - - .screen-reader-shortcut[href="#wp-toolbar"] { - display: none; - } - - body { - min-width: 240px; - overflow-x: hidden; - } - - body * { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; - } - - #wpcontent { - position: relative; - margin-left: 0; - padding-left: 10px; - } - - #wpbody-content { - padding-bottom: 100px; - } - - .wrap { - clear: both; - margin-right: 12px; - margin-left: 0; - } - - /* categories */ - #col-left, - #col-right { - float: none; - width: auto; - } - - #col-left .col-wrap, - #col-right .col-wrap { - padding: 0; - } - - /* Hidden Elements */ - #collapse-menu, - .post-format-select { - display: none !important; - } - - .wrap h1.wp-heading-inline { - margin-bottom: 0.5em; - } - - .wrap .add-new-h2, /* deprecated */ - .wrap .add-new-h2:active, /* deprecated */ - .wrap .page-title-action, - .wrap .page-title-action:active { - padding: 0 14px; - font-size: 14px; - white-space: nowrap; - min-height: 40px; - line-height: 2.71428571; - vertical-align: middle; - } - - /* Feedback Messages */ - .notice, - .wrap div.updated, - .wrap div.error, - .media-upload-form div.error { - margin: 20px 0 10px; - padding: 5px 10px; - font-size: 14px; - line-height: 175%; - } - - .wp-core-ui .notice.is-dismissible { - padding-right: 46px; - } - - .notice-dismiss { - padding: 13px; - } - - .wrap .icon32 + h2 { - margin-top: -2px; - } - - .wp-responsive-open #wpbody { - right: -16em; - } - - code { - word-wrap: break-word; - word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */ - word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */ - } - - /* General Metabox */ - .postbox { - font-size: 14px; - } - - .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */ - .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */ - .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */ - .metabox-holder h2 { - padding: 12px; - } - - .nav-menus-php .metabox-holder h3 { - padding: 0; - } - - .postbox .handlediv { - margin-top: 3px; - } - - /* Subsubsub Nav */ - .subsubsub { - font-size: 16px; - text-align: center; - margin-bottom: 15px; - } - - /* Theme/Plugin File Editor */ - - #template textarea, - #template .CodeMirror { - box-sizing: border-box; - } - - #templateside { - float: none; - width: auto; - } - - #templateside > ul { - border-left: 1px solid #dcdcde; - } - - #templateside li { - margin: 0; - } - - #templateside li:not(.howto) a { - display: block; - padding: 5px; - } - #templateside li.howto { - padding: 12px; - } - - #templateside .highlight { - padding: 5px; - margin-left: -5px; - margin-top: -5px; - } - - #template > div, - #template .notice { - float: none; - margin: 1em 0; - width: auto; - } - - #template .CodeMirror, - #template textarea { - width: 100%; - } - - #templateside ul ul { - padding-left: 1.5em; - } - [role="treeitem"] .folder-label { - display: block; - padding: 5px; - } - .tree-folder > li::before, - .tree-folder > li::after, - .tree-folder .tree-folder::after { - left: -8px; - } - .tree-folder > li::before { - top: 0; - height: 13px; - } - .tree-folder > .current-file::before { - left: -5px; - top: 7px; - width: 4px; - } - .tree-folder > .current-file::after { - height: 9px; - left: -8px; - } - .wrap #templateside span.notice { - margin-left: -5px; - width: 100%; - } - - .fileedit-sub .alignright { - float: left; - margin-top: 15px; - width: 100%; - text-align: left; - } - - .fileedit-sub .alignright label { - display: block; - } - - .fileedit-sub #theme, - .fileedit-sub #plugin { - margin-left: 0; - max-width: 70%; - } - - .fileedit-sub input[type="submit"] { - margin-bottom: 0; - } - - #documentation label[for="docs-list"] { - display: block; - } - - #documentation select[name="docs-list"] { - margin-left: 0; - max-width: 60%; - } - - #documentation input[type="button"] { - margin-bottom: 0; - } - - #wpfooter { - display: none; - } - - #comments-form .checkforspam { - display: none; - } - - .edit-comment-author { - margin: 2px 0 0; - } - - .filter-drawer .filter-group-feature input, - .filter-drawer .filter-group-feature label { - line-height: 2.1; - } - - .filter-drawer .filter-group-feature label { - margin-left: 32px; - } - - .wp-filter .button.drawer-toggle { - font-size: 13px; - line-height: 2; - height: 28px; - } - - /* Fix help tab columns for smaller screens */ - #screen-meta #contextual-help-wrap { - overflow: visible; - } - - #screen-meta #contextual-help-back, - #screen-meta .contextual-help-sidebar { - display: none; - } - - #screen-meta .contextual-help-tabs { - clear: both; - width: 100%; - float: none; - } - - #screen-meta .contextual-help-tabs ul { - margin: 0 0 1em; - padding: 1em 0 0; - } - - #screen-meta .contextual-help-tabs .active { - margin: 0; - } - - #screen-meta .contextual-help-tabs-wrap { - clear: both; - max-width: 100%; - float: none; - } - - #screen-meta, - #screen-meta-links { - margin-right: 10px; - } - - #screen-meta-links { - margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */ - } - - #screen-meta-links .show-settings:after { - line-height: 1.9; - } - - .wp-filter .search-form input[type="search"] { - font-size: 1rem; - } - - .wp-filter .search-form.search-plugins { - /* This element is a flex item. */ - min-width: 100%; - } -} - -/* Smartphone */ -@media screen and (max-width: 600px) { - /* Disable horizontal scroll when responsive menu is open - since we push the main content off to the right. */ - #wpwrap.wp-responsive-open { - overflow-x: hidden; - } - - html.wp-toolbar { - padding-top: 0; - } - - .screen-reader-shortcut:focus { - top: 7px; - } - - #wpbody { - padding-top: 46px; - } - - /* Keep full-width boxes on Edit Post page from causing horizontal scroll */ - div#post-body.metabox-holder.columns-1 { - overflow-x: hidden; - } - - h1.nav-tab-wrapper, - .wrap h2.nav-tab-wrapper, - .nav-tab-wrapper { - border-bottom: 0; - } - - h1 .nav-tab, - h2 .nav-tab, - h3 .nav-tab, - nav .nav-tab { - margin: 10px 10px 0 0; - border-bottom: 1px solid #c3c4c7; - } - - .nav-tab-active:hover, - .nav-tab-active:focus, - .nav-tab-active:focus:active { - border-bottom: 1px solid #c3c4c7; - } - - .wp-filter .search-form.search-plugins label { - width: 100%; - } -} - -@media screen and (max-width: 480px) { - .metabox-prefs-container { - display: grid; - } - - .metabox-prefs-container > * { - display: inline-block; - padding: 2px; - } -} - -@media screen and (max-width: 320px) { - /* Prevent default center alignment and larger font for the Right Now widget when - the network dashboard is viewed on a small mobile device. */ - #network_dashboard_right_now .subsubsub { - font-size: 14px; - text-align: left; - } -} diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css index 3dfdfea790fb3..e69de29bb2d1d 100644 --- a/src/wp-admin/css/customize-controls.css +++ b/src/wp-admin/css/customize-controls.css @@ -1,3109 +0,0 @@ -body { - overflow: hidden; - -webkit-text-size-adjust: 100%; -} - -.customize-controls-close, -.widget-control-actions a { - text-decoration: none; -} - -#customize-controls h3 { - font-size: 14px; -} - -#customize-controls img { - max-width: 100%; -} - -#customize-controls .submit { - text-align: center; -} - -#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked { - background-color: rgba(0, 0, 0, 0.7); - padding: 25px; -} - -#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message { - margin-left: auto; - margin-right: auto; - max-width: 366px; - min-height: 64px; - width: auto; - padding: 25px; - position: relative; - background: #fff; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); - line-height: 1.5; - overflow-y: auto; - text-align: left; - top: calc( 50% - 100px ); -} - -#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message.has-avatar { - padding-left: 109px; -} - -#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing { - margin-top: 0; -} -#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .action-buttons { - margin-bottom: 0; -} - -.customize-changeset-locked-avatar { - width: 64px; - position: absolute; - left: 25px; - top: 25px; -} - -.wp-core-ui.wp-customizer .customize-changeset-locked-message a.button { - margin-right: 10px; - margin-top: 0; -} - -#customize-controls .description { - color: #50575e; -} - -#customize-save-button-wrapper { - float: right; - margin-top: 7px; /* Vertically center 32px button in 45px header */ -} - -body:not(.ready) #customize-save-button-wrapper .save { - visibility: hidden; -} -#customize-save-button-wrapper .save { - float: left; - border-radius: 3px; - box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */ - margin-top: 0; -} - -#customize-save-button-wrapper .save.has-next-sibling { - border-radius: 3px 0 0 3px; -} - -#customize-sidebar-outer-content { - position: absolute; - top: 0; - bottom: 0; - left: 0; - visibility: hidden; - overflow-x: hidden; - overflow-y: auto; - width: 100%; - margin: 0; - z-index: -1; - background: #f0f0f1; - transition: left .18s; - border-right: 1px solid #dcdcde; - border-left: 1px solid #dcdcde; - height: 100%; -} - -@media (prefers-reduced-motion: reduce) { - #customize-sidebar-outer-content { - transition: none; - } -} - -#customize-theme-controls .control-section-outer { - display: none !important; -} - -#customize-outer-theme-controls .accordion-section-content { - padding: 12px; -} - -#customize-outer-theme-controls .accordion-section-content.open { - display: block; -} - -.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content { - visibility: visible; - left: 100%; - transition: left .18s; -} - -@media (prefers-reduced-motion: reduce) { - .outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content { - transition: none; - } -} - -.customize-outer-pane-parent { - margin: 0; -} - -.outer-section-open .wp-full-overlay.expanded .wp-full-overlay-main { - left: 300px; - opacity: 0.4; -} - -.outer-section-open .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main, -.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main, -.adding-menu-items .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main, -.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main, -.adding-widget .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main, -.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main { - left: 64%; -} - -#customize-outer-theme-controls li.notice { - padding-top: 8px; - padding-bottom: 8px; - margin-left: 0; - margin-bottom: 10px; -} - -#publish-settings { - text-indent: 0; - border-radius: 0 3px 3px 0; - padding-left: 0; - padding-right: 0; - box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */ - font-size: 14px; - width: 30px; - float: left; - transform: none; - margin-top: 0; - line-height: 2; -} - -body:not(.ready) #publish-settings, -body.trashing #customize-save-button-wrapper .save, -body.trashing #publish-settings { - display: none; -} - -#customize-header-actions .spinner { - margin-top: 13px; /* Vertically center 20px spinner in 45px header */ - margin-right: 4px; -} - -.saving #customize-header-actions .spinner, -.trashing #customize-header-actions .spinner { - visibility: visible; -} - -#customize-header-actions { - border-bottom: 1px solid #dcdcde; -} - -#customize-controls .wp-full-overlay-sidebar-content { - overflow-y: auto; - overflow-x: hidden; -} - -.outer-section-open #customize-controls .wp-full-overlay-sidebar-content { - background: #f0f0f1; -} - -#customize-controls .customize-info { - border: none; - border-bottom: 1px solid #dcdcde; - margin-bottom: 15px; -} - -#customize-control-changeset_status .customize-inside-control-row, -#customize-control-changeset_preview_link input { - background-color: #fff; - border-bottom: 1px solid #dcdcde; - box-sizing: content-box; - width: 100%; - margin-left: -12px; - padding-left: 12px; - padding-right: 12px; -} - -#customize-control-trash_changeset { - margin-top: 20px; -} -#customize-control-trash_changeset .button-link { - position: relative; - padding-left: 24px; - display: inline-block; -} -#customize-control-trash_changeset .button-link:before { - content: "\f182"; - content: "\f182" / ''; - font: normal 22px dashicons; - text-decoration: none; - position: absolute; - left: 0; - top: -2px; -} - -#customize-controls .date-input:invalid { - border-color: #d63638; -} - -#customize-control-changeset_status .customize-inside-control-row { - padding-top: 10px; - padding-bottom: 10px; - font-weight: 500; -} - -#customize-control-changeset_status .customize-inside-control-row:first-of-type { - border-top: 1px solid #dcdcde; -} - -#customize-control-changeset_status .customize-control-title { - margin-bottom: 6px; -} - -#customize-control-changeset_status input { - margin-left: 0; -} - -#customize-control-changeset_preview_link { - position: relative; - display: block; -} - -.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button { - margin: 0; - position: absolute; - top: 50%; - transform: translateY(-50%) !important; - right: 0; - background: #fff !important; -} - -.preview-link-wrapper { - position: relative; -} - -.customize-copy-preview-link:before, -.customize-copy-preview-link:after { - content: ""; - height: 40px; - position: absolute; - background: #fff; - top: 0; -} - -.customize-copy-preview-link:before { - left: -10px; - width: 9px; - opacity: 0.75; -} - -.customize-copy-preview-link:after { - left: -5px; - width: 4px; - opacity: 0.8; -} - -#customize-control-changeset_preview_link input { - line-height: 2.85714286; /* 40px */ - border-top: 1px solid #dcdcde; - border-left: none; - border-right: none; - text-indent: -999px; - color: #fff; - /* Only necessary for IE11 */ - min-height: 40px; -} - -#customize-control-changeset_preview_link label { - position: relative; - display: block; -} - -#customize-control-changeset_preview_link a { - display: inline-block; - position: absolute; - white-space: nowrap; - overflow: hidden; - width: 90%; - bottom: 14px; - font-size: 14px; - text-decoration: none; -} - -#customize-control-changeset_preview_link a.disabled, -#customize-control-changeset_preview_link a.disabled:active, -#customize-control-changeset_preview_link a.disabled:focus, -#customize-control-changeset_preview_link a.disabled:visited { - color: #000; - opacity: 0.4; - cursor: default; - outline: none; - box-shadow: none; -} - -#sub-accordion-section-publish_settings .customize-section-description-container { - display: none; -} - -#customize-controls .customize-info.section-meta { - margin-bottom: 15px; -} - -.customize-control-date_time .customize-control-description + .date-time-fields.includes-time { - margin-top: 10px; -} - -.customize-control.customize-control-date_time .date-time-fields .date-input.day { - margin-right: 0; -} - -.date-time-fields .date-input.month { - width: auto; - margin: 0; -} - -.date-time-fields .date-input.day, -.date-time-fields .date-input.hour, -.date-time-fields .date-input.minute { - width: 46px; -} - -.customize-control-date_time select { - vertical-align: top; -} - -.date-time-fields .date-input.year { - width: 65px; -} - -.date-time-fields .date-input.meridian { - width: auto; - margin: 0; -} - -.date-time-fields .time-row { - margin-top: 12px; -} - -#customize-control-changeset_preview_link { - margin-top: 6px; -} - -#customize-control-changeset_status { - margin-bottom: 0; - padding-bottom: 0; -} - -#customize-control-changeset_scheduled_date { - box-sizing: content-box; - width: 100%; - margin-left: -12px; - padding: 12px; - background: #fff; - border-bottom: 1px solid #dcdcde; - margin-bottom: 0; -} - -#customize-control-site_icon .customize-control-description, -#customize-control-changeset_scheduled_date .customize-control-description { - font-style: normal; -} - -#customize-controls .customize-info.is-in-view, -#customize-controls .customize-section-title.is-in-view { - position: absolute; - z-index: 9; - width: 100%; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -} - -#customize-controls .customize-section-title.is-in-view { - margin-top: 0; -} - -#customize-controls .customize-info.is-in-view + .accordion-section { - margin-top: 15px; -} - -#customize-controls .customize-info.is-sticky, -#customize-controls .customize-section-title.is-sticky { - position: fixed; - top: 46px; -} - -#customize-controls .customize-info .accordion-section-title { - background: #fff; - color: #50575e; - border-left: none; - border-right: none; - border-bottom: none; - cursor: default; - padding: 10px 10px 11px 14px; -} - -#customize-controls .customize-info.open .accordion-section-title:after, -#customize-controls .customize-info .accordion-section-title:hover:after, -#customize-controls .customize-info .accordion-section-title:focus:after { - color: #2c3338; -} - -#customize-controls .customize-info .accordion-section-title:after { - display: none; -} - -#customize-controls .customize-info .preview-notice { - font-size: 13px; - line-height: 1.9; - margin: 0; - font-weight: 400; - color: #50575e; -} - -#customize-controls .customize-pane-child .customize-section-title h3, -#customize-controls .customize-pane-child h3.customize-section-title, -#customize-outer-theme-controls .customize-pane-child .customize-section-title h3, -#customize-outer-theme-controls .customize-pane-child h3.customize-section-title, -#customize-controls .customize-info .panel-title { - font-size: 20px; - font-weight: 200; - line-height: 26px; - display: block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - -#customize-controls .customize-section-title span.customize-action { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - -#customize-controls .customize-info .customize-help-toggle { - position: absolute; - top: 4px; - right: 1px; - padding: 20px 20px 10px 10px; - width: 20px; - height: 20px; - cursor: pointer; - box-shadow: none; - background: transparent; - color: #50575e; - border: none; -} - -#customize-controls .customize-info .customize-help-toggle:before { - position: absolute; - top: 5px; - left: 6px; -} - -#customize-controls .customize-info .customize-panel-description, -#customize-controls .customize-info .customize-section-description, -#customize-outer-theme-controls .customize-info .customize-section-description, -#customize-controls .no-widget-areas-rendered-notice { - color: #50575e; - display: none; - background: #fff; - padding: 12px 15px; - border-top: 1px solid #dcdcde; -} - -#customize-controls .customize-info .customize-panel-description.open + .no-widget-areas-rendered-notice { - border-top: none; -} -.no-widget-areas-rendered-notice { - font-style: italic; -} -.no-widget-areas-rendered-notice p:first-child { - margin-top: 0; -} -.no-widget-areas-rendered-notice p:last-child { - margin-bottom: 0; -} - -#customize-controls .customize-info .customize-section-description { - margin-bottom: 15px; -} - -#customize-controls .customize-info .customize-panel-description p:first-child, -#customize-controls .customize-info .customize-section-description p:first-child { - margin-top: 0; -} - -#customize-controls .customize-info .customize-panel-description p:last-child, -#customize-controls .customize-info .customize-section-description p:last-child { - margin-bottom: 0; -} - -#customize-controls .current-panel .control-section > h3.accordion-section-title { - padding-right: 30px; -} - -#customize-theme-controls .control-section, -#customize-outer-theme-controls .control-section { - border: none; -} - -#customize-theme-controls .accordion-section-title, -#customize-outer-theme-controls .accordion-section-title { - color: #50575e; - background-color: #fff; - border-bottom: 1px solid #dcdcde; - border-left: 4px solid #fff; - transition: - .15s color ease-in-out, - .15s background-color ease-in-out, - .15s border-color ease-in-out; -} - -.accordion-section-title:has(button.accordion-trigger), -#customize-controls .current-panel .control-section > h3.accordion-section-title:has(button.accordion-trigger) { - padding: 0; -} - -.accordion-section-title button.accordion-trigger { - all: unset; - width: 100%; - padding: 10px 30px 11px 14px; - display: flex; - align-items: center; - box-sizing: border-box; -} - -.accordion-section-title button.accordion-trigger:has(.menu-in-location) { - display: block; -} - -.accordion-section-title button.accordion-trigger .spinner { - margin-top: 0; -} - -@media (prefers-reduced-motion: reduce) { - #customize-theme-controls .accordion-section-title, - #customize-outer-theme-controls .accordion-section-title { - transition: none; - } -} - -#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title { - color: #50575e; - background-color: #fff; - border-left: 4px solid #fff; -} - -#customize-theme-controls .accordion-section-title:after, -#customize-outer-theme-controls .accordion-section-title:after { - content: "\f345"; - content: "\f345" / ''; - color: #a7aaad; - pointer-events: none; -} - -#customize-theme-controls .accordion-section-content, -#customize-outer-theme-controls .accordion-section-content { - color: #50575e; - background: transparent; -} - -#accordion-section-themes + .control-section { - border-top: 1px solid #dcdcde; -} - -.js .control-section:hover .accordion-section-title, -.js .control-section .accordion-section-title:hover, -.js .control-section.open .accordion-section-title, -.js .control-section .accordion-section-title:focus { - background: #f6f7f7; -} - -#customize-theme-controls .control-section.open { - border-bottom: 1px solid #f0f0f1; -} - -#customize-theme-controls .control-section.open .accordion-section-title, -#customize-outer-theme-controls .control-section.open .accordion-section-title { - border-bottom-color: #f0f0f1 !important; -} - -#customize-theme-controls .control-section:last-of-type.open, -#customize-theme-controls .control-section:last-of-type > .accordion-section-title { - border-bottom-color: #dcdcde; -} - -#customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2), -#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu, -#customize-theme-controls .control-section-nav_menu_locations .accordion-section-title { - border-top: 1px solid #dcdcde; -} - -#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu + .control-section-nav_menu { - border-top: none; -} - -#customize-theme-controls > ul { - margin: 0; -} - -#customize-theme-controls .accordion-section-content { - position: absolute; - top: 0; - left: 100%; - width: 100%; - margin: 0; - padding: 12px; - box-sizing: border-box; -} - -#customize-info, -#customize-theme-controls .customize-pane-parent, -#customize-theme-controls .customize-pane-child { - overflow: visible; - width: 100%; - margin: 0; - padding: 0; - box-sizing: border-box; - transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */ -} - -@media (prefers-reduced-motion: reduce) { - #customize-info, - #customize-theme-controls .customize-pane-parent, - #customize-theme-controls .customize-pane-child { - transition: none; - } -} - -#customize-theme-controls .customize-pane-child.skip-transition { - transition: none; -} - -#customize-info, -#customize-theme-controls .customize-pane-parent { - position: relative; - visibility: visible; - height: auto; - max-height: none; - overflow: auto; - transform: none; -} - -#customize-theme-controls .customize-pane-child { - position: absolute; - top: 0; - left: 0; - visibility: hidden; - height: 0; - max-height: none; - overflow: hidden; - transform: translateX(100%); -} - -#customize-theme-controls .customize-pane-child.open, -#customize-theme-controls .customize-pane-child.current-panel { - transform: none; -} - -.section-open #customize-theme-controls .customize-pane-parent, -.in-sub-panel #customize-theme-controls .customize-pane-parent, -.section-open #customize-info, -.in-sub-panel #customize-info, -.in-sub-panel.section-open #customize-theme-controls .customize-pane-child.current-panel { - visibility: hidden; - height: 0; - overflow: hidden; - transform: translateX(-100%); -} - -.section-open #customize-theme-controls .customize-pane-parent.busy, -.in-sub-panel #customize-theme-controls .customize-pane-parent.busy, -.section-open #customize-info.busy, -.in-sub-panel #customize-info.busy, -.busy.section-open.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel, -#customize-theme-controls .customize-pane-child.open, -#customize-theme-controls .customize-pane-child.current-panel, -#customize-theme-controls .customize-pane-child.busy { - visibility: visible; - height: auto; - overflow: auto; -} - -#customize-theme-controls .customize-pane-child.accordion-section-content, -#customize-theme-controls .customize-pane-child.accordion-sub-container { - display: block; - overflow-x: hidden; -} - -#customize-theme-controls .customize-pane-child.accordion-section-content { - padding: 12px; -} - -#customize-theme-controls .customize-pane-child.menu li { - position: static; -} - -.customize-section-description-container, -.control-section-nav_menu .customize-section-description-container, -.control-section-new_menu .customize-section-description-container { - margin-bottom: 15px; -} - -.control-section-nav_menu .customize-control, -.control-section-new_menu .customize-control { - /* Override default `margin-bottom` for `.customize-control` */ - margin-bottom: 0; -} - -.customize-section-title { - margin: -12px -12px 0; - border-bottom: 1px solid #dcdcde; - background: #fff; -} - -div.customize-section-description { - margin-top: 22px; -} - -.customize-info div.customize-section-description { - margin-top: 0; -} - -div.customize-section-description p:first-child { - margin-top: 0; -} - -div.customize-section-description p:last-child { - margin-bottom: 0; -} - -#customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child { - border-bottom: 1px solid #dcdcde; - padding: 12px; -} - -.ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child { - padding: 12px 12px 13px; -} - -.customize-section-title h3, -h3.customize-section-title { - padding: 10px 10px 12px 14px; - margin: 0; - line-height: 21px; - color: #50575e; -} - -.accordion-sub-container.control-panel-content { - display: none; - position: absolute; - top: 0; - width: 100%; -} - -.accordion-sub-container.control-panel-content.busy { - display: block; -} - -.current-panel .accordion-sub-container.control-panel-content { - width: 100%; -} - -.customize-controls-close { - display: block; - position: absolute; - top: 0; - left: 0; - width: 45px; - height: 41px; - padding: 0 2px 0 0; - background: #f0f0f1; - border: none; - border-top: 4px solid #f0f0f1; - border-right: 1px solid #dcdcde; - color: #3c434a; - text-align: left; - cursor: pointer; - box-sizing: content-box; -} - -@media (prefers-reduced-motion: no-preference) { - .customize-controls-close { - transition: - color .15s ease-in-out, - border-color .15s ease-in-out, - background .15s ease-in-out; - } -} - -.customize-panel-back, -.customize-section-back { - display: block; - float: left; - width: 48px; - height: 71px; - padding: 0 24px 0 0; - margin: 0; - background: #fff; - border: none; - border-right: 1px solid #dcdcde; - border-left: 4px solid #fff; - box-shadow: none; - cursor: pointer; - transition: - color .15s ease-in-out, - border-color .15s ease-in-out, - background .15s ease-in-out; -} - -.customize-section-back { - height: 74px; -} - -.ios .customize-panel-back { - display: none; -} - -.ios .expanded.in-sub-panel .customize-panel-back { - display: block; -} - -#customize-controls .panel-meta.customize-info .accordion-section-title { - margin-left: 48px; - border-left: none; -} - -#customize-controls .panel-meta.customize-info .accordion-section-title:hover, -#customize-controls .cannot-expand:hover .accordion-section-title { - background: #fff; - color: #50575e; - border-left-color: #fff; -} - -.customize-controls-close:focus, -.customize-controls-close:hover, -.customize-controls-preview-toggle:focus, -.customize-controls-preview-toggle:hover { - background: #fff; - box-shadow: none; - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; -} - -#customize-theme-controls .accordion-section-title:focus .customize-action { - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; - outline-offset: 1px; -} - -.customize-panel-back:hover, -.customize-panel-back:focus, -.customize-section-back:hover, -.customize-section-back:focus { - background: #f6f7f7; - box-shadow: none; - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; - outline-offset: -2px; -} - -.customize-controls-close:before { - font: normal 22px/45px dashicons; - content: "\f335"; - content: "\f335" / ''; - position: relative; - top: -3px; - left: 13px; -} - -.customize-panel-back:before, -.customize-section-back:before { - font: normal 20px/72px dashicons; - content: "\f341"; - content: "\f341" / ''; - position: relative; - left: 9px; -} - -.wp-full-overlay-sidebar .wp-full-overlay-header { - background-color: #f0f0f1; - transition: padding ease-in-out .18s; -} - -.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header { - padding-left: 62px; -} - -p.customize-section-description { - font-style: normal; - margin-top: 22px; - margin-bottom: 0; -} - -.customize-section-description ul { - margin-left: 1em; -} - -.customize-section-description ul > li { - list-style: disc; -} - -.section-description-buttons { - text-align: right; -} - -.customize-control { - width: 100%; - float: left; - clear: both; - margin-bottom: 12px; -} - -.customize-control input[type="text"], -.customize-control input[type="password"], -.customize-control input[type="email"], -.customize-control input[type="number"], -.customize-control input[type="search"], -.customize-control input[type="tel"], -.customize-control input[type="url"], -.customize-control input[type="range"] { - width: 100%; - margin: 0; -} - -.customize-control-hidden { - margin: 0; -} - -.customize-control-textarea textarea { - width: 100%; - resize: vertical; -} - -.customize-control select { - width: 100%; -} - -.customize-control select[multiple] { - height: auto; -} - -.customize-control-title { - display: block; - font-size: 14px; - line-height: 1.75; - font-weight: 600; - margin-bottom: 4px; -} - -.customize-control-description { - display: block; - font-style: italic; - line-height: 1.4; - margin-top: 0; - margin-bottom: 5px; -} - -.customize-section-description a.external-link:after { - font: 16px/11px dashicons; - content: "\f504"; - content: "\f504" / ''; - top: 3px; - position: relative; - padding-left: 3px; - display: inline-block; - text-decoration: none; -} - -.customize-control-color .color-picker, -.customize-control-upload div { - line-height: 28px; -} - -.customize-control .customize-inside-control-row { - line-height: 1.6; - display: block; - margin-left: 24px; - padding-top: 6px; - padding-bottom: 6px; -} - -.customize-control-radio input, -.customize-control-checkbox input, -.customize-control-nav_menu_auto_add input { - margin-right: 4px; - margin-left: -24px; -} - -.customize-control-radio { - padding: 5px 0 10px; -} - -.customize-control-radio .customize-control-title { - margin-bottom: 0; - line-height: 1.6; -} - -.customize-control-radio .customize-control-title + .customize-control-description { - margin-top: 7px; -} - -.customize-control-radio label, -.customize-control-checkbox label { - vertical-align: top; -} - -.customize-control .attachment-thumb.type-icon { - float: left; - margin: 10px; - width: auto; -} - -.customize-control .attachment-title { - font-weight: 600; - margin: 0; - padding: 5px 10px; -} - -.customize-control .attachment-meta { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - margin: 0; - padding: 0 10px; -} - -.customize-control .attachment-meta-title { - padding-top: 7px; -} - -/* Remove descender space. */ -.customize-control .thumbnail-image, -.customize-control-header .current, -.customize-control .wp-media-wrapper.wp-video { - line-height: 0; -} - - -.customize-control .thumbnail-image img { - cursor: pointer; -} - -#customize-controls .thumbnail-audio .thumbnail { - max-width: 64px; - max-height: 64px; - margin: 10px; - float: left; -} - -#available-menu-items .accordion-section-content .new-content-item-wrapper, -.customize-control-dropdown-pages .new-content-item-wrapper { - width: calc(100% - 30px); - padding: 8px 15px; - position: absolute; - bottom: 0; - z-index: 10; - background: #f0f0f1; -} - -.customize-control-dropdown-pages .new-content-item-wrapper { - width: 100%; - padding: 0; - position: static; -} - -#available-menu-items .new-content-item-wrapper > label, -.customize-control-dropdown-pages .new-content-item-wrapper > label { - margin-bottom: 4px; - display: block; -} - -#available-menu-items .accordion-section-content .new-content-item, -.customize-control-dropdown-pages .new-content-item { - display: flex; -} - -.customize-control-dropdown-pages .new-content-item { - width: 100%; - padding: 5px 0 5px 1px; - position: relative; -} - -.customize-control-dropdown-pages .new-content-item-wrapper .new-content-item { - padding: 0; -} - -.customize-control-dropdown-pages .new-content-item-wrapper .new-content-item label { - line-height: 1.6; -} - -#available-menu-items .new-content-item .create-item-input, -.customize-control-dropdown-pages .new-content-item .create-item-input { - flex-grow: 10; - width: 100%; -} - -#available-menu-items .new-content-item .create-item-input { - min-height: 32px; - line-height: 2.15384615; /* 28px for 32px min-height with 13px font */ -} - -#available-menu-items .new-content-item .add-content, -.customize-control-dropdown-pages .new-content-item .add-content { - margin: 0 0 0 6px; - flex-grow: 1; -} - -#available-menu-items .new-content-item .add-content { - min-height: 32px; - line-height: 2.30769231; /* 30px for 32px min-height with 13px font */ -} - -.customize-control-dropdown-pages .new-content-item .create-item-input.invalid { - border: 1px solid #d63638; -} - -.customize-control-dropdown-pages .add-new-toggle { - margin-left: 1px; - font-weight: 600; - line-height: 2.2; -} - -#customize-preview iframe { - width: 100%; - height: 100%; - position: absolute; -} -#customize-preview iframe + iframe { - visibility: hidden; -} - -.wp-full-overlay-sidebar { - background: #f0f0f1; - border-right: 1px solid #dcdcde; -} - - -/** - * Notifications - */ - -#customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */ - margin: 4px 0 8px; - padding: 0; - cursor: default; -} - -#customize-controls .customize-control-widget_form.has-error .widget .widget-top, -.customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle { - box-shadow: inset 0 0 0 2px #d63638; - transition: .15s box-shadow linear; -} - -#customize-controls .customize-control-notifications-container li.notice { - list-style: none; - margin: 0 0 6px; - padding: 9px 14px; - overflow: hidden; -} -#customize-controls .customize-control-notifications-container .notice.is-dismissible { - padding-right: 38px; -} - -.customize-control-notifications-container li.notice:last-child { - margin-bottom: 0; -} - -#customize-controls .customize-control-nav_menu_item .customize-control-notifications-container { - margin-top: 0; -} - -#customize-controls .customize-control-widget_form .customize-control-notifications-container { - margin-top: 8px; -} - -.customize-control-text.has-error input { - outline: 2px solid #d63638; -} - -#customize-controls #customize-notifications-area { - position: absolute; - top: 46px; - width: 100%; - border-bottom: 1px solid #dcdcde; - display: block; - padding: 0; - margin: 0; -} - -.wp-full-overlay.collapsed #customize-controls #customize-notifications-area { - display: none !important; -} - -#customize-controls #customize-notifications-area:not(.has-overlay-notifications), -#customize-controls .customize-section-title > .customize-control-notifications-container:not(.has-overlay-notifications), -#customize-controls .panel-meta > .customize-control-notifications-container:not(.has-overlay-notifications) { - max-height: 210px; - overflow-x: hidden; - overflow-y: auto; -} - -#customize-controls #customize-notifications-area > ul, -#customize-controls #customize-notifications-area .notice, -#customize-controls .panel-meta > .customize-control-notifications-container, -#customize-controls .panel-meta > .customize-control-notifications-container .notice, -#customize-controls .customize-section-title > .customize-control-notifications-container, -#customize-controls .customize-section-title > .customize-control-notifications-container .notice { - margin: 0; -} -#customize-controls .panel-meta > .customize-control-notifications-container, -#customize-controls .customize-section-title > .customize-control-notifications-container { - border-top: 1px solid #dcdcde; -} -#customize-controls #customize-notifications-area .notice, -#customize-controls .panel-meta > .customize-control-notifications-container .notice, -#customize-controls .customize-section-title > .customize-control-notifications-container .notice { - padding: 9px 14px; -} -#customize-controls #customize-notifications-area .notice.is-dismissible, -#customize-controls .panel-meta > .customize-control-notifications-container .notice.is-dismissible, -#customize-controls .customize-section-title > .customize-control-notifications-container .notice.is-dismissible { - padding-right: 38px; -} -#customize-controls #customize-notifications-area .notice + .notice, -#customize-controls .panel-meta > .customize-control-notifications-container .notice + .notice, -#customize-controls .customize-section-title > .customize-control-notifications-container .notice + .notice { - margin-top: 1px; -} - -@keyframes customize-fade-in { - 0% { opacity: 0; } - 100% { opacity: 1; } -} - -#customize-controls .notice.notification-overlay, -#customize-controls #customize-notifications-area .notice.notification-overlay { - margin: 0; - border-left: 0; /* @todo Appropriate styles could be added for notice-error, notice-warning, notice-success, etc */ -} - -#customize-controls .customize-control-notifications-container.has-overlay-notifications { - animation: customize-fade-in 0.5s; - z-index: 30; -} - -/* Note: Styles for this are also defined in themes.css */ -#customize-controls #customize-notifications-area .notice.notification-overlay .notification-message { - clear: both; - color: #1d2327; - font-size: 18px; - font-style: normal; - margin: 0; - padding: 2em 0; - text-align: center; - width: 100%; - display: block; - top: 50%; - position: relative; -} - -/* Style for custom settings */ - -/** - * Static front page - */ - -#customize-control-show_on_front.has-error { - margin-bottom: 0; -} -#customize-control-show_on_front.has-error .customize-control-notifications-container { - margin-top: 12px; -} - -/** - * Dropdowns - */ - -.accordion-section .dropdown { - float: left; - display: block; - position: relative; - cursor: pointer; -} - -.accordion-section .dropdown-content { - overflow: hidden; - float: left; - min-width: 30px; - height: 16px; - line-height: 16px; - margin-right: 16px; - padding: 4px 5px; - border: 2px solid #f0f0f1; - -webkit-user-select: none; - user-select: none; -} - -/* @todo maybe no more used? */ -.customize-control .dropdown-arrow { - position: absolute; - top: 0; - bottom: 0; - right: 0; - width: 20px; - background: #f0f0f1; -} - -.customize-control .dropdown-arrow:after { - content: "\f140"; - content: "\f140" / ''; - font: normal 20px/1 dashicons; - display: block; - padding: 0; - text-indent: 0; - text-align: center; - position: relative; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; - color: #2c3338; -} - -.customize-control .dropdown-status { - color: #2c3338; - background: #f0f0f1; - display: none; - max-width: 112px; -} - -.customize-control-color .dropdown { - margin-right: 5px; - margin-bottom: 5px; -} - -.customize-control-color .dropdown .dropdown-content { - background-color: #50575e; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.customize-control-color .dropdown:hover .dropdown-content { - border-color: rgba(0, 0, 0, 0.25); -} - -/** - * iOS can't scroll iframes, - * instead it expands the iframe size to match the size of the content - */ - -.ios .wp-full-overlay { - position: relative; -} - -.ios #customize-controls .wp-full-overlay-sidebar-content { - -webkit-overflow-scrolling: touch; -} - -/* Media controls */ - -.customize-control .actions .button { - margin-top: 12px; -} - -.customize-control-header .actions, -.customize-control-header .uploaded { - margin-bottom: 18px; -} - -.customize-control-header .uploaded button:not(.random), -.customize-control-header .default button:not(.random) { - width: 100%; - padding: 0; - margin: 0; - background: none; - border: none; - color: inherit; - cursor: pointer; -} - -.customize-control-header button img { - display: block; -} - -.customize-control .attachment-media-view .remove-button, -.customize-control .attachment-media-view .default-button, -.customize-control .attachment-media-view .upload-button, -.customize-control-header button.new, -.customize-control-header button.remove { - width: auto; - height: auto; - white-space: normal; -} - -.customize-control .attachment-media-view .upload-button { - width: 100%; - text-align: center; -} - -.customize-control .attachment-media-view .upload-button.control-focus { - width: auto; -} - -.customize-control.customize-control-header .actions .upload-button.button.new { - width: 100%; - text-align: center; -} - -.customize-control .attachment-media-view .thumbnail, -.customize-control-header .current .container { - overflow: hidden; -} - -.customize-control .attachment-media-view .placeholder, -.customize-control .attachment-media-view .button-add-media, -.customize-control-header .placeholder { - width: 100%; - position: relative; - text-align: center; - cursor: default; - border: 1px dashed #c3c4c7; - box-sizing: border-box; - padding: 9px 0; - line-height: 1.6; -} - -.customize-control .attachment-media-view .button-add-media { - cursor: pointer; - background-color: #f0f0f1; - color: #2c3338; -} - -.customize-control .attachment-media-view .button-add-media:hover { - background-color: #fff; -} - -.customize-control .attachment-media-view .button-add-media:focus { - background-color: #fff; - border-color: #3582c4; - border-style: solid; - box-shadow: 0 0 0 1px #3582c4; - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.customize-control-header .inner { - display: none; - position: absolute; - width: 100%; - color: #50575e; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} - -.customize-control-header .inner, -.customize-control-header .inner .dashicons { - line-height: 20px; - top: 8px; -} - -.customize-control-header .list .inner, -.customize-control-header .list .inner .dashicons { - top: 9px; -} - -.customize-control-header .header-view { - position: relative; - width: 100%; - margin-bottom: 12px; -} - -.customize-control-header .header-view:last-child { - margin-bottom: 0; -} - -/* Convoluted, but 'outline' support isn't good enough yet */ -.customize-control-header .header-view:after { - border: 0; -} - -.customize-control-header .header-view.selected .choice:focus { - outline: none; -} - -.customize-control-header .header-view.selected:after { - content: ""; - position: absolute; - height: auto; - top: 0; - left: 0; - bottom: 0; - right: 0; - border: 4px solid #72aee6; - border-radius: 2px; -} - -.customize-control-header .header-view.button.selected { - border: 0; -} - -/* Header control: overlay "close" button */ - -.customize-control-header .uploaded .header-view .close { - font-size: 20px; - color: #fff; - background: #50575e; - background: rgba(0, 0, 0, 0.5); - position: absolute; - top: 10px; - left: -999px; - z-index: 1; - width: 26px; - height: 26px; - cursor: pointer; -} - -.customize-control-header .header-view:hover .close, -.customize-control-header .header-view .close:focus { - left: auto; - right: 10px; -} - -.customize-control-header .header-view .close:focus { - outline: 1px solid #4f94d4; -} - -/* Header control: randomiz(s)er */ - -.customize-control-header .random.placeholder { - cursor: pointer; - border-radius: 2px; - height: 40px; -} - -.customize-control-header button.random { - width: 100%; - height: auto; - min-height: 40px; - white-space: normal; -} - -.customize-control-header button.random .dice { - margin-top: 0; -} - -.customize-control-header .placeholder:hover .dice, -.customize-control-header .header-view:hover > button.random .dice { - animation: dice-color-change 3s infinite; -} - -.button-see-me { - animation: bounce .7s 1; - transform-origin: center bottom; -} - -@keyframes bounce { - from, 20%, 53%, 80%, to { - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transform: translate3d(0,0,0); - } - - 40%, 43% { - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - transform: translate3d(0, -12px, 0); - } - - 70% { - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - transform: translate3d(0, -6px, 0); - } - - 90% { - transform: translate3d(0,-1px,0); - } -} - -.customize-control-header .choice { - position: relative; - display: block; - margin-bottom: 9px; -} - -.customize-control-header .choice:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.customize-control-header .uploaded div:last-child > .choice { - margin-bottom: 0; -} - -.customize-control .attachment-media-view .thumbnail-image img, -.customize-control-header img { - max-width: 100%; -} - -.customize-control .attachment-media-view .remove-button, -.customize-control .attachment-media-view .default-button, -.customize-control-header .remove { - margin-right: 8px; -} - -/* Background position control */ -.customize-control-background_position .background-position-control .button-group { - display: block; -} - -/** - * Code Editor Control and Custom CSS Section - * - * Modifications to the Section Container to make the textarea full-width and - * full-height, if the control is the only control in the section. - */ - -.customize-control-code_editor textarea { - width: 100%; - font-family: Consolas, Monaco, monospace; - font-size: 12px; - padding: 6px 8px; - tab-size: 2; -} -.customize-control-code_editor textarea, -.customize-control-code_editor .CodeMirror { - height: 14em; -} - -#customize-controls .customize-section-description-container.section-meta.customize-info { - border-bottom: none; -} - -#sub-accordion-section-custom_css .customize-control-notifications-container { - margin-bottom: 15px; -} - -#customize-control-custom_css textarea { - display: block; - height: 500px; -} - -.customize-section-description-container + #customize-control-custom_css .customize-control-title { - margin-left: 12px; -} - -.customize-section-description-container + #customize-control-custom_css:last-child textarea { - border-right: 0; - border-left: 0; - height: calc( 100vh - 185px ); - resize: none; -} - -.customize-section-description-container + #customize-control-custom_css:last-child { - margin-left: -12px; - width: 299px; - width: calc( 100% + 24px ); - margin-bottom: -12px; -} - -.customize-section-description-container + #customize-control-custom_css:last-child .CodeMirror { - height: calc( 100vh - 185px ); -} - -.CodeMirror-lint-tooltip, -.CodeMirror-hints { - z-index: 500000 !important; -} - -.customize-section-description-container + #customize-control-custom_css:last-child .customize-control-notifications-container { - margin-left: 12px; - margin-right: 12px; -} - -.theme-browser .theme.active .theme-actions, -.wp-customizer .theme-browser .theme .theme-actions { - padding: 9px 15px; -} - -.theme-browser .theme:not(.active) .theme-actions { - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); -} - -@media screen and (max-width: 640px) { - .customize-section-description-container + #customize-control-custom_css:last-child { - margin-right: 0; - } - - .customize-section-description-container + #customize-control-custom_css:last-child textarea { - height: calc( 100vh - 140px ); - } -} - -/** - * Themes - */ - -#customize-theme-controls .control-panel-themes { - border-bottom: none; -} - -#customize-theme-controls .control-panel-themes > .accordion-section-title:hover, /* Not a focusable element. */ -#customize-theme-controls .control-panel-themes > .accordion-section-title { - cursor: default; - background: #fff; - color: #50575e; - border-top: 1px solid #dcdcde; - border-bottom: 1px solid #dcdcde; - border-left: none; - border-right: none; - margin: 0 0 15px; - padding: 12px 100px 15px 15px; /* Space for the button */ -} - -#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */ -#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child { - border-top: 0; -} - -#customize-theme-controls .control-section-themes > .accordion-section-title:hover, /* Not a focusable element. */ -#customize-theme-controls .control-section-themes > .accordion-section-title { - margin: 0 0 15px; -} - -#customize-controls .customize-themes-panel .accordion-section-title:hover, -#customize-controls .customize-themes-panel .accordion-section-title { - margin: 15px -8px; -} - -#customize-controls .control-section-themes .accordion-section-title, -#customize-controls .customize-themes-panel .accordion-section-title { - padding-right: 100px; /* Space for the button */ -} - -.control-panel-themes .accordion-section-title span.customize-action, -#customize-controls .customize-section-title span.customize-action, -#customize-controls .control-section-themes .accordion-section-title span.customize-action, -#customize-controls .customize-section-title span.customize-action { - font-size: 13px; - display: block; - font-weight: 400; -} - -#customize-theme-controls .control-panel-themes .accordion-section-title .change-theme { - position: absolute; - right: 10px; - top: 50%; - margin-top: -20px; /* Half of 40px button height for vertical centering */ - font-weight: 400; -} - -#customize-notifications-area .notification-message button.switch-to-editor { - display: block; - margin-top: 6px; - font-weight: 400; -} - -#customize-theme-controls .control-panel-themes > .accordion-section-title:after { - display: none; -} - -.control-panel-themes .customize-themes-full-container { - position: fixed; - top: 0; - left: 0; - transition: .18s left ease-in-out; - margin: 0 0 0 300px; - padding: 71px 0 25px; - overflow-y: scroll; - width: calc(100% - 300px); - height: calc(100% - 96px); - background: #f0f0f1; - z-index: 20; -} - -@media (prefers-reduced-motion: reduce) { - .control-panel-themes .customize-themes-full-container { - transition: none; - } -} - -@media screen and (min-width: 1670px) { - .control-panel-themes .customize-themes-full-container { - width: 82%; - right: 0; - left: initial; - } -} - -.modal-open .control-panel-themes .customize-themes-full-container { - overflow-y: visible; -} - -/* Animations for opening the themes panel */ -#customize-save-button-wrapper, -#customize-header-actions .spinner, -#customize-header-actions .customize-controls-preview-toggle { - transition: .18s margin ease-in-out; -} - -#customize-footer-actions, -#customize-footer-actions .collapse-sidebar { - bottom: 0; - transition: .18s bottom ease-in-out; -} - -.in-themes-panel:not(.animating) #customize-header-actions .spinner, -.in-themes-panel:not(.animating) #customize-header-actions .customize-controls-preview-toggle, -.in-themes-panel:not(.animating) #customize-preview, -.in-themes-panel:not(.animating) #customize-footer-actions { - visibility: hidden; -} - -.wp-full-overlay.in-themes-panel { - background: #f0f0f1; /* Prevents a black flash when fading in the panel */ -} - -.in-themes-panel #customize-save-button-wrapper, -.in-themes-panel #customize-header-actions .spinner, -.in-themes-panel #customize-header-actions .customize-controls-preview-toggle { - margin-top: -46px; /* Height of header actions bar */ -} - -.in-themes-panel #customize-footer-actions, -.in-themes-panel #customize-footer-actions .collapse-sidebar { - bottom: -45px; -} - -/* Don't show the theme count while the panel opens, as it's in the wrong place during the animation */ -.in-themes-panel.animating .control-panel-themes .filter-themes-count { - display: none; -} - -.in-themes-panel.wp-full-overlay .wp-full-overlay-sidebar-content { - bottom: 0; -} - -.themes-filter-bar .feature-filter-toggle { - min-height: 32px; - line-height: 2.30769231; -} - -.themes-filter-bar .feature-filter-toggle:before { - content: "\f111"; - content: "\f111" / ''; - margin: 0 5px 0 0; - font: normal 16px/1 dashicons; - vertical-align: text-bottom; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.themes-filter-bar .feature-filter-toggle.open { - background: #f0f0f1; - border-color: #8c8f94; - box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); -} - -.themes-filter-bar .feature-filter-toggle .filter-count-filters { - display: none; -} - -.filter-drawer { - box-sizing: border-box; - width: 100%; - position: absolute; - top: 46px; - left: 0; - padding: 25px 0 25px 25px; - border-top: 0; - margin: 0; - background: #f0f0f1; - border-bottom: 1px solid #dcdcde; -} - -.filter-drawer .filter-group { - margin: 0 25px 0 0; - width: calc( (100% - 75px) / 3); - min-width: 200px; - max-width: 320px; -} - -/* Adds a delay before fading in to avoid it "jumping" */ -@keyframes themes-fade-in { - 0% { - opacity: 0; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } -} - -.control-panel-themes .customize-themes-full-container.animate { - animation: .6s themes-fade-in 1; -} - -.in-themes-panel:not(.animating) .control-panel-themes .filter-themes-count { - animation: .6s themes-fade-in 1; -} - -.control-panel-themes .filter-themes-count .themes-displayed { - font-weight: 600; - color: #50575e; -} - -.customize-themes-notifications { - margin: 0; -} - -.control-panel-themes .customize-themes-notifications .notice { - margin: 0 0 25px; -} - -.customize-themes-full-container .customize-themes-section { - display: none !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */ - overflow: hidden; -} - -.customize-themes-full-container .customize-themes-section.current-section { - display: list-item !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */ -} - -.control-section .customize-section-text-before { - padding: 0 0 8px 15px; - margin: 15px 0 0; - line-height: 16px; - border-bottom: 1px solid #dcdcde; - color: #50575e; -} - -.control-panel-themes .customize-themes-section-title { - width: 100%; - background: #fff; - box-shadow: none; - outline: none; - border-top: none; - border-bottom: 1px solid #dcdcde; - border-left: 4px solid #fff; - border-right: none; - cursor: pointer; - padding: 10px 15px; - position: relative; - text-align: left; - font-size: 14px; - font-weight: 600; - color: #50575e; - text-shadow: none; -} - -.control-panel-themes #accordion-section-installed_themes { - border-top: 1px solid #dcdcde; -} - -.control-panel-themes .theme-section { - margin: 0; - position: relative; -} - -.control-panel-themes .customize-themes-section-title:focus, -.control-panel-themes .customize-themes-section-title:hover { - background: #f6f7f7; -} - -.customize-themes-section-title:not(.selected):after { - content: ""; - display: block; - position: absolute; - top: 9px; - right: 15px; - width: 18px; - height: 18px; - border-radius: 100%; - border: 1px solid #c3c4c7; - background: #fff; -} - -.control-panel-themes .theme-section .customize-themes-section-title.selected:after { - content: "\f147"; - content: "\f147" / ''; - font: 16px/1 dashicons; - box-sizing: border-box; - width: 20px; - height: 20px; - padding: 3px 3px 1px 1px; /* Re-align the icon to the smaller grid */ - border-radius: 100%; - position: absolute; - top: 9px; - right: 15px; - color: #fff; -} - -#customize-theme-controls .themes.accordion-section-content { - position: relative; - left: 0; - padding: 0; - width: 100%; -} - -.loading .customize-themes-section .spinner { - display: block; - visibility: visible; - position: relative; - clear: both; - width: 20px; - height: 20px; - left: calc(50% - 10px); - float: none; - margin-top: 50px; -} - -.customize-themes-section .no-themes, -.customize-themes-section .no-themes-local { - display: none; -} - -.themes-section-installed_themes .theme .notice-success:not(.updated-message) { - display: none; /* Hide "installed" notice on installed themes tab. */ -} - -.customize-control-theme .theme { - width: 100%; - margin: 0; - border: 1px solid #dcdcde; - background: #fff; -} - -.customize-control-theme .theme .theme-name, .customize-control-theme .theme .theme-actions { - background: #fff; - border: none; -} - -.customize-control.customize-control-theme { /* override most properties on .customize-control */ - box-sizing: border-box; - width: 25%; - max-width: 600px; /* Max. screenshot size / 2 */ - margin: 0 25px 25px 0; - padding: 0; - clear: none; -} - -/* 5 columns above 2100px */ -@media screen and (min-width: 2101px) { - .customize-control.customize-control-theme { - width: calc( ( 100% - 125px ) / 5 - 1px ); /* 1px offset accounts for browser rounding, typical all grids */ - } -} - -/* 4 columns up to 2100px */ -@media screen and (min-width: 1601px) and (max-width: 2100px) { - .customize-control.customize-control-theme { - width: calc( ( 100% - 100px ) / 4 - 1px ); - } -} - -/* 3 columns up to 1600px */ -@media screen and (min-width: 1201px) and (max-width: 1600px) { - .customize-control.customize-control-theme { - width: calc( ( 100% - 75px ) / 3 - 1px ); - } -} - -/* 2 columns up to 1200px */ -@media screen and (min-width: 851px) and (max-width: 1200px) { - .customize-control.customize-control-theme { - width: calc( ( 100% - 50px ) / 2 - 1px ); - - } -} - -/* 1 column up to 850 px */ -@media screen and (max-width: 850px) { - .customize-control.customize-control-theme { - width: 100%; - } -} - -.wp-customizer .theme-browser .themes { - padding: 0 0 25px 25px; - transition: .18s margin-top linear; -} - -.wp-customizer .theme-browser .theme .theme-actions { - opacity: 1; -} - -#customize-controls h3.theme-name { - font-size: 15px; -} - -#customize-controls .theme-overlay .theme-name { - font-size: 32px; -} - -.customize-preview-header.themes-filter-bar { - position: fixed; - top: 0; - left: 300px; - width: calc(100% - 300px); - height: 46px; - background: #f0f0f1; - z-index: 10; - padding: 6px 25px; - box-sizing: border-box; - border-bottom: 1px solid #dcdcde; -} -.customize-preview-header.themes-filter-bar, -.customize-preview-header.themes-filter-bar .search-form { - display: flex; - align-items: center; - gap: 10px; - flex-wrap: wrap; -} - -.customize-preview-header.themes-filter-bar .search-form-input { - position: relative; -} - -.customize-preview-header .filter-themes-wrapper { - display: grid; - align-items: center; - gap: 10px; - grid-template-columns: auto 1fr; -} - -.customize-preview-header .filter-themes-wrapper .filter-themes-count { - justify-self: end; -} - -@media screen and (min-width: 1670px) { - .customize-preview-header.themes-filter-bar { - width: 82%; - right: 0; - left: initial; - } -} - -.themes-filter-bar .themes-filter-container { - margin: 0; - padding: 0; - display: flex; - align-items: center; - gap: 10px; -} - -.themes-filter-bar .wp-filter-search { - padding: 0 10px 0 30px; - max-width: 100%; - width: 40%; - min-width: 300px; - height: 32px; - min-height: 32px; /* Override global 40px min-height for compact bar */ - margin: 1px 0; - top: 0; - left: 0; -} - -/* Unstick the filter bar on short windows/screens. This breakpoint is based on the - current length of .org feature filters assuming translations do not wrap lines. */ -@media screen and (max-height: 540px), screen and (max-width: 1018px) { - .customize-preview-header.themes-filter-bar { - position: relative; - left: 0; - width: 100%; - margin: 0 0 25px; - } - .filter-drawer { - top: 46px; - } - .wp-customizer .theme-browser .themes { - padding: 0 0 25px 25px; - overflow: hidden; - } - - .control-panel-themes .customize-themes-full-container { - margin-top: 0; - padding: 0; - height: 100%; - width: calc(100% - 300px); - } -} - -@media screen and (max-width: 1018px) { - .filter-drawer .filter-group { - width: calc( (100% - 50px) / 2); - } -} - -@media screen and (max-width: 960px) { - .customize-preview-header.themes-filter-bar { - height: 96px; - } -} - -@media screen and (max-width: 900px) { - .themes-filter-bar .wp-filter-search { - width: 100%; - margin: 0; - min-width: 200px; - } - - .customize-preview-header.themes-filter-bar, - .customize-preview-header.themes-filter-bar .search-form - .themes-filter-bar .themes-filter-container { - display: grid; - gap: 4px; - } - - .customize-preview-header.themes-filter-bar .search-form-input { - display: flex; - flex-grow: 1; - } - - .filter-drawer { - top: 86px; - } - - .control-panel-themes .filter-themes-count { - float: left; - } -} - -@media screen and (max-width: 792px) { - .filter-drawer .filter-group { - width: calc( 100% - 25px); - } -} - -.control-panel-themes .customize-themes-mobile-back { - display: none; -} - -/* Mobile - toggle between themes and filters */ -@media screen and (max-width: 600px) { - - .filter-drawer { - top: 132px; - } - - .wp-full-overlay.showing-themes .control-panel-themes .filter-themes-count .filter-themes { - display: block; - float: right; - } - - .control-panel-themes .customize-themes-full-container { - width: 100%; - margin: 0; - padding-top: 46px; - height: calc(100% - 46px); - z-index: 1; - display: none; - } - - .showing-themes .control-panel-themes .customize-themes-full-container { - display: block; - } - - .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back { - display: block; - position: fixed; - top: 0; - left: 0; - background: #f0f0f1; - color: #3c434a; - border-radius: 0; - box-shadow: none; - border: none; - height: 46px; - width: 100%; - z-index: 10; - text-align: left; - text-shadow: none; - border-bottom: 1px solid #dcdcde; - border-left: 4px solid transparent; - margin: 0; - padding: 0; - font-size: 0; - overflow: hidden; - } - - .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:before { - left: 0; - top: 0; - height: 46px; - width: 26px; - display: block; - line-height: 2.3; - padding: 0 8px; - border-right: 1px solid #dcdcde; - } - - .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover, - .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus { - background: #f6f7f7; - box-shadow: none; - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; - outline-offset: -2px; - } - - .showing-themes #customize-header-actions { - display: none; - } - - #customize-controls { - width: 100%; - } -} - -/* Details View */ -.wp-customizer .theme-overlay { - display: none; -} - -.wp-customizer.modal-open .theme-overlay { - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; - z-index: 109; -} - -/* Avoid a z-index war by resetting elements that should be under the overlay. - This is likely required because of the way that sections and panels are positioned. */ -.wp-customizer.modal-open #customize-header-actions, -.wp-customizer.modal-open .control-panel-themes .filter-themes-count, -.wp-customizer.modal-open .control-panel-themes .customize-themes-section-title.selected:after { - z-index: -1; -} - -.wp-full-overlay.in-themes-panel.themes-panel-expanded #customize-controls .wp-full-overlay-sidebar-content { - overflow: visible; -} - -.wp-customizer .theme-overlay .theme-backdrop { - background: rgba(240, 240, 241, 0.75); - position: fixed; - z-index: 110; -} - -.wp-customizer .theme-overlay .star-rating { - float: left; - margin-right: 8px; -} - -.wp-customizer .theme-rating .num-ratings { - line-height: 20px; -} - -.wp-customizer .theme-overlay .theme-wrap { - left: 90px; - right: 90px; - top: 45px; - bottom: 45px; - z-index: 120; -} - -.wp-customizer .theme-overlay .theme-actions { - text-align: right; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */ - padding: 10px 25px 5px; - background: #f0f0f1; - border-top: 1px solid #dcdcde; -} - -.wp-customizer .theme-overlay .theme-actions .theme-install.preview { - margin-left: 8px; -} - -.modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content { - overflow: visible; /* Prevent the top-level Customizer controls from becoming visible when elements on the right of the details modal are focused. */ -} - -.wp-customizer .theme-header { - background: #f0f0f1; -} - -.wp-customizer .theme-overlay .theme-header button, -.wp-customizer .theme-overlay .theme-header .close:before { - color: #3c434a; -} - -.wp-customizer .theme-overlay .theme-header .close:focus, -.wp-customizer .theme-overlay .theme-header .close:hover, -.wp-customizer .theme-overlay .theme-header .right:focus, -.wp-customizer .theme-overlay .theme-header .right:hover, -.wp-customizer .theme-overlay .theme-header .left:focus, -.wp-customizer .theme-overlay .theme-header .left:hover { - background: #fff; -} - -.wp-customizer .theme-overlay .theme-header .close:focus:before, -.wp-customizer .theme-overlay .theme-header .close:hover:before { - color: var(--wp-admin-theme-color); -} - -.wp-customizer .theme-overlay .theme-header button.disabled, -.wp-customizer .theme-overlay .theme-header button.disabled:hover, -.wp-customizer .theme-overlay .theme-header button.disabled:focus { - border-bottom: none; - background: transparent; - color: #c3c4c7; -} - -/* Small Screens */ -@media (max-width: 850px), (max-height: 472px) { - .wp-customizer .theme-overlay .theme-wrap { - left: 0; - right: 0; - top: 0; - bottom: 0; - } - - .wp-customizer .theme-browser .themes { - padding-right: 25px; - } -} - -/* Handle cheaters. */ -body.cheatin { - font-size: medium; - height: auto; - background: #fff; - border: 1px solid #c3c4c7; - margin: 50px auto 2em; - padding: 1em 2em; - max-width: 700px; - min-width: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); -} - -body.cheatin h1 { - border-bottom: 1px solid #dcdcde; - clear: both; - color: #50575e; - font-size: 24px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - margin: 30px 0 0; - padding: 0 0 7px; -} - -body.cheatin p { - font-size: 14px; - line-height: 1.5; - margin: 25px 0 20px; -} - -/** - * Widgets and Menus common styles - */ - -/* higher specificity than .wp-core-ui .button */ -#customize-theme-controls .add-new-widget, -#customize-theme-controls .add-new-menu-item { - cursor: pointer; - float: right; - margin: 0 0 0 10px; - transition: all 0.2s; - -webkit-user-select: none; - user-select: none; - outline: none; -} - -.reordering .add-new-widget, -.reordering .add-new-menu-item { - opacity: 0.2; - pointer-events: none; - cursor: not-allowed; /* doesn't work in conjunction with pointer-events */ -} - -.add-new-widget:before, -.add-new-menu-item:before, -#available-menu-items .new-content-item .add-content:before { - content: "\f132"; - content: "\f132" / ''; - display: inline-block; - position: relative; - left: -2px; - top: 0; - font: normal 20px/1 dashicons; - vertical-align: middle; - transition: all 0.2s; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* Reordering */ -.reorder-toggle { - float: right; - padding: 5px 8px; - text-decoration: none; - cursor: pointer; - outline: none; -} - -.reorder, -.reordering .reorder-done { - display: block; - padding: 5px 8px; -} - -.reorder-done, -.reordering .reorder { - display: none; -} - -.widget-reorder-nav span, -.menu-item-reorder-nav button { - position: relative; - overflow: hidden; - float: left; - display: block; - width: 33px; /* was 42px for mobile */ - height: 43px; - color: #8c8f94; - text-indent: -9999px; - cursor: pointer; - outline: none; -} - -.menu-item-reorder-nav button { - width: 30px; - height: 40px; - background: transparent; - border: none; - box-shadow: none; -} - -.widget-reorder-nav span:before, -.menu-item-reorder-nav button:before { - display: inline-block; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - font: normal 20px/43px dashicons; - text-align: center; - text-indent: 0; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.widget-reorder-nav span:hover, -.widget-reorder-nav span:focus, -.menu-item-reorder-nav button:hover, -.menu-item-reorder-nav button:focus { - color: #1d2327; - background: #f0f0f1; -} - -.move-widget-down:before, -.menus-move-down:before { - content: "\f347"; - content: "\f347" / ''; -} - -.move-widget-up:before, -.menus-move-up:before { - content: "\f343"; - content: "\f343" / ''; -} - -#customize-theme-controls .first-widget .move-widget-up, -#customize-theme-controls .last-widget .move-widget-down, -.move-up-disabled .menus-move-up, -.move-down-disabled .menus-move-down, -.move-right-disabled .menus-move-right, -.move-left-disabled .menus-move-left { - color: #dcdcde; - background-color: #fff; - cursor: default; - pointer-events: none; -} - -/** - * New widget and Add-menu-items modes and panels - */ - -.wp-full-overlay-main { - right: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */ - width: 100%; -} - -body.adding-widget .add-new-widget, -body.adding-widget .add-new-widget:hover, -.adding-menu-items .add-new-menu-item, -.adding-menu-items .add-new-menu-item:hover, -.add-menu-toggle.open, -.add-menu-toggle.open:hover { - background: #f0f0f1; - border-color: #8c8f94; - color: #2c3338; - box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); -} - -body.adding-widget .add-new-widget:before, -.adding-menu-items .add-new-menu-item:before, -#accordion-section-add_menu .add-new-menu-item.open:before { - transform: rotate(45deg); -} - -#available-widgets, -#available-menu-items { - position: absolute; - top: 0; - bottom: 0; - left: -301px; - visibility: hidden; - overflow-x: hidden; - overflow-y: auto; - width: 300px; - margin: 0; - z-index: 4; - background: #f0f0f1; - transition: left .18s; - border-right: 1px solid #dcdcde; -} - -#available-widgets .accordion-section-title, -#available-menu-items .accordion-section-title { - z-index: 2; -} - -#available-widgets .customize-section-title, -#available-menu-items .customize-section-title { - border: 0; - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - /* Many screen reader and browser combinations announce broken words as they would appear visually. */ - word-wrap: normal !important; - word-break: normal !important; -} - -#available-widgets .customize-section-title button, -#available-menu-items .customize-section-title button { - display: none; -} - -#available-widgets-list { - top: 82px; - position: absolute; - overflow: auto; - bottom: 0; - width: 100%; - border-top: 1px solid #dcdcde; -} - -.no-widgets-found #available-widgets-list { - border-top: none; -} - -#available-widgets-filter { - position: fixed; - top: 0; - z-index: 1; - width: 300px; - background: #f0f0f1; -} - -/* search field container */ -#available-widgets-filter, -#available-menu-items-search .accordion-section-title { - padding: 13px 15px; - box-sizing: border-box; -} - -#available-widgets-filter input, -#available-menu-items-search input { - width: 100%; - min-height: 40px; - margin: 1px 0; - padding: 0 30px; -} - -#available-widgets-filter input::-ms-clear, -#available-menu-items-search input::-ms-clear { - display: none; /* remove the "x" in IE, which conflicts with the "x" icon on button.clear-results */ -} - -#available-menu-items-search .search-icon, -#available-widgets-filter .search-icon { - display: block; - position: absolute; - bottom: 19px; /* 13 container padding +1 input margin +1 input border +4 centering in 40px input */ - left: 16px; - width: 30px; - height: 30px; - line-height: 2.1; - text-align: center; - color: #646970; -} - -#available-widgets-filter .clear-results, -#available-menu-items-search .accordion-section-title .clear-results { - position: absolute; - top: 40px; /* 13 container padding +1 input margin +1 input border +4 centering in 40px input */ - right: 16px; - width: 30px; - height: 30px; - padding: 0; - border: 0; - cursor: pointer; - background: none; - color: #d63638; - text-decoration: none; - outline: 0; -} - -#available-widgets-filter .clear-results, -#available-menu-items-search .clear-results, -#available-menu-items-search.loading .clear-results.is-visible { - display: none; -} - -#available-widgets-filter .clear-results.is-visible, -#available-menu-items-search .clear-results.is-visible { - display: block; -} - -#available-widgets-filter .clear-results:before, -#available-menu-items-search .clear-results:before { - content: "\f335"; - content: "\f335" / ''; - font: normal 20px/1 dashicons; - vertical-align: middle; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -#available-widgets-filter .clear-results:hover, -#available-widgets-filter .clear-results:focus, -#available-menu-items-search .clear-results:hover, -#available-menu-items-search .clear-results:focus { - color: #d63638; -} - -#available-widgets-filter .clear-results:focus, -#available-menu-items-search .clear-results:focus { - border-radius: 2px; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -#available-menu-items-search .search-icon:after, -#available-widgets-filter .search-icon:after, -.themes-filter-bar .search-icon:after { - content: "\f179"; - font: normal 20px/1 dashicons; - vertical-align: middle; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.themes-filter-bar .search-icon { - position: absolute; - top: 2px; - left: 2px; - z-index: 1; - color: #646970; - height: 30px; - width: 30px; - line-height: 2; - text-align: center; -} - -.no-widgets-found-message { - display: none; - margin: 0; - padding: 0 15px; - line-height: inherit; -} - -.no-widgets-found .no-widgets-found-message { - display: block; -} - -#available-widgets .widget-top, -#available-widgets .widget-top:hover, -#available-menu-items .item-top, -#available-menu-items .item-top:hover { - border: none; - background: transparent; - box-shadow: none; -} - -#available-widgets .widget-tpl, -#available-menu-items .item-tpl { - position: relative; - padding: 15px 15px 15px 60px; - background: #fff; - border-bottom: 1px solid #dcdcde; - border-left: 4px solid #fff; - transition: - .15s color ease-in-out, - .15s background-color ease-in-out, - .15s border-color ease-in-out; - cursor: pointer; - display: none; -} - -#available-widgets .widget, -#available-menu-items .item { - position: static; -} - - -/* Responsive */ -.customize-controls-preview-toggle { - display: none; -} - -@media only screen and (max-width: 782px) { - .wp-customizer .theme:not(.active):hover .theme-actions, - .wp-customizer .theme:not(.active):focus .theme-actions { - display: block; - } - - .wp-customizer .theme-browser .theme.active .theme-name span { - display: inline; - } - - .customize-control-header button.random .dice { - margin-top: 0; - } - - .customize-control-radio .customize-inside-control-row, - .customize-control-checkbox .customize-inside-control-row, - .customize-control-nav_menu_auto_add .customize-inside-control-row { - margin-left: 32px; - } - - .customize-control-radio input, - .customize-control-checkbox input, - .customize-control-nav_menu_auto_add input { - margin-left: -32px; - } - - .customize-control input[type="radio"] + label + br, - .customize-control input[type="checkbox"] + label + br { - line-height: 2.5; /* For widgets checkboxes */ - } - - .customize-control .date-time-fields select { - height: 39px; - } - - .date-time-fields .date-input.month { - width: 79px; - } - - .date-time-fields .date-input.day, - .date-time-fields .date-input.hour, - .date-time-fields .date-input.minute { - width: 55px; - } - - .date-time-fields .date-input.year { - width: 80px; - } - - #customize-control-changeset_preview_link a { - bottom: 16px; - } - - .media-widget-control .media-widget-buttons .button.edit-media, - .media-widget-control .media-widget-buttons .button.change-media, - .media-widget-control .media-widget-buttons .button.select-media { - margin-top: 12px; - } - - .customize-preview-header.themes-filter-bar .search-icon { - top: 6px; - } -} - -@media screen and (max-width: 1200px) { - .outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main, - .adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main, - .adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main { - left: 67%; - } -} - -@media screen and (max-width: 640px) { - - /* when the sidebar is collapsed and switching to responsive view, - bring it back see ticket #35220 */ - .wp-full-overlay.collapsed #customize-controls { - margin-left: 0; - } - - .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content { - bottom: 0; - } - - .customize-controls-preview-toggle { - display: block; - position: absolute; - top: 0; - left: 48px; - line-height: 2.6; - font-size: 14px; - padding: 0 12px 4px; - margin: 0; - height: 45px; - background: #f0f0f1; - border: 0; - border-right: 1px solid #dcdcde; - border-top: 4px solid #f0f0f1; - color: #50575e; - cursor: pointer; - transition: color .1s ease-in-out, background .1s ease-in-out; - } - - #customize-footer-actions, - /*#customize-preview,*/ - .customize-controls-preview-toggle .controls, - .preview-only .wp-full-overlay-sidebar-content, - .preview-only .customize-controls-preview-toggle .preview { - display: none; - } - - .preview-only #customize-save-button-wrapper { - margin-top: -46px; - } - - .customize-controls-preview-toggle .preview:before, - .customize-controls-preview-toggle .controls:before { - font: normal 20px/1 dashicons; - content: "\f177"; - content: "\f177" / ''; - position: relative; - top: 4px; - margin-right: 6px; - } - - .customize-controls-preview-toggle .controls:before { - content: "\f540"; - content: "\f540" / ''; - } - - .preview-only #customize-controls { - height: 45px; - } - - .preview-only #customize-preview, - .preview-only .customize-controls-preview-toggle .controls { - display: block; - } - - .wp-core-ui.wp-customizer .button { - padding: 0 14px; - line-height: 2.14285714; /* 30px */ - font-size: 14px; - vertical-align: middle; - } - - .customize-control .attachment-media-view .upload-button { - text-align: center; - } - - #customize-control-changeset_status .customize-inside-control-row { - padding-top: 15px; - } - - body.adding-widget div#available-widgets, - body.adding-menu-items div#available-menu-items, - body.outer-section-open div#customize-sidebar-outer-content { - width: 100%; - } - - #available-widgets .customize-section-title, - #available-menu-items .customize-section-title { - border: 0; - clip-path: none; - height: inherit; - margin: 0; - overflow: hidden; - padding: 0; - width: auto; - position: static; - } - - #available-widgets .customize-section-title button, - #available-menu-items .customize-section-title button { - display: block; - } - - #available-widgets .customize-section-back, - #available-menu-items .customize-section-back { - height: 69px; - } - - #available-widgets .customize-section-title h3, - #available-menu-items .customize-section-title h3 { - font-size: 20px; - font-weight: 200; - padding: 9px 10px 12px 14px; - margin: 0; - line-height: 24px; - color: #50575e; - display: block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - #available-widgets .customize-section-title .customize-action, - #available-menu-items .customize-section-title .customize-action { - font-size: 13px; - display: block; - font-weight: 400; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - #available-widgets-filter { - position: relative; - width: 100%; - height: auto; - } - - #available-widgets-list { - top: 152px; - } - - #available-menu-items-search .clear-results { - top: 40px; - right: 16px; - } - - .reorder, - .reordering .reorder-done { - padding: 8px; - } -} - -@media screen and (max-width: 600px) { - .wp-full-overlay.expanded { - margin-left: 0; - } - - body.adding-widget div#available-widgets, - body.adding-menu-items div#available-menu-items, - body.outer-section-open div#customize-sidebar-outer-content { - top: 46px; - z-index: 10; - } - - body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content { - left: -100%; - } - - body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content { - left: 0; - } -} diff --git a/src/wp-admin/css/customize-nav-menus.css b/src/wp-admin/css/customize-nav-menus.css index cb3052e75f3b5..e69de29bb2d1d 100644 --- a/src/wp-admin/css/customize-nav-menus.css +++ b/src/wp-admin/css/customize-nav-menus.css @@ -1,897 +0,0 @@ -#customize-theme-controls #accordion-section-menu_locations { - position: relative; - margin-top: 30px; -} - -#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title { - border-bottom-color: #dcdcde; - margin-top: 15px; -} - -#customize-theme-controls .customize-section-title-nav_menus-heading, -#customize-theme-controls .customize-section-title-menu_locations-heading, -#customize-theme-controls .customize-section-title-menu_locations-description { - padding: 0 12px; -} - -#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description { - /* Override the default italic style for control descriptions */ - font-style: normal; -} - -.menu-in-location, -.menu-in-locations { - display: block; - font-weight: 600; - font-size: 10px; -} - -#customize-controls .theme-location-set, -#customize-controls .control-section .accordion-section-title:focus .menu-in-location, -#customize-controls .control-section .accordion-section-title:hover .menu-in-location { - color: #50575e; -} - -/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */ -.customize-control-nav_menu_location .edit-menu, -.customize-control-nav_menu_location .create-menu { - margin-left: 6px; - vertical-align: middle; - line-height: 2.2; -} - -#customize-controls .customize-control-nav_menu_name { - margin-bottom: 12px; -} - -.customize-control-nav_menu_name p:last-of-type { - margin-bottom: 0; -} - -#customize-new-menu-submit { - float: right; - min-width: 85px; -} - -.wp-customizer .menu-item-bar .menu-item-handle, -.wp-customizer .menu-item-settings, -.wp-customizer .menu-item-settings .description-thin { - box-sizing: border-box; -} - -.wp-customizer .menu-item-bar { - margin: 0; -} - -.wp-customizer .menu-item-bar .menu-item-handle { - width: 100%; - max-width: 100%; - background: #fff; -} - -.wp-customizer .menu-item-handle .item-title { - margin-right: 0; -} - -.wp-customizer .menu-item-handle .item-type { - padding: 1px 21px 0 5px; - float: right; - text-align: right; -} - -.wp-customizer .menu-item-handle:hover { - z-index: 8; -} - -.customize-control-nav_menu_item.has-notifications .menu-item-handle { - border-left: 4px solid #72aee6; -} - -.wp-customizer .menu-item-settings { - max-width: 100%; - overflow: hidden; - z-index: 8; - padding: 10px; - background: #f0f0f1; - border: 1px solid #8c8f94; - border-top: none; -} - -.wp-customizer .menu-item-settings .description-thin { - width: 100%; - height: auto; - margin: 0 0 8px; -} - -.wp-customizer .menu-item-settings input[type="text"] { - width: 100%; -} - -.wp-customizer .menu-item-settings .submitbox { - margin: 0; - padding: 0; -} - -.wp-customizer .menu-item-settings .link-to-original { - padding: 5px 0; - border: none; - font-style: normal; - margin: 0; - width: 100%; -} - -.wp-customizer .menu-item .submitbox .submitdelete { - float: left; - margin: 6px 0 0; - padding: 0; - cursor: pointer; -} - - -/** - * Menu items reordering styles - */ - -.menu-item-reorder-nav { - display: none; - background-color: #fff; - position: absolute; - top: 0; - right: 0; -} - -.menus-move-left:before { - content: "\f341"; - content: "\f341" / ''; -} - -.menus-move-right:before { - content: "\f345"; - content: "\f345" / ''; -} - -.reordering .menu-item .item-controls, -.reordering .menu-item .item-type { - display: none; -} - -.reordering .menu-item-reorder-nav { - display: block; -} - -.customize-control input.menu-name-field { - width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */ -} - -.wp-customizer .menu-item .item-edit { - position: absolute; - right: -19px; - top: 2px; - display: block; - width: 30px; - height: 38px; - margin-right: 0 !important; - box-shadow: none; - outline: none; - overflow: hidden; - cursor: pointer; - text-align: center; -} - -.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before { - content: "\f142"; - content: "\f142" / ''; -} - -.wp-customizer .menu-item-settings p.description { - font-style: normal; -} - -.wp-customizer .menu-settings dl { - margin: 12px 0 0; - padding: 0; -} - -.wp-customizer .menu-settings .checkbox-input { - margin-top: 8px; -} - -.wp-customizer .menu-settings .menu-theme-locations { - border-top: 1px solid #c3c4c7; -} - -.wp-customizer .menu-settings { - margin-top: 36px; - border-top: none; -} - -.wp-customizer .menu-location-settings { - margin-top: 12px; - border-top: none; -} - -.wp-customizer .control-section-nav_menu .menu-location-settings { - margin-top: 24px; - border-top: 1px solid #dcdcde; -} - -.wp-customizer .control-section-nav_menu .menu-location-settings, -.customize-control-nav_menu_auto_add { - padding-top: 12px; -} - -.menu-location-settings .customize-control-checkbox .theme-location-set { - line-height: 1; -} - -.customize-control-nav_menu_auto_add label { - vertical-align: top; -} - -.menu-location-settings .new-menu-locations-widget-note { - display: block; -} - -.customize-control-menu { - margin-top: 4px; -} - -#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle { - color: #50575e; -} - -/* Screen Options */ -.customize-screen-options-toggle { - background: none; - border: none; - color: #50575e; - cursor: pointer; - margin: 0; - padding: 20px; - position: absolute; - right: 0; - top: 30px; -} - -#customize-controls .customize-info .customize-help-toggle { - padding: 20px; -} - -#customize-controls .customize-info .customize-help-toggle:before { - padding: 4px; -} - -.customize-screen-options-toggle:hover, -.customize-screen-options-toggle:active, -.customize-screen-options-toggle:focus, -.active-menu-screen-options .customize-screen-options-toggle, -#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover, -#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active, -#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus { - color: var(--wp-admin-theme-color); -} - -.customize-screen-options-toggle:focus, -#customize-controls .customize-info .customize-help-toggle:focus { - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.customize-screen-options-toggle:before { - -moz-osx-font-smoothing: grayscale; - border: none; - content: "\f111"; - content: "\f111" / ''; - display: block; - font: 18px/1 dashicons; - padding: 5px; - text-align: center; - text-decoration: none !important; - text-indent: 0; - left: 6px; - position: absolute; - top: 6px; -} - -.customize-screen-options-toggle:focus:before, -#customize-controls .customize-info .customize-help-toggle:focus:before { - border-radius: 100%; -} - -.wp-customizer #screen-options-wrap { - display: none; - background: #fff; - border-top: 1px solid #dcdcde; - padding: 4px 15px 15px; -} - -.wp-customizer .metabox-prefs label { - display: block; - padding-right: 0; - line-height: 30px; -} - -/* rework the arrow indicator implementation for NVDA bug same as #32715 */ -.wp-customizer .toggle-indicator { - display: inline-block; - font-size: 20px; - line-height: 1; -} - -.rtl .wp-customizer .toggle-indicator { - text-indent: 1px; /* account for the dashicon alignment */ -} - -.wp-customizer .menu-item .item-edit .toggle-indicator:before, -#available-menu-items .accordion-section-title .toggle-indicator:before { - content: "\f140"; - content: "\f140" / ''; - display: block; - padding: 1px 2px 1px 0; - border-radius: 50%; - color: #787c82; - font: normal 20px/1 dashicons; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; -} - -.control-section-nav_menu .field-link-target, -.control-section-nav_menu .field-title-attribute, -.control-section-nav_menu .field-css-classes, -.control-section-nav_menu .field-xfn, -.control-section-nav_menu .field-description { - display: none; -} - -.control-section-nav_menu.field-link-target-active .field-link-target, -.control-section-nav_menu.field-title-attribute-active .field-title-attribute, -.control-section-nav_menu.field-css-classes-active .field-css-classes, -.control-section-nav_menu.field-xfn-active .field-xfn, -.control-section-nav_menu.field-description-active .field-description { - display: block; -} - -/* WARNING: The 20px factor is hard-coded in JS. */ -.menu-item-depth-0 { margin-left: 0; } -.menu-item-depth-1 { margin-left: 20px; } -.menu-item-depth-2 { margin-left: 40px; } -.menu-item-depth-3 { margin-left: 60px; } -.menu-item-depth-4 { margin-left: 80px; } -.menu-item-depth-5 { margin-left: 100px; } -.menu-item-depth-6 { margin-left: 120px; } -.menu-item-depth-7 { margin-left: 140px; } -.menu-item-depth-8 { margin-left: 160px; } /* Not likely to be used or useful beyond this depth */ -.menu-item-depth-9 { margin-left: 180px; } -.menu-item-depth-10 { margin-left: 200px; } -.menu-item-depth-11 { margin-left: 220px; } - -/* @todo handle .menu-item-settings width */ -.menu-item-depth-0 > .menu-item-bar { margin-right: 0; } -.menu-item-depth-1 > .menu-item-bar { margin-right: 20px; } -.menu-item-depth-2 > .menu-item-bar { margin-right: 40px; } -.menu-item-depth-3 > .menu-item-bar { margin-right: 60px; } -.menu-item-depth-4 > .menu-item-bar { margin-right: 80px; } -.menu-item-depth-5 > .menu-item-bar { margin-right: 100px; } -.menu-item-depth-6 > .menu-item-bar { margin-right: 120px; } -.menu-item-depth-7 > .menu-item-bar { margin-right: 140px; } -.menu-item-depth-8 > .menu-item-bar { margin-right: 160px; } -.menu-item-depth-9 > .menu-item-bar { margin-right: 180px; } -.menu-item-depth-10 > .menu-item-bar { margin-right: 200px; } -.menu-item-depth-11 > .menu-item-bar { margin-right: 220px; } - -/* Submenu left margin. */ -.menu-item-depth-0 .menu-item-transport { margin-left: 0; } -.menu-item-depth-1 .menu-item-transport { margin-left: -20px; } -.menu-item-depth-3 .menu-item-transport { margin-left: -60px; } -.menu-item-depth-4 .menu-item-transport { margin-left: -80px; } -.menu-item-depth-2 .menu-item-transport { margin-left: -40px; } -.menu-item-depth-5 .menu-item-transport { margin-left: -100px; } -.menu-item-depth-6 .menu-item-transport { margin-left: -120px; } -.menu-item-depth-7 .menu-item-transport { margin-left: -140px; } -.menu-item-depth-8 .menu-item-transport { margin-left: -160px; } -.menu-item-depth-9 .menu-item-transport { margin-left: -180px; } -.menu-item-depth-10 .menu-item-transport { margin-left: -200px; } -.menu-item-depth-11 .menu-item-transport { margin-left: -220px; } - -/* WARNING: The 20px factor is hard-coded in JS. */ -.reordering .menu-item-depth-0 { margin-left: 0; } -.reordering .menu-item-depth-1 { margin-left: 15px; } -.reordering .menu-item-depth-2 { margin-left: 30px; } -.reordering .menu-item-depth-3 { margin-left: 45px; } -.reordering .menu-item-depth-4 { margin-left: 60px; } -.reordering .menu-item-depth-5 { margin-left: 75px; } -.reordering .menu-item-depth-6 { margin-left: 90px; } -.reordering .menu-item-depth-7 { margin-left: 105px; } -.reordering .menu-item-depth-8 { margin-left: 120px; } /* Not likely to be used or useful beyond this depth */ -.reordering .menu-item-depth-9 { margin-left: 135px; } -.reordering .menu-item-depth-10 { margin-left: 150px; } -.reordering .menu-item-depth-11 { margin-left: 165px; } - -.reordering .menu-item-depth-0 > .menu-item-bar { margin-right: 0; } -.reordering .menu-item-depth-1 > .menu-item-bar { margin-right: 15px; } -.reordering .menu-item-depth-2 > .menu-item-bar { margin-right: 30px; } -.reordering .menu-item-depth-3 > .menu-item-bar { margin-right: 45px; } -.reordering .menu-item-depth-4 > .menu-item-bar { margin-right: 60px; } -.reordering .menu-item-depth-5 > .menu-item-bar { margin-right: 75px; } -.reordering .menu-item-depth-6 > .menu-item-bar { margin-right: 90px; } -.reordering .menu-item-depth-7 > .menu-item-bar { margin-right: 105px; } -.reordering .menu-item-depth-8 > .menu-item-bar { margin-right: 120px; } -.reordering .menu-item-depth-9 > .menu-item-bar { margin-right: 135px; } -.reordering .menu-item-depth-10 > .menu-item-bar { margin-right: 150px; } -.reordering .menu-item-depth-11 > .menu-item-bar { margin-right: 165px; } - -.control-section-nav_menu.menu .menu-item-edit-active { - margin-left: 0; -} - -.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar { - margin-right: 0; -} - -.control-section-nav_menu.menu .sortable-placeholder { - margin-top: 0; - margin-bottom: 1px; - max-width: calc(100% - 2px); - float: left; - display: list-item; - border-color: #a7aaad; -} - -.menu-item-transport li.customize-control { - float: none; -} - -.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar { - margin-top: 0; -} - -/** - * Add-menu-items mode - */ - -.adding-menu-items .control-section { - opacity: .4; -} - -.adding-menu-items .control-panel.control-section, -.adding-menu-items .control-section.open { - opacity: 1; -} - -.menu-item-bar .item-delete { - color: #d63638; - position: absolute; - top: 2px; - right: -19px; - width: 30px; - height: 38px; - cursor: pointer; - display: none; -} - -.menu-item-bar .item-delete:before { - content: "\f335"; - content: "\f335" / ''; - position: absolute; - top: 9px; - left: 5px; - border-radius: 50%; - font: normal 20px/1 dashicons; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.menu-item-bar .item-delete:hover, -.menu-item-bar .item-delete:focus { - box-shadow: none; - outline: none; - color: #d63638; -} - -.adding-menu-items .menu-item-bar .item-edit { - display: none; -} - -.adding-menu-items .menu-item-bar .item-delete { - display: block; -} - -/** - * Styles for menu-item addition panel - */ - -#available-menu-items.opening { - overflow-y: hidden; /* avoid scrollbar jitter with animating heights */ -} - -#available-menu-items #available-menu-items-search.open { - height: 100%; - border-bottom: none; -} - -#available-menu-items .accordion-section-title { - border-left: none; - border-right: none; - background: #fff; - transition: background-color 0.15s; - /* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */ - -webkit-user-select: auto; - user-select: auto; -} - -#available-menu-items .open .accordion-section-title, -#available-menu-items #available-menu-items-search .accordion-section-title { - background: #f0f0f1; -} - -/* rework the arrow indicator implementation for NVDA bug see #32715 */ -#available-menu-items .accordion-section-title:after { - content: none !important; -} - -#available-menu-items .accordion-section-title:hover .toggle-indicator:before, -#available-menu-items .button-link:hover .toggle-indicator:before, -#available-menu-items .button-link:focus .toggle-indicator:before { - color: #1d2327; -} - -#available-menu-items .open .accordion-section-title .toggle-indicator:before { - content: "\f142"; - color: #1d2327; -} - -#available-menu-items .available-menu-items-list { - overflow-y: auto; - max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */ - background: transparent; -} - -#available-menu-items .accordion-section-title button .toggle-indicator { - display: flex; - align-items: center; - width: 28px; - height: 35px; - position: absolute; - top: 5px; - right: 5px; - box-shadow: none; - outline: none; - cursor: pointer; - text-align: center; -} - -#available-menu-items .accordion-section-title .no-items, -#available-menu-items .cannot-expand .accordion-section-title .spinner, -#available-menu-items .cannot-expand .accordion-section-title > button:not(#available-menu-items-search button.is-visible) { - display: none; -} - -#available-menu-items-search.cannot-expand .accordion-section-title .spinner { - display: block; -} - -#available-menu-items .cannot-expand .accordion-section-title .no-items { - float: right; - color: #50575e; - font-weight: 400; - margin-left: 5px; -} - -#available-menu-items .accordion-section-content { - max-height: 290px; - margin: 0; - padding: 0; - position: relative; - background: transparent; -} - -#available-menu-items .accordion-section-content .available-menu-items-list { - margin: 0 0 64px; - padding: 1px 15px 15px; -} - -#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */ - margin-bottom: 0; -} - -#new-custom-menu-item .accordion-section-content { - padding: 0 15px 15px; -} - -#available-menu-items .menu-item-tpl { - margin: 0; -} - -#custom-menu-item-name.invalid, -#custom-menu-item-url.invalid, -.edit-menu-item-url.invalid, -.menu-name-field.invalid, -.menu-name-field.invalid:focus, -#available-menu-items .new-content-item .create-item-input.invalid, -#available-menu-items .new-content-item .create-item-input.invalid:focus { - border: 1px solid #d63638; -} - -#available-menu-items .menu-item-handle .item-type { - padding-right: 0; -} - -#available-menu-items .menu-item-handle .item-title { - padding-left: 20px; -} - -#available-menu-items .menu-item-handle { - cursor: pointer; -} - -#available-menu-items .menu-item-handle { - box-shadow: none; - margin-top: -1px; -} - -#available-menu-items .menu-item-handle:hover { - z-index: 1; -} - -#available-menu-items .item-title h4 { - padding: 0 0 5px; - font-size: 14px; -} - -#available-menu-items .item-add { - position: absolute; - top: 1px; - left: 1px; - color: #8c8f94; - width: 30px; - height: 38px; - box-shadow: none; - outline: none; - cursor: pointer; - text-align: center; -} - -#available-menu-items .menu-item-handle .item-add:focus { - color: #1d2327; -} - -#available-menu-items .item-add:before { - content: "\f543"; - content: "\f543" / ''; - position: relative; - left: 2px; - top: 3px; - display: inline-block; - height: 20px; - border-radius: 50%; - font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */ -} - -#available-menu-items .menu-item-handle.item-added .item-type, -#available-menu-items .menu-item-handle.item-added .item-title, -#available-menu-items .menu-item-handle.item-added:hover .item-add, -#available-menu-items .menu-item-handle.item-added .item-add:focus { - color: #646970; -} - -#available-menu-items .menu-item-handle.item-added .item-add:before { - content: "\f147"; - content: "\f147" / ''; -} - -#available-menu-items .accordion-section-title.loading .spinner, -#available-menu-items-search.loading .accordion-section-title .spinner { - visibility: visible; - margin: 0 20px; -} - -#available-menu-items-search .spinner { - position: absolute; - bottom: 24px; /* 13 container padding +1 input margin +10 ( ( 40 input height - 20 spinner height ) / 2 ) */ - right: 21px; - margin: 0 !important; -} - -/* search results list */ -#available-menu-items #available-menu-items-search .accordion-section-content { - position: absolute; - left: 0; - top: 83px; /* below title div / search input (75 + 8 for 40px input) */ - bottom: 0; /* 100% height that still triggers lazy load */ - max-height: none; - width: 100%; - padding: 1px 15px 15px; - box-sizing: border-box; -} - -#available-menu-items-search .nothing-found { - /* Compensate the 1px top padding of the container. */ - margin-top: -1px; -} - -#available-menu-items-search .accordion-section-title:after { - display: none; -} - -#available-menu-items-search .accordion-section-content:empty { - min-height: 0; - padding: 0; -} - -#available-menu-items-search.loading .accordion-section-content div { - opacity: .5; -} - -#available-menu-items-search.loading.loading-more .accordion-section-content div { - opacity: 1; -} - -@media (prefers-reduced-motion: no-preference) { - #customize-preview { - transition: all 0.2s; - } -} - -body.adding-menu-items #available-menu-items { - left: 0; - visibility: visible; -} - -body.adding-menu-items .wp-full-overlay-main { - left: 300px; -} - -body.adding-menu-items #customize-preview { - opacity: 0.4; -} - -body.adding-menu-items #customize-preview iframe { - pointer-events: none; -} - -.menu-item-handle .spinner { - display: none; - float: left; - margin: 0 8px 0 0; -} - -.nav-menu-inserted-item-loading .spinner { - display: block; -} - -.nav-menu-inserted-item-loading .menu-item-handle .item-type { - padding: 0 0 0 8px; -} - -.nav-menu-inserted-item-loading .menu-item-handle, -.added-menu-item .menu-item-handle.loading { - padding: 10px 15px 10px 8px; - cursor: default; - opacity: .5; - background: #fff; - color: #787c82; -} - -.added-menu-item .menu-item-handle { - transition-property: opacity, background, color; - transition-duration: 1.25s; - transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */ -} - -/* Add/delete Menus */ - -#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title { - border-bottom-color: #dcdcde; -} - -/* @todo update selector */ -#accordion-section-add_menu { - margin: 15px 12px; -} - -#accordion-section-add_menu h3 { - text-align: right; -} - -#accordion-section-add_menu h3, -#accordion-section-add_menu .customize-add-menu-button { - margin: 0; -} - -#accordion-section-add_menu .customize-add-menu-button { - font-weight: 400; -} - -#create-new-menu-submit { - float: right; - margin: 0 0 12px; -} - -.menu-delete-item { - float: left; - padding: 1em 0; - width: 100%; -} - -.assigned-menu-locations-title p { - margin: 0 0 8px; -} - -li.assigned-to-menu-location .menu-delete-item { - display: none; -} - -li.assigned-to-menu-location .add-new-menu-item { - margin-bottom: 1em; -} - -.menu-item-handle { - margin-top: -1px; -} -.ui-sortable-disabled .menu-item-handle { - cursor: default; -} - -.menu-item-handle:hover { - position: relative; - z-index: 10; - color: var(--wp-admin-theme-color); -} - -.menu-item-handle:hover .item-type, -.menu-item-handle:hover .item-edit, -#available-menu-items .menu-item-handle:hover .item-add { - color: var(--wp-admin-theme-color); -} - -.menu-item-edit-active .menu-item-handle { - border-color: #8c8f94; - border-bottom: none; -} - -.customize-control-nav_menu_item { - margin-bottom: 0; -} - -.customize-control-nav_menu .new-menu-item-invitation { - margin-top: 0; - margin-bottom: 0; -} - -.customize-control-nav_menu .customize-control-nav_menu-buttons { - display: flex; - flex-direction: row-reverse; - align-items: center; - gap: 8px; - margin-top: 12px; -} - -/** - * box-shadows - */ - -.wp-customizer .menu-item .submitbox .submitdelete:focus, -.customize-screen-options-toggle:focus:before, -#customize-controls .customize-info .customize-help-toggle:focus:before, -.wp-customizer button:focus .toggle-indicator:before, -.menu-delete:focus, -.menu-item-bar .item-delete:focus:before, -#available-menu-items .item-add:focus:before { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - - -@media screen and (max-width: 782px) { - #available-menu-items #available-menu-items-search .accordion-section-content { - top: 71px; /* 63 + 8 for 40px input */ - } -} - -@media screen and (max-width: 640px) { - #available-menu-items #available-menu-items-search .accordion-section-content { - top: 154px; /* 146 + 8 for 40px input */ - } -} diff --git a/src/wp-admin/css/customize-widgets.css b/src/wp-admin/css/customize-widgets.css index 6e1bda06b13dc..e69de29bb2d1d 100644 --- a/src/wp-admin/css/customize-widgets.css +++ b/src/wp-admin/css/customize-widgets.css @@ -1,587 +0,0 @@ -.wp-full-overlay-sidebar { - overflow: visible; -} - -/** - * Hide all sidebar sections by default, only show them (via JS) once the - * preview loads and we know whether the sidebars are used in the template. - */ - -.control-section.control-section-sidebar, -.customize-control-sidebar_widgets label, -.customize-control-sidebar_widgets .hide-if-js { - /* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */ - display: none; -} - -.control-section.control-section-sidebar .accordion-section-content.ui-sortable { - overflow: visible; -} - -/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */ -.customize-control-widget_form .widget-top { - background: #fff; - transition: opacity 0.5s; -} - -.customize-control .widget-action { - color: #787c82; -} - -.customize-control .widget-top:hover .widget-action, -.customize-control .widget-action:focus { - color: #1d2327; -} - -.customize-control-widget_form:not(.widget-rendered) .widget-top { - opacity: 0.5; -} - -.customize-control-widget_form .widget-control-save { - display: none; -} - -.customize-control-widget_form .spinner { - visibility: hidden; - margin-top: 0; -} - -.customize-control-widget_form.previewer-loading .spinner { - visibility: visible; -} - -.customize-control-widget_form.widget-form-disabled .widget-content { - opacity: 0.7; - pointer-events: none; - -webkit-user-select: none; - user-select: none; -} - -.customize-control-widget_form .widget { - margin-bottom: 0; -} - -.customize-control-widget_form.wide-widget-control .widget-inside { - position: fixed; - left: 299px; - top: 25%; - border: 1px solid #dcdcde; - overflow: auto; -} -.customize-control-widget_form.wide-widget-control .widget-inside > .form { - padding: 20px; -} - -.customize-control-widget_form.wide-widget-control .widget-top { - transition: background-color 0.4s; -} -.customize-control-widget_form.wide-widget-control.expanding .widget-top, -.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top { - background-color: #dcdcde; -} - -.widget-inside { - padding: 1px 10px 10px; - border-top: none; - line-height: 1.23076923; -} - -.customize-control-widget_form.expanded .widget-action .toggle-indicator:before { - content: "\f142"; -} - -.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before { - content: "\f139"; -} - -.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before { - content: "\f141"; -} - -.widget-title-action { - cursor: pointer; -} - -.widget-top, -.customize-control-widget_form .widget .customize-control-title { - cursor: move; -} - -.control-section.accordion-section.highlighted > .accordion-section-title, -.customize-control-widget_form.highlighted { - outline: none; - box-shadow: 0 0 2px rgba(79, 148, 212, 0.8); - position: relative; - z-index: 1; -} - -#widget-customizer-control-templates { - display: none; -} - -/** - * Widget reordering styles - */ - -#customize-theme-controls .widget-reorder-nav { - display: none; - float: right; - background-color: #f6f7f7; -} - -.move-widget:before { - content: "\f504"; - content: "\f504" / ''; -} - -#customize-theme-controls .move-widget-area { - display: none; - background: #fff; - border: 1px solid #c3c4c7; - border-top: none; - cursor: auto; -} - -#customize-theme-controls .reordering .move-widget-area.active { - display: block; -} - -#customize-theme-controls .move-widget-area .description { - margin: 0; - padding: 15px 20px; - font-weight: 400; -} - -#customize-theme-controls .widget-area-select { - margin: 0; - padding: 0; - list-style: none; -} - -#customize-theme-controls .widget-area-select li { - position: relative; - margin: 0; - padding: 13px 15px 15px 42px; - color: #50575e; - border-top: 1px solid #c3c4c7; - cursor: pointer; - -webkit-user-select: none; - user-select: none; -} - -#customize-theme-controls .widget-area-select li:before { - display: none; - content: "\f147"; - content: "\f147" / ''; - position: absolute; - top: 12px; - left: 10px; - font: normal 20px/1 dashicons; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -#customize-theme-controls .widget-area-select li:last-child { - border-bottom: 1px solid #c3c4c7; -} - -#customize-theme-controls .widget-area-select .selected { - color: #fff; - background: var(--wp-admin-theme-color); -} - -#customize-theme-controls .widget-area-select .selected:before { - display: block; -} - -#customize-theme-controls .move-widget-actions { - text-align: right; - padding: 12px; -} - -#customize-theme-controls .reordering .widget-title-action { - display: none; -} - -#customize-theme-controls .reordering .widget-reorder-nav { - display: block; -} - -/* Text Widget */ -.wp-customizer div.mce-inline-toolbar-grp, -.wp-customizer div.mce-tooltip { - z-index: 500100 !important; -} -.wp-customizer .ui-autocomplete.wplink-autocomplete { - z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */ -} -.wp-customizer #wp-link-backdrop { - z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */ -} -.wp-customizer #wp-link-wrap { - z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */ -} - -/** - * Styles for new widget addition panel - */ - -/* override widgets admin page rules in wp-admin/css/widgets.css */ -#widgets-left #available-widgets .widget { - float: none !important; - width: auto !important; -} - -/* Keep rule that is no longer necessary on widgets.php. */ -#available-widgets .widget-action { - display: none; -} - -.ios #available-widgets { - transition: left 0s; -} - -#available-widgets .widget-tpl:hover, -#available-widgets .widget-tpl.selected { - background: #f6f7f7; - border-bottom-color: #c3c4c7; - color: var(--wp-admin-theme-color);; - border-left: 4px solid var(--wp-admin-theme-color); -} - -#customize-controls .widget-title h3 { - font-size: 1em; -} - -#available-widgets .widget-title h3 { - padding: 0 0 5px; - font-size: 14px; -} - -#available-widgets .widget .widget-description { - padding: 0; - color: #646970; -} - -@media (prefers-reduced-motion: no-preference) { - #customize-preview { - transition: all 0.2s; - } -} - -body.adding-widget #available-widgets { - left: 0; - visibility: visible; -} - -body.adding-widget .wp-full-overlay-main { - left: 300px; -} - -body.adding-widget #customize-preview { - opacity: 0.4; -} - - -/** - * Widget Icon styling - * No plurals in naming. - * Ordered from lowest to highest specificity. - */ - -#available-widgets .widget-title { - position: relative; -} - -#available-widgets .widget-title:before { - content: "\f132"; - content: "\f132" / ''; - position: absolute; - top: -3px; - right: 100%; - margin-right: 20px; - width: 20px; - height: 20px; - color: #2c3338; - font: normal 20px/1 dashicons; - text-align: center; - box-sizing: border-box; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* dashicons-smiley */ -#available-widgets [class*="easy"] .widget-title:before { - content: "\f328"; - content: "\f328" / ''; - top: -4px; -} - -/* dashicons-star-filled */ -#available-widgets [class*="super"] .widget-title:before, -#available-widgets [class*="like"] .widget-title:before { - content: "\f155"; - content: "\f155" / ''; - top: -4px; -} - -/* dashicons-wordpress */ -#available-widgets [class*="meta"] .widget-title:before { - content: "\f120"; - content: "\f120" / ''; -} - -/* dashicons-archive */ -#available-widgets [class*="archives"] .widget-title:before { - content: "\f480"; - content: "\f480" / ''; - top: -4px; -} - -/* dashicons-category */ -#available-widgets [class*="categor"] .widget-title:before { - content: "\f318"; - content: "\f318" / ''; - top: -4px; -} - -/* dashicons-admin-comments */ -#available-widgets [class*="comment"] .widget-title:before, -#available-widgets [class*="testimonial"] .widget-title:before, -#available-widgets [class*="chat"] .widget-title:before { - content: "\f101"; - content: "\f101" / ''; -} - -/* dashicons-admin-post */ -#available-widgets [class*="post"] .widget-title:before { - content: "\f109"; - content: "\f109" / ''; -} - -/* dashicons-admin-page */ -#available-widgets [class*="page"] .widget-title:before { - content: "\f105"; - content: "\f105" / ''; -} - -/* dashicons-text */ -#available-widgets [class*="text"] .widget-title:before { - content: "\f478"; - content: "\f478" / ''; -} - -/* dashicons-admin-links */ -#available-widgets [class*="link"] .widget-title:before { - content: "\f103"; - content: "\f103" / ''; -} - -/* dashicons-search */ -#available-widgets [class*="search"] .widget-title:before { - content: "\f179"; - content: "\f179" / ''; -} - -/* dashicons-menu */ -#available-widgets [class*="menu"] .widget-title:before, -#available-widgets [class*="nav"] .widget-title:before { - content: "\f333"; - content: "\f333" / ''; -} - -/* dashicons-tagcloud */ -#available-widgets [class*="tag"] .widget-title:before { - content: "\f479"; - content: "\f479" / ''; -} - -/* dashicons-rss */ -#available-widgets [class*="rss"] .widget-title:before { - content: "\f303"; - content: "\f303" / ''; - top: -6px; -} - -/* dashicons-calendar */ -#available-widgets [class*="event"] .widget-title:before, -#available-widgets [class*="calendar"] .widget-title:before { - content: "\f145"; - content: "\f145" / ''; - top: -4px; -} - -/* dashicons-format-image */ -#available-widgets [class*="image"] .widget-title:before, -#available-widgets [class*="photo"] .widget-title:before, -#available-widgets [class*="slide"] .widget-title:before, -#available-widgets [class*="instagram"] .widget-title:before { - content: "\f128"; - content: "\f128" / ''; -} - -/* dashicons-format-gallery */ -#available-widgets [class*="album"] .widget-title:before, -#available-widgets [class*="galler"] .widget-title:before { - content: "\f161"; - content: "\f161" / ''; -} - -/* dashicons-format-video */ -#available-widgets [class*="video"] .widget-title:before, -#available-widgets [class*="tube"] .widget-title:before { - content: "\f126"; - content: "\f126" / ''; -} - -/* dashicons-format-audio */ -#available-widgets [class*="music"] .widget-title:before, -#available-widgets [class*="radio"] .widget-title:before, -#available-widgets [class*="audio"] .widget-title:before { - content: "\f127"; - content: "\f127" / ''; -} - -/* dashicons-admin-users */ -#available-widgets [class*="login"] .widget-title:before, -#available-widgets [class*="user"] .widget-title:before, -#available-widgets [class*="member"] .widget-title:before, -#available-widgets [class*="avatar"] .widget-title:before, -#available-widgets [class*="subscriber"] .widget-title:before, -#available-widgets [class*="profile"] .widget-title:before, -#available-widgets [class*="grofile"] .widget-title:before { - content: "\f110"; - content: "\f110" / ''; -} - -/* dashicons-cart */ -#available-widgets [class*="commerce"] .widget-title:before, -#available-widgets [class*="shop"] .widget-title:before, -#available-widgets [class*="cart"] .widget-title:before { - content: "\f174"; - content: "\f174" / ''; - top: -4px; -} - -/* dashicons-shield */ -#available-widgets [class*="secur"] .widget-title:before, -#available-widgets [class*="firewall"] .widget-title:before { - content: "\f332"; - content: "\f332" / ''; -} - -/* dashicons-chart-bar */ -#available-widgets [class*="analytic"] .widget-title:before, -#available-widgets [class*="stat"] .widget-title:before, -#available-widgets [class*="poll"] .widget-title:before { - content: "\f185"; - content: "\f185" / ''; -} - -/* dashicons-feedback */ -#available-widgets [class*="form"] .widget-title:before { - content: "\f175"; - content: "\f175" / ''; -} - -/* dashicons-email-alt */ -#available-widgets [class*="subscribe"] .widget-title:before, -#available-widgets [class*="news"] .widget-title:before, -#available-widgets [class*="contact"] .widget-title:before, -#available-widgets [class*="mail"] .widget-title:before { - content: "\f466"; - content: "\f466" / ''; -} - -/* dashicons-share */ -#available-widgets [class*="share"] .widget-title:before, -#available-widgets [class*="socia"] .widget-title:before { - content: "\f237"; - content: "\f237" / ''; -} - -/* dashicons-translation */ -#available-widgets [class*="lang"] .widget-title:before, -#available-widgets [class*="translat"] .widget-title:before { - content: "\f326"; - content: "\f326" / ''; -} - -/* dashicons-location-alt */ -#available-widgets [class*="locat"] .widget-title:before, -#available-widgets [class*="map"] .widget-title:before { - content: "\f231"; - content: "\f231" / ''; -} - -/* dashicons-download */ -#available-widgets [class*="download"] .widget-title:before { - content: "\f316"; - content: "\f316" / ''; -} - -/* dashicons-cloud */ -#available-widgets [class*="weather"] .widget-title:before { - content: "\f176"; - content: "\f176" / ''; - top: -4px; -} - -/* dashicons-facebook */ -#available-widgets [class*="facebook"] .widget-title:before { - content: "\f304"; - content: "\f304" / ''; -} - -/* dashicons-twitter */ -#available-widgets [class*="tweet"] .widget-title:before, -#available-widgets [class*="twitter"] .widget-title:before { - content: "\f301"; - content: "\f301" / ''; -} - -@media screen and (max-height: 700px) and (min-width: 981px) { - /* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */ - .customize-control-widget_form { - margin-bottom: 0; - } - - .widget-top { - box-shadow: none; - margin-top: -1px; - } - - .widget-top:hover { - position: relative; - z-index: 1; - } - - .last-widget { - margin-bottom: 15px; - } - - .widget-title h3 { - padding: 13px 15px; - } - - .widget-top .widget-action { - padding: 8px 10px; - } - - .widget-reorder-nav span { - height: 39px; - } - - .widget-reorder-nav span:before { - line-height: 39px; - } - - /* Compact the move widget areas. */ - #customize-theme-controls .widget-area-select li { - padding: 9px 15px 11px 42px; - } - - #customize-theme-controls .widget-area-select li:before { - top: 8px; - } -} diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css index 17a9e312b85c6..e69de29bb2d1d 100644 --- a/src/wp-admin/css/dashboard.css +++ b/src/wp-admin/css/dashboard.css @@ -1,1527 +0,0 @@ -#wpbody-content #dashboard-widgets.columns-1 .postbox-container { - width: 100%; -} - -#wpbody-content #dashboard-widgets.columns-2 .postbox-container { - width: 49.5%; -} - -#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2, -#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3, -#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 { - float: right; - width: 50.5%; -} - -#wpbody-content #dashboard-widgets.columns-3 .postbox-container { - width: 33.5%; -} - -#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 { - width: 33%; -} - -#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3, -#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 { - float: right; -} - -#wpbody-content #dashboard-widgets.columns-4 .postbox-container { - width: 25%; -} - -#dashboard-widgets .postbox-container { - width: 25%; -} - -#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container { - border: none !important; -} - -#dashboard-widgets-wrap { - overflow: hidden; - margin: 0 -8px; -} - -#dashboard-widgets .postbox { - border-radius: 8px; -} - -#dashboard-widgets .postbox-header .hndle { - padding: 12px 16px; -} - -#dashboard-widgets .postbox .inside { - margin-bottom: 0; -} - -#dashboard-widgets .meta-box-sortables { - display: flow-root; /* avoid margin collapsing between parent and first/last child elements */ - /* Required min-height to make the jQuery UI Sortable drop zone work. */ - min-height: 0; - margin: 0 8px 20px; -} - -#dashboard-widgets .meta-box-sortables:not(:empty) { - margin-bottom: 16px; -} - -#dashboard-widgets .postbox-container .empty-container { - outline: 2px dashed rgb(0, 0, 0, 0.15); - outline-offset: -2px; - border-radius: 8px; - height: 250px; - margin: 4px; -} - -/* Only highlight drop zones when dragging. */ -.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables { - border-radius: 8px; - background: rgb(var(--wp-admin-theme-color--rgb), 0.04); - min-height: 100px; -} - -.is-dragging-metaboxes #dashboard-widgets .postbox-container .empty-container { - background: rgb(0, 0, 0, 0.01); -} - -#dashboard-widgets .postbox-container .empty-container:after { - content: attr(data-emptystring); - margin: auto; - position: absolute; - top: 50%; - left: 0; - right: 0; - transform: translateY( -50% ); - padding: 0 2em; - text-align: center; - color: #646970; - font-size: 16px; - line-height: 1.5; - display: none; -} - - -/* @todo: this was originally in this section, but likely belongs elsewhere */ -#the-comment-list td.comment p.comment-author { - margin-top: 0; - margin-left: 0; -} - -#the-comment-list p.comment-author img { - float: left; - margin-right: 8px; -} - -#the-comment-list p.comment-author strong a { - border: none; -} - -#the-comment-list td { - vertical-align: top; -} - -#the-comment-list td.comment { - word-wrap: break-word; -} - -#the-comment-list td.comment img { - max-width: 100%; -} - -/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */ -.index-php #screen-meta-links { - margin: 0 20px 8px 0; -} - -/* Welcome Panel */ -.welcome-panel { - position: relative; - overflow: auto; - margin: 16px 0; - border-radius: 8px; - font-size: 14px; - line-height: 1.3; - clear: both; -} - -.welcome-panel h2 { - margin: 0; - font-size: 48px; - font-weight: 600; - line-height: 1.25; -} - -.welcome-panel h3 { - margin: 0; - font-size: 20px; - font-weight: 400; - line-height: 1.4; -} - -.welcome-panel p { - font-size: inherit; - line-height: inherit; -} - -.welcome-panel-header { - position: relative; - color: #fff; -} - -.welcome-panel-header-image { - position: absolute !important; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 0 !important; - overflow: hidden; -} - -.welcome-panel-header-image svg { - display: block; - margin: auto; - width: 100%; - height: 100%; -} - -.rtl .welcome-panel-header-image svg { - transform: scaleX(-1); -} - -.welcome-panel-header * { - color: inherit; - position: relative; - z-index: 1; -} - -.welcome-panel-header a:focus, -.welcome-panel-header a:hover { - color: inherit; - text-decoration: none; -} - -.welcome-panel-header a:focus, -.welcome-panel .welcome-panel-close:focus { - outline-color: currentColor; - outline-offset: 1px; - box-shadow: none; -} - -.welcome-panel-header p { - margin: 0.5em 0 0; - font-size: 20px; - line-height: 1.4; -} - -.welcome-panel .welcome-panel-close { - display: flex; - align-items: center; - position: absolute; - top: 10px; - right: 10px; - padding: 10px 15px; - font-size: 13px; - line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */ - text-decoration: none; - z-index: 1; /* Raise above the version image. */ -} - -.welcome-panel .welcome-panel-close:before { - transition: all .1s ease-in-out; - content: '\f335'; - font-size: 24px; - color: #fff; -} - -.welcome-panel .welcome-panel-close { - color: #fff; -} - -.welcome-panel .welcome-panel-close:hover, -.welcome-panel .welcome-panel-close:focus, -.welcome-panel .welcome-panel-close:hover::before, -.welcome-panel .welcome-panel-close:focus::before { - color: #fff972; -} - -/* @deprecated 5.9.0 -- Button removed from panel. */ -.wp-core-ui .welcome-panel .button.button-hero { - margin: 15px 13px 3px 0; - padding: 12px 36px; - height: auto; - line-height: 1.4285714; - white-space: normal; -} - -.welcome-panel-content { - min-height: 400px; - display: flex; - flex-direction: column; - justify-content: space-between; -} - -.welcome-panel-header-wrap { - background-color: #151515; -} - -.welcome-panel-header { - box-sizing: border-box; - margin-left: auto; - margin-right: auto; - max-width: 1500px; - width: 100%; - padding: 48px 0 80px 48px; -} - -.welcome-panel .welcome-panel-column-container { - box-sizing: border-box; - width: 100%; - clear: both; - display: grid; - z-index: 1; - padding: 24px; - grid-template-columns: repeat(3, 1fr); - gap: 32px; - align-self: flex-end; - background: #ffffff; - border: 1px solid #c3c4c7; - border-top: 0; - border-radius: 0 0 8px 8px; -} - -[class*="welcome-panel-icon"] { - height: 60px; - width: 60px; - background-position: center; - background-size: 24px 24px; - background-repeat: no-repeat; - border-radius: 100%; -} - -.welcome-panel-column > svg { - margin-top: 4px; -} - -.welcome-panel-column { - display: grid; - grid-template-columns: min-content 1fr; - gap: 24px; -} - -.welcome-panel-icon-pages { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E"); -} - -.welcome-panel-icon-layout { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E"); -} - -.welcome-panel-icon-styles { - background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E"); -} - -/* @deprecated 5.9.0 -- Section removed from welcome panel. */ -.welcome-panel .welcome-widgets-menus { - line-height: 1.14285714; -} - -/* @deprecated 5.9.0 -- Lists removed from welcome panel. */ -.welcome-panel .welcome-panel-column ul { - margin: 0.8em 1em 1em 0; -} - -/* @deprecated 5.9.0 -- Lists removed from welcome panel. */ -.welcome-panel li { - font-size: 14px; -} - -/* @deprecated 5.9.0 -- Lists removed from welcome panel. */ -.welcome-panel li a { - text-decoration: none; -} - -/* @deprecated 5.9.0 -- Lists removed from welcome panel. */ -.welcome-panel .welcome-panel-column li { - line-height: 1.14285714; - list-style-type: none; - padding: 0 0 8px; -} - -/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ -.welcome-panel .welcome-icon { - background: transparent !important; -} - -/* Welcome Panel and Right Now common Icons style */ - -/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ -.welcome-panel .welcome-icon:before, -#dashboard_right_now li a:before, -#dashboard_right_now li span:before, -#dashboard_right_now .search-engines-info:before { - color: #646970; - font: normal 20px/1 dashicons; - display: inline-block; - padding: 0 10px 0 0; - position: relative; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; - vertical-align: top; -} - -/* Welcome Panel specific Icons styles */ - -/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ -.welcome-panel .welcome-write-blog:before, -.welcome-panel .welcome-edit-page:before { - content: "\f119"; - content: "\f119" / ''; - top: -3px; -} - -/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ -.welcome-panel .welcome-add-page:before { - content: "\f132"; - content: "\f132" / ''; - top: -1px; -} - -/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ -.welcome-panel .welcome-setup-home:before { - content: "\f102"; - content: "\f102" / ''; - top: -1px; -} - -/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ -.welcome-panel .welcome-view-site:before { - content: "\f115"; - content: "\f115" / ''; - top: -2px; -} - -/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ -.welcome-panel .welcome-widgets-menus:before { - content: "\f116"; - content: "\f116" / ''; - top: -2px; -} - -/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ -.welcome-panel .welcome-widgets:before { - content: "\f538"; - content: "\f538" / ''; - top: -2px; -} - -/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ -.welcome-panel .welcome-menus:before { - content: "\f163"; - content: "\f163" / ''; - top: -2px; -} - -/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ -.welcome-panel .welcome-comments:before { - content: "\f117"; - content: "\f117" / ''; - top: -1px; -} - -/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ -.welcome-panel .welcome-learn-more:before { - content: "\f118"; - content: "\f118" / ''; - top: -1px; -} - -/* Right Now specific Icons styles */ - -#dashboard_right_now .search-engines-info:before, -#dashboard_right_now li a:before, -#dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */ - padding: 0 5px 0 0; - /* generic icon for items added by CPTs ? */ - content: "\f159"; - content: "\f159" / ''; -} - -#dashboard_right_now .page-count a:before, -#dashboard_right_now .page-count span:before { - content: "\f105"; - content: "\f105" / ''; -} - -#dashboard_right_now .post-count a:before, -#dashboard_right_now .post-count span:before { - content: "\f109"; - content: "\f109" / ''; -} - -#dashboard_right_now .comment-count a:before { - content: "\f101"; - content: "\f101" / ''; -} - -#dashboard_right_now .comment-mod-count a:before { - content: "\f125"; - content: "\f125" / ''; -} - -#dashboard_right_now .storage-count a:before { - content: "\f104"; - content: "\f104" / ''; -} - -#dashboard_right_now .storage-count.warning a:before { - content: "\f153"; - content: "\f153" / ''; -} - -#dashboard_right_now .search-engines-info:before { - content: "\f348"; - content: "\f348" / ''; - color: #d63638; -} - -/* Dashboard WordPress events */ - -.community-events-errors { - margin: 0; -} - -.community-events-loading { - padding: 10px 12px 8px; -} - -.community-events { - margin-bottom: 6px; - padding: 0 12px; -} - -.community-events .spinner { - margin: 0 2px 0; -} - -.community-events-errors[aria-hidden="true"], -.community-events-errors [aria-hidden="true"], -.community-events-loading[aria-hidden="true"], -.community-events[aria-hidden="true"], -.community-events form[aria-hidden="true"] { - display: none; -} - -.community-events .activity-block:first-child, -.community-events h2 { - padding-top: 12px; - padding-bottom: 10px; -} - -.community-events-form { - margin: 15px 0 5px; - display: flex; - gap: 5px; - align-items: center; - flex-wrap: wrap; -} - -.community-events-form .regular-text { - width: 40%; - margin: 0; - min-height: 32px; - padding: 0 8px; -} - -#dashboard-widgets .community-events-form .button { - min-height: 32px; - line-height: 2.30769231; - padding: 0 12px; -} - -.community-events li.event-none { - border-left: 4px solid var(--wp-admin-theme-color, #3858e9); -} - -#dashboard-widgets .community-events li.event-none a { - text-decoration: underline; -} - -.community-events-form label { - line-height: 2.14285714; -} - -.community-events .activity-block > p { - margin-bottom: 0; - display: inline; -} - -.community-events-toggle-location { - vertical-align: middle; -} - -/* Needs higher specificity than #dashboard-widgets .button-link */ -#dashboard-widgets .community-events-cancel.button-link { - text-decoration: underline; -} - -.community-events ul { - background-color: rgba(var(--wp-admin-theme-color--rgb),.08); - padding-left: 0; - padding-right: 0; - padding-bottom: 0; -} - -.community-events li { - margin: 0; - padding: 8px 12px; - color: #2c3338; -} -.community-events li:first-child { - border-top: 1px solid #e9e9ed; -} - -.community-events li ~ li { - border-top: 1px solid #e9e9ed; -} - -.community-events .activity-block.last { - border-bottom: 1px solid #e9e9ed; - padding-top: 0; - margin-top: -1px; -} - -.community-events .event-info { - display: block; -} - -.community-events .ce-separator::before { - content: "\2022"; - content: "\2022" / ''; -} - -.event-icon { - height: 18px; - padding-right: 10px; - width: 18px; - display: none; /* Hide on smaller screens */ -} - -.event-icon:before { - color: #646970; - font-size: 18px; -} -.event-meetup .event-icon:before { - content: "\f484"; - content: "\f484" / ''; -} -.event-wordcamp .event-icon:before { - content: "\f486"; - content: "\f486" / ''; -} - -.community-events .event-title { - font-weight: 600; - display: block; -} - -.community-events .event-date, -.community-events .event-time { - display: block; -} - -.community-events-footer { - margin-top: 0; - margin-bottom: 0; - padding: 12px; - border-top: 1px solid #f0f0f1; - color: #646970; -} - -/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */ -.community-events-footer .screen-reader-text { - height: inherit; - white-space: nowrap; -} - -/* Dashboard WordPress news */ - -#dashboard_primary .inside { - margin: 0; - padding: 0; -} - -#dashboard_primary .widget-loading { - padding: 12px 12px 0; - margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */ -} - -/* Notice when JS is off. */ -#dashboard_primary .inside .notice { - margin: 0; -} - -body #dashboard-widgets .postbox form .submit { - margin: 0; -} - -/* Used only for configurable widgets. */ -.dashboard-widget-control-form p { - margin-top: 0; -} - -.rssSummary { - color: #646970; - margin-top: 4px; -} - -#dashboard_primary .rss-widget { - font-size: 13px; - padding: 0 12px; -} - -#dashboard_primary .rss-widget:last-child { - border-bottom: none; - padding-bottom: 8px; -} - -#dashboard_primary .rss-widget a { - font-weight: 400; -} - -#dashboard_primary .rss-widget span, -#dashboard_primary .rss-widget span.rss-date { - color: #646970; -} - -#dashboard_primary .rss-widget span.rss-date { - margin-left: 12px; -} - -#dashboard_primary .rss-widget ul li { - padding: 4px 0; - margin: 0; -} - -/* Dashboard right now */ - -#dashboard_right_now ul { - margin: 0; - /* contain floats but don't use overflow: hidden */ - display: inline-block; - width: 100%; -} - -#dashboard_right_now li { - width: 50%; - float: left; - margin-bottom: 10px; -} - -#dashboard_right_now .main p { - margin: 0; -} - -#dashboard_right_now #wp-version-message { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 8px; -} - -#dashboard_right_now #wp-version { - flex: 1; -} - -#dashboard_right_now #wp-version-message .button { - margin-left: auto; -} - -#dashboard_right_now p.search-engines-info { - margin: 1em 0; -} - -.mu-storage { - overflow: hidden; -} - -#dashboard-widgets h3.mu-storage { - margin: 0 0 10px; - padding: 0; - font-size: 14px; - font-weight: 400; -} - -#network_dashboard_right_now p input { - margin: 2px 1px; - vertical-align: middle; -} - -/* Dashboard right now - Colors */ - -#dashboard_right_now .sub { - color: #50575e; - background: #f6f7f7; - border-top: 1px solid #f0f0f1; - padding: 10px 12px 6px; -} - -#dashboard_right_now .sub h3 { - color: #50575e; -} - -#dashboard_right_now .sub p { - margin: 0 0 1em; -} - -#dashboard_right_now .warning a:before, -#dashboard_right_now .warning span:before { - color: #d63638; -} - -/* Dashboard Quick Draft */ - -#dashboard_quick_press .inside { - margin: 0; - padding: 0; -} - -#dashboard_quick_press form { - margin: 12px; -} - -#dashboard_quick_press .drafts { - padding: 10px 0 0; -} - -/* Dashboard Quick Draft - Form styling */ - -#dashboard_quick_press label { - display: inline-block; - margin-bottom: 4px; -} - -#dashboard_quick_press input, -#dashboard_quick_press textarea { - margin: 0; -} - -#dashboard-widgets .postbox form .submit { - margin: -39px 0; - float: right; -} - -#description-wrap { - margin-top: 12px; -} - -#quick-press textarea#content { - min-height: 90px; - max-height: 1300px; - margin: 0 0 8px; - padding: 8px 12px; - resize: none; -} - -/* Dashboard Quick Draft - Drafts list */ - -.js #dashboard_quick_press .drafts { - border-top: 1px solid #f0f0f1; -} - -#dashboard_quick_press .drafts abbr { - border: none; -} - -#dashboard_quick_press .drafts .view-all { - float: right; - margin: 0 12px 0 0; -} - -#dashboard_primary a.rsswidget { - font-weight: 400; -} - -#dashboard_quick_press .drafts ul { - margin: 0 12px; -} - -#dashboard_quick_press .drafts li { - margin-bottom: 1em; -} - -#dashboard_quick_press .drafts li time { - color: #646970; -} - -#dashboard_quick_press .drafts .draft-content { - margin: 0; - word-wrap: break-word; -} - -#dashboard_quick_press .draft-title { - word-wrap: break-word; -} - -#dashboard_quick_press .draft-title a, -#dashboard_quick_press .draft-title time { - margin: 0 5px 0 0; -} - -/* Dashboard common styles */ - -#dashboard-widgets h4, /* Back-compat for pre-4.4 */ -#dashboard-widgets h3, -#dashboard_quick_press .drafts h2 { - margin: 0 12px 8px; - padding: 0; - font-size: 14px; - font-weight: 400; - color: #1d2327; -} - -#dashboard_quick_press .drafts h2 { - line-height: inherit; -} - -#dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */ -#dashboard-widgets .inside h3 { - margin-left: 0; - margin-right: 0; -} - -/* Dashboard activity widget */ - -#dashboard_activity .comment-meta span.approve:before { - content: "\f227"; - content: "\f227" / ''; - font: 20px/.5 dashicons; - margin-left: 5px; - vertical-align: middle; - position: relative; - top: -1px; - margin-right: 2px; -} - -#dashboard_activity .inside { - margin: 0; - padding: 0 12px; -} - -#dashboard_activity .no-activity { - overflow: hidden; - padding: 12px 0; - text-align: center; -} - -#dashboard_activity .no-activity p { - color: #646970; - font-size: 16px; -} - -#dashboard_activity .subsubsub { - float: none; - border-top: 1px solid #f0f0f1; - margin: 0 -12px; - padding: 8px 12px 4px; -} - -#dashboard_activity .subsubsub a .count, -#dashboard_activity .subsubsub a.current .count { - color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */ -} - -#future-posts ul, -#published-posts ul { - margin: 8px -12px 0 -12px; -} - -#future-posts li, -#published-posts li { - display: grid; - grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto; - column-gap: 10px; - color: #646970; - padding: 4px 12px; -} - -#future-posts li:nth-child(odd), -#published-posts li:nth-child(odd) { - background-color: #f6f7f7; -} - -.activity-block { - border-bottom: 1px solid #f0f0f1; - margin: 0 -12px 6px -12px; - padding: 8px 12px 4px; -} - -.activity-block:last-child { - border-bottom: none; - margin-bottom: 0; -} - -.activity-block .subsubsub li { - color: #646970; -} - -/* Dashboard activity widget - Comments */ -/* @todo: needs serious de-duplication */ - -#activity-widget #the-comment-list tr.undo, -#activity-widget #the-comment-list div.undo { - background: none; - padding: 6px 0; - margin-left: 12px; -} - -#activity-widget #the-comment-list .comment-item { - background: #f6f7f7; - padding: 12px; - position: relative; -} - -#activity-widget #the-comment-list .avatar { - position: absolute; - top: 12px; -} - -#activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar { - padding-left: 63px; -} - -#activity-widget #the-comment-list .dashboard-comment-wrap blockquote { - margin: 1em 0; -} - -#activity-widget #the-comment-list .comment-item p.row-actions { - margin: 4px 0 0; -} - -#activity-widget #the-comment-list .comment-item:first-child { - border-top: 1px solid #f0f0f1; -} - -#activity-widget #the-comment-list .unapproved { - background-color: #fcf9e8; -} - -#activity-widget #the-comment-list .unapproved:before { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - bottom: 0; - background: #d63638; - width: 4px; -} - -#activity-widget #the-comment-list .spam-undo-inside .avatar, -#activity-widget #the-comment-list .trash-undo-inside .avatar { - position: relative; - top: 0; -} - -/* Browse happy box */ - -#dashboard-widgets #dashboard_browser_nag.postbox .inside { - margin: 10px; -} - -.postbox .button-link .edit-box { - display: none; -} - -.edit-box { - opacity: 0; -} - -.hndle:hover .edit-box, -.edit-box:focus { - opacity: 1; -} - -#dashboard-widgets form .input-text-wrap input { - width: 100%; -} - -#dashboard-widgets form .textarea-wrap textarea { - width: 100%; -} - -#dashboard-widgets .postbox form .submit { - float: none; - margin: .5em 0 0; - padding: 0; - border: none; -} - -#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { - min-width: 0; -} - -#dashboard-widgets li a, -#dashboard-widgets .button-link, -.community-events-footer a { - text-decoration: none; -} - -#dashboard-widgets h2 a { - text-decoration: underline; -} - -#dashboard-widgets .hndle .postbox-title-action { - float: right; - line-height: 1.2; -} - -#dashboard_plugins h5 { - font-size: 14px; -} - -/* Recent Comments */ - -#latest-comments #the-comment-list { - position: relative; - margin: 0 -12px; -} - -#activity-widget #the-comment-list .comment, -#activity-widget #the-comment-list .pingback { - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); -} - -#activity-widget .comments #the-comment-list .alt { - background-color: transparent; -} - -#activity-widget #latest-comments #the-comment-list .comment-item { - /* the row-actions paragraph is output only for users with 'edit_comment' capabilities, - for other users this needs a min height equal to the gravatar image */ - min-height: 50px; - margin: 0; - padding: 12px; -} - -#latest-comments #the-comment-list .pingback { - padding-left: 12px !important; -} - -#latest-comments #the-comment-list .comment-item:first-child { - border-top: none; -} - -#latest-comments #the-comment-list .comment-meta { - line-height: 1.5; - margin: 0; - color: #646970; -} - -#latest-comments #the-comment-list .comment-meta cite { - font-style: normal; - font-weight: 400; -} - -#latest-comments #the-comment-list .comment-item blockquote, -#latest-comments #the-comment-list .comment-item blockquote p { - margin: 0; - padding: 0; - display: inline; -} - -#latest-comments #the-comment-list .comment-item p.row-actions { - margin: 3px 0 0; - padding: 0; - font-size: 13px; -} - -/* Feeds */ -.rss-widget ul { - margin: 0; - padding: 0; - list-style: none; -} - -a.rsswidget { - font-size: 13px; - font-weight: 600; - line-height: 1.4; -} - -.rss-widget ul li { - line-height: 1.5; - margin-bottom: 12px; -} - -.rss-widget span.rss-date { - color: #646970; - font-size: 13px; - margin-left: 3px; -} - -.rss-widget cite { - display: block; - text-align: right; - margin: 0 0 1em; - padding: 0; -} - -.rss-widget cite:before { - content: "\2014"; - content: "\2014" / ''; -} - -.dashboard-comment-wrap { - word-wrap: break-word; -} - -/* Browser Nag */ -#dashboard_browser_nag a.update-browser-link { - font-size: 1.2em; - font-weight: 600; -} - -#dashboard_browser_nag a { - text-decoration: underline; -} - -#dashboard_browser_nag p.browser-update-nag.has-browser-icon { - padding-right: 128px; -} - -#dashboard_browser_nag .browser-icon { - margin-top: -32px; -} - -#dashboard_browser_nag.postbox { - background-color: #b32d2e; - background-image: none; - border-color: #b32d2e; - color: #fff; - box-shadow: none; -} - -#dashboard_browser_nag.postbox h2 { - border-bottom-color: transparent; - background: transparent none; - color: #fff; - box-shadow: none; -} - -#dashboard_browser_nag a { - color: #fff; -} - -#dashboard_browser_nag.postbox .postbox-header { - border-color: transparent; -} - -#dashboard_browser_nag h2.hndle { - border: none; - font-weight: 600; - font-size: 20px; - padding-top: 10px; -} - -.postbox#dashboard_browser_nag p a.dismiss { - font-size: 14px; -} - -.postbox#dashboard_browser_nag p, -.postbox#dashboard_browser_nag a, -.postbox#dashboard_browser_nag p.browser-update-nag { - font-size: 16px; -} - -/* PHP Nag */ -#dashboard_php_nag .dashicons-warning { - color: #dba617; - padding-right: 6px; -} - -#dashboard_php_nag.php-no-security-updates .dashicons-warning, -#dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning { - color: #d63638; -} - -#dashboard_php_nag h2 { - display: inline-block; -} - -#dashboard_php_nag p { - margin: 12px 0; -} - -.bigger-bolder-text { - font-weight: 600; - font-size: 14px; -} - -/* =Media Queries --------------------------------------------------------------- */ - -@media only screen and (min-width: 1600px) { - .welcome-panel .welcome-panel-column-container { - display: flex; - justify-content: center; - } - - .welcome-panel-column { - width: 100%; - max-width: 460px; - } -} - -/* one column on the dash */ -@media only screen and (max-width: 799px) { - #wpbody-content #dashboard-widgets .postbox-container { - width: 100%; - } - - #dashboard-widgets .meta-box-sortables { - min-height: 0; - } - - .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables { - min-height: 100px; - } - - #dashboard-widgets .meta-box-sortables.empty-container { - margin-bottom: 0; - } -} - -/* two columns on the dash, but keep the setting if one is selected */ -@media only screen and (min-width: 800px) and (max-width: 1499px) { - #wpbody-content #dashboard-widgets .postbox-container { - width: 49.5%; - } - - #wpbody-content #dashboard-widgets #postbox-container-2, - #wpbody-content #dashboard-widgets #postbox-container-3, - #wpbody-content #dashboard-widgets #postbox-container-4 { - float: right; - width: 50.5%; - } - - #dashboard-widgets #postbox-container-3 .empty-container, - #dashboard-widgets #postbox-container-4 .empty-container { - border: none; - height: 0; - min-height: 0; - margin-bottom: 0; - display: none; - } - - #dashboard-widgets #postbox-container-3 .empty-container:after, - #dashboard-widgets #postbox-container-4 .empty-container:after { - display: none; - } - - #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { - width: 100%; - } - - #wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container { - border: none; - height: 0; - min-height: 0; - margin-bottom: 0; - } - - /* show the radio buttons for column prefs only for one or two columns */ - .index-php .screen-layout, - .index-php .columns-prefs { - display: block; - } - - .columns-prefs .columns-prefs-3, - .columns-prefs .columns-prefs-4 { - display: none; - } - - #dashboard-widgets .postbox-container .empty-container:after { - display: block; - } -} - -/* three columns on the dash */ -@media only screen and (min-width: 1500px) and (max-width: 1800px) { - #wpbody-content #dashboard-widgets .postbox-container { - width: 33.5%; - } - - #wpbody-content #dashboard-widgets #postbox-container-1 { - width: 33%; - } - - #wpbody-content #dashboard-widgets #postbox-container-3, - #wpbody-content #dashboard-widgets #postbox-container-4 { - float: right; - } - - #dashboard-widgets #postbox-container-4 .empty-container { - border: none; - height: 0; - min-height: 0; - margin-bottom: 0; - display: none; - } - - #dashboard-widgets #postbox-container-4 .empty-container:after { - display: none; - } - - #dashboard-widgets .postbox-container .empty-container:after { - display: block; - } -} - -/* Always show the "Drag boxes here" CSS generated content on large screens. */ -@media only screen and (min-width: 1801px) { - #dashboard-widgets .postbox-container .empty-container:after { - display: block; - } -} - -@media screen and (max-width: 870px) { - /* @deprecated 5.9.0 -- Lists removed from welcome panel. */ - .welcome-panel .welcome-panel-column li { - display: inline-block; - margin-right: 13px; - } - - /* @deprecated 5.9.0 -- Lists removed from welcome panel. */ - .welcome-panel .welcome-panel-column ul { - margin: 0.4em 0 0; - } - -} - -@media screen and (max-width: 1180px) and (min-width: 783px) { - .welcome-panel-column { - grid-template-columns: 1fr; - } - - [class*="welcome-panel-icon"], - .welcome-panel-column > svg { - display: none; - } -} - -@media screen and (max-width: 782px) { - .welcome-panel .welcome-panel-column-container { - grid-template-columns: 1fr; - box-sizing: border-box; - padding: 32px; - width: 100%; - } - - .welcome-panel .welcome-panel-column-content { - max-width: 520px; - } - - /* Keep the close icon from overlapping the Welcome text. */ - .welcome-panel .welcome-panel-close { - overflow: hidden; - text-indent: 40px; - white-space: nowrap; - width: 20px; - height: 20px; - padding: 5px; - top: 5px; - right: 5px; - } - - .welcome-panel .welcome-panel-close::before { - position: absolute; - top: 5px; - left: -35px; - } - - #dashboard-widgets h2 { - padding: 12px; - } - - #dashboard_recent_comments #the-comment-list .comment-item .avatar { - height: 30px; - width: 30px; - margin: 4px 10px 5px 0; - } - - .community-events-toggle-location { - height: 38px; - vertical-align: baseline; - } - - #community-events-submit { - margin-bottom: 0; - } - - .community-events-form label, - #dashboard-widgets .community-events-cancel.button-link { - /* Same properties as the submit button for cross-browsers alignment. */ - font-size: 14px; - line-height: normal; - padding: 6px 0; - border: 1px solid transparent; - } -} - -/* Smartphone */ -@media screen and (max-width: 600px) { - .welcome-panel-header { - padding: 32px 32px 64px; - } - - .welcome-panel-header-image { - display: none; - } -} - -@media screen and (max-width: 480px) { - .welcome-panel-column { - gap: 16px; - } -} - -@media screen and (max-width: 360px) { - .welcome-panel-column { - grid-template-columns: 1fr; - } - - [class*="welcome-panel-icon"], - .welcome-panel-column > svg { - display: none; - } -} - -@media screen and (min-width: 355px) { - .community-events .event-info { - display: table-row; - float: left; - max-width: 59%; - } - - .event-icon, - .event-icon[aria-hidden="true"] { - display: table-cell; - } - - .event-info-inner { - display: table-cell; - } - - .community-events .event-date-time { - float: right; - max-width: 39%; - } - - .community-events .event-date, - .community-events .event-time { - text-align: right; - } -} diff --git a/src/wp-admin/css/deprecated-media.css b/src/wp-admin/css/deprecated-media.css index 36fafeb65f76b..e69de29bb2d1d 100644 --- a/src/wp-admin/css/deprecated-media.css +++ b/src/wp-admin/css/deprecated-media.css @@ -1,428 +0,0 @@ -/* Styles for the media library iframe (not used on the Library screen) */ - -div#media-upload-header { - margin: 0; - padding: 5px 5px 0; - font-weight: 600; - position: relative; - border-bottom: 1px solid #dcdcde; - background: #f6f7f7; -} - -#sidemenu { - overflow: hidden; - float: none; - position: relative; - left: 0; - bottom: -1px; - margin: 0 5px; - padding-left: 10px; - list-style: none; - font-size: 12px; - font-weight: 400; -} - -#sidemenu a { - padding: 0 7px; - display: block; - float: left; - line-height: 28px; - border-top: 1px solid #f6f7f7; - border-bottom: 1px solid #dcdcde; - background-color: #f6f7f7; - text-decoration: none; - transition: none; -} - -#sidemenu li { - display: inline; - line-height: 200%; - list-style: none; - text-align: center; - white-space: nowrap; - margin: 0; - padding: 0; -} - -#sidemenu a.current { - font-weight: 400; - padding-left: 6px; - padding-right: 6px; - border: 1px solid #dcdcde; - border-bottom-color: #f0f0f1; - background-color: #f0f0f1; - color: #000; -} - -#media-upload:after { /* clearfix */ - content: ""; - display: table; - clear: both; -} - -#media-upload .slidetoggle { - border-top-color: #dcdcde; -} - -#media-upload input[type="radio"] { - padding: 0; -} - -.media-upload-form label.form-help, -td.help { - color: #646970; -} - -form { - margin: 1em; -} - -#search-filter { - text-align: right; -} - -th { - position: relative; -} - -.media-upload-form label.form-help, td.help { - font-family: sans-serif; - font-style: italic; - font-weight: 400; -} - -.media-upload-form p.help { - margin: 0; - padding: 0; -} - -.media-upload-form fieldset { - width: 100%; - border: none; - text-align: justify; - margin: 0 0 1em; - padding: 0; -} - -/* specific to the image upload form */ - -.image-align-none-label { - background: url(../images/align-none.png) no-repeat center left; -} - -.image-align-left-label { - background: url(../images/align-left.png) no-repeat center left; -} - -.image-align-center-label { - background: url(../images/align-center.png) no-repeat center left; -} - -.image-align-right-label { - background: url(../images/align-right.png) no-repeat center left; -} - -tr.image-size td { - width: 460px; -} - -tr.image-size div.image-size-item { - margin: 0 0 5px; -} - -#library-form .progress, -#gallery-form .progress, -.insert-gallery, -.describe.startopen, -.describe.startclosed { - display: none; -} - -.media-item .thumbnail { - max-width: 128px; - max-height: 128px; -} - -thead.media-item-info tr { - background-color: transparent; -} - -.form-table thead.media-item-info { - border: 8px solid #fff; -} - -abbr.required, -span.required { - text-decoration: none; - border: none; -} - -.describe label { - display: inline; -} - -.describe td.error { - padding: 2px 8px; -} - -.describe td.A1 { - width: 132px; -} - -.describe input[type="text"], -.describe textarea { - width: 460px; - border-width: 1px; - border-style: solid; -} - -/* Specific to Uploader */ - -#media-upload p.ml-submit { - padding: 1em 0; -} - -#media-upload p.help, -#media-upload label.help { - font-family: sans-serif; - font-style: italic; - font-weight: 400; -} - -#media-upload .ui-sortable .media-item { - cursor: move; -} - -#media-upload tr.image-size { - margin-bottom: 1em; - height: 3em; -} - -#media-upload #filter { - width: 623px; -} - -#media-upload #filter .subsubsub { - margin: 8px 0; -} - -#media-upload .tablenav-pages a, -#media-upload .tablenav-pages .current { - display: inline-block; - padding: 4px 5px 6px; - font-size: 16px; - line-height: 1; - text-align: center; - text-decoration: none; -} - -#media-upload .tablenav-pages a { - min-width: 17px; - border: 1px solid #c3c4c7; - background: #f6f7f7; -} - -#filter .tablenav select { - border-style: solid; - border-width: 1px; - padding: 2px; - vertical-align: top; - width: auto; -} - -#media-upload .del-attachment { - display: none; - margin: 5px 0; -} - -.menu_order { - float: right; - font-size: 11px; - margin: 8px 10px 0; -} - -.menu_order_input { - border: 1px solid #dcdcde; - font-size: 10px; - padding: 1px; - width: 23px; -} - -.ui-sortable-helper { - background-color: #fff; - border: 1px solid #a7aaad; - opacity: 0.6; - filter: alpha(opacity=60); -} - -#media-upload th.order-head { - width: 20%; - text-align: center; -} - -#media-upload th.actions-head { - width: 25%; - text-align: center; -} - -#media-upload a.wp-post-thumbnail { - margin: 0 20px; -} - -#media-upload .widefat { - border-style: solid solid none; -} - -.sorthelper { - height: 37px; - width: 623px; - display: block; -} - -#gallery-settings th.label { - width: 160px; -} - -#gallery-settings #basic th.label { - padding: 5px 5px 5px 0; -} - -#gallery-settings .title { - clear: both; - padding: 0 0 3px; - font-size: 1.6em; - border-bottom: 1px solid #dcdcde; -} - -h3.media-title { - font-size: 1.6em; -} - -h4.media-sub-title { - border-bottom: 1px solid #dcdcde; - font-size: 1.3em; - margin: 12px; - padding: 0 0 3px; -} - -#gallery-settings .title, -h3.media-title, -h4.media-sub-title { - font-family: Georgia,"Times New Roman",Times,serif; - font-weight: 400; - color: #50575e; -} - -#gallery-settings .describe td { - vertical-align: middle; - height: 3em; -} - -#gallery-settings .describe th.label { - padding-top: .5em; - text-align: left; -} - -#gallery-settings .describe { - padding: 5px; - width: 100%; - clear: both; - cursor: default; - background: #fff; -} - -#gallery-settings .describe select { - width: 15em; -} - -#gallery-settings .describe select option, -#gallery-settings .describe td { - padding: 0; -} - -#gallery-settings label, -#gallery-settings legend { - font-size: 13px; - color: #3c434a; - margin-right: 15px; -} - -#gallery-settings .align .field label { - margin: 0 1em 0 3px; -} - -#gallery-settings p.ml-submit { - border-top: 1px solid #dcdcde; -} - -#gallery-settings select#columns { - width: 6em; -} - -#sort-buttons { - font-size: 0.8em; - margin: 3px 25px -8px 0; - text-align: right; - max-width: 625px; -} - -#sort-buttons a { - text-decoration: none; -} - -#sort-buttons #asc, -#sort-buttons #showall { - padding-left: 5px; -} - -#sort-buttons span { - margin-right: 25px; -} - -p.media-types { - margin: 0; - padding: 1em; -} - -p.media-types-required-info { - padding-top: 0; -} - -tr.not-image { - display: none; -} - -table.not-image tr.not-image { - display: table-row; -} - -table.not-image tr.image-only { - display: none; -} - -/** - * HiDPI Displays - */ -@media print, - (min-resolution: 120dpi) { - - .image-align-none-label { - background-image: url(../images/align-none-2x.png?ver=20120916); - background-size: 21px 15px; - } - - .image-align-left-label { - background-image: url(../images/align-left-2x.png?ver=20120916); - background-size: 22px 15px; - } - - .image-align-center-label { - background-image: url(../images/align-center-2x.png?ver=20120916); - background-size: 21px 15px; - } - - .image-align-right-label { - background-image: url(../images/align-right-2x.png?ver=20120916); - background-size: 22px 15px; - } -} diff --git a/src/wp-admin/css/edit.css b/src/wp-admin/css/edit.css index c02a15aa3995a..e69de29bb2d1d 100644 --- a/src/wp-admin/css/edit.css +++ b/src/wp-admin/css/edit.css @@ -1,2158 +0,0 @@ -#poststuff { - padding-top: 10px; - min-width: 763px; -} - -#poststuff #post-body { - padding: 0; -} - -#poststuff .postbox-container { - width: 100%; -} - -#poststuff #post-body.columns-2 { - margin-right: 300px; -} - -/*------------------------------------------------------------------------------ - 11.0 - Write/Edit Post Screen -------------------------------------------------------------------------------*/ - -#show-comments { - overflow: hidden; -} - -#save-action .spinner, -#show-comments a { - float: left; -} - -#show-comments .spinner { - float: none; - margin-top: 0; -} - -#lost-connection-notice .spinner { - visibility: visible; - float: left; - margin: 0 5px 0 0; -} - -#titlediv { - position: relative; -} - -#titlediv label { - cursor: text; -} - -#titlediv div.inside { - margin: 0; -} - -#poststuff #titlewrap { - border: 0; - padding: 0; -} - -#titlediv #title { - padding: 3px 8px; - font-size: 1.7em; - line-height: 100%; - height: 1.7em; - width: 100%; - outline: none; - margin: 0 0 3px; - background-color: #fff; -} - -#titlediv #title-prompt-text { - color: #646970; - position: absolute; - font-size: 1.7em; - padding: 10px; - pointer-events: none; -} - -#titlewrap .skiplink { - background: #fff; - line-height: 2.30769231; /* 30px for 32px min-height */ - min-height: 32px; - right: 4px; -} - -#titlewrap .skiplink:focus { - clip: inherit; - clip-path: inherit; - top: 4px; - width: auto; -} - -input#link_description, -input#link_url { - width: 100%; -} - -#pending { - background: 0 none; - border: 0 none; - padding: 0; - font-size: 11px; - margin-top: -1px; -} - -#edit-slug-box, -#comment-link-box { - line-height: 1.84615384; - min-height: 25px; - margin-top: 5px; - padding: 0 10px; - color: #646970; -} - -#sample-permalink { - display: inline-block; - max-width: 100%; - word-wrap: break-word; -} - -#edit-slug-box .cancel { - margin-right: 10px; - padding: 0; -} - -#comment-link-box { - margin: 5px 0; - padding: 0 5px; -} - -#editable-post-name-full { - display: none; -} - -#editable-post-name { - font-weight: 600; -} - -#editable-post-name input { - font-size: 13px; - font-weight: 400; - min-height: 32px; - margin: 0; - width: 16em; -} - -.postarea h3 label { - float: left; -} - -body.post-new-php .submitbox .submitdelete { - display: none; -} - -.submitbox .submit a:hover { - text-decoration: underline; -} - -.submitbox .submit input { - margin-bottom: 8px; - margin-right: 4px; - padding: 6px; -} - -#post-status-select { - margin-top: 3px; -} - -body.post-type-wp_navigation div#minor-publishing, -body.post-type-wp_navigation .inline-edit-status { - display: none; -} - -/* Post Screen */ - -/* Only highlight drop zones when dragging and only in the 2 columns layout. */ -.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables { - border-radius: 8px; - background: rgb(var(--wp-admin-theme-color--rgb), 0.04); - /* - * This min-height is meant to limit jumpiness while dragging. It's equivalent - * to the minimum height of the sortable-placeholder which is given by the height - * of a collapsed post box (36px + 1px top and bottom borders) + the placeholder - * bottom margin (20px) + 2 additional pixels to compensate browsers rounding. - */ - min-height: 60px; - margin-bottom: 20px; -} - -.postbox { - position: relative; - min-width: 255px; - border: 1px solid #c3c4c7; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); - background: #fff; -} - -#trackback_url { - width: 99%; -} - -#normal-sortables .postbox .submit { - background: transparent none; - border: 0 none; - float: right; - padding: 0 12px; - margin: 0; -} - -.category-add input[type="text"], -.category-add select { - width: 100%; - max-width: 260px; - vertical-align: baseline; -} - -#side-sortables .category-add input[type="text"], -#side-sortables .category-add select { - margin: 0 0 1em; -} - -ul.category-tabs li, -#side-sortables .add-menu-item-tabs li, -.wp-tab-bar li { - display: inline; - line-height: 1.35; -} - -.no-js .category-tabs li.hide-if-no-js { - display: none; -} - -.category-tabs a, -#side-sortables .add-menu-item-tabs a, -.wp-tab-bar a { - text-decoration: none; -} - -/* @todo: do these really need to be so specific? */ -#side-sortables .category-tabs .tabs a, -#side-sortables .add-menu-item-tabs .tabs a, -.wp-tab-bar .wp-tab-active a, -#post-body ul.category-tabs li.tabs a, -#post-body ul.add-menu-item-tabs li.tabs a { - color: #2c3338; -} - -.category-tabs { - margin: 8px 0 5px; -} - -/* Back-compat for pre-4.4 */ -#category-adder h4 { - margin: 0; -} - -.taxonomy-add-new { - display: inline-block; - margin: 10px 0; - font-weight: 600; -} - -#side-sortables .add-menu-item-tabs, -.wp-tab-bar { - margin-bottom: 3px; -} - -#normal-sortables .postbox #replyrow .submit { - float: none; - margin: 0; - padding: 5px 7px 10px; - overflow: hidden; -} - -#side-sortables .submitbox .submit input, -#side-sortables .submitbox .submit .preview, -#side-sortables .submitbox .submit a.preview:hover { - border: 0 none; -} - -/* @todo: make this a more generic class */ -ul.category-tabs, -ul.add-menu-item-tabs, -ul.wp-tab-bar { - margin-top: 12px; -} - -ul.category-tabs li, -ul.add-menu-item-tabs li { - border: solid 1px transparent; - position: relative; -} - -ul.category-tabs li.tabs, -ul.add-menu-item-tabs li.tabs, -.wp-tab-active { - border: 1px solid #dcdcde; - border-bottom-color: #fff; - background-color: #fff; -} - -ul.category-tabs li, -ul.add-menu-item-tabs li, -ul.wp-tab-bar li { - padding: 3px 5px 6px; -} - -#set-post-thumbnail { - display: inline-block; - max-width: 100%; -} - -#postimagediv .inside img { - max-width: 100%; - height: auto; - vertical-align: top; - background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); - background-position: 0 0, 10px 10px; - background-size: 20px 20px; -} - -form#tags-filter { - position: relative; -} - -/* Global classes */ -.wp-hidden-children .wp-hidden-child, -.ui-tabs-hide { - display: none; -} - -#post-body .tagsdiv #newtag { - margin-right: 0; - flex: 1; - min-width: 0; -} - -#side-sortables input#post_password { - width: 94% -} - -#side-sortables .tagsdiv #newtag { - flex: 1; - min-width: 0; -} - -#post-status-info { - width: 100%; - border-spacing: 0; - border: 1px solid #c3c4c7; - border-top: none; - background-color: #f6f7f7; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); - z-index: 999; -} - -#post-status-info td { - font-size: 12px; -} - -.autosave-info { - padding: 2px 10px; - text-align: right; -} - -#editorcontent #post-status-info { - border: none; -} - -#content-resize-handle { - background: transparent url(../images/resize.gif) no-repeat scroll right bottom; - width: 12px; - cursor: row-resize; -} - -/*rtl:ignore*/ -.rtl #content-resize-handle { - background-image: url(../images/resize-rtl.gif); - background-position: left bottom; -} - -.wp-editor-expand #content-resize-handle { - display: none; -} - -#postdivrich #content { - resize: none; -} - -#wp-word-count { - padding: 2px 10px; -} - -#wp-content-editor-container { - position: relative; -} - -.wp-editor-expand #wp-content-editor-tools { - z-index: 1000; - border-bottom: 1px solid #c3c4c7; -} - -.wp-editor-expand #wp-content-editor-container { - box-shadow: none; - margin-top: -1px; -} - -.wp-editor-expand #wp-content-editor-container { - border-bottom: 0 none; -} - -.wp-editor-expand div.mce-statusbar { - z-index: 1; -} - -.wp-editor-expand #post-status-info { - border-top: 1px solid #c3c4c7; -} - -.wp-editor-expand div.mce-toolbar-grp { - z-index: 999; -} - -/* TinyMCE native fullscreen mode override */ -.mce-fullscreen #wp-content-wrap .mce-menubar, -.mce-fullscreen #wp-content-wrap .mce-toolbar-grp, -.mce-fullscreen #wp-content-wrap .mce-edit-area, -.mce-fullscreen #wp-content-wrap .mce-statusbar { - position: static !important; - width: auto !important; - padding: 0 !important; -} - -.mce-fullscreen #wp-content-wrap .mce-statusbar { - visibility: visible !important; -} - -.mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw { - display: none; -} - -.post-php.mce-fullscreen #wpadminbar, -.mce-fullscreen #wp-content-wrap .mce-wp-dfw { - display: none; -} -/* End TinyMCE native fullscreen mode override */ - -#wp-content-editor-tools { - background-color: #f0f0f1; - padding-top: 20px; -} - -#poststuff #post-body.columns-2 #side-sortables { - width: 280px; -} - -#timestampdiv select { - vertical-align: top; - font-size: 12px; - line-height: 2.33333333; /* 28px */ -} - -#aa, #jj, #hh, #mn { - padding: 6px 1px; - font-size: 12px; - line-height: 1.16666666; /* 14px */ -} - -#jj, #hh, #mn { - width: 2em; -} - -#aa { - width: 3.4em; -} - -.curtime #timestamp { - padding: 2px 0 1px; - display: inline !important; - height: auto !important; -} - -#post-body .misc-pub-post-status:before, -#post-body #visibility:before, -.curtime #timestamp:before, -#post-body .misc-pub-uploadedby:before, -#post-body .misc-pub-uploadedto:before, -#post-body .misc-pub-revisions:before, -#post-body .misc-pub-response-to:before, -#post-body .misc-pub-comment-status:before { - color: #8c8f94; -} - -#post-body .misc-pub-post-status:before, -#post-body #visibility:before, -.curtime #timestamp:before, -#post-body .misc-pub-uploadedby:before, -#post-body .misc-pub-uploadedto:before, -#post-body .misc-pub-revisions:before, -#post-body .misc-pub-response-to:before, -#post-body .misc-pub-comment-status:before { - font: normal 20px/1 dashicons; - display: inline-block; - margin-left: -1px; - padding-right: 3px; - vertical-align: top; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -#post-body .misc-pub-post-status:before, -#post-body .misc-pub-comment-status:before { - content: "\f173"; - content: "\f173" / ''; -} - -#post-body #visibility:before { - content: "\f177"; - content: "\f177" / ''; -} - -.curtime #timestamp:before { - content: "\f145"; - content: "\f145" / ''; - position: relative; - top: -1px; -} - -#post-body .misc-pub-uploadedby:before { - content: "\f110"; - content: "\f110" / ''; - position: relative; - top: -1px; -} - -#post-body .misc-pub-uploadedto:before { - content: "\f318"; - content: "\f318" / ''; - position: relative; - top: -1px; -} - -#post-body .misc-pub-revisions:before { - content: "\f321"; - content: "\f321" / ''; -} - -#post-body .misc-pub-response-to:before { - content: "\f101"; - content: "\f101" / ''; -} - -#timestampdiv { - padding-top: 5px; - line-height: 1.76923076; -} - -#comment-parent-div { - padding-top: 5px; - /* Fieldsets cannot shrink below their content by default, allow it so the select cannot cause overflow. */ - min-width: 0; -} - -#comment-parent-div select { - width: 100%; -} - -#timestampdiv p { - margin: 8px 0 6px; -} - -#timestampdiv input { - text-align: center; -} - -.notification-dialog { - position: fixed; - top: 30%; - max-height: 70%; - left: 50%; - width: 450px; - margin-left: -225px; - background: #fff; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); - line-height: 1.5; - z-index: 1000005; - overflow-y: auto; -} - -.notification-dialog-background { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #000; - opacity: 0.7; - filter: alpha(opacity=70); - z-index: 1000000; -} - -#post-lock-dialog .post-locked-message, -#post-lock-dialog .post-taken-over { - margin: 25px; -} - -#post-lock-dialog .post-locked-message a.button, -#file-editor-warning .button { - margin-right: 10px; -} - -#post-lock-dialog .post-locked-avatar { - float: left; - margin: 0 20px 20px 0; -} - -#post-lock-dialog .wp-tab-first { - outline: 0; -} - -#post-lock-dialog .locked-saving img { - float: left; - margin-right: 3px; -} - -#post-lock-dialog.saving .locked-saving, -#post-lock-dialog.saved .locked-saved { - display: inline; -} - -#excerpt { - display: block; - margin: 12px 0 0; - height: 4em; - width: 100%; -} - -.tagchecklist { - margin-left: 14px; - font-size: 12px; - overflow: auto; -} - -.tagchecklist br { - display: none; -} - -.tagchecklist strong { - margin-left: -8px; - position: absolute; -} - -.tagchecklist > li { - float: left; - margin-right: 25px; - font-size: 13px; - line-height: 1.8; - cursor: default; - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; -} - -.tagchecklist .ntdelbutton { - position: absolute; - width: 24px; - height: 24px; - border: none; - margin: 0 0 0 -19px; - padding: 0; - background: none; - cursor: pointer; - text-indent: 0; -} - -#poststuff h3.hndle, /* Back-compat for pre-4.4 */ -#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */ -#poststuff h2 { - font-size: 14px; - padding: 8px 12px; - margin: 0; - line-height: 1.4; -} - -#poststuff .stuffbox h2 { - padding: 8px 10px; -} - -#poststuff .stuffbox > h2 { - border-bottom: 1px solid #f0f0f1; -} - -#poststuff .inside { - margin: 6px 0 0; -} - -.link-php #poststuff .inside, -.link-add-php #poststuff .inside { - margin-top: 12px; -} - -#poststuff .stuffbox .inside { - margin: 0; -} - -#poststuff .inside #parent_id, -#poststuff .inside #page_template { - max-width: 100%; -} - -.post-attributes-label-wrapper { - margin-bottom: 0.5em; -} - -.post-attributes-label { - vertical-align: baseline; - font-weight: 600; -} - -#post-visibility-select, -#comment-status-radio { - line-height: 1.5; - margin-top: 3px; -} - -#post-visibility-select { - --post-visibility-control-gap: 3px; - - margin-left: var(--post-visibility-control-gap); -} - -#post-visibility-select input#post_password { - box-sizing: border-box; - width: 100%; - margin-top: 3px; -} - -#post-visibility-select input[type="radio"], -#post-visibility-select input#sticky { - margin-top: 2px; - margin-right: var(--post-visibility-control-gap); - margin-bottom: 5px; - vertical-align: middle; -} - -#post-visibility-select #sticky-span, -#post-visibility-select #password-span { - display: block; - margin-left: calc(1rem + var(--post-visibility-control-gap) + 0.25em); - margin-top: 2px; -} - -#post-visibility-select #sticky-span { - margin-bottom: 2px; -} - -#post-visibility-select #password-span { - margin-bottom: 6px; -} - -#post-visibility-select p { - margin: 12px 0 0; -} - -#post-status-select select { - display: block; - margin-bottom: 8px; - width: 100%; -} - -#post-status-select .save-post-status, -#post-status-select .cancel-post-status { - vertical-align: middle; -} - -#linksubmitdiv .inside, /* Old Link Manager back-compat. */ -#poststuff #submitdiv .inside { - margin: 0; - padding: 0; -} - -#post-body-content, -.edit-form-section { - margin-bottom: 20px; -} - -.wp_attachment_details .attachment-content-description { - margin-top: 0.5385em; - display: inline-block; - min-height: 1.6923em; -} - -/** -* Privacy Settings section -* -* Note: This section includes selectors from -* Site Health where duplicate styling is used. -*/ - -/* General */ -.privacy-settings #wpcontent, -.privacy-settings.auto-fold #wpcontent, -.site-health #wpcontent, -.site-health.auto-fold #wpcontent { - padding-left: 0; -} - -/* Better position for the WordPress admin notices. */ -.privacy-settings .notice, -.site-health .notice { - margin: 25px 20px 15px 22px; -} - -.privacy-settings .notice ~ .notice, -.site-health .notice ~ .notice { - margin-top: 5px; -} - -/* Emulates .wrap h1 styling */ -.privacy-settings-header h1, -.health-check-header h1 { - display: inline-block; - font-weight: 600; - margin: 0 0.8rem 1rem; - font-size: 23px; - padding: 9px 0 4px; - line-height: 1.3; -} - -/* Header */ -.privacy-settings-header, -.health-check-header { - text-align: center; - margin: 0 0 1rem; - background: #fff; - border-bottom: 1px solid #dcdcde; -} - -.privacy-settings-title-section, -.health-check-title-section { - display: flex; - align-items: center; - justify-content: center; - clear: both; - padding-top: 8px; -} - -.privacy-settings-tabs-wrapper { - /* IE 11 */ - display: -ms-inline-grid; - -ms-grid-columns: 1fr 1fr; - vertical-align: top; - /* modern browsers */ - display: inline-grid; - grid-template-columns: 1fr 1fr; -} - -.privacy-settings-tab { - display: block; /* IE 11 */ - text-decoration: none; - color: inherit; - padding: 0.5rem 1rem 1rem; - margin: 0 1rem; - transition: box-shadow 0.5s ease-in-out; -} - -.privacy-settings-tab:nth-child(1), -.health-check-tab:nth-child(1) { - -ms-grid-column: 1; /* IE 11 */ -} - -.privacy-settings-tab:nth-child(2), -.health-check-tab:nth-child(2) { - -ms-grid-column: 2; /* IE 11 */ -} - -.privacy-settings-tab:focus, -.health-check-tab:focus { - color: #1d2327; - outline: 1px solid #787c82; - box-shadow: none; -} - -.privacy-settings-tab.active, -.health-check-tab.active { - box-shadow: inset 0 -3px var(--wp-admin-theme-color); - font-weight: 600; -} - -/* Body */ -.privacy-settings-body, -.health-check-body { - max-width: 800px; - margin: 0 auto; -} - -.tools-privacy-policy-page th { - min-width: 230px; -} - -.hr-separator { - margin-top: 20px; - margin-bottom: 15px; -} - -/* Accordions */ -.privacy-settings-accordion, -.health-check-accordion { - border: 1px solid #c3c4c7; -} - -.privacy-settings-accordion-heading, -.health-check-accordion-heading { - margin: 0; - border-top: 1px solid #c3c4c7; - font-size: inherit; - line-height: inherit; - font-weight: 600; - color: inherit; -} - -.privacy-settings-accordion-heading:first-child, -.health-check-accordion-heading:first-child { - border-top: none; -} - -.privacy-settings-accordion-trigger, -.health-check-accordion-trigger { - background: #fff; - border: 0; - color: #2c3338; - cursor: pointer; - display: flex; - font-weight: 400; - margin: 0; - padding: 1em 3.5em 1em 1.5em; - min-height: 46px; - position: relative; - text-align: left; - width: 100%; - align-items: center; - justify-content: space-between; - -webkit-user-select: auto; - user-select: auto; -} - -.privacy-settings-accordion-trigger:hover, -.privacy-settings-accordion-trigger:active, -.health-check-accordion-trigger:hover, -.health-check-accordion-trigger:active { - background: #f6f7f7; -} - -.privacy-settings-accordion-trigger:focus, -.health-check-accordion-trigger:focus { - color: #1d2327; - border: none; - box-shadow: none; - outline-offset: -1px; - outline: 2px solid var(--wp-admin-theme-color); - background-color: #f6f7f7; -} - -.privacy-settings-accordion-trigger .title, -.health-check-accordion-trigger .title { - pointer-events: none; - font-weight: 600; - flex-grow: 1; -} - -.privacy-settings-accordion-trigger .icon, -.privacy-settings-view-read .icon, -.health-check-accordion-trigger .icon, -.site-health-view-passed .icon { - border: solid #50575e; - border-width: 0 2px 2px 0; - height: 0.5rem; - pointer-events: none; - position: absolute; - right: 1.5em; - top: 50%; - transform: translateY(-70%) rotate(45deg); - width: 0.5rem; -} - -.privacy-settings-accordion-trigger .badge, -.health-check-accordion-trigger .badge { - padding: 0.1rem 0.5rem 0.15rem; - color: #2c3338; - font-weight: 600; -} - -.privacy-settings-accordion-trigger .badge { - margin-left: 0.5rem; -} - -.privacy-settings-accordion-trigger .badge.blue, -.health-check-accordion-trigger .badge.blue { - border: 1px solid var(--wp-admin-theme-color); -} - -.privacy-settings-accordion-trigger .badge.orange, -.health-check-accordion-trigger .badge.orange { - border: 1px solid #dba617; -} - -.privacy-settings-accordion-trigger .badge.red, -.health-check-accordion-trigger .badge.red { - border: 1px solid #e65054; -} - -.privacy-settings-accordion-trigger .badge.green, -.health-check-accordion-trigger .badge.green { - border: 1px solid #00ba37; -} - -.privacy-settings-accordion-trigger .badge.purple, -.health-check-accordion-trigger .badge.purple { - border: 1px solid #2271b1; -} - -.privacy-settings-accordion-trigger .badge.gray, -.health-check-accordion-trigger .badge.gray { - border: 1px solid #c3c4c7; -} - -.privacy-settings-accordion-trigger[aria-expanded="true"] .icon, -.privacy-settings-view-passed[aria-expanded="true"] .icon, -.health-check-accordion-trigger[aria-expanded="true"] .icon, -.site-health-view-passed[aria-expanded="true"] .icon { - transform: translateY(-30%) rotate(-135deg) -} - -.privacy-settings-accordion-panel, -.health-check-accordion-panel { - margin: 0; - padding: 1em 1.5em; - background: #fff; -} - -.privacy-settings-accordion-panel[hidden], -.health-check-accordion-panel[hidden] { - display: none; -} - -.privacy-settings-accordion-panel a .dashicons, -.health-check-accordion-panel a .dashicons { - text-decoration: none; -} - -.privacy-settings-accordion-actions { - justify-content: right; - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 1em; -} - -.privacy-settings-accordion-actions .success { - display: none; - color: #007017; -} - -.privacy-settings-accordion-actions .success.visible { - display: inline-block; -} - -/* Suggested text for privacy policy */ -.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */ -.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-policy-tutorial, -.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-text-copy { - display: none; -} - -.privacy-settings-accordion-panel strong.wp-policy-help, /* For back-compat, see #49282 */ -.privacy-settings-accordion-panel strong.privacy-policy-tutorial { - display: block; - margin: 0 0 1em; -} - -.privacy-text-copy span { - pointer-events: none; -} - -.privacy-settings-accordion-panel .wp-suggested-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p), -.privacy-settings-accordion-panel .wp-suggested-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p), -.privacy-settings-accordion-panel > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p), -.privacy-settings-accordion-panel div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p) { - margin: 0; - padding: 1em; - border-left: 2px solid #787c82; -} - -/* Media queries */ -@media screen and (max-width: 782px) { - - .privacy-settings-body, - .health-check-body { - margin: 0 12px; - width: auto; - } - - .privacy-settings .notice, - .site-health .notice { - margin: 5px 10px 15px; - } - - .privacy-settings .update-nag, - .site-health .update-nag { - margin-right: 10px; - margin-left: 10px; - } - - input#create-page { - margin-top: 10px; - } - - .wp-core-ui button.privacy-text-copy { - white-space: normal; - line-height: 1.8; - } - - #edit-slug-box { - padding: 0; - } - - #editable-post-name input { - min-height: 40px; - } -} - -@media only screen and (max-width: 1004px) { - - .privacy-settings-body, - .health-check-body { - margin: 0 22px; - width: auto; - } -} - -/** -* End Privacy Settings section -*/ - -/*------------------------------------------------------------------------------ - 11.1 - Custom Fields -------------------------------------------------------------------------------*/ - -#postcustomstuff thead th { - padding: 5px 8px 8px; - background-color: #f0f0f1; -} - -#postcustom #postcustomstuff .submit { - border: 0 none; - float: none; - padding: 0 8px 8px; -} - -#postcustom #postcustomstuff .add-custom-field { - padding: 12px 8px 8px; -} - -#side-sortables #postcustom #postcustomstuff .submit { - margin: 0; - padding: 0; -} - -#side-sortables #postcustom #postcustomstuff #the-list textarea { - height: 85px; -} - -#side-sortables #postcustom #postcustomstuff td.left input, -#side-sortables #postcustom #postcustomstuff td.left select, -#side-sortables #postcustomstuff #newmetaleft a { - margin: 3px 3px 0; -} - -#postcustomstuff table { - margin: 0; - width: 100%; - border: 1px solid #dcdcde; - border-spacing: 0; - background-color: #f6f7f7; -} - -#postcustomstuff tr { - vertical-align: top; -} - -#postcustomstuff table input, -#postcustomstuff table select, -#postcustomstuff table textarea { - width: 96%; - margin: 8px; -} - -#side-sortables #postcustomstuff table input, -#side-sortables #postcustomstuff table select, -#side-sortables #postcustomstuff table textarea { - margin: 3px; -} - -#postcustomstuff th.left, -#postcustomstuff td.left { - width: 38%; -} - -#postcustomstuff .submit input { - margin: 0; - width: auto; -} - -#postcustomstuff #newmetaleft a, -#postcustomstuff #newmeta-button { - display: inline-block; - margin: 0 8px 8px; - text-decoration: none; -} - -.no-js #postcustomstuff #enternew { - display: none; -} - -#post-body-content .compat-attachment-fields { - margin-bottom: 20px; -} - -.compat-attachment-fields th { - padding-top: 5px; - padding-right: 10px; -} - -/*------------------------------------------------------------------------------ - 11.3 - Featured Images -------------------------------------------------------------------------------*/ - -#select-featured-image { - padding: 4px 0; - overflow: hidden; -} - -#select-featured-image img { - max-width: 100%; - height: auto; - margin-bottom: 10px; -} - -#select-featured-image a { - float: left; - clear: both; -} - -#select-featured-image .remove { - display: none; - margin-top: 10px; -} - -.js #select-featured-image.has-featured-image .remove { - display: inline-block; -} - -.no-js #select-featured-image .choose { - display: none; -} - -/*------------------------------------------------------------------------------ - 11.4 - Post formats -------------------------------------------------------------------------------*/ - -.post-format-icon::before { - display: inline-block; - vertical-align: middle; - height: 20px; - width: 20px; - margin-top: -4px; - margin-right: 7px; - color: #dcdcde; - font: normal 20px/1 dashicons; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -a.post-format-icon:hover:before { - color: #135e96; -} - -#post-formats-select { - line-height: 2; -} - -#post-formats-select .post-format-icon::before { - top: 5px; -} - -input.post-format { - margin-top: 1px; -} - -label.post-format-icon { - margin-left: 0; - padding: 2px 0; -} - -.post-format-icon.post-format-standard::before { - content: "\f109"; - content: "\f109" / ''; -} - -.post-format-icon.post-format-image::before { - content: "\f128"; - content: "\f128" / ''; -} - -.post-format-icon.post-format-gallery::before { - content: "\f161"; - content: "\f161" / ''; -} - -.post-format-icon.post-format-audio::before { - content: "\f127"; - content: "\f127" / ''; -} - -.post-format-icon.post-format-video::before { - content: "\f126"; - content: "\f126" / ''; -} - -.post-format-icon.post-format-chat::before { - content: "\f125"; - content: "\f125" / ''; -} - -.post-format-icon.post-format-status::before { - content: "\f130"; - content: "\f130" / ''; -} - -.post-format-icon.post-format-aside::before { - content: "\f123"; - content: "\f123" / ''; -} - -.post-format-icon.post-format-quote::before { - content: "\f122"; - content: "\f122" / ''; -} - -.post-format-icon.post-format-link::before { - content: "\f103"; - content: "\f103" / ''; -} - -/*------------------------------------------------------------------------------ - 12.0 - Categories -------------------------------------------------------------------------------*/ - -.category-adder { - margin-left: 120px; - padding: 4px 0; -} - -.category-adder h4 { - margin: 0 0 8px; -} - -#side-sortables .category-adder { - margin: 0; -} - -.wp-tab-panel, -.categorydiv div.tabs-panel, -.customlinkdiv div.tabs-panel, -.posttypediv div.tabs-panel, -.taxonomydiv div.tabs-panel { - min-height: 42px; - max-height: 200px; - overflow: auto; - padding: 0 0.9em; - border: solid 1px #dcdcde; - background-color: #fff; -} - -div.tabs-panel-active { - display: block; -} - -div.tabs-panel-inactive { - display: none; -} - -div.tabs-panel-active:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} -.options-discussion-php .indent-children ul, -#front-page-warning, -#front-static-pages ul, -ul.export-filters, -.inline-editor ul.cat-checklist ul, -.categorydiv ul.categorychecklist ul, -.customlinkdiv ul.categorychecklist ul, -.posttypediv ul.categorychecklist ul, -.taxonomydiv ul.categorychecklist ul { - margin-left: 18px; -} - -ul.categorychecklist li { - margin: 0; - padding: 0; - line-height: 1.69230769; - word-wrap: break-word; -} - -.categorydiv .tabs-panel, -.customlinkdiv .tabs-panel, -.posttypediv .tabs-panel, -.taxonomydiv .tabs-panel { - border-width: 3px; - border-style: solid; -} - -.form-wrap label { - display: block; - padding: 2px 0; -} - -.form-field input[type="text"], -.form-field input[type="password"], -.form-field input[type="email"], -.form-field input[type="number"], -.form-field input[type="search"], -.form-field input[type="tel"], -.form-field input[type="url"], -.form-field textarea { - border-style: solid; - border-width: 1px; - width: 95%; -} - -.form-field select, -.form-field p { - max-width: 95%; -} - -p.description, -.form-wrap p { - margin: 2px 0 5px; - color: #646970; -} - -p.help, -p.description, -span.description, -.form-wrap p { - font-size: 13px; -} - -p.description code { - font-style: normal; -} - -p.description code, -.form-wrap p code { - color: #50575e; -} - -.form-wrap .form-field { - margin: 1em 0; - padding: 0; -} - -.col-wrap h2 { - margin: 12px 0; - font-size: 1.1em; -} - -.col-wrap p.submit { - margin-top: -10px; -} - -.edit-term-notes { - margin-top: 2em; -} - -/*------------------------------------------------------------------------------ - 13.0 - Tags -------------------------------------------------------------------------------*/ - -#poststuff .tagsdiv .ajaxtag { - margin-top: 1em; - display: flex; - gap: 8px; - align-items: center; -} - -#poststuff .tagsdiv .howto { - margin: 1em 0 6px; -} - -.ajaxtag .newtag { - position: relative; -} - -.tagsdiv .newtag { - flex: 1; - min-width: 0; -} - -.tagsdiv .the-tags { - display: block; - height: 60px; - margin: 0 auto; - overflow: auto; - width: 260px; -} - -#post-body-content .tagsdiv .the-tags { - margin: 0 5px; -} - -p.popular-tags { - border: none; - line-height: 2em; - padding: 8px 12px 12px; - text-align: justify; -} - -p.popular-tags a { - padding: 0 3px; -} - -.tagcloud { - width: 97%; - margin: 0 0 40px; - text-align: justify; -} - -.tagcloud h2 { - margin: 2px 0 12px; -} - -#poststuff .inside .the-tagcloud { - margin: 5px 0 10px; - padding: 8px; - border: 1px solid #dcdcde; - line-height: 1.2; - word-spacing: 3px; -} - -.the-tagcloud ul { - margin: 0; -} - -.the-tagcloud ul li { - display: inline-block; -} - -/* Back-compat styles from deprecated jQuery.suggest, see ticket #40260. */ -.ac_results { - display: none; - margin: -1px 0 0; - padding: 0; - list-style: none; - position: absolute; - z-index: 10000; - border: 1px solid #4f94d4; - background-color: #fff; -} - -.wp-customizer .ac_results { - z-index: 500000; -} - -.ac_results li { - margin: 0; - padding: 5px 10px; - white-space: nowrap; - text-align: left; -} - -.ac_results .ac_over, -.ac_over .ac_match { - background-color: #2271b1; - color: #fff; - cursor: pointer; -} - -.ac_match { - text-decoration: underline; -} - -#addtag .spinner { - float: none; - vertical-align: top; -} - -#edittag { - max-width: 800px; -} - -.edit-tag-actions { - display: flex; - align-items: center; - gap: 8px; - margin-top: 20px; -} - -/* Comments */ - -.comment-php .wp-editor-area { - height: 200px; -} - -.comment-ays th, -.comment-ays td { - padding: 10px 15px; -} - -.comment-ays .comment-content ul { - list-style: initial; - margin-left: 2em; -} - -.comment-ays .comment-content a[href]:after { - content: "(" attr( href ) ")"; - display: inline-block; - padding: 0 4px; - color: #646970; - font-size: 13px; - word-break: break-all; -} - -.comment-ays .comment-content p.edit-comment { - margin-top: 10px; -} - -.comment-ays .comment-content p.edit-comment a[href]:after { - content: ""; - padding: 0; -} - -.comment-ays-submit .button-cancel { - margin-left: 1em; -} - -.trash-undo-inside, -.spam-undo-inside { - margin: 1px 8px 1px 0; - line-height: 1.23076923; -} - -.spam-undo-inside .avatar, -.trash-undo-inside .avatar { - height: 20px; - width: 20px; - margin-right: 8px; - vertical-align: middle; -} - -.stuffbox .editcomment { - clear: none; - margin-top: 0; -} - -#namediv.stuffbox .editcomment input { - width: 100%; -} - -#namediv.stuffbox .editcomment.form-table td { - padding: 10px; -} - -#comment-status-radio p { - margin: 3px 0 5px; -} - -#comment-status-radio input { - margin: 2px 3px 5px 0; - vertical-align: middle; -} - -#comment-status-radio label { - padding: 5px 0; -} - -/* links tables */ -table.links-table { - width: 100%; - border-spacing: 0; -} - -.links-table th { - font-weight: 400; - text-align: left; - vertical-align: top; - min-width: 80px; - width: 20%; - word-wrap: break-word; -} - -.links-table th, -.links-table td { - padding: 5px 0; -} - -.links-table td label { - margin-right: 8px; -} - -.links-table td input[type="text"], -.links-table td textarea { - width: 100%; -} - -.links-table #link_rel { - max-width: 280px; -} - -/* DFW 2 --------------------------------------------------------------- */ - -#qt_content_dfw { - display: none; -} - -.wp-editor-expand #qt_content_dfw { - display: inline-block; -} - -.focus-on .wrap > h1, -.focus-on .page-title-action, -.focus-on #wpfooter, -.focus-on .postbox-container > *, -.focus-on div.updated, -.focus-on div.error, -.focus-on div.notice, -.focus-on .update-nag, -.focus-on #wp-toolbar, -.focus-on #screen-meta-links, -.focus-on #screen-meta { - opacity: 0; - transition-duration: 0.6s; - transition-property: opacity; - transition-timing-function: ease-in-out; -} - -.focus-on #wp-toolbar { - opacity: 0.3; -} - -.focus-off .wrap > h1, -.focus-off .page-title-action, -.focus-off #wpfooter, -.focus-off .postbox-container > *, -.focus-off div.updated, -.focus-off div.error, -.focus-off div.notice, -.focus-off .update-nag, -.focus-off #wp-toolbar, -.focus-off #screen-meta-links, -.focus-off #screen-meta { - opacity: 1; - transition-duration: 0.2s; - transition-property: opacity; - transition-timing-function: ease-in-out; -} - -.focus-off #wp-toolbar { - -webkit-transform: translate(0, 0); -} - -.focus-on #adminmenuback, -.focus-on #adminmenuwrap { - transition-duration: 0.6s; - transition-property: transform; - transition-timing-function: ease-in-out; -} - -.focus-on #adminmenuback, -.focus-on #adminmenuwrap { - transform: translateX( -100% ); -} - -.focus-off #adminmenuback, -.focus-off #adminmenuwrap { - transform: translateX( 0 ); - transition-duration: 0.2s; - transition-property: transform; - transition-timing-function: ease-in-out; -} - -/* =Media Queries --------------------------------------------------------------- */ - -/** - * HiDPI Displays - */ -@media print, - (min-resolution: 120dpi) { - #content-resize-handle, - #post-body .wp_themeSkin .mceStatusbar a.mceResize { - background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom; - background-size: 11px 11px; - } - - /*rtl:ignore*/ - .rtl #content-resize-handle, - .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize { - background-image: url(../images/resize-rtl-2x.gif); - background-position: left bottom; - } -} - -/* - * The edit attachment screen auto-switches to one column layout when the - * viewport is smaller than 1200 pixels. - */ -@media only screen and (max-width: 1200px) { - .post-type-attachment #poststuff { - min-width: 0; - } - - .post-type-attachment #wpbody-content #poststuff #post-body { - margin: 0; - } - - .post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 { - margin-right: 0; - width: 100%; - } - - .post-type-attachment #poststuff #postbox-container-1 .empty-container, - .post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty { - outline: none; - height: 0; - min-height: 0; - } - - .post-type-attachment #poststuff #post-body.columns-2 #side-sortables { - min-height: 0; - width: auto; - } - - .is-dragging-metaboxes.post-type-attachment #post-body .meta-box-sortables { - border: none; - background: transparent; - min-height: 0; - margin-bottom: 0; - } - - /* hide the radio buttons for column prefs */ - .post-type-attachment .screen-layout, - .post-type-attachment .columns-prefs { - display: none; - } -} - -/* one column on the post write/edit screen */ -@media only screen and (max-width: 850px) { - #poststuff { - min-width: 0; - } - - #wpbody-content #poststuff #post-body { - margin: 0; - } - - #wpbody-content #post-body.columns-2 #postbox-container-1 { - margin-right: 0; - width: 100%; - } - - #poststuff #postbox-container-1 .empty-container, - #poststuff #postbox-container-1 #side-sortables:empty { - height: 0; - min-height: 0; - } - - #poststuff #post-body.columns-2 #side-sortables { - min-height: 0; - width: auto; - } - - /* Increase min-height while dragging for the #side-sortables and any potential sortables area with custom ID. */ - .is-dragging-metaboxes #poststuff #postbox-container-1 .empty-container, - .is-dragging-metaboxes #poststuff #postbox-container-1 #side-sortables:empty, - .is-dragging-metaboxes #poststuff #post-body.columns-2 #side-sortables, - .is-dragging-metaboxes #poststuff #post-body.columns-2 .meta-box-sortables { - height: auto; - min-height: 60px; - } - - /* hide the radio buttons for column prefs */ - .screen-layout, - .columns-prefs { - display: none; - } -} - -@media screen and (max-width: 782px) { - .wp-core-ui .edit-tag-actions .button-primary { - margin-bottom: 0; - } - - #post-body-content { - min-width: 0; - } - - #titlediv #title-prompt-text { - padding: 10px; - } - - #poststuff .stuffbox .inside { - padding: 0 2px 4px 0; - } - - #poststuff h3.hndle, /* Back-compat for pre-4.4 */ - #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */ - #poststuff h2 { - padding: 12px; - } - - #namediv.stuffbox .editcomment.form-table td { - padding: 5px 10px; - } - - .post-format-options { - padding-right: 0; - } - - .post-format-options a { - margin-right: 5px; - margin-bottom: 5px; - min-width: 52px; - } - - .post-format-options .post-format-title { - font-size: 11px; - } - - .post-format-options a div { - height: 28px; - width: 28px; - } - - .post-format-options a div:before { - font-size: 26px !important; - } - - /* Publish Metabox Options */ - #post-visibility-select { - line-height: 280%; - } - - #post-visibility-select #password-span { - line-height: 1.5; - } - - .wp-core-ui #post-status-select .save-post-status.button, - .wp-core-ui .save-post-visibility, - .wp-core-ui .save-timestamp { - vertical-align: middle; - margin-right: 15px; - } - - .wp-core-ui #post-status-select .save-post-status.button { - margin-left: 0; - } - - .timestamp-wrap select#mm { - display: block; - width: 100%; - margin-bottom: 10px; - } - - .timestamp-wrap #jj, - .timestamp-wrap #aa, - .timestamp-wrap #hh, - .timestamp-wrap #mn { - padding: 12px 3px; - font-size: 14px; - margin-bottom: 5px; - width: auto; - text-align: center; - } - - /* Categories Metabox */ - ul.category-tabs { - margin: 30px 0 15px; - } - - ul.category-tabs li.tabs { - padding: 15px; - } - - ul.categorychecklist li { - margin-bottom: 15px; - } - - ul.categorychecklist ul { - margin-top: 15px; - } - - .category-add input[type=text], - .category-add select { - max-width: none; - margin-bottom: 15px; - } - - /* Tags Metabox */ - .tagsdiv .newtag { - flex: 1; - min-width: 0; - height: auto; - margin-bottom: 0; - } - - .tagchecklist { - margin: 25px 10px; - } - - .tagchecklist > li { - font-size: 16px; - line-height: 1.4; - } - - /* Discussion */ - #commentstatusdiv p { - line-height: 2.8; - } - - /* TinyMCE Adjustments */ - .mceToolbar * { - white-space: normal !important; - } - - .mceToolbar tr, - .mceToolbar td { - float: left !important; - } - - .wp_themeSkin a.mceButton { - width: 30px; - height: 30px; - } - - .wp_themeSkin .mceButton .mceIcon { - margin-top: 5px; - margin-left: 5px; - } - - .wp_themeSkin .mceSplitButton { - margin-top: 1px; - } - - .wp_themeSkin .mceSplitButton td a.mceAction { - padding: 6px 3px 6px 6px; - } - - .wp_themeSkin .mceSplitButton td a.mceOpen, - .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen { - padding-top: 6px; - padding-bottom: 6px; - background-position: 1px 6px; - } - - .wp_themeSkin table.mceListBox { - margin: 5px; - } - - div.quicktags-toolbar input { - padding: 10px 20px; - } - - button.wp-switch-editor { - font-size: 16px; - line-height: 1; - margin: 7px 0 0 7px; - padding: 8px 12px; - } - - #wp-content-media-buttons a { - font-size: 14px; - padding: 6px 10px; - } - - .wp-media-buttons span.wp-media-buttons-icon, - .wp-media-buttons span.jetpack-contact-form-icon { - width: 22px !important; - margin-left: -2px !important; - } - - .wp-media-buttons .add_media span.wp-media-buttons-icon:before, - .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before { - font-size: 20px !important; - } - - #content_wp_fullscreen { - display: none; - } - - .misc-pub-section { - padding: 12px 10px; - } - - #delete-action, - #publishing-action { - line-height: 3.61538461; - } - - #publishing-action .spinner { - float: none; - margin-top: -2px; /* Half of the Publish button's bottom margin. */ - } - - /* Moderate Comment */ - .comment-ays th, - .comment-ays td { - padding-bottom: 0; - } - - .comment-ays td { - padding-top: 6px; - } - - /* Links */ - .links-table #link_rel { - max-width: none; - } - - .links-table th, - .links-table td { - padding: 10px 0; - } - - .edit-term-notes { - display: none; - } - - .privacy-text-box { - width: auto; - } - - .privacy-text-box-toc { - float: none; - width: auto; - height: 100%; - display: flex; - flex-direction: column; - } - - .privacy-text-section .return-to-top { - margin: 2em 0 0; - } -} diff --git a/src/wp-admin/css/farbtastic.css b/src/wp-admin/css/farbtastic.css index 2bb73bfc7ce8b..e69de29bb2d1d 100644 --- a/src/wp-admin/css/farbtastic.css +++ b/src/wp-admin/css/farbtastic.css @@ -1,41 +0,0 @@ - -.farbtastic { - position: relative; -} - -.farbtastic * { - position: absolute; - cursor: crosshair; -} - -.farbtastic, -.farbtastic .wheel { - width: 195px; - height: 195px; -} - -.farbtastic .color, -.farbtastic .overlay { - top: 47px; - left: 47px; - width: 101px; - height: 101px; -} - -.farbtastic .wheel { - background: url(../images/wheel.png) no-repeat; - width: 195px; - height: 195px; -} - -.farbtastic .overlay { - background: url(../images/mask.png) no-repeat; -} - -.farbtastic .marker { - width: 17px; - height: 17px; - margin: -8px 0 0 -8px; - overflow: hidden; - background: url(../images/marker.png) no-repeat; -} diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css index f7e6accfce0fd..e69de29bb2d1d 100644 --- a/src/wp-admin/css/forms.css +++ b/src/wp-admin/css/forms.css @@ -1,2036 +0,0 @@ -/* Include margin and padding in the width calculation of input and textarea. */ -input, -select, -textarea, -button { - box-sizing: border-box; - font-family: inherit; - font-size: inherit; - font-weight: inherit; -} - -textarea, -input { - font-size: 14px; -} - -textarea { - overflow: auto; - padding: 8px 12px; - /* inherits font size 14px */ - line-height: 1.42857143; /* 20px */ - resize: vertical; -} - -input, -select { - margin: 0 1px; -} - -textarea.code { - padding: 8px 12px; -} - -input[type="text"], -input[type="password"], -input[type="color"], -input[type="date"], -input[type="datetime"], -input[type="datetime-local"], -input[type="email"], -input[type="month"], -input[type="number"], -input[type="search"], -input[type="tel"], -input[type="time"], -input[type="url"], -input[type="week"], -select, -textarea { - box-shadow: 0 0 0 transparent; - border-radius: 2px; - border: 1px solid #949494; - background-color: #fff; - color: #1e1e1e; -} - -input[type="text"], -input[type="password"], -input[type="date"], -input[type="datetime"], -input[type="datetime-local"], -input[type="email"], -input[type="month"], -input[type="number"], -input[type="search"], -input[type="tel"], -input[type="time"], -input[type="url"], -input[type="week"] { - padding: 0 12px; - /* inherits font size 14px */ - min-height: 40px; -} - -select { - padding: 0 24px 0 12px; - /* inherits font size 14px */ - line-height: 2.71428571; /* 38px for 40px min-height */ - min-height: 40px; -} - -::-webkit-datetime-edit { - /* inherits font size 14px */ - line-height: 1.85714286; /* 26px */ -} - -input[type="text"]:focus, -input[type="password"]:focus, -input[type="color"]:focus, -input[type="date"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="email"]:focus, -input[type="month"]:focus, -input[type="number"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="time"]:focus, -input[type="url"]:focus, -input[type="week"]:focus, -select:focus, -textarea:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -/* Checkbox and radio use outset focus style */ -input[type="checkbox"]:focus, -input[type="radio"]:focus { - border-color: #1e1e1e; - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -/* rtl:ignore */ -.ltr, -input[type="password"], -input[type="email"], -input[type="url"] { - direction: ltr; -} - -input[type="checkbox"], -input[type="radio"] { - border: 1px solid #1e1e1e; - border-radius: 2px; - background: #fff; - color: #1e1e1e; - clear: none; - cursor: pointer; - display: inline-block; - line-height: 0; - height: 1rem; - margin: -0.25rem 0.25rem 0 0; - outline: 0; - padding: 0 !important; - text-align: center; - vertical-align: middle; - width: 1rem; - min-width: 1rem; - -webkit-appearance: none; - box-shadow: none; - transition: .05s border-color ease-in-out; -} - -input[type="radio"]:checked + label:before { - color: #949494; -} - -.wp-core-ui input[type="reset"]:hover, -.wp-core-ui input[type="reset"]:active { - color: #135e96; -} - -td > input[type="checkbox"], -.wp-admin p input[type="checkbox"], -.wp-admin p input[type="radio"] { - margin-top: 0; -} - -.wp-admin p label input[type="checkbox"] { - margin-top: -4px; -} - -.wp-admin p label input[type="radio"] { - margin-top: -2px; -} - -input[type="radio"] { - display: inline-flex; - border-radius: 50%; - margin-right: 0.25rem; - align-items: center; - justify-content: center; -} - -input[type="checkbox"]:checked::before, -input[type="radio"]:checked::before { - float: left; - display: inline-block; - vertical-align: middle; - width: 1rem; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -input[type="checkbox"]:checked::before { - /* Use the "Yes" SVG Dashicon */ - content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E"); - content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E") / ''; - margin: -0.1875rem 0 0 -0.25rem; - height: 1.3125rem; - width: 1.3125rem; -} - -input[type="checkbox"]:checked { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); -} - -input[type="radio"]:checked { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); -} - -input[type="radio"]:checked::before { - content: ""; - border-radius: 50%; - width: 0.5rem; /* 8px */ - height: 0.5rem; /* 8px */ - margin: auto; - background-color: #fff; - /* Only visible in Windows High Contrast mode */ - outline: 4px solid transparent; -} - -@-moz-document url-prefix() { - input[type="checkbox"], - input[type="radio"], - .form-table input.tog { - margin-bottom: -1px; - } -} - -/* Search */ -input[type="search"] { - -webkit-appearance: textfield; -} - -input[type="search"]::-webkit-search-decoration { - display: none; -} - -input[type="search"]::-webkit-search-cancel-button { - cursor: pointer; -} - -.wp-admin input[type="file"] { - padding: 3px 0; - cursor: pointer; -} - -input.readonly, -input[readonly], -textarea.readonly, -textarea[readonly] { - background-color: #f0f0f0; -} - -::-webkit-input-placeholder { - color: #757575; -} - -::-moz-placeholder { - color: #757575; -} - -.form-invalid .form-required, -.form-invalid .form-required:focus, -.form-invalid.form-required input, -.form-invalid.form-required input:focus, -.form-invalid.form-required select, -.form-invalid.form-required select:focus { - border-color: #d63638 !important; - box-shadow: 0 0 2px rgba(214, 54, 56, 0.8); -} - -.form-table .form-required.form-invalid td:after { - content: "\f534"; - content: "\f534" / ''; - font: normal 20px/1 dashicons; - color: #d63638; - margin-left: -25px; - vertical-align: middle; -} - -/* Adjust error indicator for password layout */ -.form-table .form-required.user-pass1-wrap.form-invalid td:after { - content: ""; -} - -.form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after { - content: "\f534"; - content: "\f534" / ''; - font: normal 20px/1 dashicons; - color: #d63638; - margin: 0 6px 0 -29px; - vertical-align: middle; -} - -.form-input-tip { - color: #646970; -} - -input:disabled, -input.disabled, -select:disabled, -select.disabled, -textarea:disabled, -textarea.disabled { - background: #f0f0f0; - border-color: #cccccc; - box-shadow: none; - color: #949494; -} - -input[type="file"]:disabled, -input[type="file"].disabled, -input[type="file"][aria-disabled="true"], -input[type="range"]:disabled, -input[type="range"].disabled, -input[type="range"][aria-disabled="true"] { - background: none; - box-shadow: none; - cursor: default; -} - -input[type="checkbox"]:disabled, -input[type="checkbox"].disabled, -input[type="checkbox"][aria-disabled="true"], -input[type="radio"]:disabled, -input[type="radio"].disabled, -input[type="radio"][aria-disabled="true"], -input[type="checkbox"]:disabled:checked:before, -input[type="checkbox"].disabled:checked:before, -input[type="radio"]:disabled:checked:before, -input[type="radio"].disabled:checked:before { - opacity: 0.7; - cursor: default; -} - -/*------------------------------------------------------------------------------ - 2.0 - Forms -------------------------------------------------------------------------------*/ - -/* Select styles are based on the default button in buttons.css */ -.wp-core-ui select { - font-size: 14px; - line-height: 2.71428571; /* 38px for 40px min-height */ - color: #1e1e1e; - border-color: #949494; - box-shadow: none; - border-radius: 2px; - padding: 0 24px 0 12px; - min-height: 40px; - max-width: 25rem; - -webkit-appearance: none; - /* The SVG is arrow-down-alt2 from Dashicons. */ - background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%231e1e1e%22%2F%3E%3C%2Fsvg%3E') no-repeat right 8px top 55%; - background-size: 16px 16px; - cursor: pointer; - vertical-align: middle; -} - -.wp-core-ui select:hover { - color: #1e1e1e; - border-color: #1e1e1e; -} - -.wp-core-ui select:focus { - border-color: var(--wp-admin-theme-color); - color: #1e1e1e; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color); -} - -.wp-core-ui select:active { - border-color: #949494; - box-shadow: none; -} - -.wp-core-ui select.disabled, -.wp-core-ui select:disabled { - color: #a7aaad; - border-color: #dcdcde; - background-color: #f6f7f7; - /* The SVG is arrow-down-alt2 from Dashicons. */ - background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E'); - box-shadow: none; - text-shadow: 0 1px 0 #fff; - cursor: default; - transform: none; -} - -.wp-core-ui select[aria-disabled="true"] { - cursor: default; -} - -/* Reset Firefox inner outline that appears on :focus. */ -/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */ -.wp-core-ui select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #0a4b78; -} - -/* Remove background focus style from IE11 while keeping focus style available on option elements. */ -.wp-core-ui select::-ms-value { - background: transparent; - color: #50575e; -} - -.wp-core-ui select:hover::-ms-value { - color: #1e1e1e; -} - -.wp-core-ui select:focus::-ms-value { - color: #0a4b78; -} - -.wp-core-ui select.disabled::-ms-value, -.wp-core-ui select:disabled::-ms-value { - color: #a7aaad; -} - -/* Hide the native down arrow for select element on IE. */ -.wp-core-ui select::-ms-expand { - display: none; -} - -.wp-admin .button-cancel { - display: inline-block; - min-height: 28px; - padding: 0 5px; - line-height: 2; -} - -.meta-box-sortables select { - max-width: 100%; -} - -.meta-box-sortables input { - vertical-align: middle; -} - -.misc-pub-post-status select { - margin-top: 0; -} - -.wp-core-ui select[multiple] { - height: auto; - padding-right: 8px; - background: #fff; -} - -.submit { - padding: 1.5em 0; - margin: 5px 0; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; -} - -form p.submit a.cancel:hover { - text-decoration: none; -} - -p.submit { - text-align: left; - max-width: 100%; - margin-top: 20px; - padding-top: 10px; -} - -.textright p.submit { - border: none; - text-align: right; -} - -table.form-table + p.submit, -table.form-table + input + p.submit, -table.form-table + input + input + p.submit { - border-top: none; - padding-top: 0; -} - -#minor-publishing-actions input, -#major-publishing-actions input, -#minor-publishing-actions .preview { - text-align: center; -} - -textarea.all-options, -input.all-options { - width: 250px; -} - -input.large-text, -textarea.large-text { - width: 99%; -} - -.regular-text { - width: 25em; -} - -input.small-text { - width: 50px; - padding: 0 8px; -} - -label input.small-text { - margin-top: -4px; -} - -input[type="number"].small-text { - width: 65px; - padding-right: 4px; -} - -input.tiny-text { - width: 35px; -} - -input[type="number"].tiny-text { - width: 45px; - padding-right: 0; -} - -#doaction, -#doaction2, -#post-query-submit { - margin: 0 8px 0 0; -} - -/* @since 5.7.0 secondary bulk action controls require JS. */ -.no-js label[for="bulk-action-selector-bottom"], -.no-js select#bulk-action-selector-bottom, -.no-js input#doaction2, -.no-js label[for="new_role2"], -.no-js select#new_role2, -.no-js input#changeit2 { - display: none; -} - -.wp-core-ui .tablenav input[type="text"], -.wp-core-ui .tablenav input[type="password"], -.wp-core-ui .tablenav input[type="date"], -.wp-core-ui .tablenav input[type="datetime"], -.wp-core-ui .tablenav input[type="datetime-local"], -.wp-core-ui .tablenav input[type="email"], -.wp-core-ui .tablenav input[type="month"], -.wp-core-ui .tablenav input[type="number"], -.wp-core-ui .tablenav input[type="search"], -.wp-core-ui .tablenav input[type="tel"], -.wp-core-ui .tablenav input[type="time"], -.wp-core-ui .tablenav input[type="url"], -.wp-core-ui .tablenav input[type="week"], -.wp-core-ui .tablenav select { - padding: 0 12px; - /* inherits font size 14px */ - line-height: 2.14285714; /* 30px for 32px height with 14px font */ - min-height: 32px; -} - -.wp-core-ui .tablenav select { - float: left; - margin-right: 6px; - max-width: 12.5rem; - padding: 0 24px 0 8px; -} - -.wp-core-ui .tablenav .button { - min-height: 32px; - line-height: 2.30769231; /* 30px for 32px height with 13px font */ - padding: 0 12px; -} - -#timezone_string option { - margin-left: 1em; -} - -.wp-core-ui .button.wp-hide-pw > .dashicons, -.wp-core-ui .button.wp-cancel-pw > .dashicons { - width: 1.25rem; - height: 1.25rem; - font-size: 20px; - line-height: 1; - vertical-align: middle; -} - -.button.wp-hide-pw.user-new-password-toggle { - display: inline-flex; - align-items: center; - column-gap: 4px; -} - -.wp-cancel-pw .dashicons-no { - display: none; -} - -label, -#your-profile label + a { - vertical-align: middle; -} - -fieldset label, -#your-profile label + a { - vertical-align: middle; -} - -.options-media-php [for*="_size_"] { - min-width: 10em; - vertical-align: baseline; -} - -.options-media-php .small-text[name*="_size_"] { - margin: 0 0 1em; -} - -.wp-generate-pw { - margin-top: 1em; - position: relative; -} - -.wp-pwd button { - height: min-content; -} - -.wp-pwd { - margin-top: 1em; - position: relative; -} - -.mailserver-pass-wrap .wp-pwd { - display: inline-block; - margin-top: 0; -} - -/* rtl:ignore */ -#mailserver_pass { - padding-right: 2.5rem; -} - -/* rtl:ignore */ -.mailserver-pass-wrap .button.wp-hide-pw { - background: transparent; - border: 1px solid transparent; - box-shadow: none; - font-size: 14px; - line-height: 2; - width: 2.5rem; - min-width: 40px; - margin: 0; - padding: 0 9px; - position: absolute; - right: 0; - top: 0; -} - -.mailserver-pass-wrap .button.wp-hide-pw:hover { - background: transparent; - border-color: transparent; -} - -.mailserver-pass-wrap .button.wp-hide-pw:focus { - background: transparent; - border-color: var(--wp-admin-theme-color); - border-radius: 2px; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.mailserver-pass-wrap .button.wp-hide-pw:active { - background: transparent; - box-shadow: none; - transform: none; -} - -#misc-publishing-actions label { - vertical-align: baseline; -} - -#pass-strength-result { - background-color: #f0f0f0; - border: 1px solid #cccccc; - border-radius: 2px; - color: #1e1e1e; - margin: -1px 1px 5px; - padding: 3px 5px; - text-align: center; - width: 25em; - box-sizing: border-box; - opacity: 0; -} - -#pass-strength-result.short { - background-color: #ffabaf; - border-color: #e65054; - opacity: 1; -} - -#pass-strength-result.bad { - background-color: #facfd2; - border-color: #f86368; - opacity: 1; -} - -#pass-strength-result.good { - background-color: #f5e6ab; - border-color: #f0c33c; - opacity: 1; -} - -#pass-strength-result.strong { - background-color: #b8e6bf; - border-color: #68de7c; - opacity: 1; -} - -.password-input-wrapper { - display: inline-block; -} - -.password-input-wrapper input { - font-family: Consolas, Monaco, monospace; -} - -#pass1.short, #pass1-text.short { - border-color: #e65054; -} - -#pass1.bad, #pass1-text.bad { - border-color: #f86368; -} - -#pass1.good, #pass1-text.good { - border-color: #f0c33c; -} - -#pass1.strong, #pass1-text.strong { - border-color: #68de7c; -} - -#pass1:focus, -#pass1-text:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.pw-weak { - display: none; -} - -.indicator-hint { - padding-top: 8px; -} - -.wp-pwd [type="text"], -.wp-pwd [type="password"] { - margin-bottom: 0; - /* Same height as the buttons */ - min-height: 40px; -} - -/* Hide the Edge "reveal password" native button */ -.wp-pwd input::-ms-reveal { - display: none; -} - -#pass1-text, -.show-password #pass1 { - display: none; -} - -#pass1-text::-ms-clear { - display: none; -} - -.show-password #pass1-text { - display: inline-block; -} - -/* Caps lock warning */ -.wp-pwd .caps-warning { - display: none; - position: relative; - background: #fcf9e8; - border: 1px solid #f0c33c; - color: #1d2327; - padding: 6px 10px; - top: -8px; -} - -.profile-php .wp-pwd .caps-warning { - padding: 3px 5px; - top: -4px; - border-radius: 2px; -} - -.wp-pwd .caps-icon { - display: inline-flex; - justify-content: center; - width: 20px; - height: 20px; - margin-right: 5px; - vertical-align: middle; -} - -.wp-pwd .caps-warning-text { - vertical-align: middle; -} -/* Caps lock warning */ - -p.search-box { - display: flex; - flex-wrap: wrap; - align-items: center; - column-gap: 0.5rem; - position: relative; - float: right; - margin: 11px 0; -} - -p.search-box input[type="search"], -p.search-box input[type="text"] { - min-height: 32px; - padding: 0 8px; -} - -p.search-box .button { - min-height: 32px; - line-height: 2.30769231; /* 30px for 32px height with 13px font */ - padding: 0 12px; -} - -.network-admin.themes-php p.search-box { - clear: left; -} - -.tablenav .search-plugins input[name="s"] { - float: left; - margin: 0 4px 0 0; -} - -.tagsdiv .newtag { - margin: 0; -} - -.js.plugins-php .search-box .wp-filter-search { - margin: 0; - width: 280px; -} - -input[type="text"].ui-autocomplete-loading, -input[type="email"].ui-autocomplete-loading { - background-image: url(../images/loading.gif); - background-repeat: no-repeat; - background-position: right 5px center; - visibility: visible; -} - -input.ui-autocomplete-input.open { - border-bottom-color: transparent; -} - -ul#add-to-blog-users { - margin: 0 0 0 14px; -} - -.ui-autocomplete { - padding: 0; - margin: 0; - list-style: none; - position: absolute; - z-index: 10000; - border: 1px solid #4f94d4; - box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8); - background-color: #fff; -} - -.ui-autocomplete li { - margin-bottom: 0; - padding: 4px 10px; - white-space: nowrap; - text-align: left; - cursor: pointer; -} - -/* Colors for the wplink toolbar autocomplete. */ -.ui-autocomplete .ui-state-focus { - background-color: #dcdcde; -} - -/* Colors for the tags autocomplete. */ -.wp-tags-autocomplete .ui-state-focus, -.wp-tags-autocomplete [aria-selected="true"] { - background-color: var(--wp-admin-theme-color); - color: #fff; - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -/*------------------------------------------------------------------------------ - 15.0 - Comments Screen -------------------------------------------------------------------------------*/ - -.form-table { - border-collapse: collapse; - margin-top: 0.5em; - width: 100%; - clear: both; -} - -.form-table, -.form-table td, -.form-table th, -.form-table td p { - font-size: 14px; -} - -.form-table td { - margin-bottom: 9px; - padding: 15px 10px; - line-height: 1.3; - vertical-align: middle; -} - -.form-table th, -.form-wrap label { - color: #1d2327; - font-weight: 400; - text-shadow: none; - vertical-align: baseline; -} - -.form-table th { - vertical-align: top; - text-align: left; - padding: 20px 10px 20px 0; - width: 200px; - line-height: 1.3; - font-weight: 600; -} - -.form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */ -.form-table .td-full { - width: auto; - padding: 20px 10px 20px 0; - font-weight: 400; -} - -.form-table td p { - margin-top: 4px; - margin-bottom: 0; -} - -.form-table .date-time-doc { - margin-top: 1em; -} - -.form-table p.timezone-info { - margin: 1em 0; - display: flex; - flex-direction: column; -} - -#local-time { - margin-top: 0.5em; -} - -.form-table td fieldset label { - margin: 0.35em 0 0.5em !important; - display: inline-block; -} - -.form-table td fieldset p label { - margin-top: 0 !important; -} - -.form-table td fieldset label, -.form-table td fieldset p, -.form-table td fieldset li { - line-height: 1.4; -} - -.form-table .pre { - padding: 8px; - margin: 0; -} - -table.form-table td .updated { - font-size: 13px; -} - -table.form-table td .updated p { - font-size: 13px; - margin: 0.3em 0; -} - -/*------------------------------------------------------------------------------ - 18.0 - Users -------------------------------------------------------------------------------*/ - -#profile-page .form-table textarea { - width: 500px; - margin-bottom: 6px; -} - -#profile-page .form-table #rich_editing { - margin-right: 5px -} - -#your-profile legend { - font-size: 22px; -} - -#display_name { - width: 15em; -} - -#adduser .form-field input, -#createuser .form-field input { - width: 25em; -} - -.color-option { - display: inline-block; - width: 24%; - padding: 5px 15px 15px; - box-sizing: border-box; - margin-bottom: 3px; -} - -.color-option:hover, -.color-option.selected { - background: #dcdcde; -} - -.color-palette { - display: table; - width: 100%; - border-spacing: 0; - border-collapse: collapse; -} -.color-palette .color-palette-shade, -.color-palette td { - display: table-cell; - height: 20px; - padding: 0; - border: none; -} - -.color-option { - cursor: pointer; -} - -.create-application-password .form-field { - max-width: 25em; -} - -.create-application-password label { - font-weight: 600; -} - -.create-application-password p.submit { - margin-bottom: 0; - padding-bottom: 0; - display: block; -} - -#application-passwords-section .notice { - margin-top: 20px; - margin-bottom: 0; - word-wrap: break-word; -} - -.application-password-display input.code { - margin-bottom: 6px; - width: 100%; - max-width: 20em; -} - -.auth-app-card.card { - max-width: 768px; -} - -.authorize-application-php .form-wrap p { - display: block; -} - -/*------------------------------------------------------------------------------ - 19.0 - Tools -------------------------------------------------------------------------------*/ - -.tool-box .title { - margin: 8px 0; - font-size: 18px; - font-weight: 400; - line-height: 24px; -} - -.label-responsive { - vertical-align: middle; -} - -#export-filters p { - margin: 0 0 1em; -} - -#export-filters p.submit { - margin: 7px 0 5px; -} - -/* Card styles */ - -.card { - position: relative; - margin-top: 20px; - padding: 16px 24px; - min-width: 255px; - max-width: 520px; - border: 1px solid rgb(0, 0, 0, 0.1); - border-radius: 8px; - background: #ffffff; - box-sizing: border-box; -} - -/* Press this styles */ - -.pressthis h4 { - margin: 2em 0 1em; -} - -.pressthis textarea { - width: 100%; - font-size: 1em; -} - -#pressthis-code-wrap { - overflow: auto; -} - -.pressthis-bookmarklet-wrapper { - margin: 20px 0 8px; - vertical-align: top; - position: relative; - z-index: 1; -} - -.pressthis-bookmarklet, -.pressthis-bookmarklet:hover, -.pressthis-bookmarklet:focus, -.pressthis-bookmarklet:active { - display: inline-block; - position: relative; - cursor: move; - color: #2c3338; - background: #dcdcde; - border-radius: 5px; - border: 1px solid #c3c4c7; - font-style: normal; - line-height: 16px; - font-size: 14px; - text-decoration: none; -} - -.pressthis-bookmarklet:active { - outline: none; -} - -.pressthis-bookmarklet:after { - content: ""; - width: 70%; - height: 55%; - z-index: -1; - position: absolute; - right: 10px; - bottom: 9px; - background: transparent; - transform: skew(20deg) rotate(6deg); - box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); -} - -.pressthis-bookmarklet:hover:after { - transform: skew(20deg) rotate(9deg); - box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); -} - -.pressthis-bookmarklet span { - display: inline-block; - margin: 0; - padding: 0 12px 8px 9px; -} - -.pressthis-bookmarklet span:before { - color: #787c82; - font: normal 20px/1 dashicons; - content: "\f157"; - content: "\f157" / ''; - position: relative; - display: inline-block; - top: 4px; - margin-right: 4px; -} - -.pressthis-js-toggle { - margin-left: 10px; - padding: 0; - height: auto; - vertical-align: top; -} - -/* to override the button class being applied */ -.pressthis-js-toggle.button.button { - margin-left: 10px; - padding: 0; - height: auto; - vertical-align: top; -} - -.pressthis-js-toggle .dashicons { - margin: 5px 8px 6px 7px; - color: #50575e; -} - -/*------------------------------------------------------------------------------ - 20.0 - Settings -------------------------------------------------------------------------------*/ - -.timezone-info code { - white-space: nowrap; -} - -.defaultavatarpicker .avatar { - margin: 2px 0; - vertical-align: middle; -} - -.options-general-php .date-time-text { - display: inline-block; - min-width: 10em; -} - -.options-general-php input.small-text { - width: 56px; - margin: -2px 0; - min-height: 32px; -} - -.options-general-php .spinner { - float: none; - margin: -3px 3px 0; -} - -.settings-php .language-install-spinner, -.options-general-php .language-install-spinner, -.user-edit-php .language-install-spinner, -.profile-php .language-install-spinner { - display: inline-block; - float: none; - margin: -3px 5px 0; - vertical-align: middle; -} - -.form-table.permalink-structure .available-structure-tags { - margin-top: 8px; -} - -.form-table.permalink-structure .available-structure-tags ul { - display: flex; - flex-wrap: wrap; - margin: 8px 0 0; -} - -.form-table.permalink-structure .available-structure-tags li { - margin: 6px 5px 0 0; -} - -.form-table.permalink-structure .available-structure-tags li:last-child { - margin-right: 0; -} - -.form-table.permalink-structure .structure-selection .row { - margin-bottom: 16px; -} - -.form-table.permalink-structure .structure-selection .row > div { - max-width: calc(100% - 24px); - display: inline-flex; - flex-direction: column; -} - -.form-table.permalink-structure .structure-selection .row label { - font-weight: 600; -} - -.form-table.permalink-structure .structure-selection .row p { - margin-top: 0; -} - -.permalink-structure-optional-description code { - display: inline-block; -} - -/*------------------------------------------------------------------------------ - 21.0 - Network Admin -------------------------------------------------------------------------------*/ - -.setup-php textarea { - max-width: 100%; -} - -.form-field #site-address { - max-width: 25em; -} - -.form-field #domain { - max-width: 22em; -} - -.form-field #site-title, -.form-field #admin-email, -.form-field #path, -.form-field #blog_registered, -.form-field #blog_last_updated { - max-width: 25em; -} - -.form-field #path { - margin-bottom: 5px; -} - -#search-users, -#search-sites { - max-width: 60%; -} - -.configuration-rules-label { - font-weight: 600; - margin-bottom: 4px; -} - -/*------------------------------------------------------------------------------ - Credentials check dialog for Install and Updates -------------------------------------------------------------------------------*/ - -.request-filesystem-credentials-dialog { - display: none; - /* The customizer uses visibility: hidden on the body for full-overlays. */ - visibility: visible; -} - -.request-filesystem-credentials-dialog .notification-dialog { - top: 10%; - max-height: 85%; -} - -.request-filesystem-credentials-dialog-content { - margin: 25px; -} - -#request-filesystem-credentials-title { - font-size: 1.3em; - margin: 1em 0; -} - -.request-filesystem-credentials-form legend { - font-size: 1em; - padding: 1.33em 0; - font-weight: 600; -} - -.request-filesystem-credentials-form input[type="text"], -.request-filesystem-credentials-form input[type="password"] { - display: block; -} - -.request-filesystem-credentials-dialog input[type="text"], -.request-filesystem-credentials-dialog input[type="password"] { - width: 100%; -} - -.request-filesystem-credentials-form .field-title { - font-weight: 600; -} - -.request-filesystem-credentials-dialog label[for="hostname"], -.request-filesystem-credentials-dialog label[for="public_key"], -.request-filesystem-credentials-dialog label[for="private_key"] { - display: block; - margin-bottom: 1em; -} - -.request-filesystem-credentials-dialog .ftp-username, -.request-filesystem-credentials-dialog .ftp-password { - float: left; - width: 48%; -} - -.request-filesystem-credentials-dialog .ftp-password { - margin-left: 4%; -} - -.request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons { - text-align: right; -} - -.request-filesystem-credentials-dialog label[for="ftp"] { - margin-right: 10px; -} - -.request-filesystem-credentials-dialog #auth-keys-desc { - margin-bottom: 0; -} - -#request-filesystem-credentials-dialog .button:not(:last-child) { - margin-right: 10px; -} - -#request-filesystem-credentials-form .cancel-button { - display: none; -} - -#request-filesystem-credentials-dialog .cancel-button { - display: inline; -} - -.request-filesystem-credentials-dialog .ftp-username, -.request-filesystem-credentials-dialog .ftp-password { - float: none; - width: auto; -} - -.request-filesystem-credentials-dialog .ftp-username { - margin-bottom: 1em; -} - -.request-filesystem-credentials-dialog .ftp-password { - margin: 0; -} - -.request-filesystem-credentials-dialog .ftp-password em { - color: #757575; -} - -.request-filesystem-credentials-dialog label { - display: block; - line-height: 1.5; - margin-bottom: 1em; -} - -.request-filesystem-credentials-form legend { - padding-bottom: 0; -} - -.request-filesystem-credentials-form #ssh-keys legend { - font-size: 1.3em; -} - -.request-filesystem-credentials-form .notice { - margin: 0 0 20px; - clear: both; -} - -/*------------------------------------------------------------------------------ - Privacy Policy settings screen -------------------------------------------------------------------------------*/ -.tools-privacy-policy-page form { - margin-bottom: 1.3em; -} - -.tools-privacy-policy-page input.button { - margin: 0 1px 0 6px; -} - -.tools-privacy-policy-page select { - margin: 0 1px 0.5em 6px; -} - -.tools-privacy-edit { - margin: 1.5em 0; -} - -.tools-privacy-policy-page span { - line-height: 2; -} - -.privacy_requests .column-email { - width: 40%; -} - -.privacy_requests .column-type { - text-align: center; -} - -.privacy_requests thead td:first-child, -.privacy_requests tfoot td:first-child { - border-left: 4px solid #fff; -} - -.privacy_requests tbody td.check-column { - border-left: 4px solid #fff; - background: #fff; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); -} - -.privacy_requests .row-actions { - color: #787c82; -} - -.privacy_requests .row-actions.processing { - position: static; -} - -.privacy_requests tbody .has-request-results th { - box-shadow: none; -} - -.privacy_requests tbody .request-results th .notice { - margin: 0 0 5px; -} - -.privacy_requests tbody td:not(.check-column), -.privacy_requests tbody th { - background: #fff; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); -} - -.privacy_requests tbody .has-request-results td { - box-shadow: none; -} - -.privacy_requests .next_steps .button { - word-wrap: break-word; - white-space: normal; -} - -.privacy_requests tr.status-request-confirmed td.check-column { - background-color: #fff; - border-left-color: #3858e9; -} - -.privacy_requests tr.status-request-failed td.check-column { - background-color: #f6f7f7; - border-left-color: #cc1818; -} - -.privacy_requests .export_personal_data_failed a { - vertical-align: baseline; -} - -.status-label { - font-weight: 600; -} - -.status-label.status-request-pending { - font-weight: 400; - font-style: italic; - color: #646970; -} - -.status-label.status-request-failed { - color: #d63638; - font-weight: 600; -} - -.privacy_requests .status-date { - display: block; - font-weight: 400; -} - -.wp-privacy-request-form { - clear: both; -} - -.wp-privacy-request-form-field { - margin: 1.5em 0; -} - -.wp-privacy-request-form input[type="text"] { - margin: 0; -} - -/* =Media Queries --------------------------------------------------------------- */ - -@media screen and (max-width: 782px) { - /* Input Elements */ - textarea { - -webkit-appearance: none; - } - - input[type="text"], - input[type="password"], - input[type="date"], - input[type="datetime"], - input[type="datetime-local"], - input[type="email"], - input[type="month"], - input[type="number"], - input[type="search"], - input[type="tel"], - input[type="time"], - input[type="url"], - input[type="week"] { - -webkit-appearance: none; - padding: 0 12px; - min-height: 40px; - } - - ::-webkit-datetime-edit { - line-height: 1.875; /* 30px */ - } - - input[type="checkbox"], - .widefat th input[type="checkbox"], - .widefat thead td input[type="checkbox"], - .widefat tfoot td input[type="checkbox"] { - -webkit-appearance: none; - } - - .widefat th input[type="checkbox"], - .widefat thead td input[type="checkbox"], - .widefat tfoot td input[type="checkbox"] { - margin-bottom: 8px; - } - - input[type="checkbox"]:checked:before, - .widefat th input[type="checkbox"]:before, - .widefat thead td input[type="checkbox"]:before, - .widefat tfoot td input[type="checkbox"]:before { - width: 1.875rem; - height: 1.875rem; - margin: -0.1875rem -0.3125rem; - } - - input[type="radio"], - input[type="checkbox"] { - height: 1.5625rem; - width: 1.5625rem; - } - - .wp-admin p input[type="checkbox"], - .wp-admin p input[type="radio"] { - margin-top: -0.1875rem; - } - - input[type="radio"]:checked:before { - vertical-align: middle; - width: 0.5625rem; - height: 0.5625rem; - margin: 0.4375rem; - line-height: 0.76190476; - } - - .wp-core-ui select, - .wp-admin .form-table select { - min-height: 40px; - font-size: 16px; - line-height: 2.5; /* 40px for 16px font */ - padding: 0 24px 0 12px; - } - - .wp-admin .button-cancel { - margin-bottom: 0; - padding: 2px 0; - font-size: 14px; - vertical-align: middle; - } - - #adduser .form-field input, - #createuser .form-field input { - width: 100%; - } - - .form-table { - box-sizing: border-box; - } - - .form-table th, - .form-table td, - .label-responsive { - display: block; - width: auto; - vertical-align: middle; - } - - .label-responsive { - margin: 0.5em 0; - } - - .export-filters li { - margin-bottom: 0; - } - - .form-table .color-palette .color-palette-shade, - .form-table .color-palette td { - display: table-cell; - width: 15px; - height: 30px; - padding: 0; - } - - .form-table .color-palette { - margin-right: 10px; - } - - textarea, - input { - font-size: 16px; - } - - .form-table td input[type="text"], - .form-table td input[type="email"], - .form-table td input[type="password"], - .form-table td select, - .form-table td textarea, - .form-table span.description, - #profile-page .form-table textarea { - width: 100%; - display: block; - max-width: none; - box-sizing: border-box; - } - - .form-table .form-required.form-invalid td:after { - float: right; - margin: -30px 3px 0 0; - } - - input[type="text"].small-text, - input[type="search"].small-text, - input[type="password"].small-text, - input[type="number"].small-text, - input[type="number"].small-text, - .form-table input[type="text"].small-text { - width: auto; - max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */ - display: inline; - padding: 3px 6px; - margin: 0 3px; - } - - .form-table .regular-text ~ input[type="text"].small-text { - margin-top: 5px; - } - - #pass-strength-result { - width: 100%; - box-sizing: border-box; - padding: 8px; - } - - .profile-php .wp-pwd .caps-warning { - padding: 8px; - } - - .password-input-wrapper { - display: block; - } - - .wp-core-ui .tablenav input[type="text"], - .wp-core-ui .tablenav input[type="password"], - .wp-core-ui .tablenav input[type="date"], - .wp-core-ui .tablenav input[type="datetime"], - .wp-core-ui .tablenav input[type="datetime-local"], - .wp-core-ui .tablenav input[type="email"], - .wp-core-ui .tablenav input[type="month"], - .wp-core-ui .tablenav input[type="number"], - .wp-core-ui .tablenav input[type="search"], - .wp-core-ui .tablenav input[type="tel"], - .wp-core-ui .tablenav input[type="time"], - .wp-core-ui .tablenav input[type="url"], - .wp-core-ui .tablenav input[type="week"], - .wp-core-ui .tablenav select { - min-height: 40px; - } - - .wp-core-ui .tablenav .button { - min-height: 40px; - line-height: 2.71428571; - padding: 0 14px; - } - - p.search-box { - float: none; - width: 100%; - margin-bottom: 20px; - display: flex; - } - - p.search-box input[name="s"] { - width: 100%; - float: none; - margin-bottom: 10px; - vertical-align: middle; - } - .js.plugins-php .search-box .wp-filter-search { - width: 100%; - margin-bottom: 0; - } - - p.search-box input[type="search"], - p.search-box input[type="text"] { - min-height: 40px; - padding: 0 12px; - } - - p.search-box input[type="submit"].button { - margin-bottom: 10px; - } - - .form-table span.description { - display: inline; - padding: 4px 0 0; - line-height: 1.4; - font-size: 14px; - } - - .form-table th { - padding: 10px 0 0; - border-bottom: 0; - } - - .form-table td { - margin-bottom: 0; - padding: 4px 0 6px; - } - - .form-table.permalink-structure td code { - display: inline-block; - } - - .form-table.permalink-structure .structure-selection { - margin-top: 8px; - } - - .form-table.permalink-structure .structure-selection .row > div { - max-width: calc(100% - 36px); - width: 100%; - } - - .form-table.permalink-structure td input[type="text"] { - margin-top: 4px; - } - - .permalink-structure-has-blog-prefix { - display: flex; - align-items: center; - } - - .form-table input.regular-text { - width: 100%; - } - - .form-table label { - font-size: 14px; - } - - .form-table td > label:first-child { - display: inline-block; - margin-top: 0.35em; - } - - .background-position-control .button-group > label { - font-size: 0; - } - - .form-table fieldset label { - display: block; - } - - .form-field #domain { - max-width: none; - } - - /* New Password */ - .wp-pwd { - position: relative; - } - - /* Needs higher specificity than normal input type text and password. */ - #profile-page .form-table #pass1 { - padding-right: 90px; - } - - .wp-pwd button.button { - background: transparent; - border: 1px solid transparent; - box-shadow: none; - line-height: 2; - margin: 0; - padding: 5px 9px; - position: absolute; - right: 0; - top: 0; - width: 2.375rem; - height: 2.375rem; - min-width: 40px; - min-height: 40px; - } - - .wp-pwd button.wp-hide-pw { - right: 2.5rem; - } - - body.user-new-php .wp-pwd button.wp-hide-pw { - right: 0; - } - - .wp-pwd button.button:hover, - .wp-pwd button.button:focus { - background: transparent; - } - - .wp-pwd button.button:active { - background: transparent; - box-shadow: none; - transform: none; - } - - .wp-pwd .button .text { - display: none; - } - - .wp-pwd [type="text"], - .wp-pwd [type="password"] { - line-height: 2; - padding-right: 5rem; - } - - body.user-new-php .wp-pwd [type="text"], - body.user-new-php .wp-pwd [type="password"] { - padding-right: 2.5rem; - } - - .wp-cancel-pw .dashicons-no { - display: inline-block; - } - - .mailserver-pass-wrap .wp-pwd { - display: block; - } - - /* rtl:ignore */ - #mailserver_pass { - padding-left: 10px; - } - - .options-general-php input[type="text"].small-text { - max-width: 6.25em; - margin: 0; - min-height: 40px; - } - - /* Privacy Policy settings screen */ - .tools-privacy-policy-page form.wp-create-privacy-page { - margin-bottom: 1em; - } - - .tools-privacy-policy-page input#set-page, - .tools-privacy-policy-page select { - margin: 10px 0 0; - } - - .tools-privacy-policy-page .wp-create-privacy-page span { - display: block; - margin-bottom: 1em; - } - - .tools-privacy-policy-page .wp-create-privacy-page .button { - margin-left: 0; - } - - .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column), - .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) th.column-primary:not(.check-column) { - display: table-cell; - } - - .wp-privacy-request-form-field input[type="text"] { - width: 100%; - margin-bottom: 10px; - vertical-align: middle; - } - - .regular-text { - max-width: 100%; - } -} - -@media only screen and (max-width: 768px) { - .form-field input[type="text"], - .form-field input[type="email"], - .form-field input[type="password"], - .form-field select, - .form-field textarea { - width: 99%; - } - - .form-wrap .form-field { - padding: 0; - } -} - -@media only screen and (max-height: 480px), screen and (max-width: 450px) { - /* Request Credentials / File Editor Warning */ - .request-filesystem-credentials-dialog .notification-dialog, - .file-editor-warning .notification-dialog { - width: 100%; - height: 100%; - max-height: 100%; - position: fixed; - top: 0; - margin: 0; - left: 0; - } -} - -/* Smartphone */ -@media screen and (max-width: 600px) { - /* Color Picker Options */ - .color-option { - width: 49%; - } -} - -@media only screen and (max-width: 320px) { - .options-general-php .date-time-text.date-time-custom-text { - min-width: 0; - margin-right: 0.5em; - } -} - -@keyframes rotation { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(359deg); - } -} diff --git a/src/wp-admin/css/install.css b/src/wp-admin/css/install.css index 03da01045a271..e69de29bb2d1d 100644 --- a/src/wp-admin/css/install.css +++ b/src/wp-admin/css/install.css @@ -1,404 +0,0 @@ -html { - background: #f0f0f1; - margin: 0 20px; -} - -body { - background: #fff; - border: 1px solid #c3c4c7; - color: #3c434a; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - margin: 140px auto 25px; - padding: 20px 20px 10px; - max-width: 700px; - -webkit-font-smoothing: subpixel-antialiased; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); -} - -a { - color: var(--wp-admin-theme-color); -} - -a:hover, -a:active { - color: var(--wp-admin-theme-color-darker-20); -} - -a:focus { - color: var(--wp-admin-theme-color-darker-20); - border-radius: 2px; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -h1, h2 { - border-bottom: 1px solid #dcdcde; - clear: both; - color: #646970; - font-size: 24px; - padding: 0 0 7px; - font-weight: 400; -} - -h3 { - font-size: 16px; -} - -p, li, dd, dt { - padding-bottom: 2px; - font-size: 14px; - line-height: 1.5; -} - -code, .code { - font-family: Consolas, Monaco, monospace; -} - -ul, ol, dl { - padding: 5px 5px 5px 22px; -} - -a img { - border: 0 -} -abbr { - border: 0; - font-variant: normal; -} - -fieldset { - border: 0; - padding: 0; - margin: 0; -} - -#logo { - margin: -130px auto 25px; - padding: 0 0 25px; - width: 84px; - height: 84px; - overflow: hidden; - background-image: url(../images/w-logo-gray.png?ver=20260303); - background-image: none, url(../images/wordpress-logo-gray.svg?ver=20260303); - background-size: 84px; - background-position: center top; - background-repeat: no-repeat; - color: #3c434a; /* same as login.css */ - font-size: 20px; - font-weight: 400; - line-height: 1.3em; - text-decoration: none; - text-align: center; - text-indent: -9999px; - outline: none; -} - -.step { - margin: 20px 0 15px; -} -.step, th { - text-align: left; - padding: 0; -} -.language-chooser.wp-core-ui .step .button.button-large { - font-size: 14px; -} -textarea { - border: 1px solid #dcdcde; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - width: 100%; - box-sizing: border-box; -} - -.form-table { - border-collapse: collapse; - margin-top: 1em; - width: 100%; -} - -.form-table td { - margin-bottom: 9px; - padding: 10px 20px 10px 0; - font-size: 14px; - vertical-align: top -} - -.form-table th { - font-size: 14px; - text-align: left; - padding: 10px 20px 10px 0; - width: 115px; - vertical-align: top; -} - -.form-table code { - line-height: 1.28571428; - font-size: 14px; -} - -.form-table p { - margin: 4px 0 0; - font-size: 11px; -} - -.form-table .setup-description { - margin: 4px 0 0; - line-height: 1.6; -} - -.form-table input { - line-height: 1.33333333; - font-size: 15px; - padding: 3px 5px; -} - -.wp-pwd { - margin-top: 0; -} - -.form-table .wp-pwd { - display: flex; - column-gap: 4px; -} - -.form-table .password-input-wrapper { - width: 100%; -} - -input, -submit { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; -} - -.form-table input[type=text], -.form-table input[type=email], -.form-table input[type=url], -.form-table input[type=password], -#pass-strength-result { - width: 100%; -} - -.form-table th p { - font-weight: 400; -} - -.form-table.install-success th, -.form-table.install-success td { - vertical-align: middle; - padding: 16px 20px 16px 0; -} - -.form-table.install-success td p { - margin: 0; - font-size: 14px; -} - -.form-table.install-success td code { - margin: 0; - font-size: 18px; -} - -#error-page { - margin-top: 50px; -} - -#error-page p { - font-size: 14px; - line-height: 1.28571428; - margin: 25px 0 20px; -} - -#error-page code, .code { - font-family: Consolas, Monaco, monospace; -} - -.message { - border-left: 4px solid #d63638; - padding: .7em .6em; - background-color: #fcf0f1; -} - -/* rtl:ignore */ -#dbname, -#uname, -#pwd, -#dbhost, -#prefix, -#user_login, -#admin_email, -#pass1, -#pass2 { - direction: ltr; -} - - -/* localization */ -body.rtl, -.rtl textarea, -.rtl input, -.rtl submit { - font-family: Tahoma, sans-serif; -} - -:lang(he-il) body.rtl, -:lang(he-il) .rtl textarea, -:lang(he-il) .rtl input, -:lang(he-il) .rtl submit { - font-family: Arial, sans-serif; -} - -@media only screen and (max-width: 799px) { - body { - margin-top: 115px; - } - #logo a { - margin: -125px auto 30px; - } -} - -@media screen and (max-width: 782px) { - - .form-table { - margin-top: 0; - } - - .form-table th, - .form-table td { - display: block; - width: auto; - vertical-align: middle; - } - - .form-table th { - padding: 20px 0 0; - } - - .form-table td { - padding: 5px 0; - border: 0; - margin: 0; - } - - textarea, - input { - font-size: 16px; - } - - .form-table td input[type="text"], - .form-table td input[type="email"], - .form-table td input[type="url"], - .form-table td input[type="password"], - .form-table td select, - .form-table td textarea, - .form-table span.description { - width: 100%; - font-size: 16px; - line-height: 1.5; - padding: 7px 10px; - display: block; - max-width: none; - box-sizing: border-box; - } - - #pwd { - padding-right: 2.5rem; - } - - .wp-pwd #pass1 { - padding-right: 50px; - } - - .wp-pwd .button.wp-hide-pw { - right: 0; - } - - #pass-strength-result { - width: 100%; - } -} - -body.language-chooser { - max-width: 300px; -} - -.language-chooser [for="language"] { - display: inline-block; - margin-bottom: 10px; - font-size: 14px; - font-weight: 600; -} - -.language-chooser select { - padding: 8px; - width: 100%; - display: block; - border: 1px solid #dcdcde; - background: #fff; - color: #2c3338; - font-size: 16px; - font-family: Arial, sans-serif; - font-weight: 400; -} - -.language-chooser select:focus { - color: #2c3338; -} - -.language-chooser select option:hover, -.language-chooser select option:focus { - color: var(--wp-admin-theme-color-darker-20); -} - -.language-chooser .step { - text-align: right; -} - -.screen-reader-input, -.screen-reader-text { - border: 0; - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - /* Many screen reader and browser combinations announce broken words as they would appear visually. */ - word-wrap: normal !important; - word-break: normal !important; -} - -.spinner { - background: url(../images/spinner.gif) no-repeat; - background-size: 20px 20px; - visibility: hidden; - opacity: 0.7; - filter: alpha(opacity=70); - width: 20px; - height: 20px; - margin: 2px 5px 0; -} - -.step .spinner { - display: inline-block; - vertical-align: middle; - margin-right: 15px; -} - -.button.hide-if-no-js, -.hide-if-no-js { - display: none; -} - -/** - * HiDPI Displays - */ -@media print, - (min-resolution: 120dpi) { - - .spinner { - background-image: url(../images/spinner-2x.gif); - } - -} diff --git a/src/wp-admin/css/l10n.css b/src/wp-admin/css/l10n.css index 2d0b9b2145f69..e69de29bb2d1d 100644 --- a/src/wp-admin/css/l10n.css +++ b/src/wp-admin/css/l10n.css @@ -1,137 +0,0 @@ -/*------------------------------------------------------------------------------ - 27.0 - Localization -------------------------------------------------------------------------------*/ - -/* RTL except Hebrew (see below): Tahoma as the first font; */ -body.rtl, -body.rtl .press-this a.wp-switch-editor { - font-family: Tahoma, Arial, sans-serif; -} - -/* Arial is best for RTL headings. */ -.rtl h1, -.rtl h2, -.rtl h3, -.rtl h4, -.rtl h5, -.rtl h6 { - font-family: Arial, sans-serif; - font-weight: 600; -} - -/* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */ -body.locale-he-il, -body.locale-he-il .press-this a.wp-switch-editor { - font-family: Arial, sans-serif; -} - -/* he_IL: Have be bold rather than italic. */ -.locale-he-il em { - font-style: normal; - font-weight: 600; -} - -/* zh_CN: Remove italic properties. */ -.locale-zh-cn .howto, -.locale-zh-cn .tablenav .displaying-num, -.locale-zh-cn .js .input-with-default-title, -.locale-zh-cn .link-to-original, -.locale-zh-cn .inline-edit-row fieldset span.title, -.locale-zh-cn .inline-edit-row fieldset span.checkbox-title, -.locale-zh-cn #utc-time, -.locale-zh-cn #local-time, -.locale-zh-cn p.install-help, -.locale-zh-cn p.help, -.locale-zh-cn p.description, -.locale-zh-cn span.description, -.locale-zh-cn .form-wrap p { - font-style: normal; -} - -/* zh_CN: Enlarge dashboard widget 'Configure' link */ -.locale-zh-cn .hdnle a { font-size: 12px; } - -/* zn_CH: Enlarge font size, set font-size: normal */ -.locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; } - -/* zh_CN: Enlarge font-size. */ -.locale-zh-cn #sort-buttons { font-size: 1em !important; } - -/* de_DE: Text needs more space for translation */ -.locale-de-de #customize-header-actions .button, -.locale-de-de-formal #customize-header-actions .button { - padding: 0 5px 1px; /* default 0 10px 1px */ -} -.locale-de-de #customize-header-actions .spinner, -.locale-de-de-formal #customize-header-actions .spinner { - margin: 16px 3px 0; /* default 16px 4px 0 5px */ -} -body[class*="locale-de-"] .inline-edit-row fieldset label span.title, -body[class*="locale-de-"] .inline-edit-row fieldset.inline-edit-date legend { - width: 7em; /* default 6em */ -} -body[class*="locale-de-"] .inline-edit-row fieldset label span.input-text-wrap, -body[class*="locale-de-"] .inline-edit-row fieldset .timestamp-wrap { - margin-left: 7em; /* default 6em */ -} - -/* ru_RU: Text needs more room to breathe. */ -.locale-ru-ru #adminmenu { - width: inherit; /* back-compat for pre-3.2 */ -} -.locale-ru-ru #adminmenu, -.locale-ru-ru #wpbody { - margin-left: 0; /* back-compat for pre-3.2 */ -} -.locale-ru-ru .inline-edit-row fieldset label span.title, -.locale-ru-ru .inline-edit-row fieldset.inline-edit-date legend { - width: 8em; /* default 6em */ -} -.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap, -.locale-ru-ru .inline-edit-row fieldset .timestamp-wrap { - margin-left: 8em; /* default 6em */ -} -.locale-ru-ru.post-php .tagsdiv .newtag, -.locale-ru-ru.post-new-php .tagsdiv .newtag { - width: 165px; /* default 180px - 15px */ -} -.locale-ru-ru.press-this .posting { - margin-right: 277px; /* default 252px + 25px */ -} -.locale-ru-ru .press-this-sidebar { - width: 265px; /* default 240px + 25px */ -} -.locale-ru-ru #customize-header-actions .button { - padding: 0 5px 1px; /* default 0 10px 1px */ -} -.locale-ru-ru #customize-header-actions .spinner { - margin: 16px 3px 0; /* default 16px 4px 0 5px */ -} - -/* lt_LT: QuickEdit */ -.locale-lt-lt .inline-edit-row fieldset label span.title, -.locale-lt-lt .inline-edit-row fieldset.inline-edit-date legend { - width: 8em; /* default 6em */ -} -.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap, -.locale-lt-lt .inline-edit-row fieldset .timestamp-wrap { - margin-left: 8em; /* default 6em */ -} - -/* Fix overridden width for adjusted locales */ -body[class*="locale-de-"] .quick-edit-row-post fieldset.inline-edit-col-right label span.title, -.locale-ru-ru .quick-edit-row-post fieldset.inline-edit-col-right label span.title, -.locale-lt-lt .quick-edit-row-post fieldset.inline-edit-col-right label span.title { - width: auto; -} - -@media screen and (max-width: 782px) { - body[class*="locale-de-"] .inline-edit-row fieldset label span.input-text-wrap, - body[class*="locale-de-"] .inline-edit-row fieldset .timestamp-wrap, - .locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap, - .locale-ru-ru .inline-edit-row fieldset .timestamp-wrap, - .locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap, - .locale-lt-lt .inline-edit-row fieldset .timestamp-wrap { - margin-left: 0; - } -} diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 8b03e3c08d353..e69de29bb2d1d 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1,2460 +0,0 @@ -.response-links { - display: block; - margin-bottom: 1em; -} - -.response-links a { - display: block; -} - -.response-links a.comments-edit-item-link { - font-weight: 600; -} - -.response-links a.comments-view-item-link { - font-size: 12px; -} - -.post-com-count-wrapper strong { - font-weight: 400; -} - -.comments-view-item-link { - display: inline-block; - clear: both; -} - -.column-response .post-com-count-wrapper, -.column-comments .post-com-count-wrapper { - white-space: nowrap; - word-wrap: normal; -} - -/* comments bubble common */ -.column-response .post-com-count, -.column-comments .post-com-count { - display: inline-block; - vertical-align: top; -} - -/* comments bubble approved */ -.column-response .post-com-count-no-comments, -.column-response .post-com-count-approved, -.column-comments .post-com-count-no-comments, -.column-comments .post-com-count-approved { - margin-top: 5px; -} - -.column-response .comment-count-no-comments, -.column-response .comment-count-approved, -.column-comments .comment-count-no-comments, -.column-comments .comment-count-approved { - box-sizing: border-box; - display: block; - padding: 0 8px; - min-width: 24px; - height: 2em; - border-radius: 5px; - background-color: #646970; - color: #fff; - font-size: 11px; - line-height: 1.90909090; - text-align: center; -} - -.column-response .post-com-count-no-comments:after, -.column-response .post-com-count-approved:after, -.column-comments .post-com-count-no-comments:after, -.column-comments .post-com-count-approved:after { - content: ""; - display: block; - margin-left: 8px; - width: 0; - height: 0; - border-top: 5px solid #646970; - border-right: 5px solid transparent; -} - -.column-response a.post-com-count-approved:hover .comment-count-approved, -.column-response a.post-com-count-approved:focus .comment-count-approved, -.column-comments a.post-com-count-approved:hover .comment-count-approved, -.column-comments a.post-com-count-approved:focus .comment-count-approved { - background: #3858e9; -} - -.column-response a.post-com-count-approved:hover:after, -.column-response a.post-com-count-approved:focus:after, -.column-comments a.post-com-count-approved:hover:after, -.column-comments a.post-com-count-approved:focus:after { - border-top-color: #3858e9; -} - -/* @todo: consider to use a single rule for these counters and the admin menu counters. */ -.column-response .post-com-count-pending, -.column-comments .post-com-count-pending { - position: relative; - left: -3px; - padding: 0 5px; - min-width: 7px; - height: 17px; - border: 2px solid #fff; - border-radius: 11px; - background: #d63638; - color: #fff; - font-size: 9px; - line-height: 1.88888888; - text-align: center; -} - -.column-response .post-com-count-no-pending, -.column-comments .post-com-count-no-pending { - display: none; -} - -/* comments */ - -.commentlist li { - padding: 1em 1em .2em; - margin: 0; - border-bottom: 1px solid #c3c4c7; -} - -.commentlist li li { - border-bottom: 0; - padding: 0; -} - -.commentlist p { - padding: 0; - margin: 0 0 .8em; -} - -#submitted-on, -.submitted-on { - color: #50575e; -} - -/* reply to comments */ -#replyrow td { - padding: 2px; -} - -#replysubmit { - margin: 0; - padding: 5px 7px 10px; - overflow: hidden; -} - -#replysubmit .reply-submit-buttons { - margin-bottom: 0; -} - -#replysubmit .button { - margin-right: 5px; -} - -#replysubmit .spinner { - float: none; - margin: -4px 0 0; -} - -#replyrow.inline-edit-row fieldset.comment-reply { - font-size: inherit; - line-height: inherit; -} - -#replyrow legend { - margin: 0; - padding: .2em 5px 0; - font-size: 13px; - line-height: 1.4; - font-weight: 600; -} - -#replyrow.inline-edit-row label { - display: inline; - vertical-align: baseline; - line-height: inherit; -} - -#edithead .inside, -#commentsdiv #edithead .inside { - float: left; - padding: 3px 0 2px 5px; - margin: 0; - text-align: center; -} - -#edithead .inside input { - width: 180px; -} - -#edithead label { - padding: 2px 0; -} - -#replycontainer { - padding: 5px; -} - -#replycontent { - height: 120px; - box-shadow: none; -} - -#replyerror { - border-color: #dcdcde; - background-color: #f6f7f7; -} - -/* @todo: is this used? */ -.commentlist .avatar { - vertical-align: text-top; -} - -#the-comment-list tr.undo, -#the-comment-list div.undo { - background-color: #f6f7f7; -} - -#the-comment-list .unapproved th, -#the-comment-list .unapproved td { - background-color: #fcf9e8; -} - -#the-comment-list .unapproved th.check-column, -#the-comment-list .unapproved td.check-column { - border-left: 4px solid #d63638; -} - -#the-comment-list .unapproved th.check-column input, -#the-comment-list .unapproved td.check-column input { - margin-left: 4px; -} - -#the-comment-list .approve a { - color: #007017; -} - -#the-comment-list .unapprove a { - color: #996800; -} - -#the-comment-list th, -#the-comment-list td { - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); -} - -#the-comment-list tr:last-child th, -#the-comment-list tr:last-child td { - box-shadow: none; -} - -#the-comment-list tr.unapproved + tr.approved th, -#the-comment-list tr.unapproved + tr.approved td { - border-top: 1px solid rgba(0, 0, 0, 0.03); -} - -/* table vim shortcuts */ -.vim-current, -.vim-current th, -.vim-current td { - background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08) !important; -} - -th .comment-grey-bubble { - width: 16px; - /* Make sure the link clickable area fills the entire table header. */ - position: relative; - top: 2px; -} - -th .comment-grey-bubble:before { - content: "\f101"; - content: "\f101" / ''; - font: normal 20px/.5 dashicons; - display: inline-block; - padding: 0; - top: 4px; - left: -4px; - position: relative; - vertical-align: top; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; - color: #3c434a; -} - -/*------------------------------------------------------------------------------ - 10.0 - List Posts (/Pages/etc) -------------------------------------------------------------------------------*/ - -table.fixed { - table-layout: fixed; -} - -.fixed .column-rating, -.fixed .column-visible { - width: 8%; -} - -.fixed .column-posts, -.fixed .column-parent, -.fixed .column-links, -.fixed .column-author, -.fixed .column-format { - width: 10%; -} - -.fixed .column-date { - width: 14%; -} - -.column-date span[title] { - -webkit-text-decoration: dotted underline; - text-decoration: dotted underline; -} - -.fixed .column-posts { - width: 74px; -} - -.fixed .column-role, -.fixed .column-posts { - hyphens: auto; -} - -.fixed .column-comment .comment-author { - display: none; -} - -.fixed .column-response, -.fixed .column-categories, -.fixed .column-tags, -.fixed .column-rel, -.fixed .column-role { - width: 15%; -} - -.fixed .column-slug { - width: 25%; -} - -.fixed .column-locations { - width: 35%; -} - -.fixed .column-comments { - width: 5.5em; - text-align: left; -} - -.fixed .column-comments .vers { - padding-left: 3px; -} - -th.column-title strong, -th.plugin-title strong, -td.column-title strong, -td.plugin-title strong { - display: block; - margin-bottom: .2em; - font-size: 14px; -} - -th.column-title p, -th.plugin-title p, -td.column-title p, -td.plugin-title p { - margin: 6px 0; -} - -.trimmed-post-excerpt { - font-weight: 400; -} - -/* Media file column */ -table.media .column-title .media-icon { - float: left; - min-height: 60px; - margin: 0 9px 0 0; -} - -table.media .column-title .media-icon img { - max-width: 60px; - height: auto; - vertical-align: top; /* Remove descender white-space. */ -} - -table.media .column-title .has-media-icon ~ .row-actions { - margin-left: 70px; /* 60px image + margin */ -} - -table.media .column-title .filename { - margin-bottom: 0.2em; -} - -/* Media Copy to clipboard row action */ -.media .row-actions .copy-to-clipboard-container { - display: inline; - position: relative; -} - -.media .row-actions .copy-to-clipboard-container .success { - position: absolute; - left: 50%; - transform: translate(-50%, -100%); - background: #000; - color: #fff; - border-radius: 5px; - margin: 0; - padding: 2px 5px; -} - -/* @todo: pick a consistent list table selector */ -.wp-list-table a { - transition: none; -} - -#the-list tr:last-child td, -#the-list tr:last-child th { - border-bottom: none !important; - box-shadow: none; -} - -#comments-form .fixed .column-author { - width: 20%; -} - -#commentsdiv.postbox .inside { - margin: 0; - padding: 0; -} - -#commentsdiv .inside .row-actions { - line-height: 1.38461538; -} - -#commentsdiv .inside .column-author { - width: 25%; -} - -#commentsdiv .column-comment p { - margin: 0.6em 0; - padding: 0; -} - -#commentsdiv #replyrow td { - padding: 0; -} - -#commentsdiv p { - padding: 8px 10px; - margin: 0; -} - -#commentsdiv .comments-box { - border: 0 none; -} - -#commentsdiv .comments-box thead th, -#commentsdiv .comments-box thead td { - background: transparent; - padding: 0 7px 4px; -} - -#commentsdiv .comments-box tr:last-child td { - border-bottom: 0 none; -} - -#commentsdiv #edithead .inside input { - width: 160px; -} - -.sorting-indicators { - display: grid; -} - -.sorting-indicator { - display: block; - width: 10px; - height: 4px; - margin-top: 4px; - margin-left: 7px; -} - -.sorting-indicator:before { - font: normal 20px/1 dashicons; - display: inline-block; - padding: 0; - top: -4px; - left: -8px; - line-height: 0.5; - position: relative; - vertical-align: top; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; - color: #a7aaad; -} - -.sorting-indicator.asc:before { - content: "\f142"; - content: "\f142" / ''; -} - -.sorting-indicator.desc:before { - content: "\f140"; - content: "\f140" / ''; -} - -th.sorted.desc .sorting-indicator.desc:before { - color: #1d2327; -} - -th.sorted.asc .sorting-indicator.asc:before { - color: #1d2327; -} - -th.sorted.asc a:focus .sorting-indicator.asc:before, -th.sorted.asc:hover .sorting-indicator.asc:before, -th.sorted.desc a:focus .sorting-indicator.desc:before, -th.sorted.desc:hover .sorting-indicator.desc:before { - color: #a7aaad; -} - -th.sorted.asc a:focus .sorting-indicator.desc:before, -th.sorted.asc:hover .sorting-indicator.desc:before, -th.sorted.desc a:focus .sorting-indicator.asc:before, -th.sorted.desc:hover .sorting-indicator.asc:before { - color: #1d2327; -} - -.wp-list-table .toggle-row { - position: absolute; - right: 8px; - top: 10px; - display: none; - padding: 0; - width: 40px; - height: 40px; - border: none; - outline: none; - background: transparent; -} - -.wp-list-table .toggle-row:hover { - cursor: pointer; -} - -.wp-list-table .toggle-row:focus:before { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.wp-list-table .toggle-row:active { - box-shadow: none; -} - -.wp-list-table .toggle-row:before { - position: absolute; - top: -5px; - left: 10px; - border-radius: 50%; - display: block; - padding: 1px 2px 1px 0; - color: #3c434a; /* same as table headers sort arrows */ - content: "\f140"; - content: "\f140" / ''; - font: normal 20px/1 dashicons; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.wp-list-table .is-expanded .toggle-row:before { - content: "\f142"; - content: "\f142" / ''; -} - -.check-column { - position: relative; -} - -.check-column label { - box-sizing: border-box; - width: 100%; - height: 100%; - display: block; - position: absolute; - top: 0; - left: 0; -} - -.check-column input { - position: relative; - z-index: 1; -} - -.check-column .label-covers-full-cell:hover + input:not(:disabled) { - box-shadow: 0 0 0 1px #2271b1; -} - -.check-column label:hover, -.check-column input:hover + label { - background: rgba(0, 0, 0, 0.05); -} - -.locked-indicator { - display: none; - margin-left: 6px; - height: 20px; - width: 16px; -} - -.locked-indicator-icon:before { - color: #8c8f94; - content: "\f160"; - content: "\f160" / ''; - display: inline-block; - font: normal 20px/1 dashicons; - vertical-align: middle; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.locked-info { - display: none; - margin-top: 4px; -} - -.locked-text { - vertical-align: top; -} - -.wp-locked .locked-indicator, -.wp-locked .locked-info { - display: block; -} - -tr.wp-locked .check-column label, -tr.wp-locked .check-column input[type="checkbox"], -tr.wp-locked .row-actions .inline, -tr.wp-locked .row-actions .trash { - display: none; -} - -#menu-locations-wrap .widefat { - width: 60%; -} - -.widefat th.sortable, -.widefat th.sorted { - padding: 0; -} - -th.sortable a, -th.sorted a { - display: block; - overflow: hidden; - padding: 8px; -} - -th.sortable a:focus, -th.sorted a:focus { - border-radius: 2px; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -th.sortable a span, -th.sorted a span { - float: left; - cursor: pointer; -} - -.tablenav-pages .current-page { - vertical-align: top; - margin: 0 2px 0 0; - font-size: 13px; - text-align: center; - min-height: 32px; - padding: 0 8px; -} - -.tablenav .total-pages { - margin-right: 2px; -} - -.tablenav #table-paging { - margin-left: 2px; -} - -.tablenav { - clear: both; - height: 32px; - margin: 6px 0 4px; - vertical-align: middle; -} - -.tablenav.themes { - max-width: 98%; -} - -.tablenav .tablenav-pages { - float: right; - margin: 0 0 9px; -} - -.tablenav .no-pages, -.tablenav .one-page .pagination-links { - display: none; -} - -.tablenav .tablenav-pages .button, -.tablenav .tablenav-pages .tablenav-pages-navspan { - display: inline-block; - vertical-align: baseline; - min-width: 32px; - min-height: 32px; - margin: 0; - padding: 0 4px; - font-size: 16px; - line-height: 1.875; /* 30px for 32px height */ - text-align: center; -} - -.tablenav .displaying-num { - margin-right: 7px; -} - -.tablenav .one-page .displaying-num { - display: inline-block; - margin: 5px 0; -} - -.tablenav .actions { - padding: 0 8px 0 0; -} - -.wp-filter .actions { - display: inline-block; - vertical-align: middle; -} - -.tablenav .delete { - margin-right: 20px; -} - -/* This view-switcher is still used on multisite. */ -.tablenav .view-switch { - float: right; - margin: 0 5px; - padding-top: 3px; -} - -.wp-filter .view-switch { - display: inline-block; - vertical-align: middle; - padding: 12px 0; - margin: 0 8px 0 2px; -} - -.media-toolbar.wp-filter .view-switch { - margin: 0 12px 0 2px; -} - -.view-switch a { - float: left; - width: 28px; - height: 28px; - text-align: center; - line-height: 1.84615384; - text-decoration: none; - /* This border is needed for the focus style, which will change the border color. */ - border: 1px solid transparent; -} - -.view-switch a:before { - color: #c3c4c7; - display: inline-block; - font: normal 20px/1 dashicons; - vertical-align: middle; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.view-switch a:focus { - /* This focus style already inherits box-shadow and outline from the regular links focus style. */ - border-color: var(--wp-admin-theme-color, #3858e9); -} - -.view-switch a:hover:before, -.view-switch a:focus:before { - color: #787c82; -} - -.view-switch a.current:before { - color: #2271b1; -} - -.view-switch .view-list:before { - content: "\f163"; - content: "\f163" / ''; -} - -.view-switch .view-excerpt:before { - content: "\f164"; - content: "\f164" / ''; -} - -.view-switch .view-grid:before { - content: "\f509"; - content: "\f509" / ''; -} - -.filter { - float: left; - margin: -5px 0 0 10px; -} - -.filter .subsubsub { - margin-left: -10px; - margin-top: 13px; -} -.screen-per-page { - width: 4em; -} - -#posts-filter .wp-filter { - margin-bottom: 0; -} - -#posts-filter fieldset { - float: left; - margin: 0 1.5ex 1em 0; - padding: 0; -} - -#posts-filter fieldset legend { - padding: 0 0 .2em 1px; -} - -p.pagenav { - margin: 0; - display: inline; -} - -.pagenav span { - font-weight: 600; - margin: 0 6px; -} - -.row-title { - font-size: 14px !important; - font-weight: 600; -} - -.column-comment .comment-author { - margin-bottom: 0.6em; -} - -.column-author img, -.column-username img, -.column-comment .comment-author img { - float: left; - margin-right: 10px; - margin-top: 1px; -} - -.row-actions { - color: #646970; - font-size: 13px; - padding: 2px 0 0; - position: relative; - left: -9999em; -} - -/* ticket #34150 */ -.rtl .row-actions a { - display: inline-block; -} - -.row-actions .network_only, -.row-actions .network_active { - color: #000; -} - -.no-js .row-actions, -tr:hover .row-actions, -.mobile .row-actions, -.row-actions.visible, -.comment-item:hover .row-actions { - position: static; -} - -/* deprecated */ -.row-actions-visible { - padding: 2px 0 0; -} - - -/*------------------------------------------------------------------------------ - 10.1 - Inline Editing -------------------------------------------------------------------------------*/ - -/* -.quick-edit* is for Quick Edit -.bulk-edit* is for Bulk Edit -.inline-edit* is for everything -*/ - -/* Layout */ - -#wpbody-content .inline-edit-row fieldset { - float: left; - margin: 0; - padding: 0 12px 0 0; - width: 100%; - box-sizing: border-box; -} - -#wpbody-content .inline-edit-row td fieldset:last-of-type { - padding-right: 0; -} - -tr.inline-edit-row td { - padding: 0; - /* Prevents the focus style on .inline-edit-wrapper from being cut-off */ - position: relative; -} - -.inline-edit-wrapper { - display: flow-root; - padding: 0 12px; - border: 1px solid transparent; - border-radius: 4px; -} - -.inline-edit-wrapper:focus { - border-color: var(--wp-admin-theme-color, #3858e9); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -#wpbody-content .quick-edit-row-post .inline-edit-col-left { - width: 40%; -} - -#wpbody-content .quick-edit-row-post .inline-edit-col-right { - width: 39%; -} - -#wpbody-content .inline-edit-row-post .inline-edit-col-center { - width: 20%; -} - -#wpbody-content .quick-edit-row-page .inline-edit-col-left { - width: 50%; -} - -#wpbody-content .quick-edit-row-page .inline-edit-col-right, -#wpbody-content .bulk-edit-row-post .inline-edit-col-right { - width: 50%; -} - -#wpbody-content .bulk-edit-row .inline-edit-col-left { - width: 30%; -} - -#wpbody-content .bulk-edit-row-page .inline-edit-col-right { - width: 69%; -} - -#wpbody-content .bulk-edit-row .inline-edit-col-bottom { - float: right; - width: 69%; -} - -#wpbody-content .inline-edit-row-page .inline-edit-col-right { - margin-top: 27px; -} - -.inline-edit-row fieldset .inline-edit-group { - clear: both; - line-height: 2.5; -} - -.inline-edit-row .submit { - display: flex; - flex-wrap: wrap; - align-items: center; - clear: both; - margin: 0; - padding: 0.5em 0 1em; -} - -.inline-edit-save.submit .button { - margin-right: 8px; -} - -.inline-edit-save .spinner { - float: none; - margin: 0; -} - -.inline-edit-row .notice-error { - box-sizing: border-box; - min-width: 100%; - margin-top: 1em; -} - -.inline-edit-row .notice-error .error { - margin: 0.5em 0; - padding: 2px; -} - -/* Positioning */ - -/* Needs higher specificity for the padding */ -#the-list .inline-edit-row .inline-edit-legend { - margin: 0; - padding: 0.2em 0; - line-height: 2.5; - font-weight: 600; -} - -.inline-edit-row fieldset span.title, -.inline-edit-row fieldset span.checkbox-title { - margin: 0; - padding: 0; -} - -.inline-edit-row fieldset label, -.inline-edit-row fieldset span.inline-edit-categories-label { - display: block; - margin: .2em 0; - line-height: 2.5; -} - -.inline-edit-row fieldset.inline-edit-date label { - display: inline-block; - margin: 0; - vertical-align: baseline; - line-height: 2; -} - -.inline-edit-row fieldset label.inline-edit-tags { - margin-top: 0; -} - -.inline-edit-row fieldset label.inline-edit-tags span.title { - margin: .2em 0; - width: auto; -} - -.inline-edit-row fieldset label span.title, -.inline-edit-row fieldset.inline-edit-date legend { - display: block; - float: left; - width: 6em; - line-height: 2.5; -} - -#posts-filter fieldset.inline-edit-date legend { - padding: 0; -} - -.inline-edit-row fieldset label span.input-text-wrap, -.inline-edit-row fieldset .timestamp-wrap { - display: block; - margin-left: 6em; -} - -.quick-edit-row-post fieldset.inline-edit-col-right label span.title { - width: auto; - padding-right: 0.5em; -} - -.inline-edit-row .inline-edit-or { - margin: .2em 6px .2em 0; - line-height: 2.5; -} - -.inline-edit-row .input-text-wrap input[type=text] { - width: 100%; -} - -.inline-edit-row fieldset label input[type=checkbox] { - vertical-align: middle; -} - -.inline-edit-row fieldset label textarea { - width: 100%; - height: 4em; - vertical-align: top; -} - -.inline-edit-row select, -.inline-edit-row input:where(:not([type=checkbox],[type=radio],[type=submit],[type=button])) { - min-height: 32px; - padding: 0 8px 0 8px; -} - -.inline-edit-row select { - line-height: 2.14285714; /* 30px for 32px height with 14px font */ - padding-right: 24px; -} - -#wpbody-content .bulk-edit-row fieldset .inline-edit-group label { - max-width: 50%; -} - -#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child { - margin-right: 0.5em -} - -.inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input { - width: 6em; -} - -/* Styling */ -.inline-edit-row .inline-edit-legend { - text-transform: uppercase; -} - -/* Specific Elements */ -.inline-edit-row fieldset .inline-edit-date { - float: left; -} - -.inline-edit-row fieldset input[name=jj], -.inline-edit-row fieldset input[name=hh], -.inline-edit-row fieldset input[name=mn], -.inline-edit-row fieldset input[name=aa] { - vertical-align: middle; - text-align: center; - padding: 0 4px; -} - -.inline-edit-row fieldset label input.inline-edit-password-input { - width: 8em; -} - -#bulk-titles-list, -#bulk-titles-list li, -.inline-edit-row fieldset ul.cat-checklist li, -.inline-edit-row fieldset ul.cat-checklist input { - margin: 0; - position: relative; /* RTL fix, #WP27629 */ -} - -.inline-edit-row fieldset ul.cat-checklist input { - margin-top: -1px; - margin-left: 3px; -} - -.inline-edit-row fieldset label input.inline-edit-menu-order-input { - width: 3em; -} - -.inline-edit-row fieldset label input.inline-edit-slug-input { - width: 75%; -} - -.inline-edit-row select[name="post_parent"], -.inline-edit-row select[name="page_template"] { - max-width: 80%; -} - -.quick-edit-row-post fieldset label.inline-edit-status { - float: left; -} - -#bulk-titles, -ul.cat-checklist { - height: 14em; - border: 1px solid #ddd; - margin: 0 0 5px; - padding: 0.2em 5px; - overflow-y: scroll; -} - -ul.cat-checklist input[name="post_category[]"]:indeterminate::before { - content: ''; - border-top: 2px solid grey; - width: 65%; - height: 2px; - position: absolute; - top: calc( 50% + 1px ); - left: 50%; - transform: translate( -50%, -50% ); -} - -#bulk-titles .ntdelbutton, -#bulk-titles .ntdeltitle, -.inline-edit-row fieldset ul.cat-checklist label { - display: inline-block; - margin: 0; - padding: 3px 0; - line-height: 20px; - vertical-align: top; -} - -#bulk-titles .ntdelitem { - padding-left: 23px; -} - -#bulk-titles .ntdelbutton { - width: 26px; - height: 26px; - margin: 0 0 0 -26px; - text-align: center; - border-radius: 3px; -} - -#bulk-titles .ntdelbutton:before { - display: inline-block; - vertical-align: top; -} - -#bulk-titles .ntdelbutton:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; - /* Reset inherited offset from Gutenberg */ - outline-offset: 0; -} - -/*------------------------------------------------------------------------------ - 17.0 - Plugins -------------------------------------------------------------------------------*/ - -.plugins tbody th.check-column, -.plugins tbody td.check-column, -.plugins tbody { - padding: 8px 0 0 2px; -} - -.plugins tbody th.check-column input[type=checkbox], -.plugins tbody td.check-column input[type=checkbox] { - margin-top: 4px; -} - -.updates-table .plugin-title p { - margin-top: 0; -} - -.plugins thead td.check-column, -.plugins tfoot td.check-column, -.plugins .inactive th.check-column, -.plugins .inactive td.check-column { - padding-left: 6px; -} - -.plugins, -.plugins th, -.plugins td { - color: #000; -} - -.plugins tr { - background: #fff; -} - -.plugins p { - margin: 0 4px; - padding: 0; -} - -.plugins .desc p { - margin: 0 0 8px; -} - -.plugins td.desc { - line-height: 1.5; -} - -.plugins .desc ul, -.plugins .desc ol { - margin: 0 0 0 2em; -} - -.plugins .desc ul { - list-style-type: disc; -} - -.plugins .row-actions { - font-size: 13px; - padding: 0; -} - -.plugins .inactive td, -.plugins .inactive th, -.plugins .active td, -.plugins .active th { - padding: 10px 9px; -} - -.plugins .active td, -.plugins .active th { - background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); -} - -.plugins .update th, -.plugins .update td { - border-bottom: 0; -} - -.plugins .inactive td, -.plugins .inactive th, -.plugins .active td, -.plugins .active th, -.plugin-install #the-list td, -.upgrade .plugins td, -.upgrade .plugins th { - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); -} - -.plugins tr.active.plugin-update-tr + tr.inactive th, -.plugins tr.active.plugin-update-tr + tr.inactive td, -.plugins tr.active + tr.inactive th, -.plugins tr.active + tr.inactive td { - border-top: 1px solid rgba(0, 0, 0, 0.03); - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde; -} - -.plugins .update td, -.plugins .update th, -.upgrade .plugins tr:last-of-type td, -.upgrade .plugins tr:last-of-type th, -.plugins tr.active + tr.inactive.update th, -.plugins tr.active + tr.inactive.update td, -.plugins .updated td, -.plugins .updated th, -.plugins tr.active + tr.inactive.updated th, -.plugins tr.active + tr.inactive.updated td { - box-shadow: none; -} - -.plugins .active th.check-column, -.plugins .active td.check-column, -.plugin-update-tr.active td { - border-left: 4px solid var(--wp-admin-theme-color); -} - -.wp-list-table.plugins .plugin-title, -.wp-list-table.plugins .theme-title { - padding-right: 12px; - white-space: nowrap; -} - - -.plugins .plugin-title .dashicons, -.plugins .plugin-title img.plugin-icon, -.plugins .plugin-title img.updates-table-screenshot { - float: left; - padding: 0 10px 0 0; - width: 64px; - height: 64px; -} - -.plugins .plugin-title .dashicons:before { - padding: 2px; - background-color: #f0f0f1; - box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15); - font-size: 60px; - color: #c3c4c7; -} - -#update-themes-table .plugin-title img.updates-table-screenshot, -#update-themes-table .plugin-title .dashicons { - width: 85px; -} - -.plugins .column-auto-updates { - width: 14.2em; -} - -.plugins .inactive .plugin-title strong { - font-weight: 400; -} - -.plugins .second, -.plugins .row-actions { - padding: 0 0 5px; -} - -.plugins .row-actions { - white-space: normal; - min-width: 12em; -} - -.plugins .update .second, -.plugins .update .row-actions, -.plugins .updated .second, -.plugins .updated .row-actions { - padding-bottom: 0; -} - -.plugins-php .widefat tfoot th, -.plugins-php .widefat tfoot td { - border-top-style: solid; - border-top-width: 1px; -} - -.plugins .plugin-update-tr .plugin-update { - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); - overflow: hidden; /* clearfix */ - padding: 0; -} - -.plugins .plugin-update-tr .notice, -.plugins .plugin-update-tr div[class="update-message"] { /* back-compat for pre-4.6 */ - margin: 5px 20px 15px 40px; -} - -.plugins .notice p { - margin: 0.5em 0; -} - -.plugins .plugin-description a, -.plugins .plugin-update a, -.updates-table .plugin-title a { - text-decoration: underline; -} - -.plugins tr.paused th.check-column, -.plugins tr.paused td.check-column { - border-left: 4px solid #b32d2e; -} - -.plugins tr.paused th, -.plugins tr.paused td { - background-color: #f6f7f7; -} - -.plugins tr.paused .plugin-title, -.plugins .paused .dashicons-warning { - color: #b32d2e; -} - -.plugins .paused .error-display p, -.plugins .paused .error-display code { - font-size: 90%; - color: rgba(0, 0, 0, 0.7); -} - -.plugins .resume-link { - color: #b32d2e; -} - -.plugin-card .update-now:before { - color: #d63638; - content: "\f463"; - content: "\f463" / ''; - display: inline-block; - font: normal 16px/1.875 dashicons; /* line-height 1.875 = 30px to match button */ - margin: 0 5px 0 -2px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - vertical-align: top; -} - -.plugin-card .updating-message:before { - content: "\f463"; - content: "\f463" / ''; - animation: rotation 2s infinite linear; -} - -@keyframes rotation { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(359deg); - } -} - -.plugin-card .updated-message:before { - color: #68de7c; - content: "\f147"; - content: "\f147" / ''; -} - -.plugin-card .updated-message:before, -.plugin-card .updating-message:before { - line-height: 1; - position: relative; - top: -2px; - vertical-align: middle; -} - -.plugin-install-php #the-list { - display: flex; - flex-wrap: wrap; - gap: 16px; -} - -.plugin-install-php .plugin-card { - display: flex; - flex-direction: column; - justify-content: space-between; -} - -.plugin-install-php h2 { - clear: both; -} - -.plugin-install-php h3 { - margin: 2.5em 0 8px; -} - -.plugin-install-php .wp-filter { - margin-bottom: 0; -} - -/* Plugin card table view */ -.plugin-group { - overflow: hidden; /* clearfix */ - margin-top: 1.5em; -} - -.plugin-group h3 { - margin-top: 0; -} - -.plugin-card { - width: calc( 50% - 8px ); - background-color: #ffffff; - border: 1px solid rgb(0, 0, 0, 0.1); - border-radius: 8px; - box-sizing: border-box; - overflow: hidden; -} - -@media screen and (min-width: 1600px) { - .plugin-card { - width: calc( (100% - 32px) / 3 ); - } -} - -@media screen and (min-width: 2300px) { - .plugin-card { - width: calc( (100% - 48px) / 4 ); - } -} - -.plugin-card-top { - position: relative; - padding: 16px; - min-height: 135px; -} - -div.action-links, -.plugin-action-buttons { - margin: 0; /* Override existing margins */ -} - -.plugin-card h3 { - margin: 0 12px 16px 0; - font-size: 18px; - line-height: 1.3; -} - -.plugin-card .desc { - margin-inline: 0; -} - -.plugin-card .name, .plugin-card .desc > p { - margin-left: 148px; -} - -@media (min-width: 1101px) { - .plugin-card .name, .plugin-card .desc > p { - margin-right: 128px; - } -} - -@media (min-width: 481px) and (max-width: 781px) { - .plugin-card .name, .plugin-card .desc > p { - margin-right: 128px; - } -} - -.plugin-card .column-description { - display: flex; - flex-direction: column; - justify-content: flex-start; -} - -.plugin-card .column-description > p { - margin-top: 0; -} - -.plugin-card .column-description p:empty { - display: none; -} - -.plugin-card .notice.plugin-dependencies { - margin: auto 20px 20px; - padding: 15px; -} - -.plugin-card .plugin-dependencies-explainer-text { - margin-block: 0; -} - -.plugin-card .plugin-dependency { - align-items: center; - display: flex; - flex-wrap: wrap; - margin-top: .5em; - column-gap: 1%; - row-gap: .5em; -} - -.plugin-card .plugin-dependency:nth-child(2), -.plugin-card .plugin-dependency:last-child { - margin-top: 1em; -} - -.plugin-card .plugin-dependency-name { - flex-basis: 74%; -} - -.plugin-card .plugin-dependency .more-details-link { - margin-left: auto; -} - -.rtl .plugin-card .plugin-dependency .more-details-link { - margin-right: auto; -} - -@media (max-width: 939px) { - .plugin-card .plugin-dependency-name { - flex-basis: 69%; - } -} - -.plugins #the-list .required-by, -.plugins #the-list .requires { - margin-top: 1em; -} - -.plugin-card .action-links { - position: absolute; - top: 20px; - right: 20px; - width: 120px; -} - -.plugin-action-buttons { - clear: right; - float: right; - margin-bottom: 1em; - text-align: right; -} - -.plugin-action-buttons li { - margin-bottom: 10px; -} - -.plugin-card-bottom { - clear: both; - padding: 16px; - background-color: #f6f7f7; - border-top: 1px solid rgb(0, 0, 0, 0.1); - overflow: hidden; -} - -.plugin-card-bottom .star-rating { - display: inline; -} - -.plugin-card-update-failed .update-now { - font-weight: 600; -} - -.plugin-card-update-failed .notice-error { - margin: 0; - padding-left: 16px; - box-shadow: 0 -1px 0 #dcdcde; -} - -.plugin-card-update-failed .plugin-card-bottom { - display: none; -} - -.plugin-card .column-rating { - line-height: 1.76923076; -} - -.plugin-card .column-rating, -.plugin-card .column-updated { - margin-bottom: 4px; -} - -.plugin-card .column-rating, -.plugin-card .column-downloaded { - float: left; - clear: left; - max-width: 180px; -} - -.plugin-card .column-updated, -.plugin-card .column-compatibility { - text-align: right; - float: right; - clear: right; - width: 65%; - width: calc( 100% - 180px ); -} - -.plugin-card .column-compatibility span:before { - font: normal 20px/.5 dashicons; - display: inline-block; - padding: 0; - top: 4px; - left: -2px; - position: relative; - vertical-align: top; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; - color: #3c434a; -} - -.plugin-card .column-compatibility .compatibility-incompatible:before { - content: "\f158"; - content: "\f158" / ''; - color: #d63638; -} - -.plugin-card .column-compatibility .compatibility-compatible:before { - content: "\f147"; - content: "\f147" / ''; - color: #007017; -} - -.plugin-card .notice { - margin: 20px 20px 0; -} - -.plugin-card .plugin-icon { - position: absolute; - top: 20px; - left: 20px; - width: 128px; - height: 128px; - margin: 0 20px 20px 0; -} - -.no-plugin-results { - color: #646970; /* same as no themes and no media */ - font-size: 18px; - font-style: normal; - margin: 0; - padding: 100px 0 0; - width: 100%; - text-align: center; -} - -/* ms */ -/* Background Color for Site Status */ -.wp-list-table .site-deleted, -.wp-list-table tr.site-deleted, -.wp-list-table .site-archived, -.wp-list-table tr.site-archived { - background: #fcf0f1; -} -.wp-list-table .site-spammed, -.wp-list-table tr.site-spammed, -.wp-list-table .site-mature, -.wp-list-table tr.site-mature { - background: #fcf9e8; -} - -.sites.fixed .column-lastupdated, -.sites.fixed .column-registered { - width: 20%; -} - -.sites.fixed .column-users { - width: 80px; -} - -/* =Media Queries --------------------------------------------------------------- */ - -@media screen and (max-width: 1100px) and (min-width: 782px), (max-width: 480px) { - .plugin-card .action-links { - position: static; - margin-left: 148px; - width: auto; - } - - .plugin-action-buttons { - float: none; - margin: 1em 0 0; - text-align: left; - } - - .plugin-action-buttons li { - display: inline-block; - vertical-align: middle; - } - - .plugin-action-buttons li .button { - margin-right: 20px; - } - - .plugin-card h3 { - margin-right: 24px; - } - - .plugin-card .name, - .plugin-card .desc { - margin-right: 0; - } - - .plugin-card .desc p:first-of-type { - margin-top: 0; - } -} - -@media screen and (max-width: 782px) { - /* WP List Table Options & Filters */ - .tablenav { - height: auto; - } - - .tablenav.top { - margin: 20px 0 5px; - } - - .tablenav.bottom { - position: relative; - margin-top: 15px; - } - - .tablenav br { - display: none; - } - - .tablenav br.clear { - display: block; - } - - .tablenav.top .actions, - .tablenav .view-switch { - display: none; - } - - .view-switch a { - width: 36px; - height: 36px; - line-height: 2.53846153; - } - - /* Pagination */ - .tablenav.top .displaying-num { - display: none; - } - - .tablenav.bottom .displaying-num { - position: absolute; - right: 0; - top: 11px; - margin: 0; - font-size: 14px; - } - - .tablenav .tablenav-pages { - width: 100%; - text-align: center; - margin: 0 0 25px; - } - - .tablenav.bottom .tablenav-pages { - margin-top: 25px; - } - - .tablenav.top .tablenav-pages.one-page { - display: none; - } - - .tablenav.bottom .actions select { - margin-bottom: 5px; - } - - .tablenav.bottom .actions.alignleft + .actions.alignleft { - clear: left; - margin-top: 10px; - } - - .tablenav.bottom .tablenav-pages.one-page { - margin-top: 15px; - height: 0; - } - - .tablenav-pages .pagination-links { - font-size: 16px; - } - - .tablenav .tablenav-pages .button, - .tablenav .tablenav-pages .tablenav-pages-navspan { - min-width: 40px; - min-height: 40px; - padding: 10px 8px; - font-size: 18px; - line-height: 1; - } - - .tablenav-pages .pagination-links .current-page { - min-width: 40px; - padding: 10px 6px; - font-size: 16px; - line-height: 1.125; - } - - /* WP List Table Adjustments: General */ - .form-wrap > p { - display: none; - } - - .wp-list-table th.column-primary ~ th, - .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column), - .wp-list-table tr:not(.inline-edit-row):not(.no-items) th.column-primary ~ td:not(.check-column) { - display: none; - } - - .wp-list-table tr { - display: flex; - flex-wrap: wrap; - } - - .wp-list-table thead th { - align-content: center; - } - - .wp-list-table td.check-column, - .wp-list-table th.check-column { - flex: 0 0 2.5em; - width: 2.5em; - } - - .wp-list-table .column-primary a { - text-wrap: wrap; - } - - .wp-list-table td.column-primary, - .wp-list-table th.column-primary { - flex: 1 1 0; - } - - .wp-list-table tr td:nth-child(n+3) { - flex: 0 1 100%; - } - - .plugins tr.active.plugin-update-tr + tr.inactive th, - .plugins tr.active.plugin-update-tr + tr.inactive td, - .plugins tr.active + tr.inactive th, - .plugins tr.active + tr.inactive td, - .plugins .inactive td, - .plugins .inactive th, - .plugins .active td, - .plugins .active th, - .plugin-install #the-list td, - .upgrade .plugins td, - .upgrade .plugins th { - box-shadow: none; - } - - .plugins tr { - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); - } - - .plugins .active th.check-column, - .plugins .active td.check-column, - .plugin-update-tr.active td { - border-left: 4px solid transparent; - } - - .plugins .active th.check-column input, - .plugins .active td.check-column input { - margin-left: 0px; - } - - .plugins tr.active, - .plugin-update-tr.active { - border-left: 4px solid var(--wp-admin-theme-color); - } - - .wp-list-table .column-primary .toggle-row { - display: block; - } - - .wp-list-table tbody th, - .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) { - position: relative; - } - - .wp-list-table td.column-primary, - .wp-list-table tbody th.column-primary { - padding-right: 50px; /* space for toggle button */ - } - - .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column), - .wp-list-table tr:not(.inline-edit-row):not(.no-items) th.column-primary ~ td:not(.check-column) { - padding: 3px 8px 3px 35%; - } - - .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column)::before { - position: absolute; - left: 10px; /* match padding of regular table cell */ - display: block; - overflow: hidden; - width: 32%; /* leave a little space for a gutter */ - content: attr(data-colname); - white-space: nowrap; - text-overflow: ellipsis; - } - - .wp-list-table .is-expanded th:not(.hidden), - .wp-list-table .is-expanded td:not(.hidden) { - display: block !important; - overflow: hidden; /* clearfix */ - } - - /* Special cases */ - .widefat .num, - .column-posts { - text-align: left; - } - - #comments-form .fixed .column-author, - #commentsdiv .fixed .column-author { - display: none !important; - } - - .fixed .column-comment .comment-author { - display: block; - } - - /* Comment author hidden via Screen Options */ - .fixed .column-author.hidden ~ .column-comment .comment-author { - display: none; - } - - #the-comment-list .is-expanded td { - box-shadow: none; - } - - #the-comment-list .is-expanded td:last-child { - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); - } - - /* Show comment bubble as text instead */ - .post-com-count .screen-reader-text { - position: static; - clip-path: none; - width: auto; - height: auto; - margin: 0; - } - - .column-response .post-com-count-no-comments:after, - .column-response .post-com-count-approved:after, - .column-comments .post-com-count-no-comments:after, - .column-comments .post-com-count-approved:after { - content: none; - } - - .column-response .post-com-count [aria-hidden="true"], - .column-comments .post-com-count [aria-hidden="true"] { - display: none; - } - - .column-response .post-com-count-wrapper, - .column-comments .post-com-count-wrapper { - white-space: normal; - } - - .column-response .post-com-count-wrapper > a, - .column-comments .post-com-count-wrapper > a { - display: block; - } - - .column-response .post-com-count-no-comments, - .column-response .post-com-count-approved, - .column-comments .post-com-count-no-comments, - .column-comments .post-com-count-approved { - margin-top: 0; - margin-right: 0.5em; - } - - .column-response .post-com-count-pending, - .column-comments .post-com-count-pending { - position: static; - height: auto; - min-width: 0; - padding: 0; - border: none; - border-radius: 0; - background: none; - color: #b32d2e; - font-size: inherit; - line-height: inherit; - text-align: left; - } - - .column-response .post-com-count-pending:hover, - .column-comments .post-com-count-pending:hover { - color: #d63638; - } - - .widefat thead td.check-column, - .widefat tfoot td.check-column { - padding-top: 10px; - } - - .row-actions { - margin-right: -8px; - padding-top: 4px; - } - - /* Make row actions more easy to select on mobile */ - body:not(.plugins-php) .row-actions { - display: flex; - flex-wrap: wrap; - gap: 8px; - color: transparent; - } - - .row-actions span { - font-size: 0; - } - - .row-actions span a, - .row-actions span .button-link { - display: inline-block; - padding: 4px 16px 4px 0; - font-size: 13px; - line-height: 1.5; - } - - .row-actions span.approve:before, - .row-actions span.unapprove:before { - content: "| "; - } - - /* Quick Edit and Bulk Edit */ - #wpbody-content .quick-edit-row-post .inline-edit-col-left, - #wpbody-content .quick-edit-row-post .inline-edit-col-right, - #wpbody-content .inline-edit-row-post .inline-edit-col-center, - #wpbody-content .quick-edit-row-page .inline-edit-col-left, - #wpbody-content .quick-edit-row-page .inline-edit-col-right, - #wpbody-content .bulk-edit-row-post .inline-edit-col-right, - #wpbody-content .bulk-edit-row .inline-edit-col-left, - #wpbody-content .bulk-edit-row-page .inline-edit-col-right, - #wpbody-content .bulk-edit-row .inline-edit-col-bottom { - float: none; - width: 100%; - padding: 0; - } - - #the-list .inline-edit-row .inline-edit-legend, - .inline-edit-row span.title { - font-size: 16px; - } - - .inline-edit-row p.howto { - font-size: 14px; - } - - #wpbody-content .inline-edit-row-page .inline-edit-col-right { - margin-top: 0; - } - - #wpbody-content .quick-edit-row fieldset .inline-edit-col label, - #wpbody-content .quick-edit-row fieldset .inline-edit-group label, - #wpbody-content .bulk-edit-row fieldset .inline-edit-col label, - #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { - max-width: none; - float: none; - margin-bottom: 5px; - } - - #wpbody .bulk-edit-row fieldset select { - display: block; - width: 100%; - max-width: none; - box-sizing: border-box; - } - - .inline-edit-row select, - .inline-edit-row input:where(:not([type=checkbox],[type=radio],[type=submit],[type=button])) { - min-height: 40px; - } - - .inline-edit-row fieldset input[name=jj], - .inline-edit-row fieldset input[name=hh], - .inline-edit-row fieldset input[name=mn], - .inline-edit-row fieldset input[name=aa] { - font-size: 16px; - line-height: 2; - padding: 3px 4px; - } - - #bulk-titles .ntdelbutton, - #bulk-titles .ntdeltitle, - .inline-edit-row fieldset ul.cat-checklist label { - padding: 6px 0; - font-size: 16px; - line-height: 28px; - } - - #bulk-titles .ntdelitem { - padding-left: 37px; - } - - #bulk-titles .ntdelbutton { - width: 40px; - height: 40px; - margin: 0 0 0 -40px; - overflow: hidden; - } - - #bulk-titles .ntdelbutton:before { - font-size: 20px; - line-height: 28px; - } - - .inline-edit-row fieldset label span.title, - .inline-edit-row fieldset.inline-edit-date legend { - float: none; - } - - .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags { - padding: 0; - } - - .inline-edit-row fieldset label span.input-text-wrap, - .inline-edit-row fieldset .timestamp-wrap { - margin-left: 0; - } - - .inline-edit-row .inline-edit-or { - margin: 0 6px 0 0; - } - - #edithead .inside, - #commentsdiv #edithead .inside { - float: none; - text-align: left; - padding: 3px 5px; - } - - #commentsdiv #edithead .inside input, - #edithead .inside input { - width: 100%; - } - - #edithead label { - display: block; - } - - /* Updates */ - #wpbody-content .updates-table .plugin-title { - width: auto; - white-space: normal; - } - - /* Links */ - .link-manager-php #posts-filter { - margin-top: 25px; - } - - .link-manager-php .tablenav.bottom { - overflow: hidden; - } - - /* List tables that don't toggle rows */ - .comments-box .toggle-row, - .wp-list-table.plugins .toggle-row { - display: none; - } - - /* Plugin/Theme Management */ - #wpbody-content .wp-list-table.plugins tbody td { - display: block; - width: auto; - padding: 10px 9px; /* reset from other list tables that have a label at this width */ - } - - #wpbody-content .wp-list-table.plugins .plugin-deleted-tr td, - #wpbody-content .wp-list-table.plugins .no-items td { - display: table-cell; - } - - /* Plugin description hidden via Screen Options */ - #wpbody-content .wp-list-table.plugins .desc.hidden { - display: none; - } - - #wpbody-content .wp-list-table.plugins .column-description { - padding-top: 2px; - } - - #wpbody-content .wp-list-table.plugins .plugin-title, - #wpbody-content .wp-list-table.plugins .theme-title { - padding-right: 12px; - white-space: normal; - } - - .wp-list-table.plugins .plugin-title, - .wp-list-table.plugins .theme-title { - padding-top: 13px; - padding-bottom: 4px; - } - - .plugins #the-list tr > td:not(:last-child), - .plugins #the-list .update th, - .plugins #the-list .update td, - .wp-list-table.plugins #the-list .theme-title { - box-shadow: none; - border-top: none; - } - - .plugins #the-list tr td { - border-top: none; - } - - .plugins tbody { - padding: 1px 0 0; - } - - .plugins tr.active + tr.inactive th.check-column, - .plugins tr.active + tr.inactive td.check-column, - .plugins tr.active + tr.inactive td.column-description, - .plugins .plugin-update-tr:before { - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); - } - - .plugins tr.active + tr.inactive th.check-column, - .plugins tr.active + tr.inactive td.check-column, - .plugins tr.active + tr.inactive td { - border-top: none; - } - - /* mimic the checkbox th */ - .plugins .plugin-update-tr:before { - content: ""; - display: table-cell; - } - - .plugins #the-list .plugin-update-tr .plugin-update { - border-left: none; - } - - .plugin-update-tr .update-message { - margin-left: 0; - } - - .plugins .active.update + .plugin-update-tr:before, - .plugins .active.updated + .plugin-update-tr:before { - background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); - border-left: 4px solid var(--wp-admin-theme-color); - } - - .plugins .plugin-update-tr .update-message { - margin-left: 0; - } - - .wp-list-table.plugins .plugin-title strong, - .wp-list-table.plugins .theme-title strong { - font-size: 1.4em; - line-height: 1.5; - } - - .plugins tbody th.check-column, - .plugins tbody td.check-column { - padding: 8px 0 0 5px; - } - - .plugins thead td.check-column, - .plugins tfoot td.check-column, - .plugins .inactive th.check-column, - .plugins .inactive td.check-column { - padding-left: 9px; - } - - /* Add New plugins page */ - table.plugin-install .column-name, - table.plugin-install .column-version, - table.plugin-install .column-rating, - table.plugin-install .column-description { - display: block; - width: auto; - } - - table.plugin-install th.column-name, - table.plugin-install th.column-version, - table.plugin-install th.column-rating, - table.plugin-install th.column-description { - display: none; - } - - table.plugin-install td.column-name strong { - font-size: 1.4em; - line-height: 1.6em; - } - - table.plugin-install #the-list td { - box-shadow: none; - } - - table.plugin-install #the-list tr { - display: block; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); - } - - .plugin-card { - margin-left: 0; - margin-right: 0; - width: 100%; - } - - table.media .column-title .has-media-icon ~ .row-actions { - margin-left: 0; - clear: both; - } -} - -@media screen and (max-width: 480px) { - .tablenav-pages .current-page { - margin: 0; - } - - .tablenav.bottom .displaying-num { - position: relative; - top: 0; - display: block; - text-align: right; - padding-bottom: 0.5em; - } - - .tablenav.bottom .tablenav-pages.one-page { - height: auto; - } - - .tablenav-pages .tablenav-paging-text { - float: left; - width: 100%; - padding-top: 0.5em; - } -} diff --git a/src/wp-admin/css/login.css b/src/wp-admin/css/login.css index 4765e604a938d..e69de29bb2d1d 100644 --- a/src/wp-admin/css/login.css +++ b/src/wp-admin/css/login.css @@ -1,503 +0,0 @@ -html, -body { - height: 100%; - margin: 0; - padding: 0; -} - -body { - background: #f0f0f1; - min-width: 0; - color: #3c434a; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 1.4; -} - -a { - color: var(--wp-admin-theme-color-darker-10); - transition-property: border, background, color; - transition-duration: .05s; - transition-timing-function: ease-in-out; - text-underline-position: under; -} - -a { - outline: 0; -} - -a:hover, -a:active { - color: var(--wp-admin-theme-color-darker-20); -} - -a:focus { - color: var(--wp-admin-theme-color-darker-20); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -p { - line-height: 1.5; -} - -.login .message, -.login .notice, -.login .success { - border-left: 4px solid #3858e9; - padding: 8px 12px; - margin-top: 0; - margin-left: 0; - margin-bottom: 20px; - background-color: #fff; - word-wrap: break-word; -} - -.login .message p, -.login .notice p, -.login .success p { - font-size: 13px; - line-height: 1.54; - margin: 0.5em 0; -} - -.login .success { - border-left-color: #4ab866; - background-color: #eff9f1; -} - -/* Match border color from common.css */ -.login .notice-error { - border-left-color: #cc1818; - background-color: #fcf0f0; -} - -.login .login-error-list { - list-style: none; -} - -.login .login-error-list li + li { - margin-top: 4px; -} - -#loginform p.submit, -.login-action-lostpassword p.submit { - border: none; - margin: -10px 0 20px; /* May want to revisit this */ -} - -.login * { - margin: 0; - padding: 0; -} - -.login .input::-ms-clear { - display: none; -} - -.login .pw-weak { - margin-bottom: 15px; -} - -/* rtl:ignore */ -.login .button.wp-hide-pw { - background: transparent; - border: 1px solid transparent; - box-shadow: none; - font-size: 14px; - line-height: normal; - width: 2.5rem; - height: 2.5rem; - min-width: 40px; - min-height: 40px; - margin: 0; - padding: 5px 9px; - position: absolute; - right: 0; - top: 0; -} - -.login .button.wp-hide-pw:hover { - background: transparent; -} - -.login .button.wp-hide-pw:focus { - background: transparent; - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.login .button.wp-hide-pw:active { - background: transparent; - box-shadow: none; - transform: none; -} - -.login .button.wp-hide-pw .dashicons { - width: 1.25rem; - height: 1.25rem; -} - -.login .wp-pwd { - position: relative; -} - -.no-js .hide-if-no-js { - display: none; -} - -.login form { - margin: 24px 0; - padding: 26px 24px; - font-weight: 400; - overflow: hidden; - background: #fff; - border: 1px solid #c3c4c7; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); -} - -.login form.shake { - animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both; - animation-iteration-count: 3; - transform: translateX(0); -} - -@keyframes shake { - 25% { - transform: translateX(-20px); - } - 75% { - transform: translateX(20px); - } - 100% { - transform: translateX(0); - } -} - -@media (prefers-reduced-motion: reduce) { - .login form.shake { - animation: none; - transform: none; - } -} - -.login-action-confirm_admin_email #login { - width: 60vw; - max-width: 650px; - margin-top: -2vh; -} - -@media screen and (max-width: 782px) { - .login-action-confirm_admin_email #login { - box-sizing: border-box; - margin-top: 0; - padding-left: 4vw; - padding-right: 4vw; - width: 100vw; - } -} - -.login form .forgetmenot { - font-weight: 400; - float: left; - margin-bottom: 0; -} - -.login .button-primary { - float: right; -} - -.login .reset-pass-submit { - display: flex; - flex-flow: row wrap; - justify-content: space-between; -} - -.login .reset-pass-submit .button { - display: inline-block; - float: none; - margin-bottom: 6px; -} - -.login .admin-email-confirm-form .submit { - text-align: center; -} - -.admin-email__later { - text-align: left; -} - -.login form p.admin-email__details { - margin: 1.1em 0; -} - -.login .admin-email__heading { - border-bottom: 1px #f0f0f1 solid; - color: #50575e; - font-weight: normal; - padding-bottom: 0.5em; - text-align: left; -} - -.admin-email__actions div { - padding-top: 1.5em; -} - -.login .admin-email__actions .button-primary { - float: none; - margin-left: 0.25em; - margin-right: 0.25em; -} - -#login form p { - margin-bottom: 0; -} - -#login form .indicator-hint, -#login #reg_passmail { - margin-bottom: 16px; -} - -#login form p.submit { - margin: 0; - padding: 0; -} - -.login label { - font-size: 14px; - line-height: 1.5; - display: inline-block; - margin-bottom: 3px; -} - -.login .forgetmenot label, -.login .pw-weak label { - line-height: 1.5; - vertical-align: baseline; -} - -.login h1 { - text-align: center; -} - -.login h1 a { - background-image: url(../images/w-logo-gray.png?ver=20260303); - background-image: none, url(../images/wordpress-logo-gray.svg?ver=20260303); - background-size: 84px; - background-position: center top; - background-repeat: no-repeat; - color: #3c434a; - height: 84px; - font-size: 20px; - font-weight: 400; - line-height: 1.3; - margin: 0 auto 24px; - padding: 0; - text-decoration: none; - width: 84px; - text-indent: -9999px; - outline: none; - overflow: hidden; - display: block; -} - -#login { - width: 320px; - padding: 5% 0 0; - margin: auto; -} - -.login #nav, -.login #backtoblog { - font-size: 13px; - padding: 0 24px; -} - -.login #nav { - margin: 24px 0 0; -} - -#backtoblog { - margin: 16px 0; - word-wrap: break-word; -} - -.login #nav a, -.login #backtoblog a { - color: #50575e; -} - -.login #nav a:hover, -.login #backtoblog a:hover, -.login h1 a:hover { - color: var(--wp-admin-theme-color-darker-20); -} - -.login #nav a:focus, -.login #backtoblog a:focus, -.login h1 a:focus { - color: var(--wp-admin-theme-color-darker-20); -} - -.login .privacy-policy-page-link { - text-align: center; - width: 100%; - margin: 3em 0 2em; -} - -.login form .input, -.login input[type="text"], -.login input[type="password"] { - font-size: 24px; - line-height: 1.33333333; /* 32px */ - width: 100%; - border-width: 0.0625rem; - padding: 0.1875rem 0.3125rem; /* 3px 5px */ - margin: 0 6px 16px 0; - min-height: 40px; - max-height: none; -} - -.login input.password-input { - font-family: Consolas, Monaco, monospace; -} - -/* rtl:ignore */ -.js.login input.password-input { - padding-right: 2.5rem; -} - -.js.login-action-resetpass input[type="text"], -.js.login-action-resetpass input[type="password"], -.js.login-action-rp input[type="text"], -.js.login-action-rp input[type="password"] { - margin-bottom: 0; -} - -.login #pass-strength-result { - font-weight: 600; - margin: -1px 5px 16px 0; - padding: 6px 5px; - text-align: center; - width: 100%; -} - -body.interim-login { - height: auto; -} - -.interim-login #login { - padding: 0; - margin: 5px auto 20px; -} - -.interim-login.login h1 a { - width: auto; -} - -.interim-login #login_error, -.interim-login.login .message { - margin: 0 0 16px; -} - -.interim-login.login form { - margin: 0; -} - -/* Hide visually but not from screen readers */ -.screen-reader-text, -.screen-reader-text span { - border: 0; - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - /* Many screen reader and browser combinations announce broken words as they would appear visually. */ - word-wrap: normal !important; - word-break: normal !important; -} - -/* Hide the Edge "reveal password" native button */ -input::-ms-reveal { - display: none; -} - -#language-switcher { - padding: 0; - overflow: visible; - background: none; - border: none; - box-shadow: none; -} - -#language-switcher select { - margin-right: 0.25em; -} - -.language-switcher { - margin: 0 auto; - padding: 0 0 24px; - text-align: center; -} - -.language-switcher form { - display: inline-block; -} - -.language-switcher label { - display: block; - margin-bottom: 0.5em; - text-align: left; -} - -.language-switcher label .dashicons { - margin-left: 0.5em; - width: auto; - height: auto; -} - -.login .language-switcher .button { - margin-bottom: 0; -} - -@media screen and (max-height: 550px) { - #login { - padding: 20px 0; - } - - #language-switcher { - margin-top: 0; - } -} - - -@media screen and (max-width: 782px) { - .interim-login input[type=checkbox] { - width: 1rem; - height: 1rem; - } - - .interim-login input[type=checkbox]:checked:before { - width: 1.3125rem; - height: 1.3125rem; - margin: -0.1875rem 0 0 -0.25rem; - } - - #language-switcher label, - #language-switcher select { - margin-right: 0; - } -} - -@media screen and (max-width: 400px) { - .login .language-switcher .button { - display: block; - margin: 5px auto 0; - } -} diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index 3d7b0c9455c83..e69de29bb2d1d 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -1,1506 +0,0 @@ -/*------------------------------------------------------------------------------ - 14.0 - Media Screen -------------------------------------------------------------------------------*/ - -.media-item .describe { - border-collapse: collapse; - width: 100%; - border-top: 1px solid #dcdcde; - clear: both; - cursor: default; -} - -.media-item.media-blank .describe { - border: 0; -} - -.media-item .describe th { - vertical-align: top; - text-align: left; - padding: 5px 10px 10px; - width: 140px; -} - -.media-item .describe .align th { - padding-top: 0; -} - -.media-item .media-item-info tr { - background-color: transparent; -} - -.media-item .describe td { - padding: 0 8px 8px 0; - vertical-align: top; -} - -.media-item thead.media-item-info td { - padding: 4px 10px 0; -} - -.media-item .media-item-info .A1B1 { - padding: 0 0 0 10px; -} - -.media-item td.savesend { - padding-bottom: 15px; -} - -.media-item .thumbnail { - max-height: 128px; - max-width: 128px; -} - -.media-list-subtitle { - display: block; -} - -.media-list-title { - display: block; -} - -#wpbody-content #async-upload-wrap a { - display: none; -} - -.media-upload-form { - margin-top: 20px; -} - -.media-upload-form td label { - margin-right: 6px; - margin-left: 2px; -} - -.media-upload-form .align .field label { - display: inline; - padding: 0 0 0 23px; - margin: 0 1em 0 3px; - font-weight: 600; -} - -.media-upload-form tr.image-size label { - margin: 0 0 0 5px; - font-weight: 600; -} - -.media-upload-form th.label label { - font-weight: 600; - margin: 0.5em; - font-size: 13px; -} - -.media-upload-form th.label label span { - padding: 0 5px; -} - -.media-item .describe input[type="text"], -.media-item .describe textarea { - width: 460px; -} - -.media-item .describe p.help { - margin: 0; - padding: 0 0 0 5px; -} - -.describe-toggle-on, -.describe-toggle-off { - display: block; - line-height: 2.76923076; - float: right; - margin-right: 10px; -} - -.media-item .attachment-tools { - display: flex; - align-items: center; -} - -.media-item .edit-attachment { - padding: 14px 0; - display: block; - margin-right: 10px; -} - -.media-item .edit-attachment.copy-to-clipboard-container { - display: flex; - margin-top: 0; -} - -.media-item-copy-container .success { - line-height: 0; -} - -.media-item button .copy-attachment-url { - margin-top: 14px; -} - -.media-item .copy-to-clipboard-container { - margin-top: 7px; -} - -.media-item .describe-toggle-off, -.media-item.open .describe-toggle-on { - display: none; -} - -.media-item.open .describe-toggle-off { - display: block; -} - -.media-upload-form .media-item { - min-height: 70px; - margin-bottom: 1px; - position: relative; - width: 100%; - background: #fff; -} - -.media-upload-form .media-item, -.media-upload-form .media-item .error { - box-shadow: 0 1px 0 #dcdcde; -} - -#media-items:empty { - border: 0 none; -} - -.media-item .filename { - padding: 14px 2px; - overflow: hidden; - margin-left: 4px; -} - -.media-item .pinkynail { - float: left; - margin: 14px; - max-height: 70px; - max-width: 70px; -} - -.media-item .startopen, -.media-item .startclosed { - display: none; -} - -.media-item .progress { - display: inline-block; - height: 22px; - margin: 0 6px 7px; - width: 200px; - line-height: 2em; - padding: 0; - overflow: hidden; - border-radius: 22px; - background: #dcdcde; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -} - -.media-item .bar { - z-index: 9; - width: 0; - height: 100%; - margin-top: -22px; - border-radius: 22px; - background-color: #2271b1; - box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); -} - -.media-item .progress .percent { - z-index: 10; - position: relative; - width: 200px; - padding: 0; - color: #fff; - text-align: center; - line-height: 22px; - font-weight: 400; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -} - -.upload-php .fixed .column-parent { - width: 15%; -} - -.js .html-uploader #plupload-upload-ui { - display: none; -} - -.js .html-uploader #html-upload-ui { - display: block; -} - -#html-upload-ui #async-upload { - font-size: 1em; -} - -.media-upload-form .media-item.error, -.media-upload-form .media-item .error { - width: auto; - margin: 0 0 1px; -} - -.media-upload-form .media-item .error { - padding: 10px 0 10px 14px; - min-height: 50px; -} - -.media-item .error-div button.dismiss { - float: right; - margin: 0 10px 0 15px; -} - -/*------------------------------------------------------------------------------ - 14.1 - Media Library -------------------------------------------------------------------------------*/ - -.find-box { - background-color: #fff; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); - width: 600px; - overflow: hidden; - margin-left: -300px; - position: fixed; - top: 30px; - bottom: 30px; - left: 50%; - z-index: 100105; -} - -.find-box-head { - background: #fff; - border-bottom: 1px solid #dcdcde; - height: 36px; - font-size: 18px; - font-weight: 600; - line-height: 2; - padding: 0 36px 0 16px; - position: absolute; - top: 0; - left: 0; - right: 0; -} - -.find-box-inside { - overflow: auto; - padding: 16px; - background-color: #fff; - position: absolute; - top: 37px; - bottom: 45px; - overflow-y: scroll; - width: 100%; - box-sizing: border-box; -} - -.find-box-search { - padding-bottom: 16px; -} - -.find-box-search .spinner { - float: none; - left: 105px; - position: absolute; -} - -.find-box-search, -#find-posts-response { - position: relative; /* RTL fix, #WP28010 */ -} - -#find-posts-input, -#find-posts-search { - float: left; -} - -#find-posts-input { - width: 140px; - height: 28px; - margin: 0 4px 0 0; -} - -.widefat .found-radio { - padding-right: 0; - width: 16px; -} - -#find-posts-close { - width: 36px; - height: 36px; - border: none; - padding: 0; - position: absolute; - top: 0; - right: 0; - cursor: pointer; - text-align: center; - background: none; - color: #646970; -} - -#find-posts-close:hover, -#find-posts-close:focus { - color: var(--wp-admin-theme-color-darker-20, #183ad6); -} - -#find-posts-close:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; - outline-offset: -2px; -} - -#find-posts-close:before { - font: normal 20px/36px dashicons; - vertical-align: top; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - content: "\f158"; - content: "\f158" / ''; -} - -.find-box-buttons { - padding: 8px 16px; - background: #fff; - border-top: 1px solid #dcdcde; - position: absolute; - bottom: 0; - left: 0; - right: 0; -} - -@media screen and (max-width: 782px) { - .find-box-inside { - bottom: 57px; - } - - #delete_all { - margin-bottom: 0; - } -} - -@media screen and (max-width: 660px) { - - .find-box { - top: 0; - bottom: 0; - left: 0; - right: 0; - margin: 0; - width: 100%; - } - -} - -.ui-find-overlay { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #000; - opacity: 0.7; - filter: alpha(opacity=70); - z-index: 100100; -} - -.drag-drop #drag-drop-area { - border: 4px dashed #c3c4c7; - height: 200px; -} - -.drag-drop .drag-drop-inside { - margin: 60px auto 0; - width: 250px; -} - -.drag-drop-inside p { - font-size: 14px; - margin: 5px 0; - display: none; -} - -.drag-drop .drag-drop-inside p { - text-align: center; -} - -.drag-drop-inside p.drag-drop-info { - font-size: 20px; -} - -.drag-drop .drag-drop-inside p, -.drag-drop-inside p.drag-drop-buttons { - display: block; -} - -/* -#drag-drop-area:-moz-drag-over { - border-color: #83b4d8; -} -border color while dragging a file over the uploader drop area */ -.drag-drop.drag-over #drag-drop-area { - border-color: #9ec2e6; -} - -#plupload-upload-ui { - position: relative; -} - -.post-type-attachment .wp-filter select { - margin: 0 6px 0 0; -} - -/* Match the spacing the grid view toolbar gets from - `.attachments-browser .media-toolbar` in media-views.css, so the Media - Library filter bar is consistent in both modes. The grid view toolbar is - excluded so that rule stays the single source of its own padding: media.css - is printed after media-views.css here, so an unscoped rule would override - it. */ -.upload-php .wp-filter:not(.media-toolbar) { - padding: 12px 16px; -} - -/** - * Media Library grid view - */ - -.media-frame.mode-grid, -.media-frame.mode-grid .media-frame-content, -.media-frame.mode-grid .attachments-browser:not(.has-load-more) .attachments, -.media-frame.mode-grid .attachments-browser.has-load-more .attachments-wrapper, -.media-frame.mode-grid .uploader-inline-content { - position: static; -} - -/* Regions we don't use at all */ -.media-frame.mode-grid .media-frame-title, -.media-frame.mode-grid .media-frame-router, -.media-frame.mode-grid .media-frame-menu { - display: none; -} - -.media-frame.mode-grid .media-frame-content { - background-color: transparent; - border: none; -} - -.upload-php .mode-grid .media-sidebar { - position: relative; - width: auto; - margin-top: 12px; - padding: 0 16px; - border-left: 4px solid #d63638; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); - background-color: #fff; -} - -.upload-php .mode-grid .hide-sidebar .media-sidebar { - display: none; -} - -.upload-php .mode-grid .media-sidebar .media-uploader-status { - border-bottom: none; - padding-bottom: 0; - max-width: 100%; -} - -.upload-php .mode-grid .media-sidebar .upload-error { - margin: 12px 0; - padding: 4px 0 0; - border: none; - box-shadow: none; - background: none; -} - -.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 { - display: none; -} - -.media-frame.mode-grid .uploader-inline { - position: relative; - top: auto; - right: auto; - left: auto; - bottom: auto; - padding-top: 0; - margin-top: 20px; - border: 4px dashed #c3c4c7; -} - -.media-frame.mode-select .attachments-browser.fixed:not(.has-load-more) .attachments, -.media-frame.mode-select .attachments-browser.has-load-more.fixed .attachments-wrapper { - position: relative; - top: 94px; /* prevent jumping up when the toolbar becomes fixed */ - padding-bottom: 94px; /* offset for above so the bottom doesn't get cut off */ -} - -.media-frame.mode-grid .attachment:focus, -.media-frame.mode-grid .selected.attachment:focus, -.media-frame.mode-grid .attachment.details:focus { - /* Keep this box-shadow consistent between media.css and media-views.css. */ - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; - outline-offset: -6px; -} - -.media-frame.mode-grid .selected.attachment { - box-shadow: - inset 0 0 0 5px #f0f0f1, - inset 0 0 0 7px #c3c4c7; -} - -.media-frame.mode-grid .attachment.details { - box-shadow: - inset 0 0 0 3px #f0f0f1, - inset 0 0 0 7px var(--wp-admin-theme-color, #3858e9); -} - -.media-frame.mode-grid.mode-select .attachment .thumbnail { - opacity: 0.65; -} - -.media-frame.mode-select .attachment.selected .thumbnail { - opacity: 1; -} - -.media-frame.mode-grid .media-toolbar { - margin-bottom: 15px; - height: auto; - min-height: 80px; -} - -.media-frame.mode-grid .media-toolbar label:not(.media-search-input-label) { - border: 0; - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - /* Many screen reader and browser combinations announce broken words as they would appear visually. */ - word-wrap: normal !important; - word-break: normal !important; -} - -.media-frame.mode-grid .media-toolbar select { - margin: 0 10px 0 0; - min-height: 32px; - line-height: 2.14285714; /* 30px for 32px height with 14px font */ - padding: 0 24px 0 8px; -} - -.media-frame.mode-grid .media-toolbar input[type="search"] { - min-height: 32px; - padding: 0 8px; -} - -.media-frame.mode-grid .media-toolbar-secondary { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 8px; -} - -.media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button { - margin: 0 8px 0 0; - height: 100%; -} - -.media-frame.mode-grid .attachments-browser .bulk-select { - display: inline-block; - margin: 0 10px 0 0; -} - -.media-frame.mode-grid .search { - margin-top: 0; -} - -.media-frame-content .media-search-input-label { - vertical-align: baseline; -} - -.attachments-browser .media-toolbar-secondary > .media-button { - margin-right: 10px; -} - -.media-frame.mode-select .attachments-browser.fixed .media-toolbar { - position: fixed; - top: 32px; - left: auto; - right: 20px; - margin-top: 0; -} - -.media-frame.mode-grid .attachments-browser { - padding: 0; -} - -.media-frame.mode-grid .attachments-browser .attachments { - padding: 2px; -} - -.media-frame.mode-grid .attachments-browser .no-media { - color: #646970; /* same as no plugins and no themes */ - font-size: 18px; - font-style: normal; - margin: 0; - padding: 100px 0 0; - text-align: center; -} - -/** - * Attachment details modal - */ - -.edit-attachment-frame { - display: block; - height: 100%; - width: 100%; -} - -.edit-attachment-frame .edit-media-header { - overflow: hidden; -} - -.upload-php .media-modal-close .media-modal-icon:before { - content: "\f335"; - content: "\f335" / ''; - font-size: 22px; -} - -.upload-php .media-modal-close, -.edit-attachment-frame .edit-media-header .left, -.edit-attachment-frame .edit-media-header .right { - cursor: pointer; - color: #787c82; - background-color: transparent; - height: 50px; - width: 50px; - padding: 0; - position: absolute; - text-align: center; - border: 0; - border-left: 1px solid #dcdcde; - transition: color .1s ease-in-out, background .1s ease-in-out; -} - -.upload-php .media-modal-close { - top: 0; - right: 0; -} - -.edit-attachment-frame .edit-media-header .left { - right: 102px; -} - -.edit-attachment-frame .edit-media-header .right { - right: 51px; -} - -.edit-attachment-frame .media-frame-title { - left: 0; - right: 150px; /* leave space for prev/next/close */ -} - -.edit-attachment-frame .edit-media-header .right:before, -.edit-attachment-frame .edit-media-header .left:before { - font: normal 20px/50px dashicons !important; - display: inline; - font-weight: 300; -} - -.upload-php .media-modal-close:hover, -.upload-php .media-modal-close:focus, -.edit-attachment-frame .edit-media-header .left:hover, -.edit-attachment-frame .edit-media-header .right:hover, -.edit-attachment-frame .edit-media-header .left:focus, -.edit-attachment-frame .edit-media-header .right:focus { - background: #dcdcde; - border-color: #c3c4c7; - color: #000; - outline: none; - box-shadow: none; -} - -.upload-php .media-modal-close:focus, -.edit-attachment-frame .edit-media-header .left:focus, -.edit-attachment-frame .edit-media-header .right:focus { - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; - outline-offset: -2px; -} - -.upload-php .media-modal-close:focus .media-modal-icon:before, -.upload-php .media-modal-close:hover .media-modal-icon:before { - color: #000; -} - -.edit-attachment-frame .edit-media-header .left:before { - content: "\f341"; - content: "\f341" / ''; -} - -.edit-attachment-frame .edit-media-header .right:before { - content: "\f345"; - content: "\f345" / ''; -} - -.edit-attachment-frame .edit-media-header [disabled], -.edit-attachment-frame .edit-media-header [disabled]:hover { - color: #c3c4c7; - background: inherit; - cursor: default; -} - -.edit-attachment-frame .media-frame-content, -.edit-attachment-frame .media-frame-router { - left: 0; -} - -.edit-attachment-frame .media-frame-content { - border-bottom: none; - bottom: 0; - top: 50px; -} - -.edit-attachment-frame .attachment-details { - position: absolute; - overflow: auto; - top: 0; - bottom: 0; - right: 0; - left: 0; - box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1); -} - -.edit-attachment-frame .attachment-media-view { - float: left; - width: 65%; - height: 100%; -} - -.edit-attachment-frame .attachment-media-view .thumbnail { - box-sizing: border-box; - padding: 16px; - height: 100%; -} - -.edit-attachment-frame .attachment-media-view .details-image { - display: block; - margin: 0 auto 16px; - max-width: 100%; - max-height: 90%; - max-height: calc( 100% - 56px ); /* leave space for actions underneath */ - background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); - background-position: 0 0, 10px 10px; - background-size: 20px 20px; -} - -.edit-attachment-frame .attachment-media-view .details-image.icon { - background: none; -} - -.edit-attachment-frame .attachment-media-view .attachment-actions { - text-align: center; -} - -.edit-attachment-frame .wp-media-wrapper { - margin-bottom: 12px; -} - -.edit-attachment-frame input, -.edit-attachment-frame textarea { - padding: 4px 8px; - line-height: 1.42857143; -} - -.edit-attachment-frame .attachment-info { - overflow: auto; - box-sizing: border-box; - margin-bottom: 0; - padding: 12px 16px 0; - width: 35%; - height: 100%; - box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1); - border-bottom: 0; - border-left: 1px solid #dcdcde; - background: #f6f7f7; -} - -.edit-attachment-frame .attachment-info .details, -.edit-attachment-frame .attachment-info .settings { - position: relative; /* RTL fix, #WP29352 */ - overflow: hidden; - float: none; - margin-bottom: 15px; - padding-bottom: 15px; - border-bottom: 1px solid #dcdcde; -} - -.edit-attachment-frame .attachment-info .filename { - font-weight: 400; - color: #646970; -} - -.edit-attachment-frame .attachment-info .thumbnail { - margin-bottom: 12px; -} - -.attachment-info .actions { - margin-bottom: 16px; -} - -.attachment-info .actions a { - display: inline; - text-decoration: none; -} - -.copy-to-clipboard-container { - display: flex; - align-items: center; - margin-top: 8px; - clear: both; -} - -.copy-to-clipboard-container .copy-attachment-url { - white-space: normal; -} - -.copy-to-clipboard-container .success { - color: #007017; - margin-left: 8px; -} - -/*------------------------------------------------------------------------------ - 14.2 - Image Editor -------------------------------------------------------------------------------*/ -.wp_attachment_details .attachment-alt-text { - margin-bottom: 5px; -} - -.wp_attachment_details #attachment_alt { - max-width: 500px; - height: 3.28571428em; -} - -.wp_attachment_details .attachment-alt-text-description { - margin-top: 5px; -} - -.wp_attachment_details label[for="content"] { - font-size: 13px; - line-height: 1.5; - margin: 1em 0; -} - -.wp_attachment_details #attachment_caption { - height: 4em; -} - -.describe .image-editor { - vertical-align: top; -} - -.imgedit-wrap { - position: relative; - padding-top: 10px; -} - -.image-editor p, -.image-editor fieldset { - margin: 8px 0; -} - -.image-editor legend { - margin-bottom: 5px; -} - -.describe .imgedit-wrap .image-editor { - padding: 0 5px; -} - -.wp_attachment_holder div.updated { - margin-top: 0; -} - -.wp_attachment_holder .imgedit-wrap > div { - height: auto; -} - -.imgedit-panel-content { - display: flex; - flex-wrap: wrap; - gap: 20px; - margin-bottom: 20px; -} - -.imgedit-settings { - max-width: 240px; /* Prevent reflow when help info is expanded. */ -} - -.imgedit-group-controls > * { - display: none; -} - -.imgedit-panel-active .imgedit-group-controls > * { - display: block; -} - -.imgedit-panel-active .imgedit-group-controls > .imgedit-crop-apply { - display: flex; -} - -.imgedit-crop-apply { - gap: 4px; - flex-wrap: wrap; -} - -.wp_attachment_holder .imgedit-wrap .image-editor { - float: right; - width: 250px; -} - -.image-editor input { - margin-top: 0; - vertical-align: middle; -} - -.imgedit-wait { - position: absolute; - top: 0; - bottom: 0; - width: 100%; - background: #fff; - opacity: 0.7; - filter: alpha(opacity=70); - display: none; -} - -.imgedit-wait:before { - content: ""; - display: block; - width: 20px; - height: 20px; - position: absolute; - left: 50%; - top: 50%; - margin: -10px 0 0 -10px; - background: transparent url(../images/spinner.gif) no-repeat center; - background-size: 20px 20px; - transform: translateZ(0); -} - -.no-float { - float: none; -} - -.media-disabled, -.image-editor .disabled { - /* WCAG 1.4.3 Text or images of text that are part of an inactive user - interface component ... have no contrast requirement. */ - color: #a7aaad; -} - -.A1B1 { - overflow: hidden; -} - -.wp_attachment_image .button, -.A1B1 .button { - float: left; -} - -.no-js .wp_attachment_image .button { - display: none; -} - -.wp_attachment_image .spinner, -.A1B1 .spinner { - float: left; -} - -.imgedit-menu .note-no-rotate { - clear: both; - margin: 0; - padding: 1em 0 0; -} - -.imgedit-menu .button:after, -.imgedit-menu .button:before { - font: normal 16px/1 dashicons; - margin-right: 8px; - vertical-align: middle; - position: relative; - top: -2px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.imgedit-menu .imgedit-rotate.button:after { - content: '\f140'; - margin-left: 2px; - margin-right: 0; -} - -.imgedit-menu .imgedit-rotate.button[aria-expanded="true"]:after { - content: '\f142'; -} - -.imgedit-menu .button.disabled { - color: #a7aaad; - border-color: #dcdcde; - background: #f6f7f7; - box-shadow: none; - text-shadow: 0 1px 0 #fff; - cursor: default; - transform: none; -} - -.imgedit-crop:before { - content: "\f165"; - content: "\f165" / ''; -} - -.imgedit-scale:before { - content: "\f211"; - content: "\f211" / ''; -} - -.imgedit-rotate:before { - content: "\f167"; - content: "\f167" / ''; -} - -.imgedit-undo:before { - content: "\f171"; - content: "\f171" / ''; -} - -.imgedit-redo:before { - content: "\f172"; - content: "\f172" / ''; -} - -.imgedit-crop-wrap { - position: relative; -} - -.imgedit-crop-wrap img { - background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); - background-position: 0 0, 10px 10px; - background-size: 20px 20px; -} - -.imgedit-crop-wrap { - padding: 20px; - background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); - background-position: 0 0, 10px 10px; - background-size: 20px 20px; -} - - -.imgedit-crop { - margin: 0 8px 0 0; -} - -.imgedit-rotate { - margin: 0 8px 0 3px; -} - -.imgedit-undo { - margin: 0 3px; -} - -.imgedit-redo { - margin: 0 8px 0 3px; -} - -.imgedit-thumbnail-preview-group { - display: flex; - flex-wrap: wrap; - column-gap: 10px; -} - -.imgedit-thumbnail-preview { - margin: 10px 8px 0 0; -} - -.imgedit-thumbnail-preview-caption { - display: block; -} - -#poststuff .imgedit-group-top h2 { - display: inline-block; - margin: 0; - padding: 0; - font-size: 14px; - line-height: 1.4; -} - -#poststuff .imgedit-group-top .button-link { - text-decoration: none; - color: #1d2327; -} - -.imgedit-applyto .imgedit-label { - display: block; - padding: .5em 0 0; -} - -.imgedit-popup-menu, -.imgedit-help { - display: none; - padding-bottom: 8px; -} - -.imgedit-panel-tools > .imgedit-menu { - display: flex; - column-gap: 4px; - align-items: flex-start; - flex-wrap: wrap; -} - -.imgedit-popup-menu { - width: calc( 100% - 20px ); - position: absolute; - background: #fff; - padding: 10px; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); -} - -.image-editor .imgedit-menu .imgedit-popup-menu button { - display: block; - margin: 2px 0; - width: 100%; - white-space: break-spaces; - line-height: 1.5; - padding-top: 3px; - padding-bottom: 2px; -} - -.imgedit-rotate-menu-container { - position: relative; -} - -.imgedit-help.imgedit-restore { - padding-bottom: 0; -} - -/* higher specificity than buttons */ -.image-editor .imgedit-settings .imgedit-help-toggle, -.image-editor .imgedit-settings .imgedit-help-toggle:hover, -.image-editor .imgedit-settings .imgedit-help-toggle:active { - border: 1px solid transparent; - margin: -1px 0 0 -1px; - padding: 0; - background: transparent; - color: var(--wp-admin-theme-color); - font-size: 20px; - line-height: 1; - cursor: pointer; - box-sizing: content-box; - box-shadow: none; -} - -.image-editor .imgedit-settings .imgedit-help-toggle:focus { - color: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.form-table td.imgedit-response { - padding: 0; -} - -.imgedit-submit-btn { - margin-left: 20px; -} - -.imgedit-wrap .nowrap { - white-space: nowrap; - font-size: 12px; - line-height: inherit; -} - -span.imgedit-scale-warn { - display: flex; - align-items: center; - margin: 4px; - gap: 4px; - color: #b32d2e; - font-style: normal; - visibility: hidden; - vertical-align: middle; -} - -.imgedit-save-target { - margin: 8px 0; -} - -.imgedit-save-target legend { - font-weight: 600; -} - -.imgedit-group { - margin-bottom: 20px; -} - -.image-editor .imgedit-original-dimensions { - display: inline-block; -} - -.image-editor .imgedit-scale-controls input[type="text"], -.image-editor .imgedit-crop-ratio input[type="text"], -.image-editor .imgedit-crop-sel input[type="text"], -.image-editor .imgedit-scale-controls input[type="number"], -.image-editor .imgedit-crop-ratio input[type="number"], -.image-editor .imgedit-crop-sel input[type="number"] { - width: 80px; - font-size: 14px; - padding: 0 8px; -} - -.imgedit-separator { - display: inline-block; - width: 7px; - text-align: center; - font-size: 13px; - color: #3c434a; -} - -.image-editor .imgedit-scale-button-wrapper { - margin-top: 0.3077em; - display: block; -} - -.image-editor .imgedit-scale-controls .button { - margin-bottom: 0; -} - -audio, video { - display: inline-block; - max-width: 100%; -} - -.wp-core-ui .mejs-container { - width: 100%; - max-width: 100%; -} - -.wp-core-ui .mejs-container * { - box-sizing: border-box; -} - -.wp-core-ui .mejs-time { - box-sizing: content-box; -} - -/* =Media Queries --------------------------------------------------------------- */ - -/** - * HiDPI Displays - */ -@media print, - (min-resolution: 120dpi) { - .imgedit-wait:before { - background-image: url(../images/spinner-2x.gif); - } -} - -@media screen and (max-width: 782px) { - .edit-attachment-frame input, - .edit-attachment-frame textarea { - line-height: 1.5; - } - - .wp_attachment_details label[for="content"] { - font-size: 14px; - line-height: 1.5; - } - - .wp_attachment_details textarea { - line-height: 1.5; - } - - .wp_attachment_details #attachment_alt { - height: 3.375em; - } - - .media-upload-form .media-item.error, - .media-upload-form .media-item .error { - font-size: 13px; - line-height: 1.5; - } - - .media-upload-form .media-item.error { - padding: 1px 10px; - } - - .media-upload-form .media-item .error { - padding: 10px 0 10px 12px; - } - - .image-editor .imgedit-scale input[type="text"], - .image-editor .imgedit-crop-ratio input[type="text"], - .image-editor .imgedit-crop-sel input[type="text"] { - font-size: 16px; - padding: 6px 10px; - } - - .wp_attachment_holder .imgedit-wrap .imgedit-panel-content, - .wp_attachment_holder .imgedit-wrap .image-editor { - float: none; - width: auto; - max-width: none; - padding-bottom: 16px; - } - - .copy-to-clipboard-container .success { - font-size: 14px; - } - - /* Restructure image editor on narrow viewports. */ - .imgedit-crop-wrap img{ - width: 100%; - } - - .media-modal .imgedit-wrap .imgedit-panel-content, - .media-modal .imgedit-wrap .image-editor { - position: initial !important; - } - - .media-modal .imgedit-wrap .image-editor { - box-sizing: border-box; - width: 100% !important; - } - - .image-editor .imgedit-scale-button-wrapper { - display: inline-block; - } -} - -@media only screen and (max-width: 600px) { - .media-item-wrapper { - grid-template-columns: 1fr; - } -} - -/** - * Media queries for media grid. - */ -@media only screen and (max-width: 1120px) { - /* override for media-views.css */ - #wp-media-grid .wp-filter .attachment-filters { - max-width: 100%; - } -} - -@media only screen and (max-width: 1000px) { - /* override for forms.css */ - .wp-filter p.search-box { - float: none; - width: 100%; - display: flex; - flex-wrap: nowrap; - column-gap: 0; - } - - .wp-filter p.search-box #media-search-input { - width: 100%; - } - -} - -@media only screen and (max-width: 782px) { - .media-frame.mode-select .attachments-browser.fixed .media-toolbar { - top: 46px; - right: 10px; - } - - .media-frame.mode-grid .media-toolbar select { - min-height: 40px; - padding: 0 24px 0 12px; - } - - .media-frame.mode-grid .media-toolbar input[type="search"] { - min-height: 40px; - padding: 0 12px; - } - - .wp-filter p.search-box { - margin-bottom: 0; - } -} - -@media only screen and (max-width: 600px) { - .media-frame.mode-select .attachments-browser.fixed .media-toolbar { - top: 0; - } -} - -@media only screen and (max-width: 480px) { - .edit-attachment-frame .media-frame-title { - right: 110px; - } - - .upload-php .media-modal-close, - .edit-attachment-frame .edit-media-header .left, - .edit-attachment-frame .edit-media-header .right { - width: 40px; - height: 40px; - } - - .edit-attachment-frame .edit-media-header .right:before, - .edit-attachment-frame .edit-media-header .left:before { - line-height: 40px !important; - } - - .edit-attachment-frame .edit-media-header .left { - right: 82px; - } - - .edit-attachment-frame .edit-media-header .right { - right: 41px; - } - - .edit-attachment-frame .media-frame-content { - top: 40px; - } - - .edit-attachment-frame .attachment-media-view { - float: none; - height: auto; - width: 100%; - } - - .edit-attachment-frame .attachment-info { - height: auto; - width: 100%; - } -} - -@media only screen and (max-width: 640px), screen and (max-height: 400px) { - .upload-php .mode-grid .media-sidebar{ - max-width: 100%; - } -} - -@media only screen and (max-width: 375px) { - .media-item .attachment-tools { - align-items: baseline; - } - .media-item .edit-attachment.copy-to-clipboard-container { - flex-direction: column; - } - - .copy-to-clipboard-container .success { - line-height: normal; - margin-top: 10px; - } -} diff --git a/src/wp-admin/css/nav-menus.css b/src/wp-admin/css/nav-menus.css index 8e3eadaad53bc..e69de29bb2d1d 100644 --- a/src/wp-admin/css/nav-menus.css +++ b/src/wp-admin/css/nav-menus.css @@ -1,1034 +0,0 @@ -/* nav-menu */ - -/* @todo: determine if this is truly for nav menus only */ -.no-js #message { - display: block; -} - -ul.add-menu-item-tabs li { - padding: 3px 5px 4px 8px; -} - -.accordion-section ul.category-tabs, -.accordion-section ul.add-menu-item-tabs, -.accordion-section ul.wp-tab-bar { - margin: 0; -} - -.accordion-section .categorychecklist { - margin: 13px 0; -} - -#nav-menu-meta .accordion-section-content { - padding: 18px 13px; - resize: vertical; -} - -#nav-menu-meta .button-controls { - margin-bottom: 0; -} - -.has-no-menu-item .button-controls { - display: none; -} - -#nav-menus-frame { - margin-left: 300px; - margin-top: 23px; -} - -#wpbody-content #menu-settings-column { - display: inline; - width: 281px; - margin-left: -300px; - clear: both; - float: left; - padding-top: 0; -} - -#menu-settings-column .inside { - clear: both; - margin: 10px 0 0; - height: 100%; - max-height: inherit; -} - -#menu-settings-column .categorydiv, -#menu-settings-column .customlinkdiv, -#menu-settings-column .posttypediv, -#menu-settings-column .taxonomydiv { - max-height: inherit; - height: 100%; -} - -#menu-settings-column .wp-tab-panel, -#menu-settings-column .categorydiv div.tabs-panel, -#menu-settings-column .customlinkdiv div.tabs-panel, -#menu-settings-column .posttypediv div.tabs-panel, -#menu-settings-column .taxonomydiv div.tabs-panel { - /* Allow space for content after tab panels in nav menu editor. */ - max-height: calc( 100% - 75px ); - height: 100%; -} - -.metabox-holder-disabled .postbox, -.metabox-holder-disabled .accordion-section-content, -.metabox-holder-disabled .accordion-section-title { - opacity: 0.5; - filter: alpha(opacity=50); -} - -.metabox-holder-disabled .button-controls .select-all { - display: none; -} - -#wpbody { - position: relative; -} - -.is-submenu { - color: #50575e; /* #fafafa background */ - font-style: italic; - font-weight: 400; - margin-left: 4px; -} - -.manage-menus { - margin-top: 23px; - padding: 10px; - overflow: hidden; - background: #fff; -} - -.manage-menus .selected-menu, -.manage-menus select, -.manage-menus .submit-btn, -.nav-menus-php .add-new-menu-action { - display: inline-block; - margin-right: 3px; - vertical-align: middle; -} - -.manage-menus select, -.menu-location-menus select { - max-width: 100%; -} - -.menu-edit #post-body-content h3 { - margin: 1em 0 10px; -} - -#nav-menu-bulk-actions-top { - margin: 1em 0; -} - -#nav-menu-bulk-actions-bottom { - margin: 1em 0; - margin: calc( 1em + 9px ) 0; -} - -.bulk-actions input.button { - margin-right: 12px; -} - -.bulk-select-button { - position: relative; - display: inline-block; - padding: 0 10px; - font-size: 13px; - line-height: 2.15384615; - height: auto; - min-height: 30px; - background: #f6f7f7; - vertical-align: top; - border: 1px solid #dcdcde; - margin: 0; - cursor: pointer; - border-radius: 3px; - white-space: nowrap; - box-sizing: border-box; -} - -.bulk-selection .bulk-select-button { - color: #2271b1; - border-color: #2271b1; - background: #f6f7f7; - vertical-align: top; -} - -#pending-menu-items-to-delete { - display: none; -} - -.bulk-selection #pending-menu-items-to-delete { - display: block; - margin-top: 1em; -} - -#pending-menu-items-to-delete p { - margin-bottom: 0; -} - -#pending-menu-items-to-delete ul { - margin-top: 0; - list-style: none; -} - -#pending-menu-items-to-delete ul li { - display: inline; -} - -input.bulk-select-switcher + .bulk-select-button-label { - vertical-align: inherit; -} - -label.bulk-select-button:hover, -label.bulk-select-button:active, -label.bulk-select-button:focus-within { - background: #f0f0f1; - border-color: #0a4b78; - color: #0a4b78; -} - -input.bulk-select-switcher:focus + .bulk-select-button-label { - color: #0a4b78; -} - -.bulk-actions input.menu-items-delete { - appearance: none; - font-size: inherit; - border: 0; - line-height: 2.1em; - background: none; - cursor: pointer; - text-decoration: underline; - color: #b32d2e; -} - -.bulk-actions input.menu-items-delete:hover { - color: #b32d2e; - border: none; -} - -.bulk-actions input.menu-items-delete.disabled { - display: none; -} - -.menu-settings { - border-top: 1px solid #f0f0f1; - margin-top: 2em; -} - -.menu-settings-group { - margin: 0 0 10px; - padding-left: 20%; -} - -.menu-settings-group:last-of-type { - margin-bottom: 0; -} - -.menu-settings-input { - float: left; - margin: 0; - width: 100%; -} - -.menu-settings-group-name { - float: left; - clear: both; - width: 25%; - padding: 3px 0 0; - margin-left: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */ -} - -.menu-settings label { - vertical-align: baseline; -} - -.menu-edit .checkbox-input { - margin-top: 4px; -} - -.theme-location-set { - color: #646970; - font-size: 11px; -} - -/* Menu Container */ - -/* @todo: responsive view. */ -#menu-management-liquid { - float: left; - min-width: 100%; - margin-top: 3px; -} - -/* @todo: responsive view. */ -#menu-management { - position: relative; - margin-right: 20px; - margin-top: -3px; - width: 100%; -} - -#menu-management .menu-edit { - margin-bottom: 20px; -} - -.nav-menus-php #post-body { - padding: 0 10px; - border-top: 1px solid #fff; - border-bottom: 1px solid #dcdcde; - background: #fff; -} - -#nav-menu-header, -#nav-menu-footer { - padding: 0 10px; - background: #f6f7f7; -} - -#nav-menu-header { - border-bottom: 1px solid #dcdcde; - margin-bottom: 0; -} - -#nav-menu-header .menu-name-label { - display: inline-block; - vertical-align: middle; - margin-right: 7px; -} - -.nav-menus-php #post-body div.updated, -.nav-menus-php #post-body div.error { - margin: 0; -} - -.nav-menus-php #post-body-content { - position: relative; - float: none; -} - -.nav-menus-php #post-body-content .post-body-plain { - margin-bottom: 0; -} - -#menu-management .menu-add-new abbr { - font-weight: 600; -} - -#select-nav-menu-container { - text-align: right; - padding: 0 10px 3px; - margin-bottom: 5px; -} - -#select-nav-menu { - width: 100px; - display: inline; -} - -#menu-name-label { - margin-top: -2px; -} - -.widefat .menu-locations .menu-location-title { - padding: 13px 10px 0; -} - -.menu-location-title label { - font-weight: 600; -} - -.menu-location-menus select { - float: left; -} - -#locations-nav-menu-wrapper { - padding: 5px 0; -} - -.locations-nav-menu-select select { - float: left; - width: 160px; - margin-right: 5px; -} - -.locations-row-links { - float: left; - margin: 6px 0 0 6px; -} - -.locations-edit-menu-link, -.locations-add-menu-link { - margin: 0 3px; -} - -.locations-edit-menu-link { - padding-right: 3px; - border-right: 1px solid #c3c4c7; -} - -#menu-management .inside { - padding: 0 10px; -} - -/* Add Menu Item Boxes */ -.postbox .howto input { - width: 180px; - float: right; -} - -.accordion-container .outer-border { - margin: 0; -} - -.customlinkdiv p { - margin-top: 0 -} - -#nav-menu-theme-locations .howto select { - width: 100%; -} - -#nav-menu-theme-locations .button-controls { - text-align: right; -} - -.add-menu-item-view-all { - height: 400px; -} - -/* Button Primary Actions */ -#menu-container .submit { - margin: 0 0 10px; - padding: 0; -} - -/* @todo: is this actually used? */ -#cancel-save { - text-decoration: underline; - font-size: 12px; - margin-left: 20px; - margin-top: 5px; -} - -.button.right, .button-secondary.right, .button-primary.right { - float: right; -} - -/* Button Secondary Actions */ -.list-controls { - float: left; -} - -.add-to-menu { - float: right; -} - -.button-controls { - clear: both; - margin: 10px 0; -} - -.show-all, -.hide-all { - cursor: pointer; -} - -.hide-all { - display: none; -} - -/* Create Menu */ -#menu-name { - width: 270px; - vertical-align: middle; -} - -#manage-menu .inside { - padding: 0; -} - -/* Custom Links */ -#available-links dt { - display: block; -} - -#add-custom-link .howto { - font-size: 12px; -} - -#add-custom-link label span { - display: block; - float: left; - margin-top: 5px; - padding-right: 5px; -} - -.menu-item-textbox { - width: 180px; -} - -.customlinkdiv .menu-item-textbox { - width: 100%; -} - -.nav-menus-php .howto span { - float: left; - margin-top: 6px; -} - -/* Menu item types */ -.quick-search { - width: 190px; -} - -.quick-search-wrap .spinner { - float: none; - margin: -3px -10px 0 0; -} - -.nav-menus-php .list-wrap { - display: none; - clear: both; - margin-bottom: 10px; -} - -.nav-menus-php .postbox p.submit { - margin-bottom: 0; -} - -/* Listings */ -.nav-menus-php .list li { - display: none; - margin: 0 0 5px; -} - -.nav-menus-php .list li .menu-item-title { - cursor: pointer; - display: block; -} - -.nav-menus-php .list li .menu-item-title input { - margin-right: 3px; - margin-top: -3px; -} - -.menu-item-title input[type=checkbox] { - display: inline-block; - margin-top: -4px; -} - -.menu-item-title .post-state { - font-weight: 600; -} - -/* Nav Menu */ -#menu-container .inside { - padding-bottom: 10px; -} - -.menu { - padding-top: 1em; -} - -#menu-to-edit { - margin: 0; - padding: 0.1em 0; -} - -.menu ul { - width: 100%; -} - -.menu li { - margin-bottom: 0; - position: relative; -} - -.menu-item-bar { - clear: both; - line-height: 1.5; - position: relative; - margin: 9px 0 0; -} - -.menu-item-bar .menu-item-handle { - border: 1px solid #dcdcde; - position: relative; - padding: 10px 15px; - height: auto; - min-height: 20px; - max-width: 382px; - line-height: 2.30769230; - overflow: hidden; - word-wrap: break-word; -} - -.menu-item-bar .menu-item-handle:hover { - border-color: #8c8f94; -} - -#menu-to-edit .menu-item-invalid .menu-item-handle { - background: #fcf0f1; - border-color: #d63638; -} - -.no-js .menu-item-edit-active .item-edit { - display: none; -} - -.js .menu-item-handle { - cursor: move; -} - -.menu li.deleting .menu-item-handle { - background-image: none; - background-color: #f86368; -} - -.menu-item-handle .item-title { - font-size: 13px; - font-weight: 600; - line-height: 1.53846153; - display: block; - /* @todo: responsive view. */ - margin-right: 13em; -} - -.menu-item-handle .menu-item-checkbox { - display: none; -} - -.bulk-selection .menu-item-handle .menu-item-checkbox { - display: inline-block; - margin-right: 6px; -} - -.menu-item-handle .menu-item-title.no-title { - color: #646970; -} - -/* Sortables */ -li.menu-item.ui-sortable-helper .menu-item-bar { - margin-top: 0; -} - -li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar { - margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */ -} - -.menu .sortable-placeholder { - height: 35px; - width: 410px; - margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */ -} - -/* Hide the transport list when it's empty */ -.menu-item .menu-item-transport:empty { - display: none; -} - -/* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */ -.menu-item-depth-0 { margin-left: 0; } -.menu-item-depth-1 { margin-left: 30px; } -.menu-item-depth-2 { margin-left: 60px; } -.menu-item-depth-3 { margin-left: 90px; } -.menu-item-depth-4 { margin-left: 120px; } -.menu-item-depth-5 { margin-left: 150px; } -.menu-item-depth-6 { margin-left: 180px; } -.menu-item-depth-7 { margin-left: 210px; } -.menu-item-depth-8 { margin-left: 240px; } -.menu-item-depth-9 { margin-left: 270px; } -.menu-item-depth-10 { margin-left: 300px; } -.menu-item-depth-11 { margin-left: 330px; } - -.menu-item-depth-0 .menu-item-transport { margin-left: 0; } -.menu-item-depth-1 .menu-item-transport { margin-left: -30px; } -.menu-item-depth-2 .menu-item-transport { margin-left: -60px; } -.menu-item-depth-3 .menu-item-transport { margin-left: -90px; } -.menu-item-depth-4 .menu-item-transport { margin-left: -120px; } -.menu-item-depth-5 .menu-item-transport { margin-left: -150px; } -.menu-item-depth-6 .menu-item-transport { margin-left: -180px; } -.menu-item-depth-7 .menu-item-transport { margin-left: -210px; } -.menu-item-depth-8 .menu-item-transport { margin-left: -240px; } -.menu-item-depth-9 .menu-item-transport { margin-left: -270px; } -.menu-item-depth-10 .menu-item-transport { margin-left: -300px; } -.menu-item-depth-11 .menu-item-transport { margin-left: -330px; } - -body.menu-max-depth-0 { min-width: 950px !important; } -body.menu-max-depth-1 { min-width: 980px !important; } -body.menu-max-depth-2 { min-width: 1010px !important; } -body.menu-max-depth-3 { min-width: 1040px !important; } -body.menu-max-depth-4 { min-width: 1070px !important; } -body.menu-max-depth-5 { min-width: 1100px !important; } -body.menu-max-depth-6 { min-width: 1130px !important; } -body.menu-max-depth-7 { min-width: 1160px !important; } -body.menu-max-depth-8 { min-width: 1190px !important; } -body.menu-max-depth-9 { min-width: 1220px !important; } -body.menu-max-depth-10 { min-width: 1250px !important; } -body.menu-max-depth-11 { min-width: 1280px !important; } - -/* Menu item controls */ -.item-type { - display: inline-block; - padding: 12px 16px; - color: #646970; - font-size: 12px; - line-height: 1.5; -} - -.item-controls { - font-size: 12px; - position: absolute; - right: 20px; - top: -1px; -} - -.item-controls a { - text-decoration: none; -} - -.item-controls a:hover { - cursor: pointer; -} - -.item-controls .item-order { - padding-right: 10px; -} - -.nav-menus-php .item-edit { - position: absolute; - right: -20px; - top: 0; - display: block; - width: 30px; - height: 40px; - outline: none; -} - -.no-js.nav-menus-php .item-edit { - position: static; - float: right; - width: auto; - height: auto; - margin: 12px -10px 12px 0; - padding: 0; - color: #2271b1; - text-decoration: underline; - font-size: 12px; - line-height: 1.5; -} - -.no-js.nav-menus-php .item-edit .screen-reader-text { - position: static; - clip-path: none; - width: auto; - height: auto; - margin: 0; -} - -.nav-menus-php .item-edit:before { - margin-top: 10px; - margin-left: 4px; - width: 20px; - border-radius: 50%; - text-indent: -1px; /* account for the dashicon alignment */ -} - -.no-js.nav-menus-php .item-edit:before { - display: none; -} - -.rtl .nav-menus-php .item-edit:before { - text-indent: 1px; /* account for the dashicon alignment */ -} - -.js.nav-menus-php .item-edit:focus { - box-shadow: none; -} - -.nav-menus-php .item-edit:focus:before { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -/* Menu editing */ -.menu-instructions-inactive { - display: none; -} - -.menu-item-settings { - display: block; - max-width: 392px; - padding: 10px; - position: relative; - z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ - border: 1px solid #c3c4c7; - border-top: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); -} - -.menu-item-settings .field-move { - margin: 3px 0 5px; - line-height: 1.5; -} - -.field-move-visual-label { - float: left; - margin-right: 4px; -} - -.menu-item-settings .field-move .button-link { - display: none; - margin: 0 2px; -} - -.menu-item-edit-active .menu-item-settings { - display: block; -} - -.menu-item-edit-inactive .menu-item-settings { - display: none; -} - -.add-menu-item-pagelinks { - margin: .5em -10px; - text-align: center; -} - -.add-menu-item-pagelinks .page-numbers { - display: inline-block; - min-width: 20px; -} - -.add-menu-item-pagelinks .page-numbers.dots { - min-width: 0; -} - -.link-to-original { - display: block; - margin: 0 0 15px; - padding: 3px 5px 5px; - border: 1px solid #dcdcde; - color: #646970; - font-size: 12px; -} - -.link-to-original a { - padding-left: 4px; - font-style: normal; -} - -.hidden-field { - display: none; -} - -.description-group { - display: flex; - column-gap: 10px; -} - -.description-group > * { - flex-grow: 1; -} - -.menu-item-actions { - padding-top: 15px; - padding-bottom: 7px; -} - -#cancel-save { - cursor: pointer; -} - -/* Major/minor publishing actions (classes) */ -.nav-menus-php .major-publishing-actions { - padding: 10px 0; - display: flex; - align-items: center; -} - -.nav-menus-php .major-publishing-actions > * { - margin-right: 10px; -} - -.nav-menus-php .major-publishing-actions .form-invalid { - padding-left: 4px; - margin-left: -4px; -} - -#nav-menus-frame, -#menu-item-url-wrap, -#menu-item-name-wrap { - display: block; -} - -.button-controls { - display: flex; - align-items: center; - justify-content: space-between; -} - -.button-controls-customlinkdiv { - justify-content: flex-end; -} - -/* =Media Queries --------------------------------------------------------------- */ - -@media only screen and (min-width: 769px) and (max-width: 1000px) { - body.menu-max-depth-0 { - min-width: 0 !important; - } - - #menu-management-liquid { - width: 100%; - } - - .nav-menus-php #post-body-content { - min-width: 0; - } -} - -@media screen and (max-width: 782px) { - body.nav-menus-php, - body.wp-customizer { - min-width: 0 !important; - } - - #nav-menus-frame { - margin-left: 0; - float: none; - width: 100%; - } - - #wpbody-content #menu-settings-column { - display: block; - width: 100%; - float: none; - margin-left: 0; - } - - #side-sortables .add-menu-item-tabs { - margin: 15px 0 14px; - } - - ul.add-menu-item-tabs li.tabs { - padding: 13px 15px 14px; - } - - .nav-menus-php .customlinkdiv .howto input { - width: 65%; - } - - .nav-menus-php .quick-search { - width: 85%; - } - - #menu-management-liquid { - margin-top: 25px; - } - - .nav-menus-php .menu-name-label.howto span { - margin-top: 13px - } - - #menu-name { - width: 100%; - } - - .nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action { - padding-top: 1em; - } - - .nav-menus-php .delete-action { - font-size: 14px; - line-height: 2.14285714; - } - - .menu-item-bar .menu-item-handle, - .menu-item-settings { - width: auto; - } - - .menu-item-settings { - padding: 10px; - } - - .menu-item-settings .description-group { - display: block; - } - - .menu-item-settings input { - width: 100%; - } - - .menu-item-settings input[type="checkbox"], - .menu-item-settings input[type="radio"] { - width: 25px; - } - - .menu-settings-group { - padding-left: 0; - overflow: visible; - } - - .menu-settings-group-name { - float: none; - width: auto; - margin-left: 0; - margin-bottom: 15px; - } - - .menu-settings-input { - float: none; - margin-bottom: 15px; - } - - .menu-edit .checkbox-input { - margin-top: 0; - } - - .manage-menus select { - margin: 0.5em 0; - } - - .wp-core-ui .manage-menus .button { - margin-bottom: 0; - } - - .widefat .menu-locations .menu-location-title { - padding-top: 16px; - } -} - -@media only screen and (min-width: 783px) { - @supports (position: sticky) and (scroll-margin-bottom: 130px) { - - #nav-menu-footer { - position: sticky; - bottom: 0; - z-index: 10; - box-shadow: 0 -1px 0 0 #ddd; - } - - #save_menu_header { - display: none; - } - } -} - -@media only screen and (max-width: 768px) { - /* menu locations */ - #menu-locations-wrap .widefat { - width: 100%; - } - - .bulk-select-button { - padding: 5px 10px; - } -} diff --git a/src/wp-admin/css/revisions.css b/src/wp-admin/css/revisions.css index da238456178fc..e69de29bb2d1d 100644 --- a/src/wp-admin/css/revisions.css +++ b/src/wp-admin/css/revisions.css @@ -1,634 +0,0 @@ -/*------------------------------------------------------------------------------ - 11.2 - Post Revisions -------------------------------------------------------------------------------*/ -.revisions-control-frame, -.revisions-diff-frame { - position: relative; -} - -.revisions-diff-frame { - top: 10px; -} - -.revisions-controls { - padding-top: 40px; - z-index: 1; -} - -.revisions-controls input[type="checkbox"] { - position: relative; - top: -1px; - vertical-align: text-bottom; -} - -.revisions.pinned .revisions-controls { - position: fixed; - top: 0; - height: 82px; - background: #fff; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -} - -.revisions-tickmarks { - position: relative; - margin: 0 auto; - height: 0.7em; - top: 7px; - max-width: 70%; - box-sizing: border-box; - background-color: #fff; -} - -.revisions-tickmarks > div { - position: absolute; - height: 100%; - border-left: 1px solid #a7aaad; - box-sizing: border-box; -} - -.revisions-tickmarks > div:first-child { - border-width: 0; -} - -.comparing-two-revisions .revisions-controls { - height: 140px; -} - -.comparing-two-revisions.pinned .revisions-controls { - height: 124px; -} - -.revisions .diff-error { - position: absolute; - text-align: center; - margin: 0 auto; - width: 100%; - display: none; -} - -.revisions.diff-error .diff-error { - display: block; -} - -.revisions .loading-indicator { - position: absolute; - vertical-align: middle; - opacity: 0; - width: 100%; - width: calc( 100% - 30px ); - top: 50%; - top: calc( 50% - 10px ); - transition: opacity 0.5s; -} - -body.folded .revisions .loading-indicator { - margin-left: -32px; -} - -.revisions .loading-indicator span.spinner { - display: block; - margin: 0 auto; - float: none; -} - -.revisions.loading .loading-indicator { - opacity: 1; -} - -.revisions .diff { - transition: opacity 0.5s; -} - -.revisions.loading .diff { - opacity: 0.5; -} - -.revisions.diff-error .diff { - visibility: hidden; -} - -.revisions-meta { - margin-top: 20px; - background-color: #fff; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - overflow: hidden; -} - -.revisions.pinned .revisions-meta { - box-shadow: none; -} - -.revision-toggle-compare-mode { - position: absolute; - top: 0; - right: 0; -} - -.comparing-two-revisions .revisions-previous, -.comparing-two-revisions .revisions-next, -.revisions-meta .diff-meta-to strong { - display: none; -} - -.revisions-controls .author-card .date { - color: #646970; -} - -.revisions-controls .author-card.autosave { - color: #d63638; -} - -.revisions-controls .author-card .author-name { - font-weight: 600; -} - -.comparing-two-revisions .diff-meta-to strong { - display: block; -} - -.revisions.pinned .revisions-buttons { - padding: 0 11px; -} - -.revisions-previous, -.revisions-next { - position: relative; - z-index: 1; -} - -.revisions-previous { - float: left; -} - -.revisions-next { - float: right; -} - -.revisions-controls .wp-slider { - max-width: 70%; - margin: 0 auto; - top: -3px; -} - -.revisions-diff { - padding: 15px; - background-color: #fff; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -} - -.revisions-diff h3:first-child { - margin-top: 0; -} - -/* Revision meta box */ -.post-revisions li img, -#revisions-meta-restored img { - vertical-align: middle; -} - -table.diff { - table-layout: fixed; - width: 100%; - white-space: pre-wrap; -} - -table.diff col.content { - width: auto; -} - -table.diff col.content.diffsplit { - width: 48%; -} - -table.diff col.diffsplit.middle { - width: auto; -} - -table.diff col.ltype { - width: 30px; -} - -table.diff tr { - background-color: transparent; -} - -table.diff td, -table.diff th { - font-family: Consolas, Monaco, monospace; - font-size: 14px; - line-height: 1.57142857; - padding: 0.5em 0.5em 0.5em 2em; - vertical-align: top; - word-wrap: break-word; -} - -table.diff td h1, -table.diff td h2, -table.diff td h3, -table.diff td h4, -table.diff td h5, -table.diff td h6 { - margin: 0; -} - -table.diff .diff-deletedline del, -table.diff .diff-addedline ins { - text-decoration: none; -} - -table.diff .diff-deletedline { - position: relative; - background-color: #fcf0f1; -} - -table.diff .diff-deletedline del { - background-color: #ffabaf; -} - -table.diff .diff-addedline { - position: relative; - background-color: #edfaef; -} - -table.diff .diff-deletedline .dashicons, -table.diff .diff-addedline .dashicons { - position: absolute; - top: 0.85714286em; - left: 0.5em; - width: 1em; - height: 1em; - font-size: 1em; - line-height: 1; -} - -table.diff .diff-addedline .dashicons { - /* Compensate the vertically non-centered plus glyph. */ - top: 0.92857143em; -} - -table.diff .diff-addedline ins { - background-color: #68de7c; -} - -.diff-meta { - padding: 5px; - clear: both; - min-height: 32px; -} - -.diff-title strong { - line-height: 2.46153846; - min-width: 60px; - text-align: right; - float: left; - margin-right: 5px; -} - -.revisions-controls .author-card .author-info { - font-size: 12px; - line-height: 1.33333333; -} - -.revisions-controls .author-card .avatar, -.revisions-controls .author-card .author-info { - float: left; - margin-left: 6px; - margin-right: 6px; -} - -.revisions-controls .author-card .byline { - display: block; - font-size: 12px; -} - -.revisions-controls .author-card .avatar { - vertical-align: middle; -} - -.diff-meta input.restore-revision { - float: right; - margin-left: 6px; - margin-right: 6px; -} - -.diff-meta-from { - display: none; -} - -.comparing-two-revisions .diff-meta-from { - display: block; -} - -.revisions-tooltip { - position: absolute; - bottom: 105px; - margin-right: 0; - margin-left: -69px; - z-index: 0; - max-width: 350px; - min-width: 130px; - padding: 8px 4px; - display: none; - opacity: 0; -} - -.revisions-tooltip.flipped { - margin-left: 0; - margin-right: -70px; -} - -.revisions.pinned .revisions-tooltip { - display: none !important; -} - -.comparing-two-revisions .revisions-tooltip { - bottom: 145px; -} - -.revisions-tooltip-arrow { - width: 70px; - height: 15px; - overflow: hidden; - position: absolute; - left: 0; - margin-left: 35px; - bottom: -15px; -} - -.revisions-tooltip.flipped .revisions-tooltip-arrow { - margin-left: 0; - margin-right: 35px; - left: auto; - right: 0; -} - -.revisions-tooltip-arrow > span { - content: ""; - position: absolute; - left: 20px; - top: -20px; - width: 25px; - height: 25px; - transform: rotate(45deg); -} - -.revisions-tooltip.flipped .revisions-tooltip-arrow > span { - left: auto; - right: 20px; -} - -.revisions-tooltip, -.revisions-tooltip-arrow > span { - border: 1px solid #dcdcde; - background-color: #fff; -} - -.revisions-tooltip { - display: none; -} - -.arrow { - width: 70px; - height: 16px; - overflow: hidden; - position: absolute; - left: 0; - margin-left: -35px; - bottom: 90px; - z-index: 10000; -} - -.arrow:after { - z-index: 9999; - background-color: #fff; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -} - -.arrow.top { - top: -16px; - bottom: auto; -} - -.arrow.left { - left: 20%; -} - -.arrow:after { - content: ""; - position: absolute; - left: 20px; - top: -20px; - width: 25px; - height: 25px; - transform: rotate(45deg); -} - -.revisions-tooltip, -.revisions-tooltip-arrow:after { - border-width: 1px; - border-style: solid; -} - -div.revisions-controls > .wp-slider > .ui-slider-handle { - margin-left: -10px; -} - -.rtl div.revisions-controls > .wp-slider > .ui-slider-handle { - margin-right: -10px; -} - -/* jQuery UI Slider */ -.wp-slider.ui-slider { - position: relative; - border: 1px solid #dcdcde; - text-align: left; - cursor: pointer; -} - -.wp-slider .ui-slider-handle { - border-radius: 50%; - height: 18px; - margin-top: -5px; - outline: none; - padding: 2px; - position: absolute; - width: 18px; - z-index: 2; - touch-action: none; -} - -.wp-slider .ui-slider-handle { - background: #f6f7f7; - border: 1px solid #c3c4c7; - box-shadow: 0 1px 0 #c3c4c7; -} - -.wp-slider .ui-slider-handle:hover, -.wp-slider .ui-slider-handle.ui-state-hover { - background: #f6f7f7; - border-color: #8c8f94; -} - -.wp-slider .ui-slider-handle:active, -.wp-slider .ui-slider-handle.ui-state-active { - background: #f0f0f1; - border-color: #8c8f94; - box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); - transform: translateY(1px); -} - -.wp-slider .ui-slider-handle:focus, -.wp-slider .ui-slider-handle.ui-state-focus { - background: #f0f0f1; - border-color: #8c8f94; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.wp-slider .ui-slider-handle:before { - background: none; - position: absolute; - top: 2px; - left: 2px; - color: #50575e; - content: "\f229"; - content: "\f229" / ''; - font: normal 18px/1 dashicons; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.wp-slider .ui-slider-handle:hover:before, -.wp-slider .ui-slider-handle.ui-state-hover:before { - color: #1d2327; -} - -.wp-slider .ui-slider-handle.from-handle:before, -.wp-slider .ui-slider-handle.to-handle:before { - font-size: 20px !important; - margin: -1px 0 0 -1px; -} - -.wp-slider .ui-slider-handle.from-handle:before { - content: "\f139"; - content: "\f139" / ''; -} - -.wp-slider .ui-slider-handle.to-handle:before { - content: "\f141"; - content: "\f141" / ''; -} - -.rtl .wp-slider .ui-slider-handle.from-handle:before { - content: "\f141"; - content: "\f141" / ''; -} - -.rtl .wp-slider .ui-slider-handle.to-handle:before { - content: "\f139"; - content: "\f139" / ''; - right: -1px; -} - -.wp-slider .ui-slider-range { - position: absolute; - font-size: 0.7em; - display: block; - border: 0; - background-color: transparent; - background-image: none; -} - -.wp-slider.ui-slider-horizontal { - height: 0.7em; -} - -.wp-slider.ui-slider-horizontal .ui-slider-handle { - top: -.25em; - margin-left: -.6em; -} - -.wp-slider.ui-slider-horizontal .ui-slider-range { - top: 0; - height: 100%; -} - -.wp-slider.ui-slider-horizontal .ui-slider-range-min { - left: 0; -} - -.wp-slider.ui-slider-horizontal .ui-slider-range-max { - right: 0; -} - -/* =Media Queries --------------------------------------------------------------- */ - -/** - * HiDPI Displays - */ -@media print, - (min-resolution: 120dpi) { - .revision-tick.completed-false { - background-image: url(../images/spinner-2x.gif); - } -} - -@media screen and (max-width: 600px) { - .revisions-meta .author-card:not(.comparing-two-revisions .author-card) { - display: flex; - flex-direction: column; - width: fit-content; - gap: 16px; - } - - .comparing-two-revisions .revisions-meta .restore-revision { - margin-top: 16px; - } - - .revisions-controls { - padding-top: 0; - } - - .revision-toggle-compare-mode { - position: relative; - padding: 1rem 0; - } -} - -@media screen and (max-width: 782px) { - #diff-next-revision, - #diff-previous-revision { - margin-top: -1em; - } - - .revisions-buttons { - overflow: hidden; - margin-bottom: 15px; - } - - .revisions-controls, - .comparing-two-revisions .revisions-controls { - height: fit-content; - } - - .revisions-tooltip { - bottom: 155px; - z-index: 2; - } - - .comparing-two-revisions .revisions-tooltip { - bottom: 200px; - } - - .diff-meta { - overflow: hidden; - } - - table.diff { - -ms-word-break: break-all; - word-break: break-all; - word-wrap: break-word; - } -} diff --git a/src/wp-admin/css/site-health.css b/src/wp-admin/css/site-health.css index cf6c24e4a955c..e69de29bb2d1d 100644 --- a/src/wp-admin/css/site-health.css +++ b/src/wp-admin/css/site-health.css @@ -1,367 +0,0 @@ -/* Note: Any Site Health selectors that use -duplicate styling from the Privacy settings screen -are styled in the Privacy section of edit.css */ - -.health-check-body h2 { - line-height: 1.4; -} - -.health-check-body h3 { - padding: 0; - font-weight: 400; -} - -.site-health-progress-wrapper { - margin-bottom: 1rem; -} - -.site-health-progress { - display: inline-block; - height: 20px; - width: 20px; - margin: 0; - border-radius: 100%; - position: relative; - font-weight: 600; - font-size: 0.4rem; -} - -.site-health-progress-count { - position: absolute; - display: block; - height: 80px; - width: 80px; - left: 50%; - top: 50%; - margin-top: -40px; - margin-left: -40px; - border-radius: 100%; - line-height: 6.3; - font-size: 2em; -} - -.loading .site-health-progress svg #bar { - stroke-dashoffset: 0; - stroke: #c3c4c7; - animation: loadingPulse 3s infinite ease-in-out; -} - -.site-health-progress svg circle { - stroke-dashoffset: 0; - transition: stroke-dashoffset 1s linear; - stroke: #c3c4c7; - stroke-width: 2em; -} - -.site-health-progress svg #bar { - stroke-dashoffset: 565; - stroke: #d63638; -} - -.green .site-health-progress #bar { - stroke: #00a32a; -} -.green .site-health-progress .site-health-progress-label { - color: #00a32a; -} - -.orange .site-health-progress #bar { - stroke: #dba617; -} -.orange .site-health-progress .site-health-progress-label { - color: #dba617; -} - -.site-health-progress-label { - font-weight: 600; - line-height: 20px; - margin-left: 0.3rem; -} - -@keyframes loadingPulse { - 0% { - stroke: #c3c4c7; - } - 50% { - stroke: var(--wp-admin-theme-color); - } - 100% { - stroke: #c3c4c7; - } -} - -.health-check-tabs-wrapper { - /* IE 11 */ - display: -ms-inline-grid; - -ms-grid-columns: 1fr 1fr 1fr 1fr; - vertical-align: top; - /* modern browsers */ - display: inline-grid; - grid-template-columns: 1fr 1fr 1fr 1fr; -} - -.health-check-tabs-wrapper.tab-count-1 { - grid-template-columns: 1fr; -} -.health-check-tabs-wrapper.tab-count-2 { - grid-template-columns: 1fr 1fr; -} -.health-check-tabs-wrapper.tab-count-3 { - grid-template-columns: 1fr 1fr 1fr; -} - -.health-check-tab { - display: block; /* IE 11 */ - text-decoration: none; - color: inherit; - padding: 0.5rem 1rem 1rem; - margin: 0 1rem; - transition: box-shadow 0.5s ease-in-out; -} - -.health-check-offscreen-nav-wrapper { - position: relative; - background: transparent; - border: none; -} -.health-check-offscreen-nav-wrapper:focus .health-check-offscreen-nav { - left: initial; -} - -.health-check-offscreen-nav { - display: none; - position: absolute; - padding-top: 10px; - right: 0; - top: 100%; - width: 13rem; -} -.health-check-offscreen-nav-wrapper.visible .health-check-offscreen-nav { - display: inline-block; -} -.health-check-offscreen-nav:before { - position: absolute; - content: ""; - width: 0; - height: 0; - border-style: solid; - border-width: 0 10px 5px; - border-color: transparent transparent #ffffff; - right: 20px; - top: 5px; -} - -.health-check-offscreen-nav .health-check-tab { - background: #fff; - box-shadow: 0 2px 5px 0 rgba( 0, 0, 0, 0.75 ); -} - -.health-check-offscreen-nav .health-check-tab.active { - box-shadow: inset 3px 0 #3582c4; - font-weight: 600; -} - -.health-check-body { - max-width: 800px; - margin: 0 auto; -} - -.widefat.health-check-table th { - font-size: 13px; -} - -.health-check-table td:first-child { - width: 30%; -} - -.health-check-table td { - width: 70%; -} - -.health-check-table ul, -.health-check-table ol { - margin: 0; -} - -.health-check-body li { - line-height: 1.5; -} - -.health-check-body .pass::before, -.health-check-body .good::before { - content: "\f147"; - content: "\f147" / ''; - color: #00a32a; -} - -.health-check-body .warning::before { - content: "\f460"; - content: "\f460" / ''; - color: #dba617; -} - -.health-check-body .info::before { - content: "\f348"; - content: "\f348" / ''; - color: #72aee6; -} - -.health-check-body .fail::before, -.health-check-body .error::before { - content: "\f335"; - content: "\f335" / ''; - color: #d63638; -} - -.site-health-copy-buttons { - margin: 1rem 0; -} - -.site-health-copy-buttons .copy-button-wrapper { - display: inline-flex; - align-items: center; - margin: 0.5rem 0 1rem; -} - -.site-health-copy-buttons .success { - color: #007017; - margin-left: 0.5rem; -} - -.site-status-has-issues.hide { - display: none; -} - -.site-health-view-more { - text-align: center; -} - -.site-health-issues-wrapper:first-of-type { - margin-top: 3rem; -} - -.site-health-issues-wrapper { - margin-bottom: 3rem; - margin-top: 2rem; -} - -.site-status-all-clear { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - text-align: center; - height: 100%; - width: 100%; - margin: 0 0 3rem; -} - -@media all and (min-width: 784px) { - .site-status-all-clear { - margin: 2rem 0 5rem; - } -} - -.site-status-all-clear.hide { - display: none; -} - -.site-status-all-clear .dashicons { - font-size: 150px; - height: 150px; - margin-bottom: 2rem; - width: 150px; -} - -.site-status-all-clear .encouragement { - font-size: 1.5rem; - font-weight: 600; -} - -.site-status-all-clear p { - margin: 0; -} - -.wp-core-ui .button.site-health-view-passed { - position: relative; - padding-right: 40px; - padding-left: 20px; -} - -.health-check-wp-paths-sizes.spinner { - visibility: visible; - float: none; - margin: 0 4px; - flex-shrink: 0; -} - -/* Styling unique to the dashboard widget. */ -#dashboard_site_health .site-health-details { - padding-left: 16px; -} - -#dashboard_site_health .site-health-details p:first-child { - margin-top: 0; -} - -#dashboard_site_health .site-health-details p:last-child { - margin-bottom: 0; -} - -#dashboard_site_health .health-check-widget { - display: grid; - grid-template-columns: 1fr 2fr; - grid-auto-rows: minmax(64px, auto); - column-gap: 16px; - align-items: center; -} -#dashboard_site_health .site-health-progress-label { - margin-left: 0; -} - -.health-check-widget-title-section { - margin-bottom: 0; - text-align: center; -} - -@media screen and (max-width: 480px) { - #dashboard_site_health .health-check-widget { - grid-template-columns: 100%; - } -} - -@media screen and (max-width: 782px) { - - .site-health-issues-wrapper .health-check-accordion-trigger { - flex-direction: column; - align-items: flex-start; - } - - .health-check-accordion-trigger .badge { - margin: 1em 0 0; - } - - .health-check-table { - table-layout: fixed; - } - - .health-check-table th, - .health-check-table td { - box-sizing: border-box; - display: block; - width: 100%; - word-wrap: break-word; - } - - .widefat.health-check-table th, - .health-check-table td:first-child { - width: 100%; - padding-bottom: 0; - font-weight: 600; - } - - .wp-core-ui .site-health-copy-buttons .copy-button { - margin-bottom: 0; - } -} - diff --git a/src/wp-admin/css/site-icon.css b/src/wp-admin/css/site-icon.css index 93f36f093caf9..e69de29bb2d1d 100644 --- a/src/wp-admin/css/site-icon.css +++ b/src/wp-admin/css/site-icon.css @@ -1,201 +0,0 @@ -/*------------------------------------------------------------------------------ - 28.0 - Site Icon -------------------------------------------------------------------------------*/ - -.site-icon-section { - --site-icon-removal: #b32d2e; -} - -.site-icon-preview { - --site-icon-input-border: #8c8f94; - --site-icon-preview-background: #fff; - --site-icon-preview-browser-top: #dcdcde; - --site-icon-preview-browser-bottom: #a7aaad; - --site-icon-preview-browser-border: rgba(255, 255, 255, 0.2); - --site-icon-address-bar-background: #f0f0f1; - --site-icon-address-bar-close: #646970; - --site-icon-address-bar-text: #3c434a; - --site-icon-shadow-1: rgba(0, 0, 0, 0.1); - --site-icon-shadow-2: rgba(0, 0, 0, 0.2); - --site-icon-shadow-3: rgba(0, 0, 0, 0.5); - - direction: initial; - display: flex; - height: 60px; - padding: 8px 0 0 8px; - align-items: flex-start; - position: relative; - overflow: hidden; - box-sizing: border-box; - border: 1px solid var(--site-icon-input-border); - border-radius: 4px; - background-color: var(--site-icon-preview-background); - width: 275px; -} - -@media (prefers-color-scheme: dark) { - .site-icon-preview { - --site-icon-preview-browser-top: #2c3338; - --site-icon-preview-browser-bottom: #111; - --site-icon-address-bar-background: #3c434a; - --site-icon-address-bar-close: #f0f0f1; - --site-icon-address-bar-text: #f0f0f1; - } -} - -.site-icon-preview.settings { - height: 88px; - padding: 16px 0 0 16px; - width: 350px; - margin: 0 0 16px 0; -} - -.site-icon-preview.crop { - width: 258px; - height: 100%; - display: grid; - grid-template-columns: 8px 1fr; - grid-template-rows: 64px 1fr; - padding-left: 0; - row-gap: 16px; - direction: inherit; -} - -.site-icon-preview.hidden { - display: none; -} - -.site-icon-preview .direction-wrap { - grid-template-columns: 44px 1fr; - gap: 8px; - display: grid; - direction: ltr; - height: 100%; - width: 100%; -} - -.site-icon-preview.settings .direction-wrap { - grid-template-columns: 58px 1fr; - gap: 16px; -} - -.site-icon-preview:after { - --after-size: 150%; - aspect-ratio: 1/1; - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - width: var(--after-size);; - transform: translate(calc(var(--after-size) * -0.125), calc(var(--after-size) * -0.125)); - filter: blur(5px); - opacity: 0.5; - background: var(--site-icon-url); -} - -.site-icon-preview .app-icon-preview { - aspect-ratio: 1/1; - border-radius: 10px; - box-shadow: 0 1px 5px 0 var(--site-icon-shadow-3); - flex-shrink: 0; - width: 100%; - z-index: 1; -} - -.site-icon-preview-browser { - display: flex; - padding: 4px 4px 0 12px; - align-items: flex-start; - gap: 16px; - flex: 1 0 0; - z-index: 1; - border-top-left-radius: 10px; - border-top: 1px solid var(--site-icon-preview-browser-border); - border-left: 1px solid var(--site-icon-preview-browser-border); - background: linear-gradient(180deg, var(--site-icon-preview-browser-top) 0%, var(--site-icon-preview-browser-bottom) 100%); - box-shadow: 0 10px 22px 0 var(--site-icon-shadow-2); -} - -.site-icon-preview .browser-buttons { - width: 48px; - height: 40px; - fill: var(--site-icon-input-border); -} - -.site-icon-preview-tab { - padding: 8px; - align-items: center; - gap: 8px; - flex: 1 0 0; - border-radius: 4px; - background-color: var(--site-icon-address-bar-background); - box-shadow: 0 1px 3px 0 var(--site-icon-shadow-1); - display: grid; - grid-template-columns: 24px auto 24px; -} - -.site-icon-preview-browser .browser-icon-preview { - box-shadow: 0 0 20px 0 var(--site-icon-shadow-1); -} - -.site-icon-preview-tab > img, -.site-icon-preview-tab > svg { - width: 24px; - height: 24px; -} - -.site-icon-preview-tab > svg { - fill: var(--site-icon-address-bar-close); -} - -.site-icon-preview-site-title { - color: var(--site-icon-address-bar-text); - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - font-weight: 500; -} - -.site-icon-preview-crop-modal .image-preview-wrap.app-icon-preview { - width: 64px; - height: 64px; - margin: 0; - grid-column: 2; -} - -.site-icon-preview-crop-modal .site-icon-preview-browser { - grid-column: 2; -} - -.site-icon-preview-crop-modal .image-preview-wrap { - overflow: hidden; - aspect-ratio: 1/1; -} - -.site-icon-preview-crop-modal .image-preview-wrap.browser { - width: 24px; - height: 24px; -} - -button.reset.remove-site-icon { - color: var(--site-icon-removal); - text-decoration: none; - border-color: currentColor; - box-shadow: none; - background: transparent; -} - -button.reset.remove-site-icon:focus, -button.reset.remove-site-icon:hover { - background: var(--site-icon-removal); - color: #fff; - border-color: var(--site-icon-removal); - box-shadow: 0 0 0 1px var(--site-icon-removal); -} - -.site-icon-action-buttons { - display: flex; - flex-wrap: wrap; - gap: 10px; -} diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css index 24be8ac58c5be..e69de29bb2d1d 100644 --- a/src/wp-admin/css/themes.css +++ b/src/wp-admin/css/themes.css @@ -1,2090 +0,0 @@ -/*------------------------------------------------------------------------------ - 16.0 - Themes -------------------------------------------------------------------------------*/ - - -/*------------------------------------------------------------------------------ - 16.1 - Manage Themes -------------------------------------------------------------------------------*/ - -.themes-php { - overflow-y: scroll; -} - -.themes-php #adminmenuwrap { - z-index: 10001; /* above Theme Overlay */ -} - -body.js .theme-browser.search-loading { - display: none; -} - -.theme-browser .themes { - clear: both; -} - -.themes-php .wrap h1 .button { - margin-left: 20px; -} - -/* Search form */ -.themes-php .search-form { - display: inline-flex; - align-items: center; - position: relative; - top: 0; - gap: .5rem; - width: 100%; - justify-content: end; -} - -.themes-php .wp-filter-search { - position: relative; - margin: 0; - width: 280px; -} - -/* Position admin messages */ -.theme .notice, -.theme .notice.is-dismissible { - left: 0; - margin: 0; - position: absolute; - right: 0; - top: 0; -} - -/** - * Main theme element - * (has flexible margins) - */ -.theme-browser .theme { - cursor: pointer; - float: left; - margin: 0 4% 4% 0; - position: relative; - width: 30.6%; - background: #ffffff; - border: 1px solid rgb(0, 0, 0, 0.1); - border-radius: 8px; - box-sizing: border-box; - overflow: hidden; -} - -.theme-browser .theme:nth-child(3n) { - margin-right: 0; -} - -.theme-browser .theme:hover, -.theme-browser .theme.focus { - cursor: pointer; -} - -.theme-browser .theme .theme-name { - font-size: 15px; - font-weight: 600; - height: 18px; - margin: 0; - padding: 16px 15px; - border-top: 1px solid rgb(0, 0, 0, 0.1); - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - background: #ffffff; -} - -/* Activate and Customize buttons, shown on hover and focus */ -.theme-browser .theme .theme-actions { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - opacity: 0; - transition: opacity 0.1s ease-in-out; - height: auto; - background: rgba(246, 247, 247, 0.7); - border-left: 1px solid rgba(0, 0, 0, 0.05); -} - -.theme-browser .theme:hover .theme-actions, -.theme-browser .theme.focus .theme-actions { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - opacity: 1; -} - -.theme-browser .theme .theme-actions .button-primary { - margin-right: 3px; -} - -/* Use compact size for space-constrained theme cards */ -.theme-browser .theme .theme-actions .button.updated-message, -.theme-browser .theme .theme-actions .button.updating-message, -.theme-browser .theme .theme-actions .button { - float: none; - margin-left: 3px; -} - -.theme-browser .theme .theme-actions .button.updated-message::before, -.theme-browser .theme .theme-actions .button.updating-message::before { - line-height: 1; - vertical-align: text-bottom; - position: relative; - top: 2px; -} - -/* Secondary buttons need white background for visibility on semi-transparent overlay */ -.theme-browser .theme .theme-actions .button:not(.button-primary) { - background: #fff; -} - -.theme-browser .theme .theme-actions .button:not(.button-primary):hover { - background: #f0f0f0; -} - -.theme-browser .theme .theme-actions .button:not(.button-primary):focus { - background: #fff; -} - -/** - * Theme Screenshot - * - * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size - * It is also responsive. - */ -.theme-browser .theme .theme-screenshot { - display: block; - overflow: hidden; - position: relative; - -webkit-backface-visibility: hidden; /* Prevents flicker of the screenshot on hover. */ - transition: opacity 0.2s ease-in-out; -} - -.theme-browser .theme .theme-screenshot:after { - content: ""; - display: block; - padding-top: 66.66666%; /* using a 3/2 aspect ratio */ -} - -.theme-browser .theme .theme-screenshot img { - height: auto; - position: absolute; - left: 0; - top: 0; - width: 100%; - transition: opacity 0.2s ease-in-out; -} - -.theme-browser .theme:hover .theme-screenshot, -.theme-browser .theme.focus .theme-screenshot { - background: #fff; -} - -.theme-browser.rendered .theme:hover .theme-screenshot img, -.theme-browser.rendered .theme.focus .theme-screenshot img { - opacity: 0.4; -} - -.theme-browser .theme .more-details { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - opacity: 0; - position: absolute; - top: 35%; - right: 20%; - left: 20%; - width: 60%; - background: #1d2327; - background: rgba(0, 0, 0, 0.7); - color: #fff; - font-size: 15px; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); - -webkit-font-smoothing: antialiased; - font-weight: 600; - padding: 15px 12px; - text-align: center; - border-radius: 3px; - border: none; - transition: opacity 0.1s ease-in-out; - cursor: pointer; -} - -.theme-browser .theme .more-details:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); -} - -.theme-browser .theme.focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.theme-browser .theme.focus .more-details { - opacity: 1; -} - -/* Current theme needs to have its action always on view */ -.theme-browser .theme.active.focus .theme-actions { - display: block; -} - -.theme-browser.rendered .theme:hover .more-details, -.theme-browser.rendered .theme.focus .more-details { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - opacity: 1; -} - -/** - * The currently active theme - */ -.theme-browser .theme.active .theme-name { - background: #1d2327; - color: #fff; - padding-right: 115px; - font-weight: 300; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); -} - -.theme-browser .customize-control .theme.active .theme-name { - padding-right: 15px; -} - -.theme-browser .theme.active .theme-name span { - font-weight: 600; -} - -.theme-browser .theme.active .theme-actions { - background: transparent; - border-left: none; - opacity: 1; -} - -.theme-browser .theme.active .theme-actions .button-primary { - border-color: #fff; -} - -.theme-id-container { - position: relative; -} - -.theme-browser .theme.active .theme-actions, -.theme-browser .theme .theme-actions { - position: absolute; - top: 50%; - transform: translateY(-50%); - right: 0; - padding: 9px 12px; -} - -.theme-browser .theme:not(.active) .theme-actions { - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); -} - -.theme-browser .theme.active .theme-actions .button-primary { - margin-right: 0; -} - -/* Active theme secondary buttons need white background for visibility on dark overlay */ -.theme-browser .theme.active .theme-actions .button:not(.button-primary) { - background: #fff; -} - -.theme-browser .theme.active .theme-actions .button:not(.button-primary):hover { - background: #f0f0f0; -} - -.theme-browser .theme.active .theme-actions .button:not(.button-primary):focus { - background: #fff; -} - -.theme-browser .theme .theme-author { - background: #1d2327; - color: #f0f0f1; - display: none; - font-size: 14px; - margin: 0 10px; - padding: 5px 10px; - position: absolute; - bottom: 56px; -} - -.theme-browser .theme.display-author .theme-author { - display: block; -} - -.theme-browser .theme.display-author .theme-author a { - color: inherit; -} - -/** - * Add new theme - */ -.theme-browser .theme.add-new-theme { - background: transparent; - border: none; - overflow: visible; -} - -.theme-browser .theme.add-new-theme a { - text-decoration: none; - display: block; - position: relative; - z-index: 1; -} - -.theme-browser .theme.add-new-theme a:after { - display: block; - content: ""; - background: transparent; - background: rgba(0, 0, 0, 0); - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - padding: 0; - text-shadow: none; - border: 5px dashed #dcdcde; - border: 5px dashed rgba(0, 0, 0, 0.1); - box-sizing: border-box; -} - -.theme-browser .theme.add-new-theme span:after { - background: #dcdcde; - background: rgba(140, 143, 148, 0.1); - border-radius: 50%; - display: inline-block; - content: "\f132"; - content: "\f132" / ''; - -webkit-font-smoothing: antialiased; - font: normal 74px/115px dashicons; - width: 100px; - height: 100px; - vertical-align: middle; - text-align: center; - color: #8c8f94; - position: absolute; - top: 30%; - left: 50%; - margin-left: -50px; - text-indent: -4px; - padding: 0; - text-shadow: none; - z-index: 4; -} - -.rtl .theme-browser .theme.add-new-theme span:after { - text-indent: 4px; -} - -.theme-browser .theme.add-new-theme a:hover .theme-screenshot, -.theme-browser .theme.add-new-theme a:focus .theme-screenshot { - background: none; -} - -.theme-browser .theme.add-new-theme a:hover span:after, -.theme-browser .theme.add-new-theme a:focus span:after { - background: #fff; - color: #2271b1; -} - -.theme-browser .theme.add-new-theme a:hover:after, -.theme-browser .theme.add-new-theme a:focus:after { - border-color: transparent; - color: #fff; - background: #2271b1; - content: ""; -} - -.theme-browser .theme.add-new-theme .theme-name { - background: none; - border: none; - text-align: center; - font-weight: 400; - position: relative; - top: 0; - margin-top: -18px; - padding-top: 0; - padding-bottom: 48px; -} - -.theme-browser .theme.add-new-theme a:hover .theme-name, -.theme-browser .theme.add-new-theme a:focus .theme-name { - color: #fff; - z-index: 2; -} - -/** - * Theme Overlay - * Shown when clicking a theme - */ -.theme-overlay .theme-backdrop { - position: absolute; - left: -20px; - right: 0; - top: 0; - bottom: 0; - background: #f0f0f1; - background: rgba(240, 240, 241, 0.9); - z-index: 10000; /* Over WP Pointers. */ - min-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px)); -} - -.theme-overlay .theme-header { - position: absolute; - top: 0; - left: 0; - right: 0; - height: 48px; - border-bottom: 1px solid #dcdcde; -} - -.theme-overlay .theme-header button { - padding: 0; -} - -.theme-overlay .theme-header .close { - cursor: pointer; - height: 48px; - width: 50px; - text-align: center; - float: right; - border: 0; - border-left: 1px solid #dcdcde; - background-color: transparent; - transition: color .1s ease-in-out, background .1s ease-in-out; -} - -.theme-overlay .theme-header .close:before { - font: normal 22px/50px dashicons !important; - color: #787c82; - display: inline-block; - content: "\f335"; - content: "\f335" / ''; - font-weight: 300; -} - -/* Left and right navigation */ -.theme-overlay .theme-header .right, -.theme-overlay .theme-header .left { - cursor: pointer; - color: #787c82; - background-color: transparent; - height: 48px; - width: 54px; - float: left; - text-align: center; - border: 0; - border-right: 1px solid #dcdcde; - transition: color .1s ease-in-out, background .1s ease-in-out; -} - -.theme-overlay .theme-header .close:focus, -.theme-overlay .theme-header .close:hover, -.theme-overlay .theme-header .right:focus, -.theme-overlay .theme-header .right:hover, -.theme-overlay .theme-header .left:focus, -.theme-overlay .theme-header .left:hover { - background: #dcdcde; - border-color: #c3c4c7; - color: #000; -} - -.theme-overlay .theme-header .close:focus:before, -.theme-overlay .theme-header .close:hover:before { - color: #000; -} - -.theme-overlay .theme-header .close:focus, -.theme-overlay .theme-header .right:focus, -.theme-overlay .theme-header .left:focus { - box-shadow: none; - outline: none; -} - -.theme-overlay .theme-header .left.disabled, -.theme-overlay .theme-header .right.disabled, -.theme-overlay .theme-header .left.disabled:hover, -.theme-overlay .theme-header .right.disabled:hover { - color: #c3c4c7; - background: inherit; - cursor: inherit; -} - -.theme-overlay .theme-header .right:before, -.theme-overlay .theme-header .left:before { - font: normal 20px/50px dashicons !important; - display: inline; - font-weight: 300; -} - -.theme-overlay .theme-header .left:before { - content: "\f341"; - content: "\f341" / ''; -} - -.theme-overlay .theme-header .right:before { - content: "\f345"; - content: "\f345" / ''; -} - -.theme-overlay .theme-wrap { - clear: both; - position: fixed; - top: 9%; - left: 190px; - right: 30px; - bottom: 3%; - background: #fff; - box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); - z-index: 10000; /* Over WP Pointers. */ - box-sizing: border-box; - -webkit-overflow-scrolling: touch; -} - -body.folded .theme-browser ~ .theme-overlay .theme-wrap { - left: 70px; -} - -.theme-overlay .theme-about { - position: absolute; - top: 49px; - bottom: 57px; - left: 0; - right: 0; - overflow: auto; - padding: 2% 4%; -} - -.theme-overlay .theme-actions { - position: absolute; - text-align: center; - bottom: 0; - left: 0; - right: 0; - padding: 10px 25px 5px; - background: #f6f7f7; - z-index: 30; - box-sizing: border-box; - border-top: 1px solid #f0f0f1; - display: flex; - justify-content: center; - gap: 5px; -} - -.theme-overlay .theme-actions .button { - margin-bottom: 5px; -} - -/* Hide-if-customize for items we can't add classes to */ -.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-header"], -.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-background"] { - display: none; -} - -.broken-themes a.delete-theme, -.theme-overlay .theme-actions .delete-theme { - color: #b32d2e; - text-decoration: none; - border-color: transparent; - box-shadow: none; - background: transparent; -} - -.broken-themes a.delete-theme:hover, -.broken-themes a.delete-theme:focus, -.theme-overlay .theme-actions .delete-theme:hover, -.theme-overlay .theme-actions .delete-theme:focus { - background: #b32d2e; - color: #fff; - border-color: #b32d2e; - box-shadow: 0 0 0 1px #b32d2e; -} - -.theme-overlay .theme-actions .active-theme, -.theme-overlay.active .theme-actions .inactive-theme { - display: none; -} - -.theme-overlay .theme-actions .inactive-theme, -.theme-overlay.active .theme-actions .active-theme { - display: block; -} - -/** - * Theme Screenshots gallery - */ -.theme-overlay .theme-screenshots { - float: left; - margin: 0 30px 0 0; - width: 55%; - max-width: 1200px; /* Recommended theme screenshot width, set here to avoid stretching */ - text-align: center; -} - -/* First screenshot, shown big */ -.theme-overlay .screenshot { - border: 1px solid #fff; - box-sizing: border-box; - overflow: hidden; - position: relative; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -} - -.theme-overlay .screenshot:after { - content: ""; - display: block; - padding-top: 75%; /* using a 4/3 aspect ratio */ -} - -.theme-overlay .screenshot img { - height: auto; - position: absolute; - left: 0; - top: 0; - width: 100%; -} -/* Handles old 300px screenshots */ -.theme-overlay.small-screenshot .theme-screenshots { - position: absolute; - width: 302px; -} -.theme-overlay.small-screenshot .theme-info { - margin-left: 350px; - width: auto; -} - -/* Other screenshots, shown small and square */ -.theme-overlay .screenshot.thumb { - background: #c3c4c7; - border: 1px solid #f0f0f1; - float: none; - display: inline-block; - margin: 10px 5px 0; - width: 140px; - height: 80px; - cursor: pointer; -} - -.theme-overlay .screenshot.thumb:after { - content: ""; - display: block; - padding-top: 100%; /* using a 1/1 aspect ratio */ -} - -.theme-overlay .screenshot.thumb img { - cursor: pointer; - height: auto; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: auto; -} - -.theme-overlay .screenshot.selected { - background: transparent; - border: 2px solid #72aee6; -} - -.theme-overlay .screenshot.selected img { - opacity: 0.8; -} - -/* No screenshot placeholder */ -.theme-browser .theme .theme-screenshot.blank, -.theme-overlay .screenshot.blank { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=); -} - -/** - * Theme heading information - */ -.theme-overlay .theme-info { - width: 40%; - float: left; -} - -.theme-overlay .current-label { - background: #2c3338; - color: #fff; - font-size: 11px; - display: inline-block; - padding: 2px 8px; - border-radius: 2px; - margin: 0 0 -10px; - -webkit-user-select: none; - user-select: none; -} - -.theme-overlay .theme-name { - color: #1d2327; - font-size: 32px; - font-weight: 100; - margin: 10px 0 0; - line-height: 1.3; - word-wrap: break-word; - overflow-wrap: break-word; -} - -.theme-overlay .theme-version { - color: #646970; - font-size: 13px; - font-weight: 400; - float: none; - display: inline-block; - margin-left: 10px; -} - -.theme-overlay .theme-author { - margin: 15px 0 25px; - color: #646970; - font-size: 16px; - font-weight: 400; - line-height: inherit; -} - -.theme-overlay .toggle-auto-update { - /* Better align spin icon and text. */ - display: inline-flex; - align-items: center; - /* Prevents content after the auto-update toggler from jumping down and up. */ - min-height: 20px; /* Same height as the spinning dashicon. */ - vertical-align: top; -} - -.theme-overlay .theme-autoupdate .toggle-auto-update { - text-decoration: none; -} - -.theme-overlay .theme-autoupdate .toggle-auto-update .label { - text-decoration: underline; -} - -.theme-overlay .theme-description { - color: #50575e; - font-size: 15px; - font-weight: 400; - line-height: 1.5; - margin: 30px 0 0; -} - -.theme-overlay .theme-tags { - border-top: 3px solid #f0f0f1; - color: #646970; - font-size: 13px; - font-weight: 400; - margin: 30px 0 0; - padding-top: 20px; -} - -.theme-overlay .theme-tags span { - color: #3c434a; - font-weight: 600; - margin-right: 5px; -} - -.theme-overlay .parent-theme { - background: #fff; - border: 1px solid #f0f0f1; - border-left: 4px solid #72aee6; - font-size: 14px; - font-weight: 400; - margin-top: 30px; - padding: 10px 10px 10px 20px; -} - -.theme-overlay .parent-theme strong { - font-weight: 600; -} - -/** - * Single Theme Mode - * Displays detailed view inline when a user has no switch capabilities - */ -.single-theme .theme-overlay .theme-backdrop, -.single-theme .theme-overlay .theme-header, -.single-theme .theme { - display: none; -} - -.single-theme .theme-overlay .theme-wrap { - clear: both; - min-height: 330px; - position: relative; - left: auto; - right: auto; - top: auto; - bottom: auto; - z-index: 10; -} - -.single-theme .theme-overlay .theme-about { - padding: 30px 30px 70px; - position: static; -} - -.single-theme .theme-overlay .theme-actions { - position: absolute; -} - -/** - * Basic Responsive structure... - * - * Shuffles theme columns around based on screen width - */ - -@media only screen and (min-width: 2000px) { - #wpwrap .theme-browser .theme { - width: 17.6%; - margin: 0 3% 3% 0; - } - - #wpwrap .theme-browser .theme:nth-child(3n), - #wpwrap .theme-browser .theme:nth-child(4n) { - margin-right: 3%; - } - - #wpwrap .theme-browser .theme:nth-child(5n) { - margin-right: 0; - } -} - -@media only screen and (min-width: 1680px) { - .theme-overlay .theme-wrap { - width: 1450px; - margin: 0 auto; - } -} - -/* Maximum screenshot width reaches 440px */ -@media only screen and (min-width: 1640px) { - .theme-browser .theme { - width: 22.7%; - margin: 0 3% 3% 0; - } - .theme-browser .theme .theme-screenshot:after { - padding-top: 75%; /* using a 4/3 aspect ratio */ - } - - .theme-browser .theme:nth-child(3n) { - margin-right: 3%; - } - - .theme-browser .theme:nth-child(4n) { - margin-right: 0; - } -} -/* Maximum screenshot width reaches 440px */ -@media only screen and (max-width: 1120px) { - .theme-browser .theme { - width: 47.5%; - margin-right: 0; - } - - .theme-browser .theme:nth-child(even) { - margin-right: 0; - } - - .theme-browser .theme:nth-child(odd) { - margin-right: 5%; - } -} - -/* Admin menu is folded */ -@media only screen and (max-width: 960px) { - .theme-overlay .theme-wrap { - left: 65px; - } -} - -@media only screen and (max-width: 782px) { - body.folded .theme-overlay .theme-wrap, - .theme-overlay .theme-wrap { - top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */ - right: 0; - bottom: 0; - left: 0; - padding: 70px 20px 20px; - border: none; - z-index: 100000; /* should overlap #wpadminbar. */ - position: fixed; - } - - .theme-browser .theme.active .theme-name span { - /* Hide the "Active: " label on smaller screens. */ - display: none; - } - - .theme-overlay .theme-screenshots { - width: 40%; - } - - .theme-overlay .theme-info { - width: 50%; - } - .single-theme .theme-wrap { - padding: 10px; - } - - .theme-browser .theme .theme-actions { - padding: 5px 10px 4px; - } - - .theme-overlay.small-screenshot .theme-screenshots { - position: static; - float: none; - max-width: 302px; - } - - .theme-overlay.small-screenshot .theme-info { - margin-left: 0; - width: auto; - } - - .theme:not(.active):hover .theme-actions, - .theme:not(.active):focus .theme-actions, - .theme:hover .more-details, - .theme.focus .more-details { - display: none; - } - - .theme-browser.rendered .theme:hover .theme-screenshot img, - .theme-browser.rendered .theme.focus .theme-screenshot img { - opacity: 1.0; - } -} - -@media only screen and (max-width: 480px) { - .theme-browser .theme { - width: 100%; - margin-right: 0; - } - - .theme-browser .theme:nth-child(2n), - .theme-browser .theme:nth-child(3n) { - margin-right: 0; - } - - .theme-overlay .theme-about { - bottom: 105px; - } - - .theme-overlay .theme-actions { - padding-left: 4%; - padding-right: 4%; - } - - .theme-install-php .wp-filter .filter-count { - margin-top: 10px; - } -} - -@media only screen and (max-width: 650px) { - .theme-overlay .theme-description { - margin-left: 0; - } - - .theme-overlay .theme-actions .delete-theme { - position: relative; - right: auto; - bottom: auto; - } - - .theme-overlay .theme-actions .inactive-theme { - display: inline; - } - - .theme-overlay .theme-screenshots { - width: 100%; - float: none; - margin: 0; - } - - .theme-overlay .theme-info { - width: 100%; - } - - .theme-overlay .theme-author { - margin: 5px 0 15px; - } - - .theme-overlay .current-label { - margin-top: 10px; - font-size: 13px; - } - - .themes-php .wp-filter-search { - width: 100%; - } - - .theme-install-php .wp-filter p.search-box { - display: grid; - row-gap: .5rem; - } - - .theme-browser .theme.add-new-theme span:after { - font: normal 60px/90px dashicons; - width: 80px; - height: 80px; - top: 30%; - left: 50%; - text-indent: 0; - margin-left: -40px; - } - - .single-theme .theme-wrap { - margin: 0 -12px 0 -10px; - padding: 10px; - } - .single-theme .theme-overlay .theme-about { - padding: 10px; - overflow: visible; - } - .single-theme .current-label { - display: none; - } - .single-theme .theme-overlay .theme-actions { - position: static; - } -} - -.broken-themes { - clear: both; -} - -.broken-themes table { - text-align: left; - width: 50%; - border-spacing: 3px; - padding: 3px; -} - - -/*------------------------------------------------------------------------------ - 16.2 - Install Themes -------------------------------------------------------------------------------*/ - -.update-php .wrap { - max-width: 40rem; -} - -/* Already installed theme */ -.theme-browser .theme .theme-installed { - background: #2271b1; -} - -.theme-browser .theme .notice-success p:before { - color: #68de7c; - content: "\f147"; - content: "\f147" / ''; - display: inline-block; - font: normal 20px/1 'dashicons'; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - vertical-align: top; -} - -.theme-install.updated-message:before { - content: ""; -} - -.theme-install-php .wp-filter { - padding-left: 20px; -} - -/* Override column gap adjustment in media library. */ -@media only screen and (max-width: 1000px) { - .theme-install-php .wp-filter p.search-box { - column-gap: .5rem; - } -} - -.theme-install-php a.upload, -.theme-install-php a.browse-themes { - cursor: pointer; -} - -.upload-view-toggle .browse, -.plugin-install-tab-upload .upload-view-toggle .upload { - display: none; -} - -.plugin-install-tab-upload .upload-view-toggle .browse { - display: inline; -} - -.upload-theme, -.upload-plugin { - box-sizing: border-box; - display: none; - margin: 0; - padding: 50px 0; - width: 100%; - overflow: hidden; - position: relative; - top: 10px; - text-align: center; -} - -.show-upload-view .upload-theme, -.show-upload-view .upload-plugin, -.show-upload-view .upload-plugin-wrap, -.plugin-install-tab-upload .upload-plugin { - display: block; -} - -.upload-theme .wp-upload-form, -.upload-plugin .wp-upload-form { - position: relative; - margin: 30px; - display: inline-flex; - justify-content: space-between; - align-items: center; - border: 1px solid #c3c4c7; - background: #f6f7f7; -} - -.upload-theme .wp-upload-form input[type="file"], -.upload-plugin .wp-upload-form input[type="file"] { - background: transparent; - margin: 0; - padding: 30px 0 30px 30px; -} - -.wp-upload-form input[type="submit"].button { - margin-right: 30px; -} - -.upload-theme .install-help, -.upload-plugin .install-help { - color: #50575e; /* #f1f1f1 background */ - font-size: 18px; - font-style: normal; - margin: 0; - padding: 0; - text-align: center; -} - -p.no-themes, -p.no-themes-local { - clear: both; - color: #646970; - font-size: 18px; - font-style: normal; - margin: 0; - padding: 100px 0; - text-align: center; - display: none; -} - -.no-results p.no-themes { - display: block; -} - -.theme-install-php .add-new-theme { - display: none !important; -} - -@media only screen and (max-width: 1120px) { - .upload-plugin .wp-upload-form, - .upload-theme .wp-upload-form { - margin: 20px 0; - max-width: 100%; - } - .upload-theme .install-help { - font-size: 15px; - padding: 20px 0 0; - } -} - -.theme-details .theme-rating { - line-height: 1.9; -} - -.theme-details .star-rating { - display: inline; -} - -.theme-details .num-ratings, -.theme-details .no-rating { - font-size: 11px; - color: #646970; -} - -.theme-details .no-rating { - display: block; - line-height: 1.9; -} - -.update-from-upload-comparison { - border-top: 1px solid #dcdcde; - border-bottom: 1px solid #dcdcde; - text-align: left; - margin: 1rem 0 1.4rem; - border-collapse: collapse; - width: 100%; -} - -.update-from-upload-comparison tr:last-child td { - height: 1.4rem; - vertical-align: top; -} - -.update-from-upload-comparison tr:first-child th { - font-weight: bold; - height: 1.4rem; - vertical-align: bottom; -} - -.update-from-upload-comparison td.name-label { - text-align: right; -} - -.update-from-upload-comparison td, -.update-from-upload-comparison th { - padding: 0.4rem 1.4rem; -} - -.update-from-upload-comparison td.warning { - color: #d63638; -} - -.update-from-upload-actions { - margin-top: 1.4rem; -} - -/*------------------------------------------------------------------------------ - 16.3 - Custom Header Screen -------------------------------------------------------------------------------*/ - -.appearance_page_custom-header #headimg { - border: 1px solid #dcdcde; - overflow: hidden; - width: 100%; -} - -.appearance_page_custom-header #upload-form p label { - font-size: 12px; -} - -.appearance_page_custom-header .available-headers .default-header { - float: left; - margin: 0 20px 20px 0; -} - -.appearance_page_custom-header .random-header { - clear: both; - margin: 0 20px 20px 0; - vertical-align: middle; -} - -.appearance_page_custom-header .available-headers label input, -.appearance_page_custom-header .random-header label input { - margin-right: 10px; -} - -.appearance_page_custom-header .available-headers label img { - vertical-align: middle; -} - - -/*------------------------------------------------------------------------------ - 16.4 - Custom Background Screen -------------------------------------------------------------------------------*/ - -div#custom-background-image { - min-height: 100px; - border: 1px solid #dcdcde; -} - -div#custom-background-image img { - max-width: 400px; - max-height: 300px; -} - -.background-position-control input[type="radio"]:checked ~ .button { - background: #f0f0f1; - border-color: #8c8f94; - box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); - z-index: 1; -} - -.background-position-control input[type="radio"]:focus ~ .button { - border-color: #4f94d4; - box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(34, 113, 177, 0.8); - color: #1d2327; -} - -.background-position-control .background-position-center-icon, -.background-position-control .background-position-center-icon:before { - display: inline-block; - line-height: 1; - text-align: center; - transition: background-color .1s ease-in; -} - -.background-position-control .background-position-center-icon { - height: 20px; - margin-top: 13px; - vertical-align: top; - width: 20px; -} - -.background-position-control .background-position-center-icon:before { - background-color: #50575e; - border-radius: 50%; - content: ""; - height: 12px; - width: 12px; -} - -.background-position-control .button:hover .background-position-center-icon:before, -.background-position-control input[type="radio"]:focus ~ .button .background-position-center-icon:before { - background-color: #1d2327; -} - -.background-position-control .button-group { - display: block; -} - -.background-position-control .button-group .button { - border-radius: 0; - box-shadow: none; - /* Following properties are overridden by buttons responsive styles (see: wp-includes/css/buttons.css). */ - height: 40px !important; - line-height: 2.9 !important; - margin: 0 -1px 0 0 !important; - padding: 0 10px 1px !important; - position: relative; -} - -.background-position-control .button-group .button:active, -.background-position-control .button-group .button:hover, -.background-position-control .button-group .button:focus { - z-index: 1; -} - -.background-position-control .button-group:last-child .button { - box-shadow: 0 1px 0 #c3c4c7; -} - -.background-position-control .button-group > label { - margin: 0 !important; -} - -.background-position-control .button-group:first-child > label:first-child .button { - border-radius: 3px 0 0; -} - -.background-position-control .button-group:first-child > label:first-child .dashicons { - transform: rotate( 45deg ); -} - -.background-position-control .button-group:first-child > label:last-child .button { - border-radius: 0 3px 0 0; -} - -.background-position-control .button-group:first-child > label:last-child .dashicons { - transform: rotate( -45deg ); -} - -.background-position-control .button-group:last-child > label:first-child .button { - border-radius: 0 0 0 3px; -} - -.background-position-control .button-group:last-child > label:first-child .dashicons { - transform: rotate( -45deg ); -} - -.background-position-control .button-group:last-child > label:last-child .button { - border-radius: 0 0 3px; -} - -.background-position-control .button-group:last-child > label:last-child .dashicons { - transform: rotate( 45deg ); -} - -.background-position-control .button-group + .button-group { - margin-top: -1px; -} - -/*------------------------------------------------------------------------------ - 23.0 - Full Overlay w/ Sidebar -------------------------------------------------------------------------------*/ - -body.full-overlay-active { - overflow: hidden; - /* Hide all the content, the Customizer overlay is then made visible to be the only available content. */ - visibility: hidden; -} - -.wp-full-overlay { - background: transparent; - z-index: 500000; - position: fixed; - overflow: visible; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; - min-width: 0; -} - -.wp-full-overlay-sidebar { - box-sizing: border-box; - position: fixed; - min-width: 300px; - max-width: 600px; - width: 18%; - height: 100%; - top: 0; - bottom: 0; - left: 0; - padding: 0; - margin: 0; - z-index: 10; - background: #f0f0f1; - border-right: none; -} - -.wp-full-overlay.collapsed .wp-full-overlay-sidebar { - overflow: visible; -} - -.wp-full-overlay.collapsed, -.wp-full-overlay.expanded .wp-full-overlay-sidebar { - margin-left: 0 !important; -} - -.wp-full-overlay.expanded { - margin-left: 300px; -} - -.wp-full-overlay.collapsed .wp-full-overlay-sidebar { - margin-left: -300px; -} - -@media screen and (min-width: 1667px) { - .wp-full-overlay.expanded { - margin-left: 18%; - } - - .wp-full-overlay.collapsed .wp-full-overlay-sidebar { - margin-left: -18%; - } -} - -@media screen and (min-width: 3333px) { - .wp-full-overlay.expanded { - margin-left: 600px; - } - - .wp-full-overlay.collapsed .wp-full-overlay-sidebar { - margin-left: -600px; - } -} - -.wp-full-overlay-sidebar:after { - content: ""; - display: block; - position: absolute; - top: 0; - bottom: 0; - right: 0; - width: 3px; - z-index: 1000; -} - -.wp-full-overlay-main { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - height: 100%; -} - -.wp-full-overlay-sidebar .wp-full-overlay-header { - position: absolute; - left: 0; - right: 0; - height: 45px; - padding: 0 15px; - line-height: 3.2; - z-index: 10; - margin: 0; - border-top: none; - box-shadow: none; -} - -.wp-full-overlay-sidebar .wp-full-overlay-header a.back { - margin-top: 3px; /* Vertically center 40px button in 45px header */ -} - -.wp-full-overlay-sidebar .wp-full-overlay-footer { - bottom: 0; - border-bottom: none; - border-top: none; - box-shadow: none; -} - -.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content { - position: absolute; - top: 45px; - bottom: 45px; - left: 0; - right: 0; - overflow: auto; -} - -/* Close & Navigation Links */ -.theme-install-overlay .wp-full-overlay-sidebar .wp-full-overlay-header { - padding: 0; -} - -.theme-install-overlay .close-full-overlay, -.theme-install-overlay .previous-theme, -.theme-install-overlay .next-theme { - display: block; - position: relative; - float: left; - width: 45px; - height: 45px; - background: #f0f0f1; - border-right: 1px solid #dcdcde; - color: #3c434a; - cursor: pointer; - text-decoration: none; - transition: color .1s ease-in-out, background .1s ease-in-out; -} - -.theme-install-overlay .close-full-overlay:hover, -.theme-install-overlay .close-full-overlay:focus, -.theme-install-overlay .previous-theme:hover, -.theme-install-overlay .previous-theme:focus, -.theme-install-overlay .next-theme:hover, -.theme-install-overlay .next-theme:focus { - background: #dcdcde; - border-color: #c3c4c7; - color: #000; - outline: none; - box-shadow: none; -} - -.theme-install-overlay .close-full-overlay:before { - font: normal 22px/1 dashicons; - content: "\f335"; - content: "\f335" / ''; - position: relative; - top: 7px; - left: 13px; -} - -.theme-install-overlay .previous-theme:before { - font: normal 20px/1 dashicons; - content: "\f341"; - content: "\f341" / ''; - position: relative; - top: 6px; - left: 14px; -} - -.theme-install-overlay .next-theme:before { - font: normal 20px/1 dashicons; - content: "\f345"; - content: "\f345" / ''; - position: relative; - top: 6px; - left: 13px; -} - -.theme-install-overlay .previous-theme.disabled, -.theme-install-overlay .next-theme.disabled, -.theme-install-overlay .previous-theme.disabled:hover, -.theme-install-overlay .previous-theme.disabled:focus, -.theme-install-overlay .next-theme.disabled:hover, -.theme-install-overlay .next-theme.disabled:focus { - color: #c3c4c7; - background: #f0f0f1; - cursor: default; - pointer-events: none; -} - -.theme-install-overlay .close-full-overlay, -.theme-install-overlay .previous-theme, -.theme-install-overlay .next-theme { - border-left: 0; - border-top: 0; - border-bottom: 0; -} - -.theme-install-overlay .close-full-overlay:before, -.theme-install-overlay .previous-theme:before, -.theme-install-overlay .next-theme:before { - top: 2px; - left: 0; -} - -/* Collapse Button */ -.wp-core-ui .wp-full-overlay .collapse-sidebar { - position: fixed; - bottom: 0; - left: 0; - padding: 9px 0 9px 10px; - height: 45px; - color: #646970; - outline: 0; - line-height: 1; - background-color: transparent !important; - border: none !important; - box-shadow: none !important; - border-radius: 0 !important; -} - -.wp-core-ui .wp-full-overlay .collapse-sidebar:hover, -.wp-core-ui .wp-full-overlay .collapse-sidebar:focus { - color: #2271b1; -} - -.wp-full-overlay .collapse-sidebar-arrow, -.wp-full-overlay .collapse-sidebar-label { - display: inline-block; - vertical-align: middle; - line-height: 1.6; -} - -.wp-full-overlay .collapse-sidebar-arrow { - width: 20px; - height: 20px; - margin: 0 2px; /* avoid the focus box-shadow to be cut-off */ - border-radius: 50%; - overflow: hidden; -} - -.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow, -.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.wp-full-overlay .collapse-sidebar-label { - margin-left: 3px; -} - -.wp-full-overlay.collapsed .collapse-sidebar-label { - display: none; -} - -.wp-full-overlay .collapse-sidebar-arrow:before { - display: block; - content: "\f148"; - content: "\f148" / ''; - background: #f0f0f1; - font: normal 20px/1 dashicons; - padding: 0; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.wp-core-ui .wp-full-overlay.collapsed .collapse-sidebar { - padding: 9px 10px; -} - -/* rtl:ignore */ -.wp-full-overlay.collapsed .collapse-sidebar-arrow:before, -.rtl .wp-full-overlay .collapse-sidebar-arrow:before { - transform: rotate(180.001deg); /* Firefox: promoting to its own layer to trigger anti-aliasing */ -} - -.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before { - transform: none; -} - -/* Animations */ -@media (prefers-reduced-motion: no-preference) { - .wp-full-overlay, - .wp-full-overlay-sidebar, - .wp-full-overlay .collapse-sidebar, - .wp-full-overlay-main { - transition-property: left, right, top, bottom, width, margin; - transition-duration: 0.2s; - } -} - -/* Device/preview size toggles */ - -.wp-full-overlay { - background: #1d2327; -} - -.wp-full-overlay-main { - background-color: #f0f0f1; -} - -.expanded .wp-full-overlay-footer { - position: fixed; - bottom: 0; - left: 0; - min-width: 299px; - max-width: 599px; - width: 18%; - width: calc( 18% - 1px ); - height: 45px; - border-top: 1px solid #dcdcde; - background: #f0f0f1; -} - -.wp-full-overlay-footer .devices-wrapper { - float: right; -} - -.wp-full-overlay-footer .devices { - position: relative; - background: #f0f0f1; - box-shadow: -20px 0 10px -5px #f0f0f1; -} - -.wp-full-overlay-footer .devices button { - cursor: pointer; - background: transparent; - border: none; - height: 45px; - min-width: 50px; - padding: 0 3px; - margin: 0 0 0 -4px; - box-shadow: none; - border-top: 1px solid transparent; - border-bottom: 4px solid transparent; - transition: - .15s color ease-in-out, - .15s background-color ease-in-out, - .15s border-color ease-in-out; -} - -.wp-full-overlay-footer .devices button:focus { - box-shadow: none; - outline: none; -} - -.wp-full-overlay-footer .devices button:before { - display: inline-block; - -webkit-font-smoothing: antialiased; - font: normal 20px/20px "dashicons"; - vertical-align: top; - margin: 0 0 -2px; - padding: 4px 8px; - color: #646970; -} - -.wp-full-overlay-footer .devices button.active { - border-bottom-color: #1d2327; -} - -.wp-full-overlay-footer .devices button:hover, -.wp-full-overlay-footer .devices button:focus { - background-color: #fff; -} - -.wp-full-overlay-footer .devices button:focus, -.wp-full-overlay-footer .devices button.active:hover { - border-bottom-color: #2271b1; -} - -.wp-full-overlay-footer .devices button.active:before { - color: #1d2327; -} - -.wp-full-overlay-footer .devices button:hover:before, -.wp-full-overlay-footer .devices button:focus:before { - color: #2271b1; -} - -.wp-full-overlay-footer .devices .preview-desktop:before { - content: "\f472"; - content: "\f472" / ''; -} - -.wp-full-overlay-footer .devices .preview-tablet:before { - content: "\f471"; - content: "\f471" / ''; -} - -.wp-full-overlay-footer .devices .preview-mobile:before { - content: "\f470"; - content: "\f470" / ''; -} - -.wp-full-overlay-footer .devices .devices__preview-label { - display: block; - font-size: 10px; - line-height: 1; -} - -@media screen and (max-width: 1024px) { - .wp-full-overlay-footer .devices { - display: none; - } -} - -.collapsed .wp-full-overlay-footer .devices button:before { - display: none; -} - -.preview-mobile .wp-full-overlay-main { - margin: auto 0 auto -160px; - width: 320px; - height: 480px; - max-height: 100%; - max-width: 100%; - left: 50%; -} - -.preview-tablet .wp-full-overlay-main { - margin: auto 0 auto -360px; - width: 720px; /* Size is loosely based on a typical "tablet" device size. Intentionally ambiguous - this does not represent any particular device precisely. */ - height: 1080px; - max-height: 100%; - max-width: 100%; - left: 50%; -} - - -/*------------------------------------------------------------------------------ - 24.0 - Customize Loader -------------------------------------------------------------------------------*/ - -.no-customize-support .hide-if-no-customize, -.customize-support .hide-if-customize, -.no-customize-support.wp-core-ui .hide-if-no-customize, -.no-customize-support .wp-core-ui .hide-if-no-customize, -.customize-support.wp-core-ui .hide-if-customize, -.customize-support .wp-core-ui .hide-if-customize { - display: none; -} - -#customize-container, -#customize-controls .notice.notification-overlay { - background: #f0f0f1; - z-index: 500000; - position: fixed; - overflow: visible; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; -} -#customize-container { - display: none; -} - -/* Make the Customizer and Theme installer overlays the only available content. */ -#customize-container, -.theme-install-overlay { - visibility: visible; -} - -.customize-loading #customize-container iframe { - opacity: 0; -} - -#customize-container iframe, -.theme-install-overlay iframe { - height: 100%; - width: 100%; - z-index: 20; - transition: opacity 0.3s; -} - -#customize-controls { - margin-top: 0; -} - -.theme-install-overlay { - display: none; -} - -.theme-install-overlay.single-theme { - display: block; -} - -.install-theme-info { - display: none; - padding: 10px 20px 60px; -} - -.single-theme .install-theme-info { - padding-top: 15px; -} - -.theme-install-overlay .install-theme-info { - display: block; -} - -.install-theme-info .theme-install { - float: right; - margin-top: 18px; -} - -.install-theme-info .theme-name { - font-size: 16px; - line-height: 1.5; - margin-bottom: 0; - margin-top: 0; -} - -.install-theme-info .theme-screenshot { - margin: 15px 0; - width: 258px; - border: 1px solid #c3c4c7; - position: relative; - overflow: hidden; -} - -.install-theme-info .theme-screenshot > img { - width: 100%; - height: auto; - position: absolute; - left: 0; - top: 0; -} - -.install-theme-info .theme-screenshot:after { - content: ""; - display: block; - padding-top: 66.66666666%; -} - -.install-theme-info .theme-details { - overflow: hidden; -} - -.theme-details .theme-version { - margin: 15px 0; -} - -.theme-details .theme-description { - float: left; - color: #646970; - line-height: 1.6; - max-width: 100%; -} - -.theme-install-overlay .wp-full-overlay-header .button { - float: right; - margin: 7px 10px 0 0; /* Vertically center 32px button in 45px header */ - min-height: 32px; - line-height: 2.30769231; /* 30px for 32px height with 13px font */ -} - -.theme-install-overlay .wp-full-overlay-header .button.updating-message:before, -.theme-install-overlay .wp-full-overlay-header .button.updated-message:before { - line-height: 1.5; /* 30px (20px * 1.5) - matches the button above */ -} - -.theme-install-overlay .wp-full-overlay-sidebar { - background: #f0f0f1; - border-right: 1px solid #dcdcde; -} - -.theme-install-overlay .wp-full-overlay-sidebar-content { - background: #fff; - border-top: 1px solid #dcdcde; - border-bottom: 1px solid #dcdcde; -} - -.theme-install-overlay .wp-full-overlay-main { - position: absolute; - z-index: 0; - background-color: #f0f0f1; -} - -.customize-loading #customize-container { - background-color: #f0f0f1; -} - -#customize-preview.wp-full-overlay-main:before, -.customize-loading #customize-container:before, -#customize-controls .notice.notification-overlay.notification-loading:before, -.theme-install-overlay .wp-full-overlay-main:before { - content: ""; - display: block; - width: 20px; - height: 20px; - position: absolute; - left: 50%; - top: 50%; - z-index: -1; - margin: -10px 0 0 -10px; - transform: translateZ(0); - background: transparent url(../images/spinner.gif) no-repeat center center; - background-size: 20px 20px; -} - -#customize-preview.wp-full-overlay-main.iframe-ready:before, -.theme-install-overlay.iframe-ready .wp-full-overlay-main:before { - background-image: none; -} - -/* =Media Queries --------------------------------------------------------------- */ - -/** - * HiDPI Displays - */ -@media print, - (min-resolution: 120dpi) { - .wp-full-overlay .collapse-sidebar-arrow { - background-image: url(../images/arrows-2x.png); - background-size: 15px 123px; - } - - #customize-preview.wp-full-overlay-main:before, - .customize-loading #customize-container:before, - #customize-controls .notice.notification-overlay.notification-loading:before, - .theme-install-overlay .wp-full-overlay-main:before { - background-image: url(../images/spinner-2x.gif); - } -} - -@media screen and (max-width: 782px) { - .available-theme .action-links .delete-theme { - float: none; - margin: 0; - padding: 0; - clear: both; - } - - .available-theme .action-links .delete-theme a { - padding: 0; - } - - .broken-themes table { - width: 100%; - } - - .theme-install-overlay .wp-full-overlay-header .button { - font-size: 13px; - } - - .theme-browser .theme .theme-actions .button { - margin-bottom: 0; - } - - .theme-browser .theme.active .theme-actions, - .theme-browser .theme .theme-actions { - padding-top: 4px; - padding-bottom: 4px; - } - - .upload-plugin .wp-upload-form, - .upload-theme .wp-upload-form { - width: 100%; - box-sizing: border-box; - } - - .upload-plugin .wp-upload-form input[type=file], - .upload-theme .wp-upload-form input[type=file] { - padding: 30px 0 30px 30px; - width: 100%; - } -} diff --git a/src/wp-admin/css/view-transitions.css b/src/wp-admin/css/view-transitions.css index 538a90b502f9e..e69de29bb2d1d 100644 --- a/src/wp-admin/css/view-transitions.css +++ b/src/wp-admin/css/view-transitions.css @@ -1,9 +0,0 @@ -@media (prefers-reduced-motion: no-preference) { - @view-transition { - navigation: auto; - } - - #adminmenu > .menu-top { - view-transition-name: attr(id type(), none); - } -} diff --git a/src/wp-admin/css/widgets.css b/src/wp-admin/css/widgets.css index 99039d3c7c66a..e69de29bb2d1d 100644 --- a/src/wp-admin/css/widgets.css +++ b/src/wp-admin/css/widgets.css @@ -1,882 +0,0 @@ -/* General Widgets Styles */ - -.widget { - margin: 0 auto 10px; - position: relative; - box-sizing: border-box; -} - -.widget.open { - z-index: 99; -} -.widget.open:focus-within { - z-index: 100; -} - -.widget-top { - font-size: 13px; - font-weight: 600; - background: #f6f7f7; -} - -.widget-top .widget-action { - border: 0; - margin: 0; - padding: 10px; - background: none; - cursor: pointer; -} - -.widget-title h3, -.widget-title h4 { - margin: 0; - padding: 15px; - font-size: 1em; - line-height: 1; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - -webkit-user-select: none; - user-select: none; -} - -.widgets-holder-wrap .widget-inside { - border-top: none; - padding: 1px 15px 15px; - line-height: 1.23076923; -} - -.widget.widget-dirty .widget-control-close-wrapper { - display: none; -} - -.in-widget-title, -#widgets-right a.widget-control-edit, -#available-widgets .widget-description { - color: #646970; -} - -.deleting .widget-title, -.deleting .widget-top .widget-action .toggle-indicator:before { - color: #a7aaad; -} - -/* Media Widgets */ -.wp-core-ui .media-widget-control.selected .placeholder, -.wp-core-ui .media-widget-control.selected .not-selected, -.wp-core-ui .media-widget-control .selected { - display: none; -} - -.media-widget-control.selected .selected { - display: inline-block; -} - -.media-widget-buttons { - text-align: left; - margin-top: 0; -} - -.media-widget-control .media-widget-buttons .button { - width: auto; - height: auto; - margin-top: 12px; - white-space: normal; -} - -.media-widget-buttons .button:first-child { - margin-right: 8px; -} - -.media-widget-control .attachment-media-view .button-add-media, -.media-widget-control .placeholder { - border: 1px dashed #c3c4c7; - box-sizing: border-box; - cursor: pointer; - line-height: 1.6; - padding: 9px 0; - position: relative; - text-align: center; - width: 100%; -} - -.media-widget-control .attachment-media-view .button-add-media { - cursor: pointer; - background-color: #f0f0f1; - color: #2c3338; -} - -.media-widget-control .attachment-media-view .button-add-media:hover { - background-color: #fff; -} - -.media-widget-control .attachment-media-view .button-add-media:focus { - background-color: #fff; - border-style: solid; - border-color: #4f94d4; - box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; - outline-offset: -2px; -} - -.media-widget-control .media-widget-preview { - background: transparent; - text-align: center; -} -.media-widget-control .media-widget-preview .notice { - text-align: initial; -} -.media-frame .media-widget-embed-notice p code, -.media-widget-control .notice p code { - padding: 0 3px 0 0; -} -.media-frame .media-widget-embed-notice { - margin-top: 16px; -} -.media-widget-control .media-widget-preview img { - max-width: 100%; - vertical-align: middle; - background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); - background-position: 0 0, 10px 10px; - background-size: 20px 20px; -} -.media-widget-control .media-widget-preview .wp-video-shortcode { - background: #000; -} - -.media-frame.media-widget .media-toolbar-secondary { - min-width: 300px; -} - -.media-frame.media-widget .image-details .embed-media-settings .setting.align, -.media-frame.media-widget .attachment-display-settings .setting.align, -.media-frame.media-widget .embed-media-settings .setting.align, -.media-frame.media-widget .embed-media-settings .legend-inline, -.media-frame.media-widget .embed-link-settings .setting.link-text, -.media-frame.media-widget .replace-attachment, -.media-frame.media-widget .checkbox-setting.autoplay { - display: none; -} - -.media-widget-video-preview { - width: 100%; -} - -.media-widget-video-link { - display: inline-block; - min-height: 132px; - width: 100%; - background: #000; -} - -.media-widget-video-link .dashicons { - font: normal 60px/1 'dashicons'; - position: relative; - width: 100%; - top: -90px; - color: #fff; - text-decoration: none; -} - -.media-widget-video-link.no-poster .dashicons { - top: 30px; -} - -.media-frame #embed-url-field.invalid, -.media-widget-image-link > .link:invalid { - border: 1px solid #d63638; -} - -.media-widget-image-link { - margin: 1em 0; -} - -.media-widget-gallery-preview { - display: flex; - justify-content: flex-start; - flex-wrap: wrap; - margin: -1.79104477%; -} - -.media-widget-preview.media_gallery, -.media-widget-preview.media_image { - cursor: pointer; -} - -.media-widget-preview .placeholder { - background: #f0f0f1; -} - -.media-widget-gallery-preview .gallery-item { - box-sizing: border-box; - width: 50%; - margin: 0; - background: transparent; -} - -.media-widget-gallery-preview .gallery-item .gallery-icon { - margin: 4.5%; -} - -/* - * Use targeted nth-last-child selectors to control the size of each image - * based on how many gallery items are present in the grid. - * See: https://alistapart.com/article/quantity-queries-for-css - */ -.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child, -.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child ~ .gallery-item, -.media-widget-gallery-preview .gallery-item:nth-last-child(n+5), -.media-widget-gallery-preview .gallery-item:nth-last-child(n+5) ~ .gallery-item, -.media-widget-gallery-preview .gallery-item:nth-last-child(n+6), -.media-widget-gallery-preview .gallery-item:nth-last-child(n+6) ~ .gallery-item { - max-width: 33.33%; -} - -.media-widget-gallery-preview .gallery-item img { - height: auto; - vertical-align: bottom; -} - -.media-widget-gallery-preview .gallery-icon { - position: relative; -} - -.media-widget-gallery-preview .gallery-icon-placeholder { - position: absolute; - top: 0; - bottom: 0; - width: 100%; - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; - background-color: rgba(0, 0, 0, 0.5); -} - -.media-widget-gallery-preview .gallery-icon-placeholder-text { - font-weight: 600; - font-size: 2em; - color: #fff; -} - - -/* Widget Dragging Helpers */ -.widget.ui-draggable-dragging { - min-width: 100%; -} - -.widget.ui-sortable-helper { - opacity: 0.8; -} - -.widget-placeholder { - border: 1px dashed #c3c4c7; - margin: 0 auto 10px; - height: 45px; - width: 100%; - box-sizing: border-box; -} - -#widgets-right .widget-placeholder { - margin-top: 0; -} - -#widgets-right .closed .widget-placeholder { - height: 0; - border: 0; - margin-top: -10px; -} - -/* Widget Sidebars */ -.sidebar-name { - position: relative; - box-sizing: border-box; -} - -.js .sidebar-name { - cursor: pointer; -} - -.sidebar-name .handlediv { - float: right; - width: 38px; - height: 38px; - border: 0; - margin: 0; - padding: 8px; - background: none; - cursor: pointer; - outline: none; -} - -#widgets-right .sidebar-name .handlediv { - margin: 5px 3px 0 0; -} - -.sidebar-name .handlediv:focus { - box-shadow: none; - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; -} - -#widgets-left .sidebar-name .toggle-indicator { - display: none; -} - -#widgets-left .widgets-holder-wrap.closed .sidebar-name .toggle-indicator, -#widgets-left .sidebar-name:hover .toggle-indicator, -#widgets-left .sidebar-name .handlediv:focus .toggle-indicator { - display: block; -} - -.sidebar-name .toggle-indicator:before { - padding: 1px 2px 1px 0; - border-radius: 50%; -} - -.sidebar-name .handlediv:focus .toggle-indicator:before { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.sidebar-name h2, -.sidebar-name h3 { - margin: 0; - padding: 8px 10px; - overflow: hidden; - white-space: normal; - line-height: 1.5; -} - -.widgets-holder-wrap .description { - padding: 0 0 15px; - margin: 0; - font-style: normal; - color: #646970; -} - -.widget-holder .description, -.inactive-sidebar .description { - color: #50575e; -} - -#widgets-right .widgets-holder-wrap .description { - padding-left: 7px; - padding-right: 7px; -} - -/* Widgets 2-col Layout */ -div.widget-liquid-left { - margin: 0; - width: 38%; - float: left; -} - -div.widget-liquid-right { - float: right; - width: 58%; -} - -/* Widgets Left - Available Widgets */ - -div#widgets-left { - padding-top: 12px; -} - -div#widgets-left .closed .sidebar-name, -div#widgets-left .inactive-sidebar.closed .sidebar-name { - margin-bottom: 10px; -} - -div#widgets-left .sidebar-name h2, -div#widgets-left .sidebar-name h3 { - padding: 10px 0; - margin: 0 10px 0 0; -} - -#widgets-left .widgets-holder-wrap, -div#widgets-left .widget-holder { - background: transparent; - border: none; -} - -#widgets-left .widgets-holder-wrap { - border: none; - box-shadow: none; -} - -#available-widgets .widget { - margin: 0; -} - -#available-widgets .widget:nth-child(odd) { - clear: both; -} - -#available-widgets .widget .widget-description { - display: block; - padding: 10px 15px; - font-size: 12px; - overflow-wrap: break-word; - word-wrap: break-word; - -ms-word-break: break-all; - word-break: break-word; - hyphens: auto; -} - -#available-widgets #widget-list { - position: relative; -} - -/* Inactive Sidebars */ -#widgets-left .inactive-sidebar { - clear: both; - width: 100%; - background: transparent; - padding: 0; - margin: 0 0 20px; - border: none; - box-shadow: none; -} - -#widgets-left .inactive-sidebar.first { - margin-top: 40px; -} - -/* Not sure what this is for... */ -div#widgets-left .inactive-sidebar .widget.expanded { - left: auto; -} - -.widget-title-action { - float: right; - position: relative; -} - -div#widgets-left .inactive-sidebar .widgets-sortables { - min-height: 42px; - padding: 0; - background: transparent; - margin: 0; - position: relative; -} - -/* Widgets Right */ - -div#widgets-right .sidebars-column-1, -div#widgets-right .sidebars-column-2 { - max-width: 450px; -} - -div#widgets-right .widgets-holder-wrap { - margin: 10px 0 0; -} - -div#widgets-right .sidebar-description { - min-height: 20px; - margin-top: -5px; -} - -div#widgets-right .sidebar-name h2, -div#widgets-right .sidebar-name h3 { - padding: 15px 15px 15px 7px; -} - -div#widgets-right .widget-top { - padding: 0; -} - -div#widgets-right .widgets-sortables { - padding: 0 8px; - margin-bottom: 9px; - position: relative; - min-height: 123px; -} - -div#widgets-right .closed .widgets-sortables { - min-height: 0; - margin-bottom: 0; -} - -.sidebar-name .spinner, -.remove-inactive-widgets .spinner { - float: none; - position: relative; - top: -2px; - margin: -5px 5px; -} - -.sidebar-name .spinner { - position: absolute; - top: 18px; - right: 30px; -} - -/* Dragging a widget over a closed sidebar */ -#widgets-right .widgets-holder-wrap.widget-hover { - border-color: #787c82; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -/* Accessibility Mode */ -.widget-access-link { - float: right; - margin: -5px 0 10px 10px; -} - -.widgets_access #widgets-left .widget .widget-top { - cursor: auto; -} - -.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description, -.widgets_access #wpwrap .widgets-holder-wrap.closed .widget, -.widgets_access #wpwrap .widget-control-edit { - display: block; -} - -.widgets_access #widgets-left .widget .widget-top:hover, -.widgets_access #widgets-right .widget .widget-top:hover { - border-color: #dcdcde; -} - -#available-widgets .widget-control-edit .edit, -#available-widgets .widget-action .edit, -#widgets-left .inactive-sidebar .widget-control-edit .add, -#widgets-left .inactive-sidebar .widget-action .add, -#widgets-right .widget-control-edit .add, -#widgets-right .widget-action .add { - display: none; -} - -.widget-control-edit { - display: block; - color: #646970; - background: #f0f0f1; - padding: 0 15px; - line-height: 3.30769230; - border-left: 1px solid #dcdcde; -} - -#widgets-left .widget-control-edit:hover, -#widgets-right .widget-control-edit:hover { - color: #fff; - background: #3c434a; - border-left: 0; - outline: 1px solid #3c434a; -} - -.widgets-holder-wrap .sidebar-name, -.widgets-holder-wrap .sidebar-description { - -webkit-user-select: none; - user-select: none; -} - -.editwidget { - margin: 0 auto; -} - -.editwidget .widget-inside { - display: block; - padding: 0 15px; -} - -.widget-control-actions { - display: flex; - align-items: center; - justify-content: space-between; -} - -.editwidget .widget-control-actions { - margin-top: 20px; -} - -.js .widgets-holder-wrap.closed .widget, -.js .widgets-holder-wrap.closed .sidebar-description, -.js .widgets-holder-wrap.closed .remove-inactive-widgets, -.js .widgets-holder-wrap.closed .description, -.js .closed br.clear { - display: none; -} - -.js .widgets-holder-wrap.closed .widget.ui-sortable-helper { - display: block; -} - -/* Hide Widget Settings by Default */ -.widget-inside, -.widget-description { - display: none; -} - -.widget-inside { - background: #fff; -} - -.widget-inside select { - max-width: 100%; -} - -/* Dragging widgets over the available widget area show's a "Deactivate" message */ -#removing-widget { - display: none; - font-weight: 400; - padding-left: 15px; - font-size: 12px; - line-height: 1; - color: #000; -} - -.js #removing-widget { - color: #72aee6; -} - -.widget-control-noform, -#access-off, -.widgets_access .widget-action, -.widgets_access .handlediv, -.widgets_access #access-on, -.widgets_access .widget-holder .description, -.no-js .widget-holder .description { - display: none; -} - -.widgets_access .widget-holder, -.widgets_access #widget-list { - padding-top: 10px; -} - -.widgets_access #access-off { - display: inline; -} - -.widgets_access .sidebar-name, -.widgets_access .widget .widget-top { - cursor: default; -} - - -/* Widgets Area Chooser */ -.widget-liquid-left #widgets-left.chooser #available-widgets .widget, -.widget-liquid-left #widgets-left.chooser .inactive-sidebar { - transition: opacity 0.1s linear; -} - -.widget-liquid-left #widgets-left.chooser #available-widgets .widget, -.widget-liquid-left #widgets-left.chooser .inactive-sidebar { - /* -webkit-filter: blur(1px); */ - opacity: 0.2; - pointer-events: none; -} - -.widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question { - /* -webkit-filter: none; */ - opacity: 1; - pointer-events: auto; -} - -.widgets-chooser ul, -#widgets-left .widget-in-question .widget-top, -#available-widgets .widget-top:hover, -div#widgets-right .widget-top:hover, -#widgets-left .widget-top:hover { - border-color: #8c8f94; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -} - -.widgets-chooser ul.widgets-chooser-sidebars { - margin: 0; - list-style-type: none; - max-height: 300px; - overflow: auto; -} - -.widgets-chooser { - display: none; -} - -.widgets-chooser ul { - border: 1px solid #c3c4c7; -} - -.widgets-chooser li { - border-bottom: 1px solid #c3c4c7; - background: #fff; - margin: 0; - position: relative; -} - -.widgets-chooser .widgets-chooser-button { - width: 100%; - padding: 10px 15px 10px 35px; - background: transparent; - border: 0; - box-sizing: border-box; - text-align: left; - cursor: pointer; - transition: background 0.2s ease-in-out; -} - -/* @todo looks like these hover/focus states are overridden by .widgets-chooser-selected */ -.widgets-chooser .widgets-chooser-button:hover, -.widgets-chooser .widgets-chooser-button:focus { - outline: none; - text-decoration: underline; -} - -.widgets-chooser li:last-child { - border: none; -} - -.widgets-chooser .widgets-chooser-selected .widgets-chooser-button { - background: var(--wp-admin-theme-color, #3858e9); - color: #fff; -} - -.widgets-chooser .widgets-chooser-selected:before { - content: "\f147"; - content: "\f147" / ''; - display: block; - -webkit-font-smoothing: antialiased; - font: normal 26px/1 dashicons; - color: #fff; - position: absolute; - top: 7px; - left: 5px; -} - -.widgets-chooser .widgets-chooser-actions { - padding: 10px 0 12px; - text-align: center; -} - -#available-widgets .widget .widget-top { - cursor: pointer; -} - -#available-widgets .widget.ui-draggable-dragging .widget-top { - cursor: move; -} - -/* =Specific widget styling --------------------------------------------------------------- */ -.text-widget-fields { - position: relative; -} -.text-widget-fields [hidden] { - display: none; -} -.text-widget-fields .wp-pointer.wp-pointer-top { - position: absolute; - z-index: 3; - top: 100px; - right: 10px; - left: 10px; -} -.text-widget-fields .wp-pointer .wp-pointer-arrow { - left: auto; - right: 15px; -} -.text-widget-fields .wp-pointer .wp-pointer-buttons { - line-height: 1.4; -} - -.custom-html-widget-fields > p > .CodeMirror { - border: 1px solid #dcdcde; -} -.custom-html-widget-fields code { - padding-top: 1px; - padding-bottom: 1px; -} -ul.CodeMirror-hints { - z-index: 101; /* Due to z-index 100 set on .widget.open */ -} -.widget-control-actions .custom-html-widget-save-button.button.validation-blocked { - cursor: not-allowed; -} - -/* =Media Queries --------------------------------------------------------------- */ - -@media screen and (max-width: 782px) { - .widgets-holder-wrap .widget-inside input[type="checkbox"], - .widgets-holder-wrap .widget-inside input[type="radio"], - .editwidget .widget-inside input[type="checkbox"], /* Selectors for the "accessibility mode" page. */ - .editwidget .widget-inside input[type="radio"] { - margin: 0.25rem 0.25rem 0.25rem 0; - } -} - -@media screen and (max-width: 480px) { - div.widget-liquid-left { - width: 100%; - float: none; - border-right: none; - padding-right: 0; - } - - #widgets-left .sidebar-name { - margin-right: 0; - } - - #widgets-left #available-widgets .widget-top { - margin-right: 0; - } - - #widgets-left .inactive-sidebar .widgets-sortables { - margin-right: 0; - } - - div.widget-liquid-right { - width: 100%; - float: none; - } - - div.widget { - max-width: 480px; - } - - .widget-access-link { - float: none; - margin: 15px 0 0; - } -} - -@media screen and (max-width: 320px) { - div.widget { - max-width: 320px; - } -} - -@media only screen and (min-width: 1250px) { - #widgets-left #available-widgets .widget { - width: 49%; - float: left; - } - - .widget.ui-draggable-dragging { - min-width: 49%; - } - - #widgets-left #available-widgets .widget:nth-child(even) { - float: right; - } - - #widgets-right .sidebars-column-1, - #widgets-right .sidebars-column-2 { - float: left; - width: 49%; - } - - #widgets-right .sidebars-column-1 { - margin-right: 2%; - } - - #widgets-right.single-sidebar .sidebars-column-1, - #widgets-right.single-sidebar .sidebars-column-2 { - float: none; - width: 100%; - margin: 0; - } -} diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index b475cf0aafb7e..e69de29bb2d1d 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -1,15 +0,0 @@ -@import url(common.css); -@import url(forms.css); -@import url(admin-menu.css); -@import url(dashboard.css); -@import url(list-tables.css); -@import url(edit.css); -@import url(revisions.css); -@import url(media.css); -@import url(themes.css); -@import url(about.css); -@import url(nav-menus.css); -@import url(widgets.css); -@import url(site-icon.css); -@import url(l10n.css); -@import url(site-health.css); diff --git a/src/wp-admin/css/wp-tooltip.css b/src/wp-admin/css/wp-tooltip.css index e72c51a72781f..e69de29bb2d1d 100644 --- a/src/wp-admin/css/wp-tooltip.css +++ b/src/wp-admin/css/wp-tooltip.css @@ -1,125 +0,0 @@ -/* Accessible tooltip component. Markup from wp_get_tooltip(). */ - -.wp-tooltip { - display: inline-flex; - align-items: center; -} - -/* Toggle and close buttons. */ -.wp-tooltip .wp-tooltip__toggle, -.wp-tooltip .wp-tooltip__close { - display: inline-flex; - align-items: center; - justify-content: center; - width: 24px; - height: 24px; - padding: 0; - border: 0; - border-radius: 2px; - background: none; - color: #50575e; - cursor: pointer; -} - -.wp-tooltip:not(:has(button[aria-disabled="true"],button[disabled])) .wp-tooltip__toggle:hover, -.wp-tooltip:not(:has(button[aria-disabled="true"],button[disabled])) .wp-tooltip__toggle:focus, -.wp-tooltip .wp-tooltip__close:hover, -.wp-tooltip .wp-tooltip__close:focus { - color: var(--wp-admin-theme-color, #3858e9); -} - -/* - * `:where()` keeps the wrapper out of the specificity total, so buttons - * passed into a tooltip keep control of their own focus ring. - */ -:where(.wp-tooltip:not(:has(button[aria-disabled="true"],button[disabled]))) .wp-tooltip__toggle:focus, -.wp-tooltip .wp-tooltip__close:focus { - outline: 2px solid transparent; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); -} - -.wp-tooltip .wp-tooltip__toggle .dashicons { - width: 20px; - height: 20px; - font-size: 20px; -} - -.wp-tooltip .wp-tooltip__close .dashicons { - width: 18px; - height: 18px; - font-size: 18px; -} - -/* Bubble. No position here, so it falls back to the UA's centered popover without anchoring. */ -.wp-tooltip .wp-tooltip__bubble { - max-width: min(280px, calc(100vw - 32px)); - margin: auto; - padding: 12px 16px; - overflow: visible; - border: 1px solid #c3c4c7; - border-radius: 4px; - background: #fff; - color: #1d2327; - font-size: 13px; - font-weight: 400; - line-height: 1.5; - text-align: left; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); -} - -.wp-tooltip.wp-is-tooltip .wp-tooltip__bubble { - background: #000; - color: #f0f0f0; - text-align: center; - padding: 4px 8px; - line-height: 1.4; -} - -.wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__text { - display: block; - padding-inline-end: 24px; -} - -.wp-tooltip .wp-tooltip__close { - position: absolute; - top: 6px; - inset-inline-end: 6px; -} - -/* Anchor the bubble above its toggle, with a downward arrow. */ -@supports (anchor-name: --a) { - .wp-tooltip .wp-tooltip__bubble { - position-area: top; - margin: 0 0 8px; - position-try-fallbacks: flip-block, flip-inline; - } - - .wp-tooltip.wp-is-tooltip .wp-tooltip__bubble { - margin: 0; - } - - /* Arrow: gray border (::before) under a white fill (::after). */ - .wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::before, - .wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::after { - content: ""; - position: absolute; - top: 100%; - left: 50%; - width: 0; - height: 0; - border: 8px solid transparent; - border-bottom: 0; - } - - .wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::before { - margin-left: -8px; - border-top-color: #c3c4c7; - } - - .wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::after { - margin-left: -7px; - border-width: 7px; - border-bottom: 0; - border-top-color: #fff; - } -} diff --git a/src/wp-includes/build/pages/font-library/loader.js b/src/wp-includes/build/pages/font-library/loader.js index 9f7e5db19d51d..e69de29bb2d1d 100644 --- a/src/wp-includes/build/pages/font-library/loader.js +++ b/src/wp-includes/build/pages/font-library/loader.js @@ -1 +0,0 @@ -// Empty module loader for page dependencies diff --git a/src/wp-includes/build/pages/options-connectors/loader.js b/src/wp-includes/build/pages/options-connectors/loader.js index 9f7e5db19d51d..e69de29bb2d1d 100644 --- a/src/wp-includes/build/pages/options-connectors/loader.js +++ b/src/wp-includes/build/pages/options-connectors/loader.js @@ -1 +0,0 @@ -// Empty module loader for page dependencies diff --git a/src/wp-includes/build/routes/connectors-home/content.js b/src/wp-includes/build/routes/connectors-home/content.js index 521cbcd5b9dc1..e69de29bb2d1d 100644 --- a/src/wp-includes/build/routes/connectors-home/content.js +++ b/src/wp-includes/build/routes/connectors-home/content.js @@ -1,12310 +0,0 @@ -var __create = Object.create; -var __defProp = Object.defineProperty; -var __getOwnPropDesc = Object.getOwnPropertyDescriptor; -var __getOwnPropNames = Object.getOwnPropertyNames; -var __getProtoOf = Object.getPrototypeOf; -var __hasOwnProp = Object.prototype.hasOwnProperty; -var __commonJS = (cb, mod) => function __require() { - return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; -}; -var __export = (target, all) => { - for (var name in all) - __defProp(target, name, { get: all[name], enumerable: true }); -}; -var __copyProps = (to, from, except, desc) => { - if (from && typeof from === "object" || typeof from === "function") { - for (let key of __getOwnPropNames(from)) - if (!__hasOwnProp.call(to, key) && key !== except) - __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); - } - return to; -}; -var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( - // If the importer is in node compatibility mode or this is not an ESM - // file that has been converted to a CommonJS file using a Babel- - // compatible transform (i.e. "__esModule" has not been set), then set - // "default" to the CommonJS "module.exports" for node compatibility. - isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, - mod -)); - -// package-external:@wordpress/i18n -var require_i18n = __commonJS({ - "package-external:@wordpress/i18n"(exports, module) { - module.exports = window.wp.i18n; - } -}); - -// package-external:@wordpress/element -var require_element = __commonJS({ - "package-external:@wordpress/element"(exports, module) { - module.exports = window.wp.element; - } -}); - -// vendor-external:react -var require_react = __commonJS({ - "vendor-external:react"(exports, module) { - module.exports = window.React; - } -}); - -// vendor-external:react/jsx-runtime -var require_jsx_runtime = __commonJS({ - "vendor-external:react/jsx-runtime"(exports, module) { - module.exports = window.ReactJSXRuntime; - } -}); - -// vendor-external:react-dom -var require_react_dom = __commonJS({ - "vendor-external:react-dom"(exports, module) { - module.exports = window.ReactDOM; - } -}); - -// node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js -var require_use_sync_external_store_shim_development = __commonJS({ - "node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"(exports) { - "use strict"; - (function() { - function is(x, y) { - return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y; - } - function useSyncExternalStore$2(subscribe, getSnapshot) { - didWarnOld18Alpha || void 0 === React52.startTransition || (didWarnOld18Alpha = true, console.error( - "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release." - )); - var value = getSnapshot(); - if (!didWarnUncachedGetSnapshot) { - var cachedValue = getSnapshot(); - objectIs(value, cachedValue) || (console.error( - "The result of getSnapshot should be cached to avoid an infinite loop" - ), didWarnUncachedGetSnapshot = true); - } - cachedValue = useState14({ - inst: { value, getSnapshot } - }); - var inst = cachedValue[0].inst, forceUpdate = cachedValue[1]; - useLayoutEffect3( - function() { - inst.value = value; - inst.getSnapshot = getSnapshot; - checkIfSnapshotChanged(inst) && forceUpdate({ inst }); - }, - [subscribe, value, getSnapshot] - ); - useEffect15( - function() { - checkIfSnapshotChanged(inst) && forceUpdate({ inst }); - return subscribe(function() { - checkIfSnapshotChanged(inst) && forceUpdate({ inst }); - }); - }, - [subscribe] - ); - useDebugValue2(value); - return value; - } - function checkIfSnapshotChanged(inst) { - var latestGetSnapshot = inst.getSnapshot; - inst = inst.value; - try { - var nextValue = latestGetSnapshot(); - return !objectIs(inst, nextValue); - } catch (error2) { - return true; - } - } - function useSyncExternalStore$1(subscribe, getSnapshot) { - return getSnapshot(); - } - "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error()); - var React52 = require_react(), objectIs = "function" === typeof Object.is ? Object.is : is, useState14 = React52.useState, useEffect15 = React52.useEffect, useLayoutEffect3 = React52.useLayoutEffect, useDebugValue2 = React52.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2; - exports.useSyncExternalStore = void 0 !== React52.useSyncExternalStore ? React52.useSyncExternalStore : shim; - "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error()); - })(); - } -}); - -// node_modules/use-sync-external-store/shim/index.js -var require_shim = __commonJS({ - "node_modules/use-sync-external-store/shim/index.js"(exports, module) { - "use strict"; - if (false) { - module.exports = null; - } else { - module.exports = require_use_sync_external_store_shim_development(); - } - } -}); - -// node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js -var require_with_selector_development = __commonJS({ - "node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js"(exports) { - "use strict"; - (function() { - function is(x, y) { - return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y; - } - "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error()); - var React52 = require_react(), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore2 = shim.useSyncExternalStore, useRef22 = React52.useRef, useEffect15 = React52.useEffect, useMemo16 = React52.useMemo, useDebugValue2 = React52.useDebugValue; - exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) { - var instRef = useRef22(null); - if (null === instRef.current) { - var inst = { hasValue: false, value: null }; - instRef.current = inst; - } else inst = instRef.current; - instRef = useMemo16( - function() { - function memoizedSelector(nextSnapshot) { - if (!hasMemo) { - hasMemo = true; - memoizedSnapshot = nextSnapshot; - nextSnapshot = selector(nextSnapshot); - if (void 0 !== isEqual && inst.hasValue) { - var currentSelection = inst.value; - if (isEqual(currentSelection, nextSnapshot)) - return memoizedSelection = currentSelection; - } - return memoizedSelection = nextSnapshot; - } - currentSelection = memoizedSelection; - if (objectIs(memoizedSnapshot, nextSnapshot)) - return currentSelection; - var nextSelection = selector(nextSnapshot); - if (void 0 !== isEqual && isEqual(currentSelection, nextSelection)) - return memoizedSnapshot = nextSnapshot, currentSelection; - memoizedSnapshot = nextSnapshot; - return memoizedSelection = nextSelection; - } - var hasMemo = false, memoizedSnapshot, memoizedSelection, maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot; - return [ - function() { - return memoizedSelector(getSnapshot()); - }, - null === maybeGetServerSnapshot ? void 0 : function() { - return memoizedSelector(maybeGetServerSnapshot()); - } - ]; - }, - [getSnapshot, getServerSnapshot, selector, isEqual] - ); - var value = useSyncExternalStore2(subscribe, instRef[0], instRef[1]); - useEffect15( - function() { - inst.hasValue = true; - inst.value = value; - }, - [value] - ); - useDebugValue2(value); - return value; - }; - "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error()); - })(); - } -}); - -// node_modules/use-sync-external-store/shim/with-selector.js -var require_with_selector = __commonJS({ - "node_modules/use-sync-external-store/shim/with-selector.js"(exports, module) { - "use strict"; - if (false) { - module.exports = null; - } else { - module.exports = require_with_selector_development(); - } - } -}); - -// package-external:@wordpress/primitives -var require_primitives = __commonJS({ - "package-external:@wordpress/primitives"(exports, module) { - module.exports = window.wp.primitives; - } -}); - -// package-external:@wordpress/theme -var require_theme = __commonJS({ - "package-external:@wordpress/theme"(exports, module) { - module.exports = window.wp.theme; - } -}); - -// package-external:@wordpress/private-apis -var require_private_apis = __commonJS({ - "package-external:@wordpress/private-apis"(exports, module) { - module.exports = window.wp.privateApis; - } -}); - -// package-external:@wordpress/components -var require_components = __commonJS({ - "package-external:@wordpress/components"(exports, module) { - module.exports = window.wp.components; - } -}); - -// package-external:@wordpress/data -var require_data = __commonJS({ - "package-external:@wordpress/data"(exports, module) { - module.exports = window.wp.data; - } -}); - -// package-external:@wordpress/core-data -var require_core_data = __commonJS({ - "package-external:@wordpress/core-data"(exports, module) { - module.exports = window.wp.coreData; - } -}); - -// package-external:@wordpress/notices -var require_notices = __commonJS({ - "package-external:@wordpress/notices"(exports, module) { - module.exports = window.wp.notices; - } -}); - -// package-external:@wordpress/url -var require_url = __commonJS({ - "package-external:@wordpress/url"(exports, module) { - module.exports = window.wp.url; - } -}); - -// node_modules/clsx/dist/clsx.mjs -function r(e) { - var t, f, n = ""; - if ("string" == typeof e || "number" == typeof e) n += e; - else if ("object" == typeof e) if (Array.isArray(e)) { - var o = e.length; - for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f); - } else for (f in e) e[f] && (n && (n += " "), n += f); - return n; -} -function clsx() { - for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t); - return n; -} -var clsx_default = clsx; - -// packages/ui/build-module/badge/badge.mjs -var import_element11 = __toESM(require_element(), 1); - -// node_modules/@base-ui/utils/error.mjs -var set; -if (true) { - set = /* @__PURE__ */ new Set(); -} -function error(...messages) { - if (true) { - const messageKey = messages.join(" "); - if (!set.has(messageKey)) { - set.add(messageKey); - console.error(`Base UI: ${messageKey}`); - } - } -} - -// node_modules/@base-ui/utils/safeReact.mjs -var React2 = __toESM(require_react(), 1); -var SafeReact = { - ...React2 -}; - -// node_modules/@base-ui/utils/useRefWithInit.mjs -var React3 = __toESM(require_react(), 1); -var UNINITIALIZED = {}; -function useRefWithInit(init, initArg) { - const ref = React3.useRef(UNINITIALIZED); - if (ref.current === UNINITIALIZED) { - ref.current = init(initArg); - } - return ref; -} - -// node_modules/@base-ui/utils/useStableCallback.mjs -var useInsertionEffect = SafeReact.useInsertionEffect; -var useSafeInsertionEffect = ( - // React 17 doesn't have useInsertionEffect. - useInsertionEffect && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late. - useInsertionEffect !== SafeReact.useLayoutEffect ? useInsertionEffect : (fn) => fn() -); -function useStableCallback(callback) { - const stable = useRefWithInit(createStableCallback).current; - stable.next = callback; - useSafeInsertionEffect(stable.effect); - return stable.trampoline; -} -function createStableCallback() { - const stable = { - next: void 0, - callback: assertNotCalled, - trampoline: (...args) => stable.callback?.(...args), - effect: () => { - stable.callback = stable.next; - } - }; - return stable; -} -function assertNotCalled() { - if (true) { - throw ( - /* minify-error-disabled */ - new Error("Base UI: Cannot call an event handler while rendering.") - ); - } -} - -// node_modules/@base-ui/utils/useIsoLayoutEffect.mjs -var React4 = __toESM(require_react(), 1); -var noop = () => { -}; -var useIsoLayoutEffect = typeof document !== "undefined" ? React4.useLayoutEffect : noop; - -// node_modules/@base-ui/utils/warn.mjs -var set2; -if (true) { - set2 = /* @__PURE__ */ new Set(); -} -function warn(...messages) { - if (true) { - const messageKey = messages.join(" "); - if (!set2.has(messageKey)) { - set2.add(messageKey); - console.warn(`Base UI: ${messageKey}`); - } - } -} - -// node_modules/@base-ui/react/internals/direction-context/DirectionContext.mjs -var React5 = __toESM(require_react(), 1); -var DirectionContext = /* @__PURE__ */ React5.createContext(void 0); -if (true) DirectionContext.displayName = "DirectionContext"; -function useDirection() { - const context = React5.useContext(DirectionContext); - return context?.direction ?? "ltr"; -} - -// node_modules/@base-ui/react/internals/useRenderElement.mjs -var React8 = __toESM(require_react(), 1); - -// node_modules/@base-ui/utils/useMergedRefs.mjs -function useMergedRefs(a, b, c, d) { - const forkRef = useRefWithInit(createForkRef).current; - if (didChange(forkRef, a, b, c, d)) { - update(forkRef, [a, b, c, d]); - } - return forkRef.callback; -} -function useMergedRefsN(refs) { - const forkRef = useRefWithInit(createForkRef).current; - if (didChangeN(forkRef, refs)) { - update(forkRef, refs); - } - return forkRef.callback; -} -function createForkRef() { - return { - callback: null, - cleanup: null, - refs: [] - }; -} -function didChange(forkRef, a, b, c, d) { - return forkRef.refs[0] !== a || forkRef.refs[1] !== b || forkRef.refs[2] !== c || forkRef.refs[3] !== d; -} -function didChangeN(forkRef, newRefs) { - return forkRef.refs.length !== newRefs.length || forkRef.refs.some((ref, index2) => ref !== newRefs[index2]); -} -function update(forkRef, refs) { - forkRef.refs = refs; - if (refs.every((ref) => ref == null)) { - forkRef.callback = null; - return; - } - forkRef.callback = (instance) => { - if (forkRef.cleanup) { - forkRef.cleanup(); - forkRef.cleanup = null; - } - if (instance != null) { - const cleanupCallbacks = Array(refs.length).fill(null); - for (let i = 0; i < refs.length; i += 1) { - const ref = refs[i]; - if (ref == null) { - continue; - } - switch (typeof ref) { - case "function": { - const refCleanup = ref(instance); - if (typeof refCleanup === "function") { - cleanupCallbacks[i] = refCleanup; - } - break; - } - case "object": { - ref.current = instance; - break; - } - default: - } - } - forkRef.cleanup = () => { - for (let i = 0; i < refs.length; i += 1) { - const ref = refs[i]; - if (ref == null) { - continue; - } - switch (typeof ref) { - case "function": { - const cleanupCallback = cleanupCallbacks[i]; - if (typeof cleanupCallback === "function") { - cleanupCallback(); - } else { - ref(null); - } - break; - } - case "object": { - ref.current = null; - break; - } - default: - } - } - }; - } - }; -} - -// node_modules/@base-ui/utils/getReactElementRef.mjs -var React7 = __toESM(require_react(), 1); - -// node_modules/@base-ui/utils/reactVersion.mjs -var React6 = __toESM(require_react(), 1); -var majorVersion = parseInt(React6.version, 10); -function isReactVersionAtLeast(reactVersionToCheck) { - return majorVersion >= reactVersionToCheck; -} - -// node_modules/@base-ui/utils/getReactElementRef.mjs -function getReactElementRef(element) { - if (!/* @__PURE__ */ React7.isValidElement(element)) { - return null; - } - const reactElement = element; - const propsWithRef = reactElement.props; - return (isReactVersionAtLeast(19) ? propsWithRef?.ref : reactElement.ref) ?? null; -} - -// node_modules/@base-ui/utils/mergeObjects.mjs -function mergeObjects(a, b) { - if (a && !b) { - return a; - } - if (!a && b) { - return b; - } - if (a || b) { - return { - ...a, - ...b - }; - } - return void 0; -} - -// node_modules/@base-ui/utils/empty.mjs -function NOOP() { -} -var EMPTY_ARRAY = Object.freeze([]); -var EMPTY_OBJECT = Object.freeze({}); - -// node_modules/@base-ui/react/internals/getStateAttributesProps.mjs -function getStateAttributesProps(state, customMapping) { - const props = {}; - for (const key in state) { - const value = state[key]; - if (customMapping?.hasOwnProperty(key)) { - const customProps = customMapping[key](value); - if (customProps != null) { - Object.assign(props, customProps); - } - continue; - } - if (value === true) { - props[`data-${key.toLowerCase()}`] = ""; - } else if (value) { - props[`data-${key.toLowerCase()}`] = value.toString(); - } - } - return props; -} - -// node_modules/@base-ui/react/utils/resolveClassName.mjs -function resolveClassName(className, state) { - return typeof className === "function" ? className(state) : className; -} - -// node_modules/@base-ui/react/utils/resolveStyle.mjs -function resolveStyle(style, state) { - return typeof style === "function" ? style(state) : style; -} - -// node_modules/@base-ui/react/merge-props/mergeProps.mjs -var EMPTY_PROPS = {}; -function mergeProps(a, b, c, d, e) { - if (!c && !d && !e && !a) { - return createInitialMergedProps(b); - } - let merged = createInitialMergedProps(a); - if (b) { - merged = mergeInto(merged, b); - } - if (c) { - merged = mergeInto(merged, c); - } - if (d) { - merged = mergeInto(merged, d); - } - if (e) { - merged = mergeInto(merged, e); - } - return merged; -} -function mergePropsN(props) { - if (props.length === 0) { - return EMPTY_PROPS; - } - if (props.length === 1) { - return createInitialMergedProps(props[0]); - } - let merged = createInitialMergedProps(props[0]); - for (let i = 1; i < props.length; i += 1) { - merged = mergeInto(merged, props[i]); - } - return merged; -} -function createInitialMergedProps(inputProps) { - if (isPropsGetter(inputProps)) { - return { - ...resolvePropsGetter(inputProps, EMPTY_PROPS) - }; - } - return copyInitialProps(inputProps); -} -function mergeInto(merged, inputProps) { - if (isPropsGetter(inputProps)) { - return resolvePropsGetter(inputProps, merged); - } - return mutablyMergeInto(merged, inputProps); -} -function copyInitialProps(inputProps) { - const copiedProps = { - ...inputProps - }; - for (const propName in copiedProps) { - const propValue = copiedProps[propName]; - if (isEventHandler(propName, propValue)) { - copiedProps[propName] = wrapEventHandler(propValue); - } - } - return copiedProps; -} -function mutablyMergeInto(mergedProps, externalProps) { - if (!externalProps) { - return mergedProps; - } - for (const propName in externalProps) { - const externalPropValue = externalProps[propName]; - switch (propName) { - case "style": { - mergedProps[propName] = mergeObjects(mergedProps.style, externalPropValue); - break; - } - case "className": { - mergedProps[propName] = mergeClassNames(mergedProps.className, externalPropValue); - break; - } - default: { - if (isEventHandler(propName, externalPropValue)) { - mergedProps[propName] = mergeEventHandlers(mergedProps[propName], externalPropValue); - } else { - mergedProps[propName] = externalPropValue; - } - } - } - } - return mergedProps; -} -function isEventHandler(key, value) { - const code0 = key.charCodeAt(0); - const code1 = key.charCodeAt(1); - const code2 = key.charCodeAt(2); - return code0 === 111 && code1 === 110 && code2 >= 65 && code2 <= 90 && (typeof value === "function" || typeof value === "undefined"); -} -function isPropsGetter(inputProps) { - return typeof inputProps === "function"; -} -function resolvePropsGetter(inputProps, previousProps) { - if (isPropsGetter(inputProps)) { - return inputProps(previousProps); - } - return inputProps ?? EMPTY_PROPS; -} -function mergeEventHandlers(ourHandler, theirHandler) { - if (!theirHandler) { - return ourHandler; - } - if (!ourHandler) { - return wrapEventHandler(theirHandler); - } - return (...args) => { - const event = args[0]; - if (isSyntheticEvent(event)) { - const baseUIEvent = event; - makeEventPreventable(baseUIEvent); - const result2 = theirHandler(...args); - if (!baseUIEvent.baseUIHandlerPrevented) { - ourHandler?.(...args); - } - return result2; - } - const result = theirHandler(...args); - ourHandler?.(...args); - return result; - }; -} -function wrapEventHandler(handler) { - if (!handler) { - return handler; - } - return (...args) => { - const event = args[0]; - if (isSyntheticEvent(event)) { - makeEventPreventable(event); - } - return handler(...args); - }; -} -function makeEventPreventable(event) { - event.preventBaseUIHandler = () => { - event.baseUIHandlerPrevented = true; - }; - return event; -} -function mergeClassNames(ourClassName, theirClassName) { - if (theirClassName) { - if (ourClassName) { - return theirClassName + " " + ourClassName; - } - return theirClassName; - } - return ourClassName; -} -function isSyntheticEvent(event) { - return event != null && typeof event === "object" && "nativeEvent" in event; -} - -// node_modules/@base-ui/react/internals/useRenderElement.mjs -var import_react = __toESM(require_react(), 1); -function useRenderElement(element, componentProps, params = {}) { - const renderProp = componentProps.render; - const outProps = useRenderElementProps(componentProps, params); - if (params.enabled === false) { - return null; - } - const state = params.state ?? EMPTY_OBJECT; - return evaluateRenderProp(element, renderProp, outProps, state); -} -function useRenderElementProps(componentProps, params = {}) { - const { - className: classNameProp, - style: styleProp, - render: renderProp - } = componentProps; - const { - state = EMPTY_OBJECT, - ref, - props, - stateAttributesMapping: stateAttributesMapping3, - enabled = true - } = params; - const className = enabled ? resolveClassName(classNameProp, state) : void 0; - const style = enabled ? resolveStyle(styleProp, state) : void 0; - const stateProps = enabled ? getStateAttributesProps(state, stateAttributesMapping3) : EMPTY_OBJECT; - const resolvedProps = enabled && props ? resolveRenderFunctionProps(props) : void 0; - const outProps = enabled ? mergeObjects(stateProps, resolvedProps) ?? {} : EMPTY_OBJECT; - if (typeof document !== "undefined") { - if (!enabled) { - useMergedRefs(null, null); - } else if (Array.isArray(ref)) { - outProps.ref = useMergedRefsN([outProps.ref, getReactElementRef(renderProp), ...ref]); - } else { - outProps.ref = useMergedRefs(outProps.ref, getReactElementRef(renderProp), ref); - } - } - if (!enabled) { - return EMPTY_OBJECT; - } - if (className !== void 0) { - outProps.className = mergeClassNames(outProps.className, className); - } - if (style !== void 0) { - outProps.style = mergeObjects(outProps.style, style); - } - return outProps; -} -function resolveRenderFunctionProps(props) { - if (Array.isArray(props)) { - return mergePropsN(props); - } - return mergeProps(void 0, props); -} -var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"); -var COMPONENT_IDENTIFIER_PATTERN = /^[A-Z][A-Za-z0-9$]*$/; -var LOWERCASE_CHARACTER_PATTERN = /[a-z]/; -function evaluateRenderProp(element, render, props, state) { - if (render) { - if (typeof render === "function") { - if (true) { - warnIfRenderPropLooksLikeComponent(render); - } - return render(props, state); - } - const mergedProps = mergeProps(props, render.props); - mergedProps.ref = props.ref; - let newElement = render; - if (newElement?.$$typeof === REACT_LAZY_TYPE) { - const children = React8.Children.toArray(render); - newElement = children[0]; - } - if (true) { - if (!/* @__PURE__ */ React8.isValidElement(newElement)) { - throw new Error(["Base UI: The `render` prop was provided an invalid React element as `React.isValidElement(render)` is `false`.", "A valid React element must be provided to the `render` prop because it is cloned with props to replace the default element.", "https://base-ui.com/r/invalid-render-prop"].join("\n")); - } - } - return /* @__PURE__ */ React8.cloneElement(newElement, mergedProps); - } - if (element) { - if (typeof element === "string") { - return renderTag(element, props); - } - } - throw new Error(true ? "Base UI: Render element or function are not defined." : formatErrorMessage_default(8)); -} -function warnIfRenderPropLooksLikeComponent(renderFn) { - const functionName = renderFn.name; - if (functionName.length === 0) { - return; - } - if (!COMPONENT_IDENTIFIER_PATTERN.test(functionName)) { - return; - } - if (!LOWERCASE_CHARACTER_PATTERN.test(functionName)) { - return; - } - warn(`The \`render\` prop received a function named \`${functionName}\` that starts with an uppercase letter.`, "This usually means a React component was passed directly as `render={Component}`.", "Base UI calls `render` as a plain function, which can break the Rules of Hooks during reconciliation.", "If this is an intentional render callback, rename it to start with a lowercase letter.", "Use `render={}` or `render={(props) => }` instead.", "https://base-ui.com/r/invalid-render-prop"); -} -function renderTag(Tag, props) { - if (Tag === "button") { - return /* @__PURE__ */ (0, import_react.createElement)("button", { - type: "button", - ...props, - key: props.key - }); - } - if (Tag === "img") { - return /* @__PURE__ */ (0, import_react.createElement)("img", { - alt: "", - ...props, - key: props.key - }); - } - return /* @__PURE__ */ React8.createElement(Tag, props); -} - -// node_modules/@base-ui/utils/useId.mjs -var React9 = __toESM(require_react(), 1); -var globalId = 0; -function useGlobalId(idOverride, prefix = "mui") { - const [defaultId, setDefaultId] = React9.useState(idOverride); - const id = idOverride || defaultId; - React9.useEffect(() => { - if (defaultId == null) { - globalId += 1; - setDefaultId(`${prefix}-${globalId}`); - } - }, [defaultId, prefix]); - return id; -} -var maybeReactUseId = SafeReact.useId; -function useId(idOverride, prefix) { - if (maybeReactUseId !== void 0) { - const reactId = maybeReactUseId(); - return idOverride ?? (prefix ? `${prefix}-${reactId}` : reactId); - } - return useGlobalId(idOverride, prefix); -} - -// node_modules/@base-ui/react/internals/useBaseUiId.mjs -function useBaseUiId(idOverride) { - return useId(idOverride, "base-ui"); -} - -// node_modules/@base-ui/react/internals/reason-parts.mjs -var reason_parts_exports = {}; -__export(reason_parts_exports, { - cancelOpen: () => cancelOpen, - chipRemovePress: () => chipRemovePress, - clearPress: () => clearPress, - closePress: () => closePress, - closeWatcher: () => closeWatcher, - decrementPress: () => decrementPress, - disabled: () => disabled, - drag: () => drag, - escapeKey: () => escapeKey, - focusOut: () => focusOut, - imperativeAction: () => imperativeAction, - incrementPress: () => incrementPress, - initial: () => initial, - inputBlur: () => inputBlur, - inputChange: () => inputChange, - inputClear: () => inputClear, - inputPaste: () => inputPaste, - inputPress: () => inputPress, - itemPress: () => itemPress, - keyboard: () => keyboard, - linkPress: () => linkPress, - listNavigation: () => listNavigation, - missing: () => missing, - none: () => none, - outsidePress: () => outsidePress, - pointer: () => pointer, - scrub: () => scrub, - siblingOpen: () => siblingOpen, - swipe: () => swipe, - trackPress: () => trackPress, - triggerFocus: () => triggerFocus, - triggerHover: () => triggerHover, - triggerPress: () => triggerPress, - wheel: () => wheel, - windowResize: () => windowResize -}); -var none = "none"; -var triggerPress = "trigger-press"; -var triggerHover = "trigger-hover"; -var triggerFocus = "trigger-focus"; -var outsidePress = "outside-press"; -var itemPress = "item-press"; -var closePress = "close-press"; -var linkPress = "link-press"; -var clearPress = "clear-press"; -var chipRemovePress = "chip-remove-press"; -var trackPress = "track-press"; -var incrementPress = "increment-press"; -var decrementPress = "decrement-press"; -var inputChange = "input-change"; -var inputClear = "input-clear"; -var inputBlur = "input-blur"; -var inputPaste = "input-paste"; -var inputPress = "input-press"; -var focusOut = "focus-out"; -var escapeKey = "escape-key"; -var closeWatcher = "close-watcher"; -var listNavigation = "list-navigation"; -var keyboard = "keyboard"; -var pointer = "pointer"; -var drag = "drag"; -var wheel = "wheel"; -var scrub = "scrub"; -var cancelOpen = "cancel-open"; -var siblingOpen = "sibling-open"; -var disabled = "disabled"; -var missing = "missing"; -var initial = "initial"; -var imperativeAction = "imperative-action"; -var swipe = "swipe"; -var windowResize = "window-resize"; - -// node_modules/@base-ui/react/internals/createBaseUIEventDetails.mjs -function createChangeEventDetails(reason, event, trigger, customProperties) { - let canceled = false; - let allowPropagation = false; - const custom = customProperties ?? EMPTY_OBJECT; - const details = { - reason, - event: event ?? new Event("base-ui"), - cancel() { - canceled = true; - }, - allowPropagation() { - allowPropagation = true; - }, - get isCanceled() { - return canceled; - }, - get isPropagationAllowed() { - return allowPropagation; - }, - trigger, - ...custom - }; - return details; -} - -// node_modules/@base-ui/react/internals/useTransitionStatus.mjs -var React11 = __toESM(require_react(), 1); - -// node_modules/@base-ui/utils/useOnMount.mjs -var React10 = __toESM(require_react(), 1); -var EMPTY = []; -function useOnMount(fn) { - React10.useEffect(fn, EMPTY); -} - -// node_modules/@base-ui/utils/useAnimationFrame.mjs -var EMPTY2 = null; -var LAST_RAF = globalThis.requestAnimationFrame; -var Scheduler = class { - /* This implementation uses an array as a backing data-structure for frame callbacks. - * It allows `O(1)` callback cancelling by inserting a `null` in the array, though it - * never calls the native `cancelAnimationFrame` if there are no frames left. This can - * be much more efficient if there is a call pattern that alterns as - * "request-cancel-request-cancel-…". - * But in the case of "request-request-…-cancel-cancel-…", it leaves the final animation - * frame to run anyway. We turn that frame into a `O(1)` no-op via `callbacksCount`. */ - callbacks = []; - callbacksCount = 0; - nextId = 1; - startId = 1; - isScheduled = false; - tick = (timestamp) => { - this.isScheduled = false; - const currentCallbacks = this.callbacks; - const currentCallbacksCount = this.callbacksCount; - this.callbacks = []; - this.callbacksCount = 0; - this.startId = this.nextId; - if (currentCallbacksCount > 0) { - for (let i = 0; i < currentCallbacks.length; i += 1) { - currentCallbacks[i]?.(timestamp); - } - } - }; - request(fn) { - const id = this.nextId; - this.nextId += 1; - this.callbacks.push(fn); - this.callbacksCount += 1; - const didRAFChange = LAST_RAF !== requestAnimationFrame && (LAST_RAF = requestAnimationFrame, true); - if (!this.isScheduled || didRAFChange) { - requestAnimationFrame(this.tick); - this.isScheduled = true; - } - return id; - } - cancel(id) { - const index2 = id - this.startId; - if (index2 < 0 || index2 >= this.callbacks.length) { - return; - } - this.callbacks[index2] = null; - this.callbacksCount -= 1; - } -}; -var scheduler = new Scheduler(); -var AnimationFrame = class _AnimationFrame { - static create() { - return new _AnimationFrame(); - } - static request(fn) { - return scheduler.request(fn); - } - static cancel(id) { - return scheduler.cancel(id); - } - currentId = EMPTY2; - /** - * Executes `fn` after `delay`, clearing any previously scheduled call. - */ - request(fn) { - this.cancel(); - this.currentId = scheduler.request(() => { - this.currentId = EMPTY2; - fn(); - }); - } - cancel = () => { - if (this.currentId !== EMPTY2) { - scheduler.cancel(this.currentId); - this.currentId = EMPTY2; - } - }; - disposeEffect = () => { - return this.cancel; - }; -}; -function useAnimationFrame() { - const timeout = useRefWithInit(AnimationFrame.create).current; - useOnMount(timeout.disposeEffect); - return timeout; -} - -// node_modules/@base-ui/react/internals/useTransitionStatus.mjs -function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) { - const [transitionStatus, setTransitionStatus] = React11.useState(open && enableIdleState ? "idle" : void 0); - const [mounted, setMounted] = React11.useState(open); - if (open && !mounted) { - setMounted(true); - setTransitionStatus("starting"); - } - if (!open && mounted && transitionStatus !== "ending" && !deferEndingState) { - setTransitionStatus("ending"); - } - if (!open && !mounted && transitionStatus === "ending") { - setTransitionStatus(void 0); - } - useIsoLayoutEffect(() => { - if (!open && mounted && transitionStatus !== "ending" && deferEndingState) { - const frame = AnimationFrame.request(() => { - setTransitionStatus("ending"); - }); - return () => { - AnimationFrame.cancel(frame); - }; - } - return void 0; - }, [open, mounted, transitionStatus, deferEndingState]); - useIsoLayoutEffect(() => { - if (!open || enableIdleState) { - return void 0; - } - const frame = AnimationFrame.request(() => { - setTransitionStatus(void 0); - }); - return () => { - AnimationFrame.cancel(frame); - }; - }, [enableIdleState, open]); - useIsoLayoutEffect(() => { - if (!open || !enableIdleState) { - return void 0; - } - if (open && mounted && transitionStatus !== "idle") { - setTransitionStatus("starting"); - } - const frame = AnimationFrame.request(() => { - setTransitionStatus("idle"); - }); - return () => { - AnimationFrame.cancel(frame); - }; - }, [enableIdleState, open, mounted, transitionStatus]); - return { - mounted, - setMounted, - transitionStatus - }; -} - -// node_modules/@base-ui/react/internals/stateAttributesMapping.mjs -var TransitionStatusDataAttributes = /* @__PURE__ */ (function(TransitionStatusDataAttributes2) { - TransitionStatusDataAttributes2["startingStyle"] = "data-starting-style"; - TransitionStatusDataAttributes2["endingStyle"] = "data-ending-style"; - return TransitionStatusDataAttributes2; -})({}); -var STARTING_HOOK = { - [TransitionStatusDataAttributes.startingStyle]: "" -}; -var ENDING_HOOK = { - [TransitionStatusDataAttributes.endingStyle]: "" -}; -var transitionStatusMapping = { - transitionStatus(value) { - if (value === "starting") { - return STARTING_HOOK; - } - if (value === "ending") { - return ENDING_HOOK; - } - return null; - } -}; - -// node_modules/@base-ui/react/internals/use-button/useButton.mjs -var React14 = __toESM(require_react(), 1); - -// node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs -function hasWindow() { - return typeof window !== "undefined"; -} -function getNodeName(node) { - if (isNode(node)) { - return (node.nodeName || "").toLowerCase(); - } - return "#document"; -} -function getWindow(node) { - var _node$ownerDocument; - return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window; -} -function getDocumentElement(node) { - var _ref; - return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement; -} -function isNode(value) { - if (!hasWindow()) { - return false; - } - return value instanceof Node || value instanceof getWindow(value).Node; -} -function isElement(value) { - if (!hasWindow()) { - return false; - } - return value instanceof Element || value instanceof getWindow(value).Element; -} -function isHTMLElement(value) { - if (!hasWindow()) { - return false; - } - return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement; -} -function isShadowRoot(value) { - if (!hasWindow() || typeof ShadowRoot === "undefined") { - return false; - } - return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot; -} -function isOverflowElement(element) { - const { - overflow, - overflowX, - overflowY, - display - } = getComputedStyle2(element); - return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== "inline" && display !== "contents"; -} -function isTableElement(element) { - return /^(table|td|th)$/.test(getNodeName(element)); -} -function isTopLayer(element) { - try { - if (element.matches(":popover-open")) { - return true; - } - } catch (_e) { - } - try { - return element.matches(":modal"); - } catch (_e) { - return false; - } -} -var willChangeRe = /transform|translate|scale|rotate|perspective|filter/; -var containRe = /paint|layout|strict|content/; -var isNotNone = (value) => !!value && value !== "none"; -var isWebKitValue; -function isContainingBlock(elementOrCss) { - const css = isElement(elementOrCss) ? getComputedStyle2(elementOrCss) : elementOrCss; - return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || "") || containRe.test(css.contain || ""); -} -function getContainingBlock(element) { - let currentNode = getParentNode(element); - while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) { - if (isContainingBlock(currentNode)) { - return currentNode; - } else if (isTopLayer(currentNode)) { - return null; - } - currentNode = getParentNode(currentNode); - } - return null; -} -function isWebKit() { - if (isWebKitValue == null) { - isWebKitValue = typeof CSS !== "undefined" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"); - } - return isWebKitValue; -} -function isLastTraversableNode(node) { - return /^(html|body|#document)$/.test(getNodeName(node)); -} -function getComputedStyle2(element) { - return getWindow(element).getComputedStyle(element); -} -function getNodeScroll(element) { - if (isElement(element)) { - return { - scrollLeft: element.scrollLeft, - scrollTop: element.scrollTop - }; - } - return { - scrollLeft: element.scrollX, - scrollTop: element.scrollY - }; -} -function getParentNode(node) { - if (getNodeName(node) === "html") { - return node; - } - const result = ( - // Step into the shadow DOM of the parent of a slotted node. - node.assignedSlot || // DOM Element detected. - node.parentNode || // ShadowRoot detected. - isShadowRoot(node) && node.host || // Fallback. - getDocumentElement(node) - ); - return isShadowRoot(result) ? result.host : result; -} -function getNearestOverflowAncestor(node) { - const parentNode = getParentNode(node); - if (isLastTraversableNode(parentNode)) { - return node.ownerDocument ? node.ownerDocument.body : node.body; - } - if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) { - return parentNode; - } - return getNearestOverflowAncestor(parentNode); -} -function getOverflowAncestors(node, list, traverseIframes) { - var _node$ownerDocument2; - if (list === void 0) { - list = []; - } - if (traverseIframes === void 0) { - traverseIframes = true; - } - const scrollableAncestor = getNearestOverflowAncestor(node); - const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body); - const win = getWindow(scrollableAncestor); - if (isBody) { - const frameElement = getFrameElement(win); - return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []); - } else { - return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes)); - } -} -function getFrameElement(win) { - return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null; -} - -// node_modules/@base-ui/react/internals/composite/root/CompositeRootContext.mjs -var React12 = __toESM(require_react(), 1); -var CompositeRootContext = /* @__PURE__ */ React12.createContext(void 0); -if (true) CompositeRootContext.displayName = "CompositeRootContext"; -function useCompositeRootContext(optional = false) { - const context = React12.useContext(CompositeRootContext); - if (context === void 0 && !optional) { - throw new Error(true ? "Base UI: CompositeRootContext is missing. Composite parts must be placed within ." : formatErrorMessage_default(16)); - } - return context; -} - -// node_modules/@base-ui/react/utils/useFocusableWhenDisabled.mjs -var React13 = __toESM(require_react(), 1); -function useFocusableWhenDisabled(parameters) { - const { - focusableWhenDisabled, - disabled: disabled2, - composite = false, - tabIndex: tabIndexProp = 0, - isNativeButton - } = parameters; - const isFocusableComposite = composite && focusableWhenDisabled !== false; - const isNonFocusableComposite = composite && focusableWhenDisabled === false; - const props = React13.useMemo(() => { - const additionalProps = { - // allow Tabbing away from focusableWhenDisabled elements - onKeyDown(event) { - if (disabled2 && focusableWhenDisabled && event.key !== "Tab") { - event.preventDefault(); - } - } - }; - if (!composite) { - additionalProps.tabIndex = tabIndexProp; - if (!isNativeButton && disabled2) { - additionalProps.tabIndex = focusableWhenDisabled ? tabIndexProp : -1; - } - } - if (isNativeButton && (focusableWhenDisabled || isFocusableComposite) || !isNativeButton && disabled2) { - additionalProps["aria-disabled"] = disabled2; - } - if (isNativeButton && (!focusableWhenDisabled || isNonFocusableComposite)) { - additionalProps.disabled = disabled2; - } - return additionalProps; - }, [composite, disabled2, focusableWhenDisabled, isFocusableComposite, isNonFocusableComposite, isNativeButton, tabIndexProp]); - return { - props - }; -} - -// node_modules/@base-ui/react/internals/use-button/useButton.mjs -function useButton(parameters = {}) { - const { - disabled: disabled2 = false, - focusableWhenDisabled, - tabIndex = 0, - native: isNativeButton = true, - composite: compositeProp - } = parameters; - const elementRef = React14.useRef(null); - const compositeRootContext = useCompositeRootContext(true); - const isCompositeItem = compositeProp ?? compositeRootContext !== void 0; - const { - props: focusableWhenDisabledProps - } = useFocusableWhenDisabled({ - focusableWhenDisabled, - disabled: disabled2, - composite: isCompositeItem, - tabIndex, - isNativeButton - }); - if (true) { - React14.useEffect(() => { - if (!elementRef.current) { - return; - } - const isButtonTag = isButtonElement(elementRef.current); - if (isNativeButton) { - if (!isButtonTag) { - const ownerStackMessage = SafeReact.captureOwnerStack?.() || ""; - const message = "A component that acts as a button expected a native "); - - jQuery("#TB_closeWindowButton").on( 'click', tb_remove ); - - if (!(TB_PrevHTML === "")) { - function goPrev(){ - if(jQuery(document).off("click",goPrev)){jQuery(document).off("click",goPrev);} - jQuery("#TB_window").remove(); - jQuery("body").append("
"); - tb_show(TB_PrevCaption, TB_PrevURL, imageGroup); - return false; - } - jQuery("#TB_prev").on( 'click', goPrev ); - } - - if (!(TB_NextHTML === "")) { - function goNext(){ - jQuery("#TB_window").remove(); - jQuery("body").append("
"); - tb_show(TB_NextCaption, TB_NextURL, imageGroup); - return false; - } - jQuery("#TB_next").on( 'click', goNext ); - - } - - jQuery(document).on('keydown.thickbox', function(e){ - if ( e.which == 27 ){ // close - tb_remove(); - - } else if ( e.which == 190 ){ // display previous image - if(!(TB_NextHTML == "")){ - jQuery(document).off('thickbox'); - goNext(); - } - } else if ( e.which == 188 ){ // display next image - if(!(TB_PrevHTML == "")){ - jQuery(document).off('thickbox'); - goPrev(); - } - } - return false; - }); - - tb_position(); - jQuery("#TB_load").remove(); - jQuery("#TB_ImageOff").on( 'click', tb_remove ); - jQuery("#TB_window").css({'visibility':'visible'}); //for safari using css instead of show - }; - - imgPreloader.src = url; - }else{//code to show html - - var queryString = url.replace(/^[^\?]+\??/,''); - var params = tb_parseQuery( queryString ); - - TB_WIDTH = (params['width']*1) + 30 || 630; //defaults to 630 if no parameters were added to URL - TB_HEIGHT = (params['height']*1) + 40 || 440; //defaults to 440 if no parameters were added to URL - ajaxContentW = TB_WIDTH - 30; - ajaxContentH = TB_HEIGHT - 45; - - if(url.indexOf('TB_iframe') != -1){// either iframe or ajax window - urlNoQuery = url.split('TB_'); - jQuery("#TB_iframeContent").remove(); - if(params['modal'] != "true"){//iframe no modal - jQuery("#TB_window").append("
"+caption+"
"); - }else{//iframe modal - jQuery("#TB_overlay").off(); - jQuery("#TB_window").append(""); - } - }else{// not an iframe, ajax - if(jQuery("#TB_window").css("visibility") != "visible"){ - if(params['modal'] != "true"){//ajax no modal - jQuery("#TB_window").append("
"+caption+"
"); - }else{//ajax modal - jQuery("#TB_overlay").off(); - jQuery("#TB_window").append("
"); - } - }else{//this means the window is already up, we are just loading new content via ajax - jQuery("#TB_ajaxContent")[0].style.width = ajaxContentW +"px"; - jQuery("#TB_ajaxContent")[0].style.height = ajaxContentH +"px"; - jQuery("#TB_ajaxContent")[0].scrollTop = 0; - jQuery("#TB_ajaxWindowTitle").html(caption); - } - } - - jQuery("#TB_closeWindowButton").on( 'click', tb_remove ); - - if(url.indexOf('TB_inline') != -1){ - jQuery("#TB_ajaxContent").append(jQuery('#' + params['inlineId']).children()); - jQuery("#TB_window").on('tb_unload', function () { - jQuery('#' + params['inlineId']).append( jQuery("#TB_ajaxContent").children() ); // move elements back when you're finished - }); - tb_position(); - jQuery("#TB_load").remove(); - jQuery("#TB_window").css({'visibility':'visible'}); - }else if(url.indexOf('TB_iframe') != -1){ - tb_position(); - jQuery("#TB_load").remove(); - jQuery("#TB_window").css({'visibility':'visible'}); - }else{ - var load_url = url; - load_url += -1 === url.indexOf('?') ? '?' : '&'; - jQuery("#TB_ajaxContent").load(load_url += "random=" + (new Date().getTime()),function(){//to do a post change this load method - tb_position(); - jQuery("#TB_load").remove(); - tb_init("#TB_ajaxContent a.thickbox"); - jQuery("#TB_window").css({'visibility':'visible'}); - }); - } - - } - - if(!params['modal']){ - jQuery(document).on('keydown.thickbox', function(e){ - if ( e.which == 27 ){ // close - tb_remove(); - return false; - } - }); - } - - $closeBtn = jQuery( '#TB_closeWindowButton' ); - /* - * If the native Close button icon is visible, move focus on the button - * (e.g. in the Network Admin Themes screen). - * In other admin screens is hidden and replaced by a different icon. - */ - if ( $closeBtn.find( '.tb-close-icon' ).is( ':visible' ) ) { - $closeBtn.trigger( 'focus' ); - } - - } catch(e) { - //nothing here - } -} - -//helper functions below -function tb_showIframe(){ - jQuery("#TB_load").remove(); - jQuery("#TB_window").css({'visibility':'visible'}).trigger( 'thickbox:iframe:loaded' ); -} - -function tb_remove() { - jQuery("#TB_imageOff").off("click"); - jQuery("#TB_closeWindowButton").off("click"); - jQuery( '#TB_window' ).fadeOut( 'fast', function() { - jQuery( '#TB_window, #TB_overlay, #TB_HideSelect' ).trigger( 'tb_unload' ).off().remove(); - jQuery( 'body' ).trigger( 'thickbox:removed' ); - }); - jQuery( 'body' ).removeClass( 'modal-open' ); - jQuery("#TB_load").remove(); - if (typeof document.body.style.maxHeight == "undefined") {//if IE 6 - jQuery("body","html").css({height: "auto", width: "auto"}); - jQuery("html").css("overflow",""); - } - jQuery(document).off('.thickbox'); - return false; -} - -function tb_position() { -var isIE6 = typeof document.body.style.maxHeight === "undefined"; -jQuery("#TB_window").css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width: TB_WIDTH + 'px'}); - if ( ! isIE6 ) { // take away IE6 - jQuery("#TB_window").css({marginTop: '-' + parseInt((TB_HEIGHT / 2),10) + 'px'}); - } -} - -function tb_parseQuery ( query ) { - var Params = {}; - if ( ! query ) {return Params;}// return empty object - var Pairs = query.split(/[;&]/); - for ( var i = 0; i < Pairs.length; i++ ) { - var KeyVal = Pairs[i].split('='); - if ( ! KeyVal || KeyVal.length != 2 ) {continue;} - var key = unescape( KeyVal[0] ); - var val = unescape( KeyVal[1] ); - val = val.replace(/\+/g, ' '); - Params[key] = val; - } - return Params; -} - -function tb_getPageSize(){ - var de = document.documentElement; - var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth; - var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight; - arrayPageSize = [w,h]; - return arrayPageSize; -} - -function tb_detectMacXFF() { - var userAgent = navigator.userAgent.toLowerCase(); - if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1) { - return true; - } -} diff --git a/src/js/_enqueues/vendor/tinymce/langs/wp-langs-en.js b/src/js/_enqueues/vendor/tinymce/langs/wp-langs-en.js index c3ddbb3332344..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/langs/wp-langs-en.js +++ b/src/js/_enqueues/vendor/tinymce/langs/wp-langs-en.js @@ -1,516 +0,0 @@ -/** - * TinyMCE 3.x language strings - * - * Loaded only when external plugins are added to TinyMCE. - */ -( function() { - var main = {}, lang = 'en'; - - if ( typeof tinyMCEPreInit !== 'undefined' && tinyMCEPreInit.ref.language !== 'en' ) { - lang = tinyMCEPreInit.ref.language; - } - - main[lang] = { - common: { - edit_confirm: "Do you want to use the WYSIWYG mode for this textarea?", - apply: "Apply", - insert: "Insert", - update: "Update", - cancel: "Cancel", - close: "Close", - browse: "Browse", - class_name: "Class", - not_set: "-- Not set --", - clipboard_msg: "Copy/Cut/Paste is not available in Mozilla and Firefox.", - clipboard_no_support: "Currently not supported by your browser, use keyboard shortcuts instead.", - popup_blocked: "Sorry, but we have noticed that your popup-blocker has disabled a window that provides application functionality. You will need to disable popup blocking on this site in order to fully utilize this tool.", - invalid_data: "Error: Invalid values entered, these are marked in red.", - invalid_data_number: "{#field} must be a number", - invalid_data_min: "{#field} must be a number greater than {#min}", - invalid_data_size: "{#field} must be a number or percentage", - more_colors: "More colors" - }, - colors: { - "000000": "Black", - "993300": "Burnt orange", - "333300": "Dark olive", - "003300": "Dark green", - "003366": "Dark azure", - "000080": "Navy Blue", - "333399": "Indigo", - "333333": "Very dark gray", - "800000": "Maroon", - "FF6600": "Orange", - "808000": "Olive", - "008000": "Green", - "008080": "Teal", - "0000FF": "Blue", - "666699": "Grayish blue", - "808080": "Gray", - "FF0000": "Red", - "FF9900": "Amber", - "99CC00": "Yellow green", - "339966": "Sea green", - "33CCCC": "Turquoise", - "3366FF": "Royal blue", - "800080": "Purple", - "999999": "Medium gray", - "FF00FF": "Magenta", - "FFCC00": "Gold", - "FFFF00": "Yellow", - "00FF00": "Lime", - "00FFFF": "Aqua", - "00CCFF": "Sky blue", - "993366": "Brown", - "C0C0C0": "Silver", - "FF99CC": "Pink", - "FFCC99": "Peach", - "FFFF99": "Light yellow", - "CCFFCC": "Pale green", - "CCFFFF": "Pale cyan", - "99CCFF": "Light sky blue", - "CC99FF": "Plum", - "FFFFFF": "White" - }, - contextmenu: { - align: "Alignment", - left: "Left", - center: "Center", - right: "Right", - full: "Full" - }, - insertdatetime: { - date_fmt: "%Y-%m-%d", - time_fmt: "%H:%M:%S", - insertdate_desc: "Insert date", - inserttime_desc: "Insert time", - months_long: "January,February,March,April,May,June,July,August,September,October,November,December", - months_short: "Jan_January_abbreviation,Feb_February_abbreviation,Mar_March_abbreviation,Apr_April_abbreviation,May_May_abbreviation,Jun_June_abbreviation,Jul_July_abbreviation,Aug_August_abbreviation,Sep_September_abbreviation,Oct_October_abbreviation,Nov_November_abbreviation,Dec_December_abbreviation", - day_long: "Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday", - day_short: "Sun,Mon,Tue,Wed,Thu,Fri,Sat" - }, - print: { - print_desc: "Print" - }, - preview: { - preview_desc: "Preview" - }, - directionality: { - ltr_desc: "Direction left to right", - rtl_desc: "Direction right to left" - }, - layer: { - insertlayer_desc: "Insert new layer", - forward_desc: "Move forward", - backward_desc: "Move backward", - absolute_desc: "Toggle absolute positioning", - content: "New layer..." - }, - save: { - save_desc: "Save", - cancel_desc: "Cancel all changes" - }, - nonbreaking: { - nonbreaking_desc: "Insert non-breaking space character" - }, - iespell: { - iespell_desc: "Run spell checking", - download: "ieSpell not detected. Do you want to install it now?" - }, - advhr: { - advhr_desc: "Horizontal rule" - }, - emotions: { - emotions_desc: "Emotions" - }, - searchreplace: { - search_desc: "Find", - replace_desc: "Find/Replace" - }, - advimage: { - image_desc: "Insert/edit image" - }, - advlink: { - link_desc: "Insert/edit link" - }, - xhtmlxtras: { - cite_desc: "Citation", - abbr_desc: "Abbreviation", - acronym_desc: "Acronym", - del_desc: "Deletion", - ins_desc: "Insertion", - attribs_desc: "Insert/Edit Attributes" - }, - style: { - desc: "Edit CSS Style" - }, - paste: { - paste_text_desc: "Paste as Plain Text", - paste_word_desc: "Paste from Word", - selectall_desc: "Select All", - plaintext_mode_sticky: "Paste is now in plain text mode. Click again to toggle back to regular paste mode. After you paste something you will be returned to regular paste mode.", - plaintext_mode: "Paste is now in plain text mode. Click again to toggle back to regular paste mode." - }, - paste_dlg: { - text_title: "Use Ctrl + V on your keyboard to paste the text into the window.", - text_linebreaks: "Keep linebreaks", - word_title: "Use Ctrl + V on your keyboard to paste the text into the window." - }, - table: { - desc: "Inserts a new table", - row_before_desc: "Insert row before", - row_after_desc: "Insert row after", - delete_row_desc: "Delete row", - col_before_desc: "Insert column before", - col_after_desc: "Insert column after", - delete_col_desc: "Remove column", - split_cells_desc: "Split merged table cells", - merge_cells_desc: "Merge table cells", - row_desc: "Table row properties", - cell_desc: "Table cell properties", - props_desc: "Table properties", - paste_row_before_desc: "Paste table row before", - paste_row_after_desc: "Paste table row after", - cut_row_desc: "Cut table row", - copy_row_desc: "Copy table row", - del: "Delete table", - row: "Row", - col: "Column", - cell: "Cell" - }, - autosave: { - unload_msg: "The changes you made will be lost if you navigate away from this page." - }, - fullscreen: { - desc: "Toggle fullscreen mode (Alt + Shift + G)" - }, - media: { - desc: "Insert / edit embedded media", - edit: "Edit embedded media" - }, - fullpage: { - desc: "Document properties" - }, - template: { - desc: "Insert predefined template content" - }, - visualchars: { - desc: "Visual control characters on/off." - }, - spellchecker: { - desc: "Toggle spellchecker (Alt + Shift + N)", - menu: "Spellchecker settings", - ignore_word: "Ignore word", - ignore_words: "Ignore all", - langs: "Languages", - wait: "Please wait...", - sug: "Suggestions", - no_sug: "No suggestions", - no_mpell: "No misspellings found.", - learn_word: "Learn word" - }, - pagebreak: { - desc: "Insert Page Break" - }, - advlist:{ - types: "Types", - def: "Default", - lower_alpha: "Lower alpha", - lower_greek: "Lower greek", - lower_roman: "Lower roman", - upper_alpha: "Upper alpha", - upper_roman: "Upper roman", - circle: "Circle", - disc: "Disc", - square: "Square" - }, - aria: { - rich_text_area: "Rich Text Area" - }, - wordcount:{ - words: "Words: " - } - }; - - tinyMCE.addI18n( main ); - - tinyMCE.addI18n( lang + ".advanced", { - style_select: "Styles", - font_size: "Font size", - fontdefault: "Font family", - block: "Format", - paragraph: "Paragraph", - div: "Div", - address: "Address", - pre: "Preformatted", - h1: "Heading 1", - h2: "Heading 2", - h3: "Heading 3", - h4: "Heading 4", - h5: "Heading 5", - h6: "Heading 6", - blockquote: "Blockquote", - code: "Code", - samp: "Code sample", - dt: "Definition term ", - dd: "Definition description", - bold_desc: "Bold (Ctrl + B)", - italic_desc: "Italic (Ctrl + I)", - underline_desc: "Underline", - striketrough_desc: "Strikethrough (Alt + Shift + D)", - justifyleft_desc: "Align Left (Alt + Shift + L)", - justifycenter_desc: "Align Center (Alt + Shift + C)", - justifyright_desc: "Align Right (Alt + Shift + R)", - justifyfull_desc: "Align Full (Alt + Shift + J)", - bullist_desc: "Unordered list (Alt + Shift + U)", - numlist_desc: "Ordered list (Alt + Shift + O)", - outdent_desc: "Outdent", - indent_desc: "Indent", - undo_desc: "Undo (Ctrl + Z)", - redo_desc: "Redo (Ctrl + Y)", - link_desc: "Insert/edit link (Alt + Shift + A)", - unlink_desc: "Unlink (Alt + Shift + S)", - image_desc: "Insert/edit image (Alt + Shift + M)", - cleanup_desc: "Cleanup messy code", - code_desc: "Edit HTML Source", - sub_desc: "Subscript", - sup_desc: "Superscript", - hr_desc: "Insert horizontal ruler", - removeformat_desc: "Remove formatting", - forecolor_desc: "Select text color", - backcolor_desc: "Select background color", - charmap_desc: "Insert custom character", - visualaid_desc: "Toggle guidelines/invisible elements", - anchor_desc: "Insert/edit anchor", - cut_desc: "Cut", - copy_desc: "Copy", - paste_desc: "Paste", - image_props_desc: "Image properties", - newdocument_desc: "New document", - help_desc: "Help", - blockquote_desc: "Blockquote (Alt + Shift + Q)", - clipboard_msg: "Copy/Cut/Paste is not available in Mozilla and Firefox.", - path: "Path", - newdocument: "Are you sure you want to clear all contents?", - toolbar_focus: "Jump to tool buttons - Alt+Q, Jump to editor - Alt-Z, Jump to element path - Alt-X", - more_colors: "More colors", - shortcuts_desc: "Accessibility Help", - help_shortcut: " Press ALT F10 for toolbar. Press ALT 0 for help.", - rich_text_area: "Rich Text Area", - toolbar: "Toolbar" - }); - - tinyMCE.addI18n( lang + ".advanced_dlg", { - about_title: "About TinyMCE", - about_general: "About", - about_help: "Help", - about_license: "License", - about_plugins: "Plugins", - about_plugin: "Plugin", - about_author: "Author", - about_version: "Version", - about_loaded: "Loaded plugins", - anchor_title: "Insert/edit anchor", - anchor_name: "Anchor name", - code_title: "HTML Source Editor", - code_wordwrap: "Word wrap", - colorpicker_title: "Select a color", - colorpicker_picker_tab: "Picker", - colorpicker_picker_title: "Color picker", - colorpicker_palette_tab: "Palette", - colorpicker_palette_title: "Palette colors", - colorpicker_named_tab: "Named", - colorpicker_named_title: "Named colors", - colorpicker_color: "Color: ", - colorpicker_name: "Name: ", - charmap_title: "Select custom character", - charmap_usage: "Use left and right arrows to navigate.", - image_title: "Insert/edit image", - image_src: "Image URL", - image_alt: "Image description", - image_list: "Image list", - image_border: "Border", - image_dimensions: "Dimensions", - image_vspace: "Vertical space", - image_hspace: "Horizontal space", - image_align: "Alignment", - image_align_baseline: "Baseline", - image_align_top: "Top", - image_align_middle: "Middle", - image_align_bottom: "Bottom", - image_align_texttop: "Text top", - image_align_textbottom: "Text bottom", - image_align_left: "Left", - image_align_right: "Right", - link_title: "Insert/edit link", - link_url: "Link URL", - link_target: "Target", - link_target_same: "Open link in the same window", - link_target_blank: "Open link in a new window", - link_titlefield: "Title", - link_is_email: "The URL you entered seems to be an email address, do you want to add the required mailto: prefix?", - link_is_external: "The URL you entered seems to be an external link, do you want to add the required http:// prefix?", - link_list: "Link list", - accessibility_help: "Accessibility Help", - accessibility_usage_title: "General Usage" - }); - - tinyMCE.addI18n( lang + ".media_dlg", { - title: "Insert / edit embedded media", - general: "General", - advanced: "Advanced", - file: "File/URL", - list: "List", - size: "Dimensions", - preview: "Preview", - constrain_proportions: "Constrain proportions", - type: "Type", - id: "Id", - name: "Name", - class_name: "Class", - vspace: "V-Space", - hspace: "H-Space", - play: "Auto play", - loop: "Loop", - menu: "Show menu", - quality: "Quality", - scale: "Scale", - align: "Align", - salign: "SAlign", - wmode: "WMode", - bgcolor: "Background", - base: "Base", - flashvars: "Flashvars", - liveconnect: "SWLiveConnect", - autohref: "AutoHREF", - cache: "Cache", - hidden: "Hidden", - controller: "Controller", - kioskmode: "Kiosk mode", - playeveryframe: "Play every frame", - targetcache: "Target cache", - correction: "No correction", - enablejavascript: "Enable JavaScript", - starttime: "Start time", - endtime: "End time", - href: "href", - qtsrcchokespeed: "Choke speed", - target: "Target", - volume: "Volume", - autostart: "Auto start", - enabled: "Enabled", - fullscreen: "Fullscreen", - invokeurls: "Invoke URLs", - mute: "Mute", - stretchtofit: "Stretch to fit", - windowlessvideo: "Windowless video", - balance: "Balance", - baseurl: "Base URL", - captioningid: "Captioning id", - currentmarker: "Current marker", - currentposition: "Current position", - defaultframe: "Default frame", - playcount: "Play count", - rate: "Rate", - uimode: "UI Mode", - flash_options: "Flash options", - qt_options: "QuickTime options", - wmp_options: "Windows media player options", - rmp_options: "Real media player options", - shockwave_options: "Shockwave options", - autogotourl: "Auto goto URL", - center: "Center", - imagestatus: "Image status", - maintainaspect: "Maintain aspect", - nojava: "No java", - prefetch: "Prefetch", - shuffle: "Shuffle", - console: "Console", - numloop: "Num loops", - controls: "Controls", - scriptcallbacks: "Script callbacks", - swstretchstyle: "Stretch style", - swstretchhalign: "Stretch H-Align", - swstretchvalign: "Stretch V-Align", - sound: "Sound", - progress: "Progress", - qtsrc: "QT Src", - qt_stream_warn: "Streamed rtsp resources should be added to the QT Src field under the advanced tab.", - align_top: "Top", - align_right: "Right", - align_bottom: "Bottom", - align_left: "Left", - align_center: "Center", - align_top_left: "Top left", - align_top_right: "Top right", - align_bottom_left: "Bottom left", - align_bottom_right: "Bottom right", - flv_options: "Flash video options", - flv_scalemode: "Scale mode", - flv_buffer: "Buffer", - flv_startimage: "Start image", - flv_starttime: "Start time", - flv_defaultvolume: "Default volume", - flv_hiddengui: "Hidden GUI", - flv_autostart: "Auto start", - flv_loop: "Loop", - flv_showscalemodes: "Show scale modes", - flv_smoothvideo: "Smooth video", - flv_jscallback: "JS Callback", - html5_video_options: "HTML5 Video Options", - altsource1: "Alternative source 1", - altsource2: "Alternative source 2", - preload: "Preload", - poster: "Poster", - source: "Source" - }); - - tinyMCE.addI18n( lang + ".wordpress", { - wp_adv_desc: "Show/Hide Kitchen Sink (Alt + Shift + Z)", - wp_more_desc: "Insert More Tag (Alt + Shift + T)", - wp_page_desc: "Insert Page break (Alt + Shift + P)", - wp_help_desc: "Help (Alt + Shift + H)", - wp_more_alt: "More...", - wp_page_alt: "Next page...", - add_media: "Add Media", - add_image: "Add an Image", - add_video: "Add Video", - add_audio: "Add Audio", - editgallery: "Edit Gallery", - delgallery: "Delete Gallery", - wp_fullscreen_desc: "Distraction-free writing mode (Alt + Shift + W)" - }); - - tinyMCE.addI18n( lang + ".wpeditimage", { - edit_img: "Edit Image", - del_img: "Delete Image", - adv_settings: "Advanced Settings", - none: "None", - size: "Size", - thumbnail: "Thumbnail", - medium: "Medium", - full_size: "Full Size", - current_link: "Current Link", - link_to_img: "Link to Image", - link_help: "Enter a link URL or click above for presets.", - adv_img_settings: "Advanced Image Settings", - source: "Source", - width: "Width", - height: "Height", - orig_size: "Original Size", - css: "CSS Class", - adv_link_settings: "Advanced Link Settings", - link_rel: "Link Rel", - s60: "60%", - s70: "70%", - s80: "80%", - s90: "90%", - s100: "100%", - s110: "110%", - s120: "120%", - s130: "130%", - img_title: "Title", - caption: "Caption", - alt: "Alternative Text" - }); -}()); diff --git a/src/js/_enqueues/vendor/tinymce/plugins/charmap/plugin.js b/src/js/_enqueues/vendor/tinymce/plugins/charmap/plugin.js index 48b26f1c5617f..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/charmap/plugin.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/charmap/plugin.js @@ -1,1275 +0,0 @@ -(function () { -var charmap = (function () { - 'use strict'; - - var global = tinymce.util.Tools.resolve('tinymce.PluginManager'); - - var fireInsertCustomChar = function (editor, chr) { - return editor.fire('insertCustomChar', { chr: chr }); - }; - var Events = { fireInsertCustomChar: fireInsertCustomChar }; - - var insertChar = function (editor, chr) { - var evtChr = Events.fireInsertCustomChar(editor, chr).chr; - editor.execCommand('mceInsertContent', false, evtChr); - }; - var Actions = { insertChar: insertChar }; - - var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools'); - - var getCharMap = function (editor) { - return editor.settings.charmap; - }; - var getCharMapAppend = function (editor) { - return editor.settings.charmap_append; - }; - var Settings = { - getCharMap: getCharMap, - getCharMapAppend: getCharMapAppend - }; - - var isArray = global$1.isArray; - var getDefaultCharMap = function () { - return [ - [ - '160', - 'no-break space' - ], - [ - '173', - 'soft hyphen' - ], - [ - '34', - 'quotation mark' - ], - [ - '162', - 'cent sign' - ], - [ - '8364', - 'euro sign' - ], - [ - '163', - 'pound sign' - ], - [ - '165', - 'yen sign' - ], - [ - '169', - 'copyright sign' - ], - [ - '174', - 'registered sign' - ], - [ - '8482', - 'trade mark sign' - ], - [ - '8240', - 'per mille sign' - ], - [ - '181', - 'micro sign' - ], - [ - '183', - 'middle dot' - ], - [ - '8226', - 'bullet' - ], - [ - '8230', - 'three dot leader' - ], - [ - '8242', - 'minutes / feet' - ], - [ - '8243', - 'seconds / inches' - ], - [ - '167', - 'section sign' - ], - [ - '182', - 'paragraph sign' - ], - [ - '223', - 'sharp s / ess-zed' - ], - [ - '8249', - 'single left-pointing angle quotation mark' - ], - [ - '8250', - 'single right-pointing angle quotation mark' - ], - [ - '171', - 'left pointing guillemet' - ], - [ - '187', - 'right pointing guillemet' - ], - [ - '8216', - 'left single quotation mark' - ], - [ - '8217', - 'right single quotation mark' - ], - [ - '8220', - 'left double quotation mark' - ], - [ - '8221', - 'right double quotation mark' - ], - [ - '8218', - 'single low-9 quotation mark' - ], - [ - '8222', - 'double low-9 quotation mark' - ], - [ - '60', - 'less-than sign' - ], - [ - '62', - 'greater-than sign' - ], - [ - '8804', - 'less-than or equal to' - ], - [ - '8805', - 'greater-than or equal to' - ], - [ - '8211', - 'en dash' - ], - [ - '8212', - 'em dash' - ], - [ - '175', - 'macron' - ], - [ - '8254', - 'overline' - ], - [ - '164', - 'currency sign' - ], - [ - '166', - 'broken bar' - ], - [ - '168', - 'diaeresis' - ], - [ - '161', - 'inverted exclamation mark' - ], - [ - '191', - 'turned question mark' - ], - [ - '710', - 'circumflex accent' - ], - [ - '732', - 'small tilde' - ], - [ - '176', - 'degree sign' - ], - [ - '8722', - 'minus sign' - ], - [ - '177', - 'plus-minus sign' - ], - [ - '247', - 'division sign' - ], - [ - '8260', - 'fraction slash' - ], - [ - '215', - 'multiplication sign' - ], - [ - '185', - 'superscript one' - ], - [ - '178', - 'superscript two' - ], - [ - '179', - 'superscript three' - ], - [ - '188', - 'fraction one quarter' - ], - [ - '189', - 'fraction one half' - ], - [ - '190', - 'fraction three quarters' - ], - [ - '402', - 'function / florin' - ], - [ - '8747', - 'integral' - ], - [ - '8721', - 'n-ary sumation' - ], - [ - '8734', - 'infinity' - ], - [ - '8730', - 'square root' - ], - [ - '8764', - 'similar to' - ], - [ - '8773', - 'approximately equal to' - ], - [ - '8776', - 'almost equal to' - ], - [ - '8800', - 'not equal to' - ], - [ - '8801', - 'identical to' - ], - [ - '8712', - 'element of' - ], - [ - '8713', - 'not an element of' - ], - [ - '8715', - 'contains as member' - ], - [ - '8719', - 'n-ary product' - ], - [ - '8743', - 'logical and' - ], - [ - '8744', - 'logical or' - ], - [ - '172', - 'not sign' - ], - [ - '8745', - 'intersection' - ], - [ - '8746', - 'union' - ], - [ - '8706', - 'partial differential' - ], - [ - '8704', - 'for all' - ], - [ - '8707', - 'there exists' - ], - [ - '8709', - 'diameter' - ], - [ - '8711', - 'backward difference' - ], - [ - '8727', - 'asterisk operator' - ], - [ - '8733', - 'proportional to' - ], - [ - '8736', - 'angle' - ], - [ - '180', - 'acute accent' - ], - [ - '184', - 'cedilla' - ], - [ - '170', - 'feminine ordinal indicator' - ], - [ - '186', - 'masculine ordinal indicator' - ], - [ - '8224', - 'dagger' - ], - [ - '8225', - 'double dagger' - ], - [ - '192', - 'A - grave' - ], - [ - '193', - 'A - acute' - ], - [ - '194', - 'A - circumflex' - ], - [ - '195', - 'A - tilde' - ], - [ - '196', - 'A - diaeresis' - ], - [ - '197', - 'A - ring above' - ], - [ - '256', - 'A - macron' - ], - [ - '198', - 'ligature AE' - ], - [ - '199', - 'C - cedilla' - ], - [ - '200', - 'E - grave' - ], - [ - '201', - 'E - acute' - ], - [ - '202', - 'E - circumflex' - ], - [ - '203', - 'E - diaeresis' - ], - [ - '274', - 'E - macron' - ], - [ - '204', - 'I - grave' - ], - [ - '205', - 'I - acute' - ], - [ - '206', - 'I - circumflex' - ], - [ - '207', - 'I - diaeresis' - ], - [ - '298', - 'I - macron' - ], - [ - '208', - 'ETH' - ], - [ - '209', - 'N - tilde' - ], - [ - '210', - 'O - grave' - ], - [ - '211', - 'O - acute' - ], - [ - '212', - 'O - circumflex' - ], - [ - '213', - 'O - tilde' - ], - [ - '214', - 'O - diaeresis' - ], - [ - '216', - 'O - slash' - ], - [ - '332', - 'O - macron' - ], - [ - '338', - 'ligature OE' - ], - [ - '352', - 'S - caron' - ], - [ - '217', - 'U - grave' - ], - [ - '218', - 'U - acute' - ], - [ - '219', - 'U - circumflex' - ], - [ - '220', - 'U - diaeresis' - ], - [ - '362', - 'U - macron' - ], - [ - '221', - 'Y - acute' - ], - [ - '376', - 'Y - diaeresis' - ], - [ - '562', - 'Y - macron' - ], - [ - '222', - 'THORN' - ], - [ - '224', - 'a - grave' - ], - [ - '225', - 'a - acute' - ], - [ - '226', - 'a - circumflex' - ], - [ - '227', - 'a - tilde' - ], - [ - '228', - 'a - diaeresis' - ], - [ - '229', - 'a - ring above' - ], - [ - '257', - 'a - macron' - ], - [ - '230', - 'ligature ae' - ], - [ - '231', - 'c - cedilla' - ], - [ - '232', - 'e - grave' - ], - [ - '233', - 'e - acute' - ], - [ - '234', - 'e - circumflex' - ], - [ - '235', - 'e - diaeresis' - ], - [ - '275', - 'e - macron' - ], - [ - '236', - 'i - grave' - ], - [ - '237', - 'i - acute' - ], - [ - '238', - 'i - circumflex' - ], - [ - '239', - 'i - diaeresis' - ], - [ - '299', - 'i - macron' - ], - [ - '240', - 'eth' - ], - [ - '241', - 'n - tilde' - ], - [ - '242', - 'o - grave' - ], - [ - '243', - 'o - acute' - ], - [ - '244', - 'o - circumflex' - ], - [ - '245', - 'o - tilde' - ], - [ - '246', - 'o - diaeresis' - ], - [ - '248', - 'o slash' - ], - [ - '333', - 'o macron' - ], - [ - '339', - 'ligature oe' - ], - [ - '353', - 's - caron' - ], - [ - '249', - 'u - grave' - ], - [ - '250', - 'u - acute' - ], - [ - '251', - 'u - circumflex' - ], - [ - '252', - 'u - diaeresis' - ], - [ - '363', - 'u - macron' - ], - [ - '253', - 'y - acute' - ], - [ - '254', - 'thorn' - ], - [ - '255', - 'y - diaeresis' - ], - [ - '563', - 'y - macron' - ], - [ - '913', - 'Alpha' - ], - [ - '914', - 'Beta' - ], - [ - '915', - 'Gamma' - ], - [ - '916', - 'Delta' - ], - [ - '917', - 'Epsilon' - ], - [ - '918', - 'Zeta' - ], - [ - '919', - 'Eta' - ], - [ - '920', - 'Theta' - ], - [ - '921', - 'Iota' - ], - [ - '922', - 'Kappa' - ], - [ - '923', - 'Lambda' - ], - [ - '924', - 'Mu' - ], - [ - '925', - 'Nu' - ], - [ - '926', - 'Xi' - ], - [ - '927', - 'Omicron' - ], - [ - '928', - 'Pi' - ], - [ - '929', - 'Rho' - ], - [ - '931', - 'Sigma' - ], - [ - '932', - 'Tau' - ], - [ - '933', - 'Upsilon' - ], - [ - '934', - 'Phi' - ], - [ - '935', - 'Chi' - ], - [ - '936', - 'Psi' - ], - [ - '937', - 'Omega' - ], - [ - '945', - 'alpha' - ], - [ - '946', - 'beta' - ], - [ - '947', - 'gamma' - ], - [ - '948', - 'delta' - ], - [ - '949', - 'epsilon' - ], - [ - '950', - 'zeta' - ], - [ - '951', - 'eta' - ], - [ - '952', - 'theta' - ], - [ - '953', - 'iota' - ], - [ - '954', - 'kappa' - ], - [ - '955', - 'lambda' - ], - [ - '956', - 'mu' - ], - [ - '957', - 'nu' - ], - [ - '958', - 'xi' - ], - [ - '959', - 'omicron' - ], - [ - '960', - 'pi' - ], - [ - '961', - 'rho' - ], - [ - '962', - 'final sigma' - ], - [ - '963', - 'sigma' - ], - [ - '964', - 'tau' - ], - [ - '965', - 'upsilon' - ], - [ - '966', - 'phi' - ], - [ - '967', - 'chi' - ], - [ - '968', - 'psi' - ], - [ - '969', - 'omega' - ], - [ - '8501', - 'alef symbol' - ], - [ - '982', - 'pi symbol' - ], - [ - '8476', - 'real part symbol' - ], - [ - '978', - 'upsilon - hook symbol' - ], - [ - '8472', - 'Weierstrass p' - ], - [ - '8465', - 'imaginary part' - ], - [ - '8592', - 'leftwards arrow' - ], - [ - '8593', - 'upwards arrow' - ], - [ - '8594', - 'rightwards arrow' - ], - [ - '8595', - 'downwards arrow' - ], - [ - '8596', - 'left right arrow' - ], - [ - '8629', - 'carriage return' - ], - [ - '8656', - 'leftwards double arrow' - ], - [ - '8657', - 'upwards double arrow' - ], - [ - '8658', - 'rightwards double arrow' - ], - [ - '8659', - 'downwards double arrow' - ], - [ - '8660', - 'left right double arrow' - ], - [ - '8756', - 'therefore' - ], - [ - '8834', - 'subset of' - ], - [ - '8835', - 'superset of' - ], - [ - '8836', - 'not a subset of' - ], - [ - '8838', - 'subset of or equal to' - ], - [ - '8839', - 'superset of or equal to' - ], - [ - '8853', - 'circled plus' - ], - [ - '8855', - 'circled times' - ], - [ - '8869', - 'perpendicular' - ], - [ - '8901', - 'dot operator' - ], - [ - '8968', - 'left ceiling' - ], - [ - '8969', - 'right ceiling' - ], - [ - '8970', - 'left floor' - ], - [ - '8971', - 'right floor' - ], - [ - '9001', - 'left-pointing angle bracket' - ], - [ - '9002', - 'right-pointing angle bracket' - ], - [ - '9674', - 'lozenge' - ], - [ - '9824', - 'black spade suit' - ], - [ - '9827', - 'black club suit' - ], - [ - '9829', - 'black heart suit' - ], - [ - '9830', - 'black diamond suit' - ], - [ - '8194', - 'en space' - ], - [ - '8195', - 'em space' - ], - [ - '8201', - 'thin space' - ], - [ - '8204', - 'zero width non-joiner' - ], - [ - '8205', - 'zero width joiner' - ], - [ - '8206', - 'left-to-right mark' - ], - [ - '8207', - 'right-to-left mark' - ] - ]; - }; - var charmapFilter = function (charmap) { - return global$1.grep(charmap, function (item) { - return isArray(item) && item.length === 2; - }); - }; - var getCharsFromSetting = function (settingValue) { - if (isArray(settingValue)) { - return [].concat(charmapFilter(settingValue)); - } - if (typeof settingValue === 'function') { - return settingValue(); - } - return []; - }; - var extendCharMap = function (editor, charmap) { - var userCharMap = Settings.getCharMap(editor); - if (userCharMap) { - charmap = getCharsFromSetting(userCharMap); - } - var userCharMapAppend = Settings.getCharMapAppend(editor); - if (userCharMapAppend) { - return [].concat(charmap).concat(getCharsFromSetting(userCharMapAppend)); - } - return charmap; - }; - var getCharMap$1 = function (editor) { - return extendCharMap(editor, getDefaultCharMap()); - }; - var CharMap = { getCharMap: getCharMap$1 }; - - var get = function (editor) { - var getCharMap = function () { - return CharMap.getCharMap(editor); - }; - var insertChar = function (chr) { - Actions.insertChar(editor, chr); - }; - return { - getCharMap: getCharMap, - insertChar: insertChar - }; - }; - var Api = { get: get }; - - var getHtml = function (charmap) { - var gridHtml, x, y; - var width = Math.min(charmap.length, 25); - var height = Math.ceil(charmap.length / width); - gridHtml = ''; - for (y = 0; y < height; y++) { - gridHtml += ''; - for (x = 0; x < width; x++) { - var index = y * width + x; - if (index < charmap.length) { - var chr = charmap[index]; - var charCode = parseInt(chr[0], 10); - var chrText = chr ? String.fromCharCode(charCode) : ' '; - gridHtml += ''; - } else { - gridHtml += ''; - } - gridHtml += ''; - return gridHtml; - }; - var GridHtml = { getHtml: getHtml }; - - var getParentTd = function (elm) { - while (elm) { - if (elm.nodeName === 'TD') { - return elm; - } - elm = elm.parentNode; - } - }; - var open = function (editor) { - var win; - var charMapPanel = { - type: 'container', - html: GridHtml.getHtml(CharMap.getCharMap(editor)), - onclick: function (e) { - var target = e.target; - if (/^(TD|DIV)$/.test(target.nodeName)) { - var charDiv = getParentTd(target).firstChild; - if (charDiv && charDiv.hasAttribute('data-chr')) { - var charCodeString = charDiv.getAttribute('data-chr'); - var charCode = parseInt(charCodeString, 10); - if (!isNaN(charCode)) { - Actions.insertChar(editor, String.fromCharCode(charCode)); - } - if (!e.ctrlKey) { - win.close(); - } - } - } - }, - onmouseover: function (e) { - var td = getParentTd(e.target); - if (td && td.firstChild) { - win.find('#preview').text(td.firstChild.firstChild.data); - win.find('#previewTitle').text(td.title); - } else { - win.find('#preview').text(' '); - win.find('#previewTitle').text(' '); - } - } - }; - win = editor.windowManager.open({ - title: 'Special character', - spacing: 10, - padding: 10, - items: [ - charMapPanel, - { - type: 'container', - layout: 'flex', - direction: 'column', - align: 'center', - spacing: 5, - minWidth: 160, - minHeight: 160, - items: [ - { - type: 'label', - name: 'preview', - text: ' ', - style: 'font-size: 40px; text-align: center', - border: 1, - minWidth: 140, - minHeight: 80 - }, - { - type: 'spacer', - minHeight: 20 - }, - { - type: 'label', - name: 'previewTitle', - text: ' ', - style: 'white-space: pre-wrap;', - border: 1, - minWidth: 140 - } - ] - } - ], - buttons: [{ - text: 'Close', - onclick: function () { - win.close(); - } - }] - }); - }; - var Dialog = { open: open }; - - var register = function (editor) { - editor.addCommand('mceShowCharmap', function () { - Dialog.open(editor); - }); - }; - var Commands = { register: register }; - - var register$1 = function (editor) { - editor.addButton('charmap', { - icon: 'charmap', - tooltip: 'Special character', - cmd: 'mceShowCharmap' - }); - editor.addMenuItem('charmap', { - icon: 'charmap', - text: 'Special character', - cmd: 'mceShowCharmap', - context: 'insert' - }); - }; - var Buttons = { register: register$1 }; - - global.add('charmap', function (editor) { - Commands.register(editor); - Buttons.register(editor); - return Api.get(editor); - }); - function Plugin () { - } - - return Plugin; - -}()); -})(); diff --git a/src/js/_enqueues/vendor/tinymce/plugins/charmap/plugin.min.js b/src/js/_enqueues/vendor/tinymce/plugins/charmap/plugin.min.js index 9ea3f757513c5..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/charmap/plugin.min.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/charmap/plugin.min.js @@ -1 +0,0 @@ -!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),i=function(e,t){return e.fire("insertCustomChar",{chr:t})},l=function(e,t){var a=i(e,t).chr;e.execCommand("mceInsertContent",!1,a)},a=tinymce.util.Tools.resolve("tinymce.util.Tools"),r=function(e){return e.settings.charmap},n=function(e){return e.settings.charmap_append},o=a.isArray,c=function(e){return o(e)?[].concat((t=e,a.grep(t,function(e){return o(e)&&2===e.length}))):"function"==typeof e?e():[];var t},s=function(e){return function(e,t){var a=r(e);a&&(t=c(a));var i=n(e);return i?[].concat(t).concat(c(i)):t}(e,[["160","no-break space"],["173","soft hyphen"],["34","quotation mark"],["162","cent sign"],["8364","euro sign"],["163","pound sign"],["165","yen sign"],["169","copyright sign"],["174","registered sign"],["8482","trade mark sign"],["8240","per mille sign"],["181","micro sign"],["183","middle dot"],["8226","bullet"],["8230","three dot leader"],["8242","minutes / feet"],["8243","seconds / inches"],["167","section sign"],["182","paragraph sign"],["223","sharp s / ess-zed"],["8249","single left-pointing angle quotation mark"],["8250","single right-pointing angle quotation mark"],["171","left pointing guillemet"],["187","right pointing guillemet"],["8216","left single quotation mark"],["8217","right single quotation mark"],["8220","left double quotation mark"],["8221","right double quotation mark"],["8218","single low-9 quotation mark"],["8222","double low-9 quotation mark"],["60","less-than sign"],["62","greater-than sign"],["8804","less-than or equal to"],["8805","greater-than or equal to"],["8211","en dash"],["8212","em dash"],["175","macron"],["8254","overline"],["164","currency sign"],["166","broken bar"],["168","diaeresis"],["161","inverted exclamation mark"],["191","turned question mark"],["710","circumflex accent"],["732","small tilde"],["176","degree sign"],["8722","minus sign"],["177","plus-minus sign"],["247","division sign"],["8260","fraction slash"],["215","multiplication sign"],["185","superscript one"],["178","superscript two"],["179","superscript three"],["188","fraction one quarter"],["189","fraction one half"],["190","fraction three quarters"],["402","function / florin"],["8747","integral"],["8721","n-ary sumation"],["8734","infinity"],["8730","square root"],["8764","similar to"],["8773","approximately equal to"],["8776","almost equal to"],["8800","not equal to"],["8801","identical to"],["8712","element of"],["8713","not an element of"],["8715","contains as member"],["8719","n-ary product"],["8743","logical and"],["8744","logical or"],["172","not sign"],["8745","intersection"],["8746","union"],["8706","partial differential"],["8704","for all"],["8707","there exists"],["8709","diameter"],["8711","backward difference"],["8727","asterisk operator"],["8733","proportional to"],["8736","angle"],["180","acute accent"],["184","cedilla"],["170","feminine ordinal indicator"],["186","masculine ordinal indicator"],["8224","dagger"],["8225","double dagger"],["192","A - grave"],["193","A - acute"],["194","A - circumflex"],["195","A - tilde"],["196","A - diaeresis"],["197","A - ring above"],["256","A - macron"],["198","ligature AE"],["199","C - cedilla"],["200","E - grave"],["201","E - acute"],["202","E - circumflex"],["203","E - diaeresis"],["274","E - macron"],["204","I - grave"],["205","I - acute"],["206","I - circumflex"],["207","I - diaeresis"],["298","I - macron"],["208","ETH"],["209","N - tilde"],["210","O - grave"],["211","O - acute"],["212","O - circumflex"],["213","O - tilde"],["214","O - diaeresis"],["216","O - slash"],["332","O - macron"],["338","ligature OE"],["352","S - caron"],["217","U - grave"],["218","U - acute"],["219","U - circumflex"],["220","U - diaeresis"],["362","U - macron"],["221","Y - acute"],["376","Y - diaeresis"],["562","Y - macron"],["222","THORN"],["224","a - grave"],["225","a - acute"],["226","a - circumflex"],["227","a - tilde"],["228","a - diaeresis"],["229","a - ring above"],["257","a - macron"],["230","ligature ae"],["231","c - cedilla"],["232","e - grave"],["233","e - acute"],["234","e - circumflex"],["235","e - diaeresis"],["275","e - macron"],["236","i - grave"],["237","i - acute"],["238","i - circumflex"],["239","i - diaeresis"],["299","i - macron"],["240","eth"],["241","n - tilde"],["242","o - grave"],["243","o - acute"],["244","o - circumflex"],["245","o - tilde"],["246","o - diaeresis"],["248","o slash"],["333","o macron"],["339","ligature oe"],["353","s - caron"],["249","u - grave"],["250","u - acute"],["251","u - circumflex"],["252","u - diaeresis"],["363","u - macron"],["253","y - acute"],["254","thorn"],["255","y - diaeresis"],["563","y - macron"],["913","Alpha"],["914","Beta"],["915","Gamma"],["916","Delta"],["917","Epsilon"],["918","Zeta"],["919","Eta"],["920","Theta"],["921","Iota"],["922","Kappa"],["923","Lambda"],["924","Mu"],["925","Nu"],["926","Xi"],["927","Omicron"],["928","Pi"],["929","Rho"],["931","Sigma"],["932","Tau"],["933","Upsilon"],["934","Phi"],["935","Chi"],["936","Psi"],["937","Omega"],["945","alpha"],["946","beta"],["947","gamma"],["948","delta"],["949","epsilon"],["950","zeta"],["951","eta"],["952","theta"],["953","iota"],["954","kappa"],["955","lambda"],["956","mu"],["957","nu"],["958","xi"],["959","omicron"],["960","pi"],["961","rho"],["962","final sigma"],["963","sigma"],["964","tau"],["965","upsilon"],["966","phi"],["967","chi"],["968","psi"],["969","omega"],["8501","alef symbol"],["982","pi symbol"],["8476","real part symbol"],["978","upsilon - hook symbol"],["8472","Weierstrass p"],["8465","imaginary part"],["8592","leftwards arrow"],["8593","upwards arrow"],["8594","rightwards arrow"],["8595","downwards arrow"],["8596","left right arrow"],["8629","carriage return"],["8656","leftwards double arrow"],["8657","upwards double arrow"],["8658","rightwards double arrow"],["8659","downwards double arrow"],["8660","left right double arrow"],["8756","therefore"],["8834","subset of"],["8835","superset of"],["8836","not a subset of"],["8838","subset of or equal to"],["8839","superset of or equal to"],["8853","circled plus"],["8855","circled times"],["8869","perpendicular"],["8901","dot operator"],["8968","left ceiling"],["8969","right ceiling"],["8970","left floor"],["8971","right floor"],["9001","left-pointing angle bracket"],["9002","right-pointing angle bracket"],["9674","lozenge"],["9824","black spade suit"],["9827","black club suit"],["9829","black heart suit"],["9830","black diamond suit"],["8194","en space"],["8195","em space"],["8201","thin space"],["8204","zero width non-joiner"],["8205","zero width joiner"],["8206","left-to-right mark"],["8207","right-to-left mark"]])},t=function(t){return{getCharMap:function(){return s(t)},insertChar:function(e){l(t,e)}}},u=function(e){var t,a,i,r=Math.min(e.length,25),n=Math.ceil(e.length/r);for(t='',i=0;i",a=0;a
'+s+"
"}else t+=""}return t+=""},d=function(e){for(;e;){if("TD"===e.nodeName)return e;e=e.parentNode}},m=function(n){var o,e={type:"container",html:u(s(n)),onclick:function(e){var t=e.target;if(/^(TD|DIV)$/.test(t.nodeName)){var a=d(t).firstChild;if(a&&a.hasAttribute("data-chr")){var i=a.getAttribute("data-chr"),r=parseInt(i,10);isNaN(r)||l(n,String.fromCharCode(r)),e.ctrlKey||o.close()}}},onmouseover:function(e){var t=d(e.target);t&&t.firstChild?(o.find("#preview").text(t.firstChild.firstChild.data),o.find("#previewTitle").text(t.title)):(o.find("#preview").text(" "),o.find("#previewTitle").text(" "))}};o=n.windowManager.open({title:"Special character",spacing:10,padding:10,items:[e,{type:"container",layout:"flex",direction:"column",align:"center",spacing:5,minWidth:160,minHeight:160,items:[{type:"label",name:"preview",text:" ",style:"font-size: 40px; text-align: center",border:1,minWidth:140,minHeight:80},{type:"spacer",minHeight:20},{type:"label",name:"previewTitle",text:" ",style:"white-space: pre-wrap;",border:1,minWidth:140}]}],buttons:[{text:"Close",onclick:function(){o.close()}}]})},g=function(e){e.addCommand("mceShowCharmap",function(){m(e)})},p=function(e){e.addButton("charmap",{icon:"charmap",tooltip:"Special character",cmd:"mceShowCharmap"}),e.addMenuItem("charmap",{icon:"charmap",text:"Special character",cmd:"mceShowCharmap",context:"insert"})};e.add("charmap",function(e){return g(e),p(e),t(e)})}(); \ No newline at end of file diff --git a/src/js/_enqueues/vendor/tinymce/plugins/colorpicker/plugin.js b/src/js/_enqueues/vendor/tinymce/plugins/colorpicker/plugin.js index 04872b3c7a8c0..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/colorpicker/plugin.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/colorpicker/plugin.js @@ -1,126 +0,0 @@ -(function () { -var colorpicker = (function () { - 'use strict'; - - var global = tinymce.util.Tools.resolve('tinymce.PluginManager'); - - var global$1 = tinymce.util.Tools.resolve('tinymce.util.Color'); - - var showPreview = function (win, hexColor) { - win.find('#preview')[0].getEl().style.background = hexColor; - }; - var setColor = function (win, value) { - var color = global$1(value), rgb = color.toRgb(); - win.fromJSON({ - r: rgb.r, - g: rgb.g, - b: rgb.b, - hex: color.toHex().substr(1) - }); - showPreview(win, color.toHex()); - }; - var open = function (editor, callback, value) { - var win = editor.windowManager.open({ - title: 'Color', - items: { - type: 'container', - layout: 'flex', - direction: 'row', - align: 'stretch', - padding: 5, - spacing: 10, - items: [ - { - type: 'colorpicker', - value: value, - onchange: function () { - var rgb = this.rgb(); - if (win) { - win.find('#r').value(rgb.r); - win.find('#g').value(rgb.g); - win.find('#b').value(rgb.b); - win.find('#hex').value(this.value().substr(1)); - showPreview(win, this.value()); - } - } - }, - { - type: 'form', - padding: 0, - labelGap: 5, - defaults: { - type: 'textbox', - size: 7, - value: '0', - flex: 1, - spellcheck: false, - onchange: function () { - var colorPickerCtrl = win.find('colorpicker')[0]; - var name, value; - name = this.name(); - value = this.value(); - if (name === 'hex') { - value = '#' + value; - setColor(win, value); - colorPickerCtrl.value(value); - return; - } - value = { - r: win.find('#r').value(), - g: win.find('#g').value(), - b: win.find('#b').value() - }; - colorPickerCtrl.value(value); - setColor(win, value); - } - }, - items: [ - { - name: 'r', - label: 'R', - autofocus: 1 - }, - { - name: 'g', - label: 'G' - }, - { - name: 'b', - label: 'B' - }, - { - name: 'hex', - label: '#', - value: '000000' - }, - { - name: 'preview', - type: 'container', - border: 1 - } - ] - } - ] - }, - onSubmit: function () { - callback('#' + win.toJSON().hex); - } - }); - setColor(win, value); - }; - var Dialog = { open: open }; - - global.add('colorpicker', function (editor) { - if (!editor.settings.color_picker_callback) { - editor.settings.color_picker_callback = function (callback, value) { - Dialog.open(editor, callback, value); - }; - } - }); - function Plugin () { - } - - return Plugin; - -}()); -})(); diff --git a/src/js/_enqueues/vendor/tinymce/plugins/colorpicker/plugin.min.js b/src/js/_enqueues/vendor/tinymce/plugins/colorpicker/plugin.min.js index 10317a5f6f4b0..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/colorpicker/plugin.min.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/colorpicker/plugin.min.js @@ -1 +0,0 @@ -!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),l=tinymce.util.Tools.resolve("tinymce.util.Color"),a=function(e,n){e.find("#preview")[0].getEl().style.background=n},o=function(e,n){var i=l(n),t=i.toRgb();e.fromJSON({r:t.r,g:t.g,b:t.b,hex:i.toHex().substr(1)}),a(e,i.toHex())},t=function(e,n,i){var t=e.windowManager.open({title:"Color",items:{type:"container",layout:"flex",direction:"row",align:"stretch",padding:5,spacing:10,items:[{type:"colorpicker",value:i,onchange:function(){var e=this.rgb();t&&(t.find("#r").value(e.r),t.find("#g").value(e.g),t.find("#b").value(e.b),t.find("#hex").value(this.value().substr(1)),a(t,this.value()))}},{type:"form",padding:0,labelGap:5,defaults:{type:"textbox",size:7,value:"0",flex:1,spellcheck:!1,onchange:function(){var e,n,i=t.find("colorpicker")[0];if(e=this.name(),n=this.value(),"hex"===e)return o(t,n="#"+n),void i.value(n);n={r:t.find("#r").value(),g:t.find("#g").value(),b:t.find("#b").value()},i.value(n),o(t,n)}},items:[{name:"r",label:"R",autofocus:1},{name:"g",label:"G"},{name:"b",label:"B"},{name:"hex",label:"#",value:"000000"},{name:"preview",type:"container",border:1}]}]},onSubmit:function(){n("#"+t.toJSON().hex)}});o(t,i)};e.add("colorpicker",function(i){i.settings.color_picker_callback||(i.settings.color_picker_callback=function(e,n){t(i,e,n)})})}(); \ No newline at end of file diff --git a/src/js/_enqueues/vendor/tinymce/plugins/compat3x/css/dialog.css b/src/js/_enqueues/vendor/tinymce/plugins/compat3x/css/dialog.css index e75543a18ef2d..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/compat3x/css/dialog.css +++ b/src/js/_enqueues/vendor/tinymce/plugins/compat3x/css/dialog.css @@ -1,215 +0,0 @@ -/* - * Edited for compatibility with old TinyMCE 3.x plugins in WordPress. - * More info: https://core.trac.wordpress.org/ticket/31596#comment:10 - */ - -/* Generic */ -body { -font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; -font-size:13px; -background:#fcfcfc; -padding:0; -margin:8px 8px 0 8px; -} - -textarea {resize:none;outline:none;} - -a:link, a:hover { - color: #2B6FB6; -} - -a:visited { - color: #3C2BB6; -} - -.nowrap {white-space: nowrap} - -/* Forms */ -form {margin: 0;} -fieldset {margin:0; padding:4px; border:1px solid #dfdfdf; font-family:Verdana, Arial; font-size:10px;} -legend {color:#2B6FB6; font-weight:bold;} -label.msg {display:none;} -label.invalid {color:#EE0000; display:inline;} -input.invalid {border:1px solid #EE0000;} -input {background:#FFF; border:1px solid #dfdfdf;} -input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} -input, select, textarea {border:1px solid #dfdfdf;} -input.radio {border:1px none #000000; background:transparent; vertical-align:middle;} -input.checkbox {border:1px none #000000; background:transparent; vertical-align:middle;} -.input_noborder {border:0;} - -/* Buttons */ -#insert, -#cancel, -#apply, -.mceActionPanel .button, -input.mceButton, -.updateButton { - display: inline-block; - text-decoration: none; - border: 1px solid #adadad; - margin: 0; - padding: 0 10px 1px; - font-size: 13px; - height: 24px; - line-height: 22px; - color: #333; - cursor: pointer; - -webkit-border-radius: 3px; - -webkit-appearance: none; - border-radius: 3px; - white-space: nowrap; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - background: #fafafa; - background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9)); - background-image: -webkit-linear-gradient(top, #fafafa, #e9e9e9); - background-image: -moz-linear-gradient(top, #fafafa, #e9e9e9); - background-image: -o-linear-gradient(top, #fafafa, #e9e9e9); - background-image: linear-gradient(to bottom, #fafafa, #e9e9e9); - - text-shadow: 0 1px 0 #fff; - -webkit-box-shadow: inset 0 1px 0 #fff; - -moz-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; -} - -#insert { - background: #2ea2cc; - background: -webkit-gradient(linear, left top, left bottom, from(#2ea2cc), to(#1e8cbe)); - background: -webkit-linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%); - background: linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea2cc', endColorstr='#1e8cbe',GradientType=0 ); - border-color: #0074a2; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); - color: #fff; - text-decoration: none; - text-shadow: 0 1px 0 rgba(0,86,132,0.7); -} - -#cancel:hover, -input.mceButton:hover, -.updateButton:hover, -#cancel:focus, -input.mceButton:focus, -.updateButton:focus { - background: #f3f3f3; - background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); - background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); - background-image: -moz-linear-gradient(top, #fff, #f3f3f3); - background-image: -ms-linear-gradient(top, #fff, #f3f3f3); - background-image: -o-linear-gradient(top, #fff, #f3f3f3); - background-image: linear-gradient(to bottom, #fff, #f3f3f3); - border-color: #999; - color: #222; -} - -#insert:hover, -#insert:focus { - background: #1e8cbe; - background: -webkit-gradient(linear, left top, left bottom, from(#1e8cbe), to(#0074a2)); - background: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%); - background: linear-gradient(top, #1e8cbe 0%,#0074a2 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e8cbe', endColorstr='#0074a2',GradientType=0 ); - border-color: #0074a2; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); - color: #fff; -} - -.mceActionPanel #insert { - float: right; -} - -/* Browse */ -a.pickcolor, a.browse {text-decoration:none} -a.browse span {display:block; width:20px; height:18px; border:1px solid #FFF; margin-left:1px;} -.mceOldBoxModel a.browse span {width:22px; height:20px;} -a.browse:hover span {border:1px solid #0A246A; background-color:#B2BBD0;} -a.browse span.disabled {border:1px solid white; opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30);} -a.browse:hover span.disabled {border:1px solid white; background-color:transparent;} -a.pickcolor span {display:block; width:20px; height:16px; margin-left:2px;} -.mceOldBoxModel a.pickcolor span {width:21px; height:17px;} -a.pickcolor:hover span {background-color:#B2BBD0;} -div.iframecontainer {background: #fff;} - -/* Charmap */ -table.charmap {border:1px solid #AAA; text-align:center} -td.charmap, #charmap a {width:18px; height:18px; color:#000; border:1px solid #AAA; text-align:center; font-size:12px; vertical-align:middle; line-height: 18px;} -#charmap a {display:block; color:#000; text-decoration:none; border:0} -#charmap a:hover {background:#CCC;color:#2B6FB6} -#charmap #codeN {font-size:10px; font-family:Arial,Helvetica,sans-serif; text-align:center} -#charmap #codeV {font-size:40px; height:80px; border:1px solid #AAA; text-align:center} -#charmap #charmapView {background-color:#fff;} - -/* Source */ -.wordWrapCode {vertical-align:middle; border:1px none #000000; background:transparent;} -.mceActionPanel {margin-top:5px;} - -/* Tabs classes */ -.tabs {width:100%; height:19px; line-height:normal; border-bottom: 1px solid #aaa;} -.tabs ul {margin:0; padding:0; list-style:none;} -.tabs li {float:left; border: 1px solid #aaa; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block;} -.tabs li.current {border-bottom: 1px solid #fff; margin-right:2px;} -.tabs span {float:left; display:block; padding:0px 10px 0 0;} -.tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;} -.tabs a:link, .tabs a:visited, .tabs a:hover {color:black;} - -.wp-core-ui #tabs { - padding-bottom: 5px; - background-color: transparent; -} - -.wp-core-ui #tabs a { - padding: 6px 10px; - margin: 0 2px; -} - -/* Panels */ -.panel_wrapper div.panel {display:none;} -.panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;} -.panel_wrapper {border:1px solid #919B9C; border-top:0px; padding:10px; padding-top:5px; clear:both; background:white;} - -/* Columns */ -.column {float:left;} -.properties {width:100%;} -.properties .column1 {} -.properties .column2 {text-align:left;} - -/* Titles */ -h1, h2, h3, h4 {color:#2B6FB6; margin:0; padding:0; padding-top:5px;} -h3 {font-size:14px;} -.title {font-size:12px; font-weight:bold; color:#2B6FB6;} - -/* Dialog specific */ -#link .panel_wrapper, #link div.current {height:125px;} -#image .panel_wrapper, #image div.current {height:200px;} -#plugintable thead {font-weight:bold; background:#DDD;} -#plugintable, #about #plugintable td {border:1px solid #919B9C;} -#plugintable {width:96%; margin-top:10px;} -#pluginscontainer {height:290px; overflow:auto;} -#colorpicker #preview {display:inline-block; padding-left:40px; height:14px; border:1px solid black; margin-left:5px; margin-right: 5px} -#colorpicker #previewblock {position: relative; top: -3px; padding-left:5px; padding-top: 0px; display:inline} -#colorpicker #preview_wrapper {text-align:center; padding-top:4px; white-space: nowrap; float: right;} -#colorpicker #insert, #colorpicker #cancel {width: 90px} -#colorpicker #colors {float:left; border:1px solid gray; cursor:crosshair;} -#colorpicker #light {border:1px solid gray; margin-left:5px; float:left;width:15px; height:150px; cursor:crosshair;} -#colorpicker #light div {overflow:hidden;} -#colorpicker .panel_wrapper div.current {height:175px;} -#colorpicker #namedcolors {width:150px;} -#colorpicker #namedcolors a {display:block; float:left; width:10px; height:10px; margin:1px 1px 0 0; overflow:hidden;} -#colorpicker #colornamecontainer {margin-top:5px;} -#colorpicker #picker_panel fieldset {margin:auto;width:325px;} - - -/* Localization */ - -body[dir="rtl"], -body[dir="rtl"] fieldset, -body[dir="rtl"] input, body[dir="rtl"] select, body[dir="rtl"] textarea, -body[dir="rtl"] #charmap #codeN, -body[dir="rtl"] .tabs a { - font-family: Tahoma, sans-serif; -} diff --git a/src/js/_enqueues/vendor/tinymce/plugins/compat3x/plugin.js b/src/js/_enqueues/vendor/tinymce/plugins/compat3x/plugin.js index 92d433edcd5e5..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/compat3x/plugin.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/compat3x/plugin.js @@ -1,322 +0,0 @@ -/** - * plugin.js - * - * Released under LGPL License. - * Copyright (c) 1999-2017 Ephox Corp. All rights reserved - * - * License: http://www.tinymce.com/license - * Contributing: http://www.tinymce.com/contributing - */ - -/*global tinymce:true, console:true */ -/*eslint no-console:0, new-cap:0 */ - -/** - * This plugin adds missing events form the 4.x API back. Not every event is - * properly supported but most things should work. - * - * Unsupported things: - * - No editor.onEvent - * - Can't cancel execCommands with beforeExecCommand - */ -(function (tinymce) { - var reported; - - function noop() { - } - - function log(apiCall) { - if (!reported && window && window.console) { - reported = true; - console.log("Deprecated TinyMCE API call: " + apiCall); - } - } - - function Dispatcher(target, newEventName, argsMap, defaultScope) { - target = target || this; - var cbs = []; - - if (!newEventName) { - this.add = this.addToTop = this.remove = this.dispatch = noop; - return; - } - - this.add = function (callback, scope, prepend) { - log('.on' + newEventName + ".add(..)"); - - // Convert callback({arg1:x, arg2:x}) -> callback(arg1, arg2) - function patchedEventCallback(e) { - var callbackArgs = []; - - if (typeof argsMap == "string") { - argsMap = argsMap.split(" "); - } - - if (argsMap && typeof argsMap !== "function") { - for (var i = 0; i < argsMap.length; i++) { - callbackArgs.push(e[argsMap[i]]); - } - } - - if (typeof argsMap == "function") { - callbackArgs = argsMap(newEventName, e, target); - if (!callbackArgs) { - return; - } - } - - if (!argsMap) { - callbackArgs = [e]; - } - - callbackArgs.unshift(defaultScope || target); - - if (callback.apply(scope || defaultScope || target, callbackArgs) === false) { - e.stopImmediatePropagation(); - } - } - - target.on(newEventName, patchedEventCallback, prepend); - - var handlers = { - original: callback, - patched: patchedEventCallback - }; - - cbs.push(handlers); - return patchedEventCallback; - }; - - this.addToTop = function (callback, scope) { - this.add(callback, scope, true); - }; - - this.remove = function (callback) { - cbs.forEach(function (item, i) { - if (item.original === callback) { - cbs.splice(i, 1); - return target.off(newEventName, item.patched); - } - }); - - return target.off(newEventName, callback); - }; - - this.dispatch = function () { - target.fire(newEventName); - return true; - }; - } - - tinymce.util.Dispatcher = Dispatcher; - tinymce.onBeforeUnload = new Dispatcher(tinymce, "BeforeUnload"); - tinymce.onAddEditor = new Dispatcher(tinymce, "AddEditor", "editor"); - tinymce.onRemoveEditor = new Dispatcher(tinymce, "RemoveEditor", "editor"); - - tinymce.util.Cookie = { - get: noop, getHash: noop, remove: noop, set: noop, setHash: noop - }; - - function patchEditor(editor) { - - function translate(str) { - var prefix = editor.settings.language || "en"; - var prefixedStr = [prefix, str].join('.'); - var translatedStr = tinymce.i18n.translate(prefixedStr); - - return prefixedStr !== translatedStr ? translatedStr : tinymce.i18n.translate(str); - } - - function patchEditorEvents(oldEventNames, argsMap) { - tinymce.each(oldEventNames.split(" "), function (oldName) { - editor["on" + oldName] = new Dispatcher(editor, oldName, argsMap); - }); - } - - function convertUndoEventArgs(type, event, target) { - return [ - event.level, - target - ]; - } - - function filterSelectionEvents(needsSelection) { - return function (type, e) { - if ((!e.selection && !needsSelection) || e.selection == needsSelection) { - return [e]; - } - }; - } - - if (editor.controlManager) { - return; - } - - function cmNoop() { - var obj = {}, methods = 'add addMenu addSeparator collapse createMenu destroy displayColor expand focus ' + - 'getLength hasMenus hideMenu isActive isCollapsed isDisabled isRendered isSelected mark ' + - 'postRender remove removeAll renderHTML renderMenu renderNode renderTo select selectByIndex ' + - 'setActive setAriaProperty setColor setDisabled setSelected setState showMenu update'; - - log('editor.controlManager.*'); - - function _noop() { - return cmNoop(); - } - - tinymce.each(methods.split(' '), function (method) { - obj[method] = _noop; - }); - - return obj; - } - - editor.controlManager = { - buttons: {}, - - setDisabled: function (name, state) { - log("controlManager.setDisabled(..)"); - - if (this.buttons[name]) { - this.buttons[name].disabled(state); - } - }, - - setActive: function (name, state) { - log("controlManager.setActive(..)"); - - if (this.buttons[name]) { - this.buttons[name].active(state); - } - }, - - onAdd: new Dispatcher(), - onPostRender: new Dispatcher(), - - add: function (obj) { - return obj; - }, - createButton: cmNoop, - createColorSplitButton: cmNoop, - createControl: cmNoop, - createDropMenu: cmNoop, - createListBox: cmNoop, - createMenuButton: cmNoop, - createSeparator: cmNoop, - createSplitButton: cmNoop, - createToolbar: cmNoop, - createToolbarGroup: cmNoop, - destroy: noop, - get: noop, - setControlType: cmNoop - }; - - patchEditorEvents("PreInit BeforeRenderUI PostRender Load Init Remove Activate Deactivate", "editor"); - patchEditorEvents("Click MouseUp MouseDown DblClick KeyDown KeyUp KeyPress ContextMenu Paste Submit Reset"); - patchEditorEvents("BeforeExecCommand ExecCommand", "command ui value args"); // args.terminate not supported - patchEditorEvents("PreProcess PostProcess LoadContent SaveContent Change"); - patchEditorEvents("BeforeSetContent BeforeGetContent SetContent GetContent", filterSelectionEvents(false)); - patchEditorEvents("SetProgressState", "state time"); - patchEditorEvents("VisualAid", "element hasVisual"); - patchEditorEvents("Undo Redo", convertUndoEventArgs); - - patchEditorEvents("NodeChange", function (type, e) { - return [ - editor.controlManager, - e.element, - editor.selection.isCollapsed(), - e - ]; - }); - - var originalAddButton = editor.addButton; - editor.addButton = function (name, settings) { - var originalOnPostRender; - - function patchedPostRender() { - editor.controlManager.buttons[name] = this; - - if (originalOnPostRender) { - return originalOnPostRender.apply(this, arguments); - } - } - - for (var key in settings) { - if (key.toLowerCase() === "onpostrender") { - originalOnPostRender = settings[key]; - settings.onPostRender = patchedPostRender; - } - } - - if (!originalOnPostRender) { - settings.onPostRender = patchedPostRender; - } - - if (settings.title) { - settings.title = translate(settings.title); - } - - return originalAddButton.call(this, name, settings); - }; - - editor.on('init', function () { - var undoManager = editor.undoManager, selection = editor.selection; - - undoManager.onUndo = new Dispatcher(editor, "Undo", convertUndoEventArgs, null, undoManager); - undoManager.onRedo = new Dispatcher(editor, "Redo", convertUndoEventArgs, null, undoManager); - undoManager.onBeforeAdd = new Dispatcher(editor, "BeforeAddUndo", null, undoManager); - undoManager.onAdd = new Dispatcher(editor, "AddUndo", null, undoManager); - - selection.onBeforeGetContent = new Dispatcher(editor, "BeforeGetContent", filterSelectionEvents(true), selection); - selection.onGetContent = new Dispatcher(editor, "GetContent", filterSelectionEvents(true), selection); - selection.onBeforeSetContent = new Dispatcher(editor, "BeforeSetContent", filterSelectionEvents(true), selection); - selection.onSetContent = new Dispatcher(editor, "SetContent", filterSelectionEvents(true), selection); - }); - - editor.on('BeforeRenderUI', function () { - var windowManager = editor.windowManager; - - windowManager.onOpen = new Dispatcher(); - windowManager.onClose = new Dispatcher(); - windowManager.createInstance = function (className, a, b, c, d, e) { - log("windowManager.createInstance(..)"); - - var constr = tinymce.resolve(className); - return new constr(a, b, c, d, e); - }; - }); - } - - tinymce.on('SetupEditor', function (e) { - patchEditor(e.editor); - }); - - tinymce.PluginManager.add("compat3x", patchEditor); - - tinymce.addI18n = function (prefix, o) { - var I18n = tinymce.util.I18n, each = tinymce.each; - - if (typeof prefix == "string" && prefix.indexOf('.') === -1) { - I18n.add(prefix, o); - return; - } - - if (!tinymce.is(prefix, 'string')) { - each(prefix, function (o, lc) { - each(o, function (o, g) { - each(o, function (o, k) { - if (g === 'common') { - I18n.data[lc + '.' + k] = o; - } else { - I18n.data[lc + '.' + g + '.' + k] = o; - } - }); - }); - }); - } else { - each(o, function (o, k) { - I18n.data[prefix + '.' + k] = o; - }); - } - }; -})(tinymce); diff --git a/src/js/_enqueues/vendor/tinymce/plugins/compat3x/plugin.min.js b/src/js/_enqueues/vendor/tinymce/plugins/compat3x/plugin.min.js index 8562cb7c76111..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/compat3x/plugin.min.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/compat3x/plugin.min.js @@ -1 +0,0 @@ -!function(u){var t;function l(){}function f(e){!t&&window&&window.console&&(t=!0,console.log("Deprecated TinyMCE API call: "+e))}function i(i,a,d,s){i=i||this;var c=[];a?(this.add=function(o,r,e){function t(e){var t=[];if("string"==typeof d&&(d=d.split(" ")),d&&"function"!=typeof d)for(var n=0;n.on"+a+".add(..)"),i.on(a,t,e);var n={original:o,patched:t};return c.push(n),t},this.addToTop=function(e,t){this.add(e,t,!0)},this.remove=function(n){return c.forEach(function(e,t){if(e.original===n)return c.splice(t,1),i.off(a,e.patched)}),i.off(a,n)},this.dispatch=function(){return i.fire(a),!0}):this.add=this.addToTop=this.remove=this.dispatch=l}function n(s){function e(e,t){u.each(e.split(" "),function(e){s["on"+e]=new i(s,e,t)})}function n(e,t,n){return[t.level,n]}function o(n){return function(e,t){if(!t.selection&&!n||t.selection==n)return[t]}}if(!s.controlManager){s.controlManager={buttons:{},setDisabled:function(e,t){f("controlManager.setDisabled(..)"),this.buttons[e]&&this.buttons[e].disabled(t)},setActive:function(e,t){f("controlManager.setActive(..)"),this.buttons[e]&&this.buttons[e].active(t)},onAdd:new i,onPostRender:new i,add:function(e){return e},createButton:r,createColorSplitButton:r,createControl:r,createDropMenu:r,createListBox:r,createMenuButton:r,createSeparator:r,createSplitButton:r,createToolbar:r,createToolbarGroup:r,destroy:l,get:l,setControlType:r},e("PreInit BeforeRenderUI PostRender Load Init Remove Activate Deactivate","editor"),e("Click MouseUp MouseDown DblClick KeyDown KeyUp KeyPress ContextMenu Paste Submit Reset"),e("BeforeExecCommand ExecCommand","command ui value args"),e("PreProcess PostProcess LoadContent SaveContent Change"),e("BeforeSetContent BeforeGetContent SetContent GetContent",o(!1)),e("SetProgressState","state time"),e("VisualAid","element hasVisual"),e("Undo Redo",n),e("NodeChange",function(e,t){return[s.controlManager,t.element,s.selection.isCollapsed(),t]});var c=s.addButton;s.addButton=function(e,t){var n,o,r,i;function a(){if(s.controlManager.buttons[e]=this,n)return n.apply(this,arguments)}for(var d in t)"onpostrender"===d.toLowerCase()&&(n=t[d],t.onPostRender=a);return n||(t.onPostRender=a),t.title&&(t.title=(o=t.title,r=[s.settings.language||"en",o].join("."),i=u.i18n.translate(r),r!==i?i:u.i18n.translate(o))),c.call(this,e,t)},s.on("init",function(){var e=s.undoManager,t=s.selection;e.onUndo=new i(s,"Undo",n,null,e),e.onRedo=new i(s,"Redo",n,null,e),e.onBeforeAdd=new i(s,"BeforeAddUndo",null,e),e.onAdd=new i(s,"AddUndo",null,e),t.onBeforeGetContent=new i(s,"BeforeGetContent",o(!0),t),t.onGetContent=new i(s,"GetContent",o(!0),t),t.onBeforeSetContent=new i(s,"BeforeSetContent",o(!0),t),t.onSetContent=new i(s,"SetContent",o(!0),t)}),s.on("BeforeRenderUI",function(){var e=s.windowManager;e.onOpen=new i,e.onClose=new i,e.createInstance=function(e,t,n,o,r,i){return f("windowManager.createInstance(..)"),new(u.resolve(e))(t,n,o,r,i)}})}function r(){var t={};function n(){return r()}return f("editor.controlManager.*"),u.each("add addMenu addSeparator collapse createMenu destroy displayColor expand focus getLength hasMenus hideMenu isActive isCollapsed isDisabled isRendered isSelected mark postRender remove removeAll renderHTML renderMenu renderNode renderTo select selectByIndex setActive setAriaProperty setColor setDisabled setSelected setState showMenu update".split(" "),function(e){t[e]=n}),t}}u.util.Dispatcher=i,u.onBeforeUnload=new i(u,"BeforeUnload"),u.onAddEditor=new i(u,"AddEditor","editor"),u.onRemoveEditor=new i(u,"RemoveEditor","editor"),u.util.Cookie={get:l,getHash:l,remove:l,set:l,setHash:l},u.on("SetupEditor",function(e){n(e.editor)}),u.PluginManager.add("compat3x",n),u.addI18n=function(n,e){var r=u.util.I18n,t=u.each;"string"!=typeof n||-1!==n.indexOf(".")?u.is(n,"string")?t(e,function(e,t){r.data[n+"."+t]=e}):t(n,function(e,o){t(e,function(e,n){t(e,function(e,t){"common"===n?r.data[o+"."+t]=e:r.data[o+"."+n+"."+t]=e})})}):r.add(n,e)}}(tinymce); \ No newline at end of file diff --git a/src/js/_enqueues/vendor/tinymce/plugins/directionality/plugin.js b/src/js/_enqueues/vendor/tinymce/plugins/directionality/plugin.js index 4b8669be27b3c..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/directionality/plugin.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/directionality/plugin.js @@ -1,66 +0,0 @@ -(function () { -var directionality = (function () { - 'use strict'; - - var global = tinymce.util.Tools.resolve('tinymce.PluginManager'); - - var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools'); - - var setDir = function (editor, dir) { - var dom = editor.dom; - var curDir; - var blocks = editor.selection.getSelectedBlocks(); - if (blocks.length) { - curDir = dom.getAttrib(blocks[0], 'dir'); - global$1.each(blocks, function (block) { - if (!dom.getParent(block.parentNode, '*[dir="' + dir + '"]', dom.getRoot())) { - dom.setAttrib(block, 'dir', curDir !== dir ? dir : null); - } - }); - editor.nodeChanged(); - } - }; - var Direction = { setDir: setDir }; - - var register = function (editor) { - editor.addCommand('mceDirectionLTR', function () { - Direction.setDir(editor, 'ltr'); - }); - editor.addCommand('mceDirectionRTL', function () { - Direction.setDir(editor, 'rtl'); - }); - }; - var Commands = { register: register }; - - var generateSelector = function (dir) { - var selector = []; - global$1.each('h1 h2 h3 h4 h5 h6 div p'.split(' '), function (name) { - selector.push(name + '[dir=' + dir + ']'); - }); - return selector.join(','); - }; - var register$1 = function (editor) { - editor.addButton('ltr', { - title: 'Left to right', - cmd: 'mceDirectionLTR', - stateSelector: generateSelector('ltr') - }); - editor.addButton('rtl', { - title: 'Right to left', - cmd: 'mceDirectionRTL', - stateSelector: generateSelector('rtl') - }); - }; - var Buttons = { register: register$1 }; - - global.add('directionality', function (editor) { - Commands.register(editor); - Buttons.register(editor); - }); - function Plugin () { - } - - return Plugin; - -}()); -})(); diff --git a/src/js/_enqueues/vendor/tinymce/plugins/directionality/plugin.min.js b/src/js/_enqueues/vendor/tinymce/plugins/directionality/plugin.min.js index bb48bcf941776..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/directionality/plugin.min.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/directionality/plugin.min.js @@ -1 +0,0 @@ -!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager"),c=tinymce.util.Tools.resolve("tinymce.util.Tools"),e=function(t,e){var i,n=t.dom,o=t.selection.getSelectedBlocks();o.length&&(i=n.getAttrib(o[0],"dir"),c.each(o,function(t){n.getParent(t.parentNode,'*[dir="'+e+'"]',n.getRoot())||n.setAttrib(t,"dir",i!==e?e:null)}),t.nodeChanged())},i=function(t){t.addCommand("mceDirectionLTR",function(){e(t,"ltr")}),t.addCommand("mceDirectionRTL",function(){e(t,"rtl")})},n=function(e){var i=[];return c.each("h1 h2 h3 h4 h5 h6 div p".split(" "),function(t){i.push(t+"[dir="+e+"]")}),i.join(",")},o=function(t){t.addButton("ltr",{title:"Left to right",cmd:"mceDirectionLTR",stateSelector:n("ltr")}),t.addButton("rtl",{title:"Right to left",cmd:"mceDirectionRTL",stateSelector:n("rtl")})};t.add("directionality",function(t){i(t),o(t)})}(); \ No newline at end of file diff --git a/src/js/_enqueues/vendor/tinymce/plugins/fullscreen/plugin.js b/src/js/_enqueues/vendor/tinymce/plugins/fullscreen/plugin.js index 1c5c00ea209cc..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/fullscreen/plugin.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/fullscreen/plugin.js @@ -1,177 +0,0 @@ -(function () { -var fullscreen = (function (domGlobals) { - 'use strict'; - - var Cell = function (initial) { - var value = initial; - var get = function () { - return value; - }; - var set = function (v) { - value = v; - }; - var clone = function () { - return Cell(get()); - }; - return { - get: get, - set: set, - clone: clone - }; - }; - - var global = tinymce.util.Tools.resolve('tinymce.PluginManager'); - - var get = function (fullscreenState) { - return { - isFullscreen: function () { - return fullscreenState.get() !== null; - } - }; - }; - var Api = { get: get }; - - var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils'); - - var fireFullscreenStateChanged = function (editor, state) { - editor.fire('FullscreenStateChanged', { state: state }); - }; - var Events = { fireFullscreenStateChanged: fireFullscreenStateChanged }; - - var DOM = global$1.DOM; - var getWindowSize = function () { - var w; - var h; - var win = domGlobals.window; - var doc = domGlobals.document; - var body = doc.body; - if (body.offsetWidth) { - w = body.offsetWidth; - h = body.offsetHeight; - } - if (win.innerWidth && win.innerHeight) { - w = win.innerWidth; - h = win.innerHeight; - } - return { - w: w, - h: h - }; - }; - var getScrollPos = function () { - var vp = DOM.getViewPort(); - return { - x: vp.x, - y: vp.y - }; - }; - var setScrollPos = function (pos) { - domGlobals.window.scrollTo(pos.x, pos.y); - }; - var toggleFullscreen = function (editor, fullscreenState) { - var body = domGlobals.document.body; - var documentElement = domGlobals.document.documentElement; - var editorContainerStyle; - var editorContainer, iframe, iframeStyle; - var fullscreenInfo = fullscreenState.get(); - var resize = function () { - DOM.setStyle(iframe, 'height', getWindowSize().h - (editorContainer.clientHeight - iframe.clientHeight)); - }; - var removeResize = function () { - DOM.unbind(domGlobals.window, 'resize', resize); - }; - editorContainer = editor.getContainer(); - editorContainerStyle = editorContainer.style; - iframe = editor.getContentAreaContainer().firstChild; - iframeStyle = iframe.style; - if (!fullscreenInfo) { - var newFullScreenInfo = { - scrollPos: getScrollPos(), - containerWidth: editorContainerStyle.width, - containerHeight: editorContainerStyle.height, - iframeWidth: iframeStyle.width, - iframeHeight: iframeStyle.height, - resizeHandler: resize, - removeHandler: removeResize - }; - iframeStyle.width = iframeStyle.height = '100%'; - editorContainerStyle.width = editorContainerStyle.height = ''; - DOM.addClass(body, 'mce-fullscreen'); - DOM.addClass(documentElement, 'mce-fullscreen'); - DOM.addClass(editorContainer, 'mce-fullscreen'); - DOM.bind(domGlobals.window, 'resize', resize); - editor.on('remove', removeResize); - resize(); - fullscreenState.set(newFullScreenInfo); - Events.fireFullscreenStateChanged(editor, true); - } else { - iframeStyle.width = fullscreenInfo.iframeWidth; - iframeStyle.height = fullscreenInfo.iframeHeight; - if (fullscreenInfo.containerWidth) { - editorContainerStyle.width = fullscreenInfo.containerWidth; - } - if (fullscreenInfo.containerHeight) { - editorContainerStyle.height = fullscreenInfo.containerHeight; - } - DOM.removeClass(body, 'mce-fullscreen'); - DOM.removeClass(documentElement, 'mce-fullscreen'); - DOM.removeClass(editorContainer, 'mce-fullscreen'); - setScrollPos(fullscreenInfo.scrollPos); - DOM.unbind(domGlobals.window, 'resize', fullscreenInfo.resizeHandler); - editor.off('remove', fullscreenInfo.removeHandler); - fullscreenState.set(null); - Events.fireFullscreenStateChanged(editor, false); - } - }; - var Actions = { toggleFullscreen: toggleFullscreen }; - - var register = function (editor, fullscreenState) { - editor.addCommand('mceFullScreen', function () { - Actions.toggleFullscreen(editor, fullscreenState); - }); - }; - var Commands = { register: register }; - - var postRender = function (editor) { - return function (e) { - var ctrl = e.control; - editor.on('FullscreenStateChanged', function (e) { - ctrl.active(e.state); - }); - }; - }; - var register$1 = function (editor) { - editor.addMenuItem('fullscreen', { - text: 'Fullscreen', - shortcut: 'Ctrl+Shift+F', - selectable: true, - cmd: 'mceFullScreen', - onPostRender: postRender(editor), - context: 'view' - }); - editor.addButton('fullscreen', { - active: false, - tooltip: 'Fullscreen', - cmd: 'mceFullScreen', - onPostRender: postRender(editor) - }); - }; - var Buttons = { register: register$1 }; - - global.add('fullscreen', function (editor) { - var fullscreenState = Cell(null); - if (editor.settings.inline) { - return Api.get(fullscreenState); - } - Commands.register(editor, fullscreenState); - Buttons.register(editor); - editor.addShortcut('Ctrl+Shift+F', '', 'mceFullScreen'); - return Api.get(fullscreenState); - }); - function Plugin () { - } - - return Plugin; - -}(window)); -})(); diff --git a/src/js/_enqueues/vendor/tinymce/plugins/fullscreen/plugin.min.js b/src/js/_enqueues/vendor/tinymce/plugins/fullscreen/plugin.min.js index 259afc9a5b83a..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/fullscreen/plugin.min.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/fullscreen/plugin.min.js @@ -1 +0,0 @@ -!function(m){"use strict";var i=function(e){var n=e,t=function(){return n};return{get:t,set:function(e){n=e},clone:function(){return i(t())}}},e=tinymce.util.Tools.resolve("tinymce.PluginManager"),t=function(e){return{isFullscreen:function(){return null!==e.get()}}},n=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),g=function(e,n){e.fire("FullscreenStateChanged",{state:n})},w=n.DOM,r=function(e,n){var t,r,l,i,o,c,s=m.document.body,u=m.document.documentElement,d=n.get(),a=function(){var e,n,t,i;w.setStyle(l,"height",(t=m.window,i=m.document.body,i.offsetWidth&&(e=i.offsetWidth,n=i.offsetHeight),t.innerWidth&&t.innerHeight&&(e=t.innerWidth,n=t.innerHeight),{w:e,h:n}).h-(r.clientHeight-l.clientHeight))},h=function(){w.unbind(m.window,"resize",a)};if(t=(r=e.getContainer()).style,i=(l=e.getContentAreaContainer().firstChild).style,d)i.width=d.iframeWidth,i.height=d.iframeHeight,d.containerWidth&&(t.width=d.containerWidth),d.containerHeight&&(t.height=d.containerHeight),w.removeClass(s,"mce-fullscreen"),w.removeClass(u,"mce-fullscreen"),w.removeClass(r,"mce-fullscreen"),o=d.scrollPos,m.window.scrollTo(o.x,o.y),w.unbind(m.window,"resize",d.resizeHandler),e.off("remove",d.removeHandler),n.set(null),g(e,!1);else{var f={scrollPos:(c=w.getViewPort(),{x:c.x,y:c.y}),containerWidth:t.width,containerHeight:t.height,iframeWidth:i.width,iframeHeight:i.height,resizeHandler:a,removeHandler:h};i.width=i.height="100%",t.width=t.height="",w.addClass(s,"mce-fullscreen"),w.addClass(u,"mce-fullscreen"),w.addClass(r,"mce-fullscreen"),w.bind(m.window,"resize",a),e.on("remove",h),a(),n.set(f),g(e,!0)}},l=function(e,n){e.addCommand("mceFullScreen",function(){r(e,n)})},o=function(t){return function(e){var n=e.control;t.on("FullscreenStateChanged",function(e){n.active(e.state)})}},c=function(e){e.addMenuItem("fullscreen",{text:"Fullscreen",shortcut:"Ctrl+Shift+F",selectable:!0,cmd:"mceFullScreen",onPostRender:o(e),context:"view"}),e.addButton("fullscreen",{active:!1,tooltip:"Fullscreen",cmd:"mceFullScreen",onPostRender:o(e)})};e.add("fullscreen",function(e){var n=i(null);return e.settings.inline||(l(e,n),c(e),e.addShortcut("Ctrl+Shift+F","","mceFullScreen")),t(n)})}(window); \ No newline at end of file diff --git a/src/js/_enqueues/vendor/tinymce/plugins/hr/plugin.js b/src/js/_enqueues/vendor/tinymce/plugins/hr/plugin.js index 56f9d08ca3298..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/hr/plugin.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/hr/plugin.js @@ -1,39 +0,0 @@ -(function () { -var hr = (function () { - 'use strict'; - - var global = tinymce.util.Tools.resolve('tinymce.PluginManager'); - - var register = function (editor) { - editor.addCommand('InsertHorizontalRule', function () { - editor.execCommand('mceInsertContent', false, '
'); - }); - }; - var Commands = { register: register }; - - var register$1 = function (editor) { - editor.addButton('hr', { - icon: 'hr', - tooltip: 'Horizontal line', - cmd: 'InsertHorizontalRule' - }); - editor.addMenuItem('hr', { - icon: 'hr', - text: 'Horizontal line', - cmd: 'InsertHorizontalRule', - context: 'insert' - }); - }; - var Buttons = { register: register$1 }; - - global.add('hr', function (editor) { - Commands.register(editor); - Buttons.register(editor); - }); - function Plugin () { - } - - return Plugin; - -}()); -})(); diff --git a/src/js/_enqueues/vendor/tinymce/plugins/hr/plugin.min.js b/src/js/_enqueues/vendor/tinymce/plugins/hr/plugin.min.js index 72bc2cabd109c..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/hr/plugin.min.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/hr/plugin.min.js @@ -1 +0,0 @@ -!function(){"use strict";var n=tinymce.util.Tools.resolve("tinymce.PluginManager"),t=function(n){n.addCommand("InsertHorizontalRule",function(){n.execCommand("mceInsertContent",!1,"
")})},o=function(n){n.addButton("hr",{icon:"hr",tooltip:"Horizontal line",cmd:"InsertHorizontalRule"}),n.addMenuItem("hr",{icon:"hr",text:"Horizontal line",cmd:"InsertHorizontalRule",context:"insert"})};n.add("hr",function(n){t(n),o(n)})}(); \ No newline at end of file diff --git a/src/js/_enqueues/vendor/tinymce/plugins/image/plugin.js b/src/js/_enqueues/vendor/tinymce/plugins/image/plugin.js index 62ccc9da7818e..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/image/plugin.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/image/plugin.js @@ -1,1209 +0,0 @@ -(function () { -var image = (function (domGlobals) { - 'use strict'; - - var global = tinymce.util.Tools.resolve('tinymce.PluginManager'); - - var hasDimensions = function (editor) { - return editor.settings.image_dimensions === false ? false : true; - }; - var hasAdvTab = function (editor) { - return editor.settings.image_advtab === true ? true : false; - }; - var getPrependUrl = function (editor) { - return editor.getParam('image_prepend_url', ''); - }; - var getClassList = function (editor) { - return editor.getParam('image_class_list'); - }; - var hasDescription = function (editor) { - return editor.settings.image_description === false ? false : true; - }; - var hasImageTitle = function (editor) { - return editor.settings.image_title === true ? true : false; - }; - var hasImageCaption = function (editor) { - return editor.settings.image_caption === true ? true : false; - }; - var getImageList = function (editor) { - return editor.getParam('image_list', false); - }; - var hasUploadUrl = function (editor) { - return editor.getParam('images_upload_url', false); - }; - var hasUploadHandler = function (editor) { - return editor.getParam('images_upload_handler', false); - }; - var getUploadUrl = function (editor) { - return editor.getParam('images_upload_url'); - }; - var getUploadHandler = function (editor) { - return editor.getParam('images_upload_handler'); - }; - var getUploadBasePath = function (editor) { - return editor.getParam('images_upload_base_path'); - }; - var getUploadCredentials = function (editor) { - return editor.getParam('images_upload_credentials'); - }; - var Settings = { - hasDimensions: hasDimensions, - hasAdvTab: hasAdvTab, - getPrependUrl: getPrependUrl, - getClassList: getClassList, - hasDescription: hasDescription, - hasImageTitle: hasImageTitle, - hasImageCaption: hasImageCaption, - getImageList: getImageList, - hasUploadUrl: hasUploadUrl, - hasUploadHandler: hasUploadHandler, - getUploadUrl: getUploadUrl, - getUploadHandler: getUploadHandler, - getUploadBasePath: getUploadBasePath, - getUploadCredentials: getUploadCredentials - }; - - var Global = typeof domGlobals.window !== 'undefined' ? domGlobals.window : Function('return this;')(); - - var path = function (parts, scope) { - var o = scope !== undefined && scope !== null ? scope : Global; - for (var i = 0; i < parts.length && o !== undefined && o !== null; ++i) { - o = o[parts[i]]; - } - return o; - }; - var resolve = function (p, scope) { - var parts = p.split('.'); - return path(parts, scope); - }; - - var unsafe = function (name, scope) { - return resolve(name, scope); - }; - var getOrDie = function (name, scope) { - var actual = unsafe(name, scope); - if (actual === undefined || actual === null) { - throw new Error(name + ' not available on this browser'); - } - return actual; - }; - var Global$1 = { getOrDie: getOrDie }; - - function FileReader () { - var f = Global$1.getOrDie('FileReader'); - return new f(); - } - - var global$1 = tinymce.util.Tools.resolve('tinymce.util.Promise'); - - var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools'); - - var global$3 = tinymce.util.Tools.resolve('tinymce.util.XHR'); - - var parseIntAndGetMax = function (val1, val2) { - return Math.max(parseInt(val1, 10), parseInt(val2, 10)); - }; - var getImageSize = function (url, callback) { - var img = domGlobals.document.createElement('img'); - function done(width, height) { - if (img.parentNode) { - img.parentNode.removeChild(img); - } - callback({ - width: width, - height: height - }); - } - img.onload = function () { - var width = parseIntAndGetMax(img.width, img.clientWidth); - var height = parseIntAndGetMax(img.height, img.clientHeight); - done(width, height); - }; - img.onerror = function () { - done(0, 0); - }; - var style = img.style; - style.visibility = 'hidden'; - style.position = 'fixed'; - style.bottom = style.left = '0px'; - style.width = style.height = 'auto'; - domGlobals.document.body.appendChild(img); - img.src = url; - }; - var buildListItems = function (inputList, itemCallback, startItems) { - function appendItems(values, output) { - output = output || []; - global$2.each(values, function (item) { - var menuItem = { text: item.text || item.title }; - if (item.menu) { - menuItem.menu = appendItems(item.menu); - } else { - menuItem.value = item.value; - itemCallback(menuItem); - } - output.push(menuItem); - }); - return output; - } - return appendItems(inputList, startItems || []); - }; - var removePixelSuffix = function (value) { - if (value) { - value = value.replace(/px$/, ''); - } - return value; - }; - var addPixelSuffix = function (value) { - if (value.length > 0 && /^[0-9]+$/.test(value)) { - value += 'px'; - } - return value; - }; - var mergeMargins = function (css) { - if (css.margin) { - var splitMargin = css.margin.split(' '); - switch (splitMargin.length) { - case 1: - css['margin-top'] = css['margin-top'] || splitMargin[0]; - css['margin-right'] = css['margin-right'] || splitMargin[0]; - css['margin-bottom'] = css['margin-bottom'] || splitMargin[0]; - css['margin-left'] = css['margin-left'] || splitMargin[0]; - break; - case 2: - css['margin-top'] = css['margin-top'] || splitMargin[0]; - css['margin-right'] = css['margin-right'] || splitMargin[1]; - css['margin-bottom'] = css['margin-bottom'] || splitMargin[0]; - css['margin-left'] = css['margin-left'] || splitMargin[1]; - break; - case 3: - css['margin-top'] = css['margin-top'] || splitMargin[0]; - css['margin-right'] = css['margin-right'] || splitMargin[1]; - css['margin-bottom'] = css['margin-bottom'] || splitMargin[2]; - css['margin-left'] = css['margin-left'] || splitMargin[1]; - break; - case 4: - css['margin-top'] = css['margin-top'] || splitMargin[0]; - css['margin-right'] = css['margin-right'] || splitMargin[1]; - css['margin-bottom'] = css['margin-bottom'] || splitMargin[2]; - css['margin-left'] = css['margin-left'] || splitMargin[3]; - } - delete css.margin; - } - return css; - }; - var createImageList = function (editor, callback) { - var imageList = Settings.getImageList(editor); - if (typeof imageList === 'string') { - global$3.send({ - url: imageList, - success: function (text) { - callback(JSON.parse(text)); - } - }); - } else if (typeof imageList === 'function') { - imageList(callback); - } else { - callback(imageList); - } - }; - var waitLoadImage = function (editor, data, imgElm) { - function selectImage() { - imgElm.onload = imgElm.onerror = null; - if (editor.selection) { - editor.selection.select(imgElm); - editor.nodeChanged(); - } - } - imgElm.onload = function () { - if (!data.width && !data.height && Settings.hasDimensions(editor)) { - editor.dom.setAttribs(imgElm, { - width: imgElm.clientWidth, - height: imgElm.clientHeight - }); - } - selectImage(); - }; - imgElm.onerror = selectImage; - }; - var blobToDataUri = function (blob) { - return new global$1(function (resolve, reject) { - var reader = FileReader(); - reader.onload = function () { - resolve(reader.result); - }; - reader.onerror = function () { - reject(reader.error.message); - }; - reader.readAsDataURL(blob); - }); - }; - var Utils = { - getImageSize: getImageSize, - buildListItems: buildListItems, - removePixelSuffix: removePixelSuffix, - addPixelSuffix: addPixelSuffix, - mergeMargins: mergeMargins, - createImageList: createImageList, - waitLoadImage: waitLoadImage, - blobToDataUri: blobToDataUri - }; - - var global$4 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils'); - - var hasOwnProperty = Object.prototype.hasOwnProperty; - var shallow = function (old, nu) { - return nu; - }; - var baseMerge = function (merger) { - return function () { - var objects = new Array(arguments.length); - for (var i = 0; i < objects.length; i++) { - objects[i] = arguments[i]; - } - if (objects.length === 0) { - throw new Error('Can\'t merge zero objects'); - } - var ret = {}; - for (var j = 0; j < objects.length; j++) { - var curObject = objects[j]; - for (var key in curObject) { - if (hasOwnProperty.call(curObject, key)) { - ret[key] = merger(ret[key], curObject[key]); - } - } - } - return ret; - }; - }; - var merge = baseMerge(shallow); - - var DOM = global$4.DOM; - var getHspace = function (image) { - if (image.style.marginLeft && image.style.marginRight && image.style.marginLeft === image.style.marginRight) { - return Utils.removePixelSuffix(image.style.marginLeft); - } else { - return ''; - } - }; - var getVspace = function (image) { - if (image.style.marginTop && image.style.marginBottom && image.style.marginTop === image.style.marginBottom) { - return Utils.removePixelSuffix(image.style.marginTop); - } else { - return ''; - } - }; - var getBorder = function (image) { - if (image.style.borderWidth) { - return Utils.removePixelSuffix(image.style.borderWidth); - } else { - return ''; - } - }; - var getAttrib = function (image, name) { - if (image.hasAttribute(name)) { - return image.getAttribute(name); - } else { - return ''; - } - }; - var getStyle = function (image, name) { - return image.style[name] ? image.style[name] : ''; - }; - var hasCaption = function (image) { - return image.parentNode !== null && image.parentNode.nodeName === 'FIGURE'; - }; - var setAttrib = function (image, name, value) { - image.setAttribute(name, value); - }; - var wrapInFigure = function (image) { - var figureElm = DOM.create('figure', { class: 'image' }); - DOM.insertAfter(figureElm, image); - figureElm.appendChild(image); - figureElm.appendChild(DOM.create('figcaption', { contentEditable: true }, 'Caption')); - figureElm.contentEditable = 'false'; - }; - var removeFigure = function (image) { - var figureElm = image.parentNode; - DOM.insertAfter(image, figureElm); - DOM.remove(figureElm); - }; - var toggleCaption = function (image) { - if (hasCaption(image)) { - removeFigure(image); - } else { - wrapInFigure(image); - } - }; - var normalizeStyle = function (image, normalizeCss) { - var attrValue = image.getAttribute('style'); - var value = normalizeCss(attrValue !== null ? attrValue : ''); - if (value.length > 0) { - image.setAttribute('style', value); - image.setAttribute('data-mce-style', value); - } else { - image.removeAttribute('style'); - } - }; - var setSize = function (name, normalizeCss) { - return function (image, name, value) { - if (image.style[name]) { - image.style[name] = Utils.addPixelSuffix(value); - normalizeStyle(image, normalizeCss); - } else { - setAttrib(image, name, value); - } - }; - }; - var getSize = function (image, name) { - if (image.style[name]) { - return Utils.removePixelSuffix(image.style[name]); - } else { - return getAttrib(image, name); - } - }; - var setHspace = function (image, value) { - var pxValue = Utils.addPixelSuffix(value); - image.style.marginLeft = pxValue; - image.style.marginRight = pxValue; - }; - var setVspace = function (image, value) { - var pxValue = Utils.addPixelSuffix(value); - image.style.marginTop = pxValue; - image.style.marginBottom = pxValue; - }; - var setBorder = function (image, value) { - var pxValue = Utils.addPixelSuffix(value); - image.style.borderWidth = pxValue; - }; - var setBorderStyle = function (image, value) { - image.style.borderStyle = value; - }; - var getBorderStyle = function (image) { - return getStyle(image, 'borderStyle'); - }; - var isFigure = function (elm) { - return elm.nodeName === 'FIGURE'; - }; - var defaultData = function () { - return { - src: '', - alt: '', - title: '', - width: '', - height: '', - class: '', - style: '', - caption: false, - hspace: '', - vspace: '', - border: '', - borderStyle: '' - }; - }; - var getStyleValue = function (normalizeCss, data) { - var image = domGlobals.document.createElement('img'); - setAttrib(image, 'style', data.style); - if (getHspace(image) || data.hspace !== '') { - setHspace(image, data.hspace); - } - if (getVspace(image) || data.vspace !== '') { - setVspace(image, data.vspace); - } - if (getBorder(image) || data.border !== '') { - setBorder(image, data.border); - } - if (getBorderStyle(image) || data.borderStyle !== '') { - setBorderStyle(image, data.borderStyle); - } - return normalizeCss(image.getAttribute('style')); - }; - var create = function (normalizeCss, data) { - var image = domGlobals.document.createElement('img'); - write(normalizeCss, merge(data, { caption: false }), image); - setAttrib(image, 'alt', data.alt); - if (data.caption) { - var figure = DOM.create('figure', { class: 'image' }); - figure.appendChild(image); - figure.appendChild(DOM.create('figcaption', { contentEditable: true }, 'Caption')); - figure.contentEditable = 'false'; - return figure; - } else { - return image; - } - }; - var read = function (normalizeCss, image) { - return { - src: getAttrib(image, 'src'), - alt: getAttrib(image, 'alt'), - title: getAttrib(image, 'title'), - width: getSize(image, 'width'), - height: getSize(image, 'height'), - class: getAttrib(image, 'class'), - style: normalizeCss(getAttrib(image, 'style')), - caption: hasCaption(image), - hspace: getHspace(image), - vspace: getVspace(image), - border: getBorder(image), - borderStyle: getStyle(image, 'borderStyle') - }; - }; - var updateProp = function (image, oldData, newData, name, set) { - if (newData[name] !== oldData[name]) { - set(image, name, newData[name]); - } - }; - var normalized = function (set, normalizeCss) { - return function (image, name, value) { - set(image, value); - normalizeStyle(image, normalizeCss); - }; - }; - var write = function (normalizeCss, newData, image) { - var oldData = read(normalizeCss, image); - updateProp(image, oldData, newData, 'caption', function (image, _name, _value) { - return toggleCaption(image); - }); - updateProp(image, oldData, newData, 'src', setAttrib); - updateProp(image, oldData, newData, 'alt', setAttrib); - updateProp(image, oldData, newData, 'title', setAttrib); - updateProp(image, oldData, newData, 'width', setSize('width', normalizeCss)); - updateProp(image, oldData, newData, 'height', setSize('height', normalizeCss)); - updateProp(image, oldData, newData, 'class', setAttrib); - updateProp(image, oldData, newData, 'style', normalized(function (image, value) { - return setAttrib(image, 'style', value); - }, normalizeCss)); - updateProp(image, oldData, newData, 'hspace', normalized(setHspace, normalizeCss)); - updateProp(image, oldData, newData, 'vspace', normalized(setVspace, normalizeCss)); - updateProp(image, oldData, newData, 'border', normalized(setBorder, normalizeCss)); - updateProp(image, oldData, newData, 'borderStyle', normalized(setBorderStyle, normalizeCss)); - }; - - var normalizeCss = function (editor, cssText) { - var css = editor.dom.styles.parse(cssText); - var mergedCss = Utils.mergeMargins(css); - var compressed = editor.dom.styles.parse(editor.dom.styles.serialize(mergedCss)); - return editor.dom.styles.serialize(compressed); - }; - var getSelectedImage = function (editor) { - var imgElm = editor.selection.getNode(); - var figureElm = editor.dom.getParent(imgElm, 'figure.image'); - if (figureElm) { - return editor.dom.select('img', figureElm)[0]; - } - if (imgElm && (imgElm.nodeName !== 'IMG' || imgElm.getAttribute('data-mce-object') || imgElm.getAttribute('data-mce-placeholder'))) { - return null; - } - return imgElm; - }; - var splitTextBlock = function (editor, figure) { - var dom = editor.dom; - var textBlock = dom.getParent(figure.parentNode, function (node) { - return editor.schema.getTextBlockElements()[node.nodeName]; - }, editor.getBody()); - if (textBlock) { - return dom.split(textBlock, figure); - } else { - return figure; - } - }; - var readImageDataFromSelection = function (editor) { - var image = getSelectedImage(editor); - return image ? read(function (css) { - return normalizeCss(editor, css); - }, image) : defaultData(); - }; - var insertImageAtCaret = function (editor, data) { - var elm = create(function (css) { - return normalizeCss(editor, css); - }, data); - editor.dom.setAttrib(elm, 'data-mce-id', '__mcenew'); - editor.focus(); - editor.selection.setContent(elm.outerHTML); - var insertedElm = editor.dom.select('*[data-mce-id="__mcenew"]')[0]; - editor.dom.setAttrib(insertedElm, 'data-mce-id', null); - if (isFigure(insertedElm)) { - var figure = splitTextBlock(editor, insertedElm); - editor.selection.select(figure); - } else { - editor.selection.select(insertedElm); - } - }; - var syncSrcAttr = function (editor, image) { - editor.dom.setAttrib(image, 'src', image.getAttribute('src')); - }; - var deleteImage = function (editor, image) { - if (image) { - var elm = editor.dom.is(image.parentNode, 'figure.image') ? image.parentNode : image; - editor.dom.remove(elm); - editor.focus(); - editor.nodeChanged(); - if (editor.dom.isEmpty(editor.getBody())) { - editor.setContent(''); - editor.selection.setCursorLocation(); - } - } - }; - var writeImageDataToSelection = function (editor, data) { - var image = getSelectedImage(editor); - write(function (css) { - return normalizeCss(editor, css); - }, data, image); - syncSrcAttr(editor, image); - if (isFigure(image.parentNode)) { - var figure = image.parentNode; - splitTextBlock(editor, figure); - editor.selection.select(image.parentNode); - } else { - editor.selection.select(image); - Utils.waitLoadImage(editor, data, image); - } - }; - var insertOrUpdateImage = function (editor, data) { - var image = getSelectedImage(editor); - if (image) { - if (data.src) { - writeImageDataToSelection(editor, data); - } else { - deleteImage(editor, image); - } - } else if (data.src) { - insertImageAtCaret(editor, data); - } - }; - - var updateVSpaceHSpaceBorder = function (editor) { - return function (evt) { - var dom = editor.dom; - var rootControl = evt.control.rootControl; - if (!Settings.hasAdvTab(editor)) { - return; - } - var data = rootControl.toJSON(); - var css = dom.parseStyle(data.style); - rootControl.find('#vspace').value(''); - rootControl.find('#hspace').value(''); - css = Utils.mergeMargins(css); - if (css['margin-top'] && css['margin-bottom'] || css['margin-right'] && css['margin-left']) { - if (css['margin-top'] === css['margin-bottom']) { - rootControl.find('#vspace').value(Utils.removePixelSuffix(css['margin-top'])); - } else { - rootControl.find('#vspace').value(''); - } - if (css['margin-right'] === css['margin-left']) { - rootControl.find('#hspace').value(Utils.removePixelSuffix(css['margin-right'])); - } else { - rootControl.find('#hspace').value(''); - } - } - if (css['border-width']) { - rootControl.find('#border').value(Utils.removePixelSuffix(css['border-width'])); - } else { - rootControl.find('#border').value(''); - } - if (css['border-style']) { - rootControl.find('#borderStyle').value(css['border-style']); - } else { - rootControl.find('#borderStyle').value(''); - } - rootControl.find('#style').value(dom.serializeStyle(dom.parseStyle(dom.serializeStyle(css)))); - }; - }; - var updateStyle = function (editor, win) { - win.find('#style').each(function (ctrl) { - var value = getStyleValue(function (css) { - return normalizeCss(editor, css); - }, merge(defaultData(), win.toJSON())); - ctrl.value(value); - }); - }; - var makeTab = function (editor) { - return { - title: 'Advanced', - type: 'form', - pack: 'start', - items: [ - { - label: 'Style', - name: 'style', - type: 'textbox', - onchange: updateVSpaceHSpaceBorder(editor) - }, - { - type: 'form', - layout: 'grid', - packV: 'start', - columns: 2, - padding: 0, - defaults: { - type: 'textbox', - maxWidth: 50, - onchange: function (evt) { - updateStyle(editor, evt.control.rootControl); - } - }, - items: [ - { - label: 'Vertical space', - name: 'vspace' - }, - { - label: 'Border width', - name: 'border' - }, - { - label: 'Horizontal space', - name: 'hspace' - }, - { - label: 'Border style', - type: 'listbox', - name: 'borderStyle', - width: 90, - maxWidth: 90, - onselect: function (evt) { - updateStyle(editor, evt.control.rootControl); - }, - values: [ - { - text: 'Select...', - value: '' - }, - { - text: 'Solid', - value: 'solid' - }, - { - text: 'Dotted', - value: 'dotted' - }, - { - text: 'Dashed', - value: 'dashed' - }, - { - text: 'Double', - value: 'double' - }, - { - text: 'Groove', - value: 'groove' - }, - { - text: 'Ridge', - value: 'ridge' - }, - { - text: 'Inset', - value: 'inset' - }, - { - text: 'Outset', - value: 'outset' - }, - { - text: 'None', - value: 'none' - }, - { - text: 'Hidden', - value: 'hidden' - } - ] - } - ] - } - ] - }; - }; - var AdvTab = { makeTab: makeTab }; - - var doSyncSize = function (widthCtrl, heightCtrl) { - widthCtrl.state.set('oldVal', widthCtrl.value()); - heightCtrl.state.set('oldVal', heightCtrl.value()); - }; - var doSizeControls = function (win, f) { - var widthCtrl = win.find('#width')[0]; - var heightCtrl = win.find('#height')[0]; - var constrained = win.find('#constrain')[0]; - if (widthCtrl && heightCtrl && constrained) { - f(widthCtrl, heightCtrl, constrained.checked()); - } - }; - var doUpdateSize = function (widthCtrl, heightCtrl, isContrained) { - var oldWidth = widthCtrl.state.get('oldVal'); - var oldHeight = heightCtrl.state.get('oldVal'); - var newWidth = widthCtrl.value(); - var newHeight = heightCtrl.value(); - if (isContrained && oldWidth && oldHeight && newWidth && newHeight) { - if (newWidth !== oldWidth) { - newHeight = Math.round(newWidth / oldWidth * newHeight); - if (!isNaN(newHeight)) { - heightCtrl.value(newHeight); - } - } else { - newWidth = Math.round(newHeight / oldHeight * newWidth); - if (!isNaN(newWidth)) { - widthCtrl.value(newWidth); - } - } - } - doSyncSize(widthCtrl, heightCtrl); - }; - var syncSize = function (win) { - doSizeControls(win, doSyncSize); - }; - var updateSize = function (win) { - doSizeControls(win, doUpdateSize); - }; - var createUi = function () { - var recalcSize = function (evt) { - updateSize(evt.control.rootControl); - }; - return { - type: 'container', - label: 'Dimensions', - layout: 'flex', - align: 'center', - spacing: 5, - items: [ - { - name: 'width', - type: 'textbox', - maxLength: 5, - size: 5, - onchange: recalcSize, - ariaLabel: 'Width' - }, - { - type: 'label', - text: 'x' - }, - { - name: 'height', - type: 'textbox', - maxLength: 5, - size: 5, - onchange: recalcSize, - ariaLabel: 'Height' - }, - { - name: 'constrain', - type: 'checkbox', - checked: true, - text: 'Constrain proportions' - } - ] - }; - }; - var SizeManager = { - createUi: createUi, - syncSize: syncSize, - updateSize: updateSize - }; - - var onSrcChange = function (evt, editor) { - var srcURL, prependURL, absoluteURLPattern; - var meta = evt.meta || {}; - var control = evt.control; - var rootControl = control.rootControl; - var imageListCtrl = rootControl.find('#image-list')[0]; - if (imageListCtrl) { - imageListCtrl.value(editor.convertURL(control.value(), 'src')); - } - global$2.each(meta, function (value, key) { - rootControl.find('#' + key).value(value); - }); - if (!meta.width && !meta.height) { - srcURL = editor.convertURL(control.value(), 'src'); - prependURL = Settings.getPrependUrl(editor); - absoluteURLPattern = new RegExp('^(?:[a-z]+:)?//', 'i'); - if (prependURL && !absoluteURLPattern.test(srcURL) && srcURL.substring(0, prependURL.length) !== prependURL) { - srcURL = prependURL + srcURL; - } - control.value(srcURL); - Utils.getImageSize(editor.documentBaseURI.toAbsolute(control.value()), function (data) { - if (data.width && data.height && Settings.hasDimensions(editor)) { - rootControl.find('#width').value(data.width); - rootControl.find('#height').value(data.height); - SizeManager.syncSize(rootControl); - } - }); - } - }; - var onBeforeCall = function (evt) { - evt.meta = evt.control.rootControl.toJSON(); - }; - var getGeneralItems = function (editor, imageListCtrl) { - var generalFormItems = [ - { - name: 'src', - type: 'filepicker', - filetype: 'image', - label: 'Source', - autofocus: true, - onchange: function (evt) { - onSrcChange(evt, editor); - }, - onbeforecall: onBeforeCall - }, - imageListCtrl - ]; - if (Settings.hasDescription(editor)) { - generalFormItems.push({ - name: 'alt', - type: 'textbox', - label: 'Image description' - }); - } - if (Settings.hasImageTitle(editor)) { - generalFormItems.push({ - name: 'title', - type: 'textbox', - label: 'Image Title' - }); - } - if (Settings.hasDimensions(editor)) { - generalFormItems.push(SizeManager.createUi()); - } - if (Settings.getClassList(editor)) { - generalFormItems.push({ - name: 'class', - type: 'listbox', - label: 'Class', - values: Utils.buildListItems(Settings.getClassList(editor), function (item) { - if (item.value) { - item.textStyle = function () { - return editor.formatter.getCssText({ - inline: 'img', - classes: [item.value] - }); - }; - } - }) - }); - } - if (Settings.hasImageCaption(editor)) { - generalFormItems.push({ - name: 'caption', - type: 'checkbox', - label: 'Caption' - }); - } - return generalFormItems; - }; - var makeTab$1 = function (editor, imageListCtrl) { - return { - title: 'General', - type: 'form', - items: getGeneralItems(editor, imageListCtrl) - }; - }; - var MainTab = { - makeTab: makeTab$1, - getGeneralItems: getGeneralItems - }; - - var url = function () { - return Global$1.getOrDie('URL'); - }; - var createObjectURL = function (blob) { - return url().createObjectURL(blob); - }; - var revokeObjectURL = function (u) { - url().revokeObjectURL(u); - }; - var URL = { - createObjectURL: createObjectURL, - revokeObjectURL: revokeObjectURL - }; - - var global$5 = tinymce.util.Tools.resolve('tinymce.ui.Factory'); - - function XMLHttpRequest () { - var f = Global$1.getOrDie('XMLHttpRequest'); - return new f(); - } - - var noop = function () { - }; - var pathJoin = function (path1, path2) { - if (path1) { - return path1.replace(/\/$/, '') + '/' + path2.replace(/^\//, ''); - } - return path2; - }; - function Uploader (settings) { - var defaultHandler = function (blobInfo, success, failure, progress) { - var xhr, formData; - xhr = XMLHttpRequest(); - xhr.open('POST', settings.url); - xhr.withCredentials = settings.credentials; - xhr.upload.onprogress = function (e) { - progress(e.loaded / e.total * 100); - }; - xhr.onerror = function () { - failure('Image upload failed due to a XHR Transport error. Code: ' + xhr.status); - }; - xhr.onload = function () { - var json; - if (xhr.status < 200 || xhr.status >= 300) { - failure('HTTP Error: ' + xhr.status); - return; - } - json = JSON.parse(xhr.responseText); - if (!json || typeof json.location !== 'string') { - failure('Invalid JSON: ' + xhr.responseText); - return; - } - success(pathJoin(settings.basePath, json.location)); - }; - formData = new domGlobals.FormData(); - formData.append('file', blobInfo.blob(), blobInfo.filename()); - xhr.send(formData); - }; - var uploadBlob = function (blobInfo, handler) { - return new global$1(function (resolve, reject) { - try { - handler(blobInfo, resolve, reject, noop); - } catch (ex) { - reject(ex.message); - } - }); - }; - var isDefaultHandler = function (handler) { - return handler === defaultHandler; - }; - var upload = function (blobInfo) { - return !settings.url && isDefaultHandler(settings.handler) ? global$1.reject('Upload url missing from the settings.') : uploadBlob(blobInfo, settings.handler); - }; - settings = global$2.extend({ - credentials: false, - handler: defaultHandler - }, settings); - return { upload: upload }; - } - - var onFileInput = function (editor) { - return function (evt) { - var Throbber = global$5.get('Throbber'); - var rootControl = evt.control.rootControl; - var throbber = new Throbber(rootControl.getEl()); - var file = evt.control.value(); - var blobUri = URL.createObjectURL(file); - var uploader = Uploader({ - url: Settings.getUploadUrl(editor), - basePath: Settings.getUploadBasePath(editor), - credentials: Settings.getUploadCredentials(editor), - handler: Settings.getUploadHandler(editor) - }); - var finalize = function () { - throbber.hide(); - URL.revokeObjectURL(blobUri); - }; - throbber.show(); - return Utils.blobToDataUri(file).then(function (dataUrl) { - var blobInfo = editor.editorUpload.blobCache.create({ - blob: file, - blobUri: blobUri, - name: file.name ? file.name.replace(/\.[^\.]+$/, '') : null, - base64: dataUrl.split(',')[1] - }); - return uploader.upload(blobInfo).then(function (url) { - var src = rootControl.find('#src'); - src.value(url); - rootControl.find('tabpanel')[0].activateTab(0); - src.fire('change'); - finalize(); - return url; - }); - }).catch(function (err) { - editor.windowManager.alert(err); - finalize(); - }); - }; - }; - var acceptExts = '.jpg,.jpeg,.png,.gif'; - var makeTab$2 = function (editor) { - return { - title: 'Upload', - type: 'form', - layout: 'flex', - direction: 'column', - align: 'stretch', - padding: '20 20 20 20', - items: [ - { - type: 'container', - layout: 'flex', - direction: 'column', - align: 'center', - spacing: 10, - items: [ - { - text: 'Browse for an image', - type: 'browsebutton', - accept: acceptExts, - onchange: onFileInput(editor) - }, - { - text: 'OR', - type: 'label' - } - ] - }, - { - text: 'Drop an image here', - type: 'dropzone', - accept: acceptExts, - height: 100, - onchange: onFileInput(editor) - } - ] - }; - }; - var UploadTab = { makeTab: makeTab$2 }; - - function curry(fn) { - var initialArgs = []; - for (var _i = 1; _i < arguments.length; _i++) { - initialArgs[_i - 1] = arguments[_i]; - } - return function () { - var restArgs = []; - for (var _i = 0; _i < arguments.length; _i++) { - restArgs[_i] = arguments[_i]; - } - var all = initialArgs.concat(restArgs); - return fn.apply(null, all); - }; - } - - var submitForm = function (editor, evt) { - var win = evt.control.getRoot(); - SizeManager.updateSize(win); - editor.undoManager.transact(function () { - var data = merge(readImageDataFromSelection(editor), win.toJSON()); - insertOrUpdateImage(editor, data); - }); - editor.editorUpload.uploadImagesAuto(); - }; - function Dialog (editor) { - function showDialog(imageList) { - var data = readImageDataFromSelection(editor); - var win, imageListCtrl; - if (imageList) { - imageListCtrl = { - type: 'listbox', - label: 'Image list', - name: 'image-list', - values: Utils.buildListItems(imageList, function (item) { - item.value = editor.convertURL(item.value || item.url, 'src'); - }, [{ - text: 'None', - value: '' - }]), - value: data.src && editor.convertURL(data.src, 'src'), - onselect: function (e) { - var altCtrl = win.find('#alt'); - if (!altCtrl.value() || e.lastControl && altCtrl.value() === e.lastControl.text()) { - altCtrl.value(e.control.text()); - } - win.find('#src').value(e.control.value()).fire('change'); - }, - onPostRender: function () { - imageListCtrl = this; - } - }; - } - if (Settings.hasAdvTab(editor) || Settings.hasUploadUrl(editor) || Settings.hasUploadHandler(editor)) { - var body = [MainTab.makeTab(editor, imageListCtrl)]; - if (Settings.hasAdvTab(editor)) { - body.push(AdvTab.makeTab(editor)); - } - if (Settings.hasUploadUrl(editor) || Settings.hasUploadHandler(editor)) { - body.push(UploadTab.makeTab(editor)); - } - win = editor.windowManager.open({ - title: 'Insert/edit image', - data: data, - bodyType: 'tabpanel', - body: body, - onSubmit: curry(submitForm, editor) - }); - } else { - win = editor.windowManager.open({ - title: 'Insert/edit image', - data: data, - body: MainTab.getGeneralItems(editor, imageListCtrl), - onSubmit: curry(submitForm, editor) - }); - } - SizeManager.syncSize(win); - } - function open() { - Utils.createImageList(editor, showDialog); - } - return { open: open }; - } - - var register = function (editor) { - editor.addCommand('mceImage', Dialog(editor).open); - }; - var Commands = { register: register }; - - var hasImageClass = function (node) { - var className = node.attr('class'); - return className && /\bimage\b/.test(className); - }; - var toggleContentEditableState = function (state) { - return function (nodes) { - var i = nodes.length, node; - var toggleContentEditable = function (node) { - node.attr('contenteditable', state ? 'true' : null); - }; - while (i--) { - node = nodes[i]; - if (hasImageClass(node)) { - node.attr('contenteditable', state ? 'false' : null); - global$2.each(node.getAll('figcaption'), toggleContentEditable); - } - } - }; - }; - var setup = function (editor) { - editor.on('preInit', function () { - editor.parser.addNodeFilter('figure', toggleContentEditableState(true)); - editor.serializer.addNodeFilter('figure', toggleContentEditableState(false)); - }); - }; - var FilterContent = { setup: setup }; - - var register$1 = function (editor) { - editor.addButton('image', { - icon: 'image', - tooltip: 'Insert/edit image', - onclick: Dialog(editor).open, - stateSelector: 'img:not([data-mce-object],[data-mce-placeholder]),figure.image' - }); - editor.addMenuItem('image', { - icon: 'image', - text: 'Image', - onclick: Dialog(editor).open, - context: 'insert', - prependToContext: true - }); - }; - var Buttons = { register: register$1 }; - - global.add('image', function (editor) { - FilterContent.setup(editor); - Buttons.register(editor); - Commands.register(editor); - }); - function Plugin () { - } - - return Plugin; - -}(window)); -})(); diff --git a/src/js/_enqueues/vendor/tinymce/plugins/image/plugin.min.js b/src/js/_enqueues/vendor/tinymce/plugins/image/plugin.min.js index 23473aa76db46..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/image/plugin.min.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/image/plugin.min.js @@ -1 +0,0 @@ -!function(l){"use strict";var i,e=tinymce.util.Tools.resolve("tinymce.PluginManager"),d=function(e){return!1!==e.settings.image_dimensions},u=function(e){return!0===e.settings.image_advtab},m=function(e){return e.getParam("image_prepend_url","")},n=function(e){return e.getParam("image_class_list")},r=function(e){return!1!==e.settings.image_description},a=function(e){return!0===e.settings.image_title},o=function(e){return!0===e.settings.image_caption},c=function(e){return e.getParam("image_list",!1)},s=function(e){return e.getParam("images_upload_url",!1)},g=function(e){return e.getParam("images_upload_handler",!1)},f=function(e){return e.getParam("images_upload_url")},p=function(e){return e.getParam("images_upload_handler")},h=function(e){return e.getParam("images_upload_base_path")},v=function(e){return e.getParam("images_upload_credentials")},b="undefined"!=typeof l.window?l.window:Function("return this;")(),y=function(e,t){return function(e,t){for(var n=t!==undefined&&null!==t?t:b,r=0;r 10) { - var link = domGlobals.document.createElement('a'); - link.target = '_blank'; - link.href = url; - link.rel = 'noreferrer noopener'; - var evt = domGlobals.document.createEvent('MouseEvents'); - evt.initMouseEvent('click', true, true, domGlobals.window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); - appendClickRemove(link, evt); - } else { - var win = domGlobals.window.open('', '_blank'); - if (win) { - win.opener = null; - var doc = win.document; - doc.open(); - doc.write(''); - doc.close(); - } - } - }; - var OpenUrl = { open: open }; - - var global$4 = tinymce.util.Tools.resolve('tinymce.util.Tools'); - - var toggleTargetRules = function (rel, isUnsafe) { - var rules = ['noopener']; - var newRel = rel ? rel.split(/\s+/) : []; - var toString = function (rel) { - return global$4.trim(rel.sort().join(' ')); - }; - var addTargetRules = function (rel) { - rel = removeTargetRules(rel); - return rel.length ? rel.concat(rules) : rules; - }; - var removeTargetRules = function (rel) { - return rel.filter(function (val) { - return global$4.inArray(rules, val) === -1; - }); - }; - newRel = isUnsafe ? addTargetRules(newRel) : removeTargetRules(newRel); - return newRel.length ? toString(newRel) : null; - }; - var trimCaretContainers = function (text) { - return text.replace(/\uFEFF/g, ''); - }; - var getAnchorElement = function (editor, selectedElm) { - selectedElm = selectedElm || editor.selection.getNode(); - if (isImageFigure(selectedElm)) { - return editor.dom.select('a[href]', selectedElm)[0]; - } else { - return editor.dom.getParent(selectedElm, 'a[href]'); - } - }; - var getAnchorText = function (selection, anchorElm) { - var text = anchorElm ? anchorElm.innerText || anchorElm.textContent : selection.getContent({ format: 'text' }); - return trimCaretContainers(text); - }; - var isLink = function (elm) { - return elm && elm.nodeName === 'A' && elm.href; - }; - var hasLinks = function (elements) { - return global$4.grep(elements, isLink).length > 0; - }; - var isOnlyTextSelected = function (html) { - if (/]+>[^<]+<\/a>$/.test(html) || html.indexOf('href=') === -1)) { - return false; - } - return true; - }; - var isImageFigure = function (node) { - return node && node.nodeName === 'FIGURE' && /\bimage\b/i.test(node.className); - }; - var link = function (editor, attachState) { - return function (data) { - editor.undoManager.transact(function () { - var selectedElm = editor.selection.getNode(); - var anchorElm = getAnchorElement(editor, selectedElm); - var linkAttrs = { - href: data.href, - target: data.target ? data.target : null, - rel: data.rel ? data.rel : null, - class: data.class ? data.class : null, - title: data.title ? data.title : null - }; - if (!Settings.hasRelList(editor.settings) && Settings.allowUnsafeLinkTarget(editor.settings) === false) { - linkAttrs.rel = toggleTargetRules(linkAttrs.rel, linkAttrs.target === '_blank'); - } - if (data.href === attachState.href) { - attachState.attach(); - attachState = {}; - } - if (anchorElm) { - editor.focus(); - if (data.hasOwnProperty('text')) { - if ('innerText' in anchorElm) { - anchorElm.innerText = data.text; - } else { - anchorElm.textContent = data.text; - } - } - editor.dom.setAttribs(anchorElm, linkAttrs); - editor.selection.select(anchorElm); - editor.undoManager.add(); - } else { - if (isImageFigure(selectedElm)) { - linkImageFigure(editor, selectedElm, linkAttrs); - } else if (data.hasOwnProperty('text')) { - editor.insertContent(editor.dom.createHTML('a', linkAttrs, editor.dom.encode(data.text))); - } else { - editor.execCommand('mceInsertLink', false, linkAttrs); - } - } - }); - }; - }; - var unlink = function (editor) { - return function () { - editor.undoManager.transact(function () { - var node = editor.selection.getNode(); - if (isImageFigure(node)) { - unlinkImageFigure(editor, node); - } else { - editor.execCommand('unlink'); - } - }); - }; - }; - var unlinkImageFigure = function (editor, fig) { - var a, img; - img = editor.dom.select('img', fig)[0]; - if (img) { - a = editor.dom.getParents(img, 'a[href]', fig)[0]; - if (a) { - a.parentNode.insertBefore(img, a); - editor.dom.remove(a); - } - } - }; - var linkImageFigure = function (editor, fig, attrs) { - var a, img; - img = editor.dom.select('img', fig)[0]; - if (img) { - a = editor.dom.create('a', attrs); - img.parentNode.insertBefore(a, img); - a.appendChild(img); - } - }; - var Utils = { - link: link, - unlink: unlink, - isLink: isLink, - hasLinks: hasLinks, - isOnlyTextSelected: isOnlyTextSelected, - getAnchorElement: getAnchorElement, - getAnchorText: getAnchorText, - toggleTargetRules: toggleTargetRules - }; - - var global$5 = tinymce.util.Tools.resolve('tinymce.util.Delay'); - - var global$6 = tinymce.util.Tools.resolve('tinymce.util.XHR'); - - var attachState = {}; - var createLinkList = function (editor, callback) { - var linkList = Settings.getLinkList(editor.settings); - if (typeof linkList === 'string') { - global$6.send({ - url: linkList, - success: function (text) { - callback(editor, JSON.parse(text)); - } - }); - } else if (typeof linkList === 'function') { - linkList(function (list) { - callback(editor, list); - }); - } else { - callback(editor, linkList); - } - }; - var buildListItems = function (inputList, itemCallback, startItems) { - var appendItems = function (values, output) { - output = output || []; - global$4.each(values, function (item) { - var menuItem = { text: item.text || item.title }; - if (item.menu) { - menuItem.menu = appendItems(item.menu); - } else { - menuItem.value = item.value; - if (itemCallback) { - itemCallback(menuItem); - } - } - output.push(menuItem); - }); - return output; - }; - return appendItems(inputList, startItems || []); - }; - var delayedConfirm = function (editor, message, callback) { - var rng = editor.selection.getRng(); - global$5.setEditorTimeout(editor, function () { - editor.windowManager.confirm(message, function (state) { - editor.selection.setRng(rng); - callback(state); - }); - }); - }; - var showDialog = function (editor, linkList) { - var data = {}; - var selection = editor.selection; - var dom = editor.dom; - var anchorElm, initialText; - var win, onlyText, textListCtrl, linkListCtrl, relListCtrl, targetListCtrl, classListCtrl, linkTitleCtrl, value; - var linkListChangeHandler = function (e) { - var textCtrl = win.find('#text'); - if (!textCtrl.value() || e.lastControl && textCtrl.value() === e.lastControl.text()) { - textCtrl.value(e.control.text()); - } - win.find('#href').value(e.control.value()); - }; - var buildAnchorListControl = function (url) { - var anchorList = []; - global$4.each(editor.dom.select('a:not([href])'), function (anchor) { - var id = anchor.name || anchor.id; - if (id) { - anchorList.push({ - text: id, - value: '#' + id, - selected: url.indexOf('#' + id) !== -1 - }); - } - }); - if (anchorList.length) { - anchorList.unshift({ - text: 'None', - value: '' - }); - return { - name: 'anchor', - type: 'listbox', - label: 'Anchors', - values: anchorList, - onselect: linkListChangeHandler - }; - } - }; - var updateText = function () { - if (!initialText && onlyText && !data.text) { - this.parent().parent().find('#text')[0].value(this.value()); - } - }; - var urlChange = function (e) { - var meta = e.meta || {}; - if (linkListCtrl) { - linkListCtrl.value(editor.convertURL(this.value(), 'href')); - } - global$4.each(e.meta, function (value, key) { - var inp = win.find('#' + key); - if (key === 'text') { - if (initialText.length === 0) { - inp.value(value); - data.text = value; - } - } else { - inp.value(value); - } - }); - if (meta.attach) { - attachState = { - href: this.value(), - attach: meta.attach - }; - } - if (!meta.text) { - updateText.call(this); - } - }; - var onBeforeCall = function (e) { - e.meta = win.toJSON(); - }; - onlyText = Utils.isOnlyTextSelected(selection.getContent()); - anchorElm = Utils.getAnchorElement(editor); - data.text = initialText = Utils.getAnchorText(editor.selection, anchorElm); - data.href = anchorElm ? dom.getAttrib(anchorElm, 'href') : ''; - if (anchorElm) { - data.target = dom.getAttrib(anchorElm, 'target'); - } else if (Settings.hasDefaultLinkTarget(editor.settings)) { - data.target = Settings.getDefaultLinkTarget(editor.settings); - } - if (value = dom.getAttrib(anchorElm, 'rel')) { - data.rel = value; - } - if (value = dom.getAttrib(anchorElm, 'class')) { - data.class = value; - } - if (value = dom.getAttrib(anchorElm, 'title')) { - data.title = value; - } - if (onlyText) { - textListCtrl = { - name: 'text', - type: 'textbox', - size: 40, - label: 'Text to display', - onchange: function () { - data.text = this.value(); - } - }; - } - if (linkList) { - linkListCtrl = { - type: 'listbox', - label: 'Link list', - values: buildListItems(linkList, function (item) { - item.value = editor.convertURL(item.value || item.url, 'href'); - }, [{ - text: 'None', - value: '' - }]), - onselect: linkListChangeHandler, - value: editor.convertURL(data.href, 'href'), - onPostRender: function () { - linkListCtrl = this; - } - }; - } - if (Settings.shouldShowTargetList(editor.settings)) { - if (Settings.getTargetList(editor.settings) === undefined) { - Settings.setTargetList(editor, [ - { - text: 'None', - value: '' - }, - { - text: 'New window', - value: '_blank' - } - ]); - } - targetListCtrl = { - name: 'target', - type: 'listbox', - label: 'Target', - values: buildListItems(Settings.getTargetList(editor.settings)) - }; - } - if (Settings.hasRelList(editor.settings)) { - relListCtrl = { - name: 'rel', - type: 'listbox', - label: 'Rel', - values: buildListItems(Settings.getRelList(editor.settings), function (item) { - if (Settings.allowUnsafeLinkTarget(editor.settings) === false) { - item.value = Utils.toggleTargetRules(item.value, data.target === '_blank'); - } - }) - }; - } - if (Settings.hasLinkClassList(editor.settings)) { - classListCtrl = { - name: 'class', - type: 'listbox', - label: 'Class', - values: buildListItems(Settings.getLinkClassList(editor.settings), function (item) { - if (item.value) { - item.textStyle = function () { - return editor.formatter.getCssText({ - inline: 'a', - classes: [item.value] - }); - }; - } - }) - }; - } - if (Settings.shouldShowLinkTitle(editor.settings)) { - linkTitleCtrl = { - name: 'title', - type: 'textbox', - label: 'Title', - value: data.title - }; - } - win = editor.windowManager.open({ - title: 'Insert link', - data: data, - body: [ - { - name: 'href', - type: 'filepicker', - filetype: 'file', - size: 40, - autofocus: true, - label: 'Url', - onchange: urlChange, - onkeyup: updateText, - onpaste: updateText, - onbeforecall: onBeforeCall - }, - textListCtrl, - linkTitleCtrl, - buildAnchorListControl(data.href), - linkListCtrl, - relListCtrl, - targetListCtrl, - classListCtrl - ], - onSubmit: function (e) { - var assumeExternalTargets = Settings.assumeExternalTargets(editor.settings); - var insertLink = Utils.link(editor, attachState); - var removeLink = Utils.unlink(editor); - var resultData = global$4.extend({}, data, e.data); - var href = resultData.href; - if (!href) { - removeLink(); - return; - } - if (!onlyText || resultData.text === initialText) { - delete resultData.text; - } - if (href.indexOf('@') > 0 && href.indexOf('//') === -1 && href.indexOf('mailto:') === -1) { - delayedConfirm(editor, 'The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?', function (state) { - if (state) { - resultData.href = 'mailto:' + href; - } - insertLink(resultData); - }); - return; - } - if (assumeExternalTargets === true && !/^\w+:/i.test(href) || assumeExternalTargets === false && /^\s*www[\.|\d\.]/i.test(href)) { - delayedConfirm(editor, 'The URL you entered seems to be an external link. Do you want to add the required http:// prefix?', function (state) { - if (state) { - resultData.href = 'http://' + href; - } - insertLink(resultData); - }); - return; - } - insertLink(resultData); - } - }); - }; - var open$1 = function (editor) { - createLinkList(editor, showDialog); - }; - var Dialog = { open: open$1 }; - - var getLink = function (editor, elm) { - return editor.dom.getParent(elm, 'a[href]'); - }; - var getSelectedLink = function (editor) { - return getLink(editor, editor.selection.getStart()); - }; - var getHref = function (elm) { - var href = elm.getAttribute('data-mce-href'); - return href ? href : elm.getAttribute('href'); - }; - var isContextMenuVisible = function (editor) { - var contextmenu = editor.plugins.contextmenu; - return contextmenu ? contextmenu.isContextMenuVisible() : false; - }; - var hasOnlyAltModifier = function (e) { - return e.altKey === true && e.shiftKey === false && e.ctrlKey === false && e.metaKey === false; - }; - var gotoLink = function (editor, a) { - if (a) { - var href = getHref(a); - if (/^#/.test(href)) { - var targetEl = editor.$(href); - if (targetEl.length) { - editor.selection.scrollIntoView(targetEl[0], true); - } - } else { - OpenUrl.open(a.href); - } - } - }; - var openDialog = function (editor) { - return function () { - Dialog.open(editor); - }; - }; - var gotoSelectedLink = function (editor) { - return function () { - gotoLink(editor, getSelectedLink(editor)); - }; - }; - var leftClickedOnAHref = function (editor) { - return function (elm) { - var sel, rng, node; - if (Settings.hasContextToolbar(editor.settings) && !isContextMenuVisible(editor) && Utils.isLink(elm)) { - sel = editor.selection; - rng = sel.getRng(); - node = rng.startContainer; - if (node.nodeType === 3 && sel.isCollapsed() && rng.startOffset > 0 && rng.startOffset < node.data.length) { - return true; - } - } - return false; - }; - }; - var setupGotoLinks = function (editor) { - editor.on('click', function (e) { - var link = getLink(editor, e.target); - if (link && global$1.metaKeyPressed(e)) { - e.preventDefault(); - gotoLink(editor, link); - } - }); - editor.on('keydown', function (e) { - var link = getSelectedLink(editor); - if (link && e.keyCode === 13 && hasOnlyAltModifier(e)) { - e.preventDefault(); - gotoLink(editor, link); - } - }); - }; - var toggleActiveState = function (editor) { - return function () { - var self = this; - editor.on('nodechange', function (e) { - self.active(!editor.readonly && !!Utils.getAnchorElement(editor, e.element)); - }); - }; - }; - var toggleViewLinkState = function (editor) { - return function () { - var self = this; - var toggleVisibility = function (e) { - if (Utils.hasLinks(e.parents)) { - self.show(); - } else { - self.hide(); - } - }; - if (!Utils.hasLinks(editor.dom.getParents(editor.selection.getStart()))) { - self.hide(); - } - editor.on('nodechange', toggleVisibility); - self.on('remove', function () { - editor.off('nodechange', toggleVisibility); - }); - }; - }; - var Actions = { - openDialog: openDialog, - gotoSelectedLink: gotoSelectedLink, - leftClickedOnAHref: leftClickedOnAHref, - setupGotoLinks: setupGotoLinks, - toggleActiveState: toggleActiveState, - toggleViewLinkState: toggleViewLinkState - }; - - var register = function (editor) { - editor.addCommand('mceLink', Actions.openDialog(editor)); - }; - var Commands = { register: register }; - - var setup = function (editor) { - editor.addShortcut('Meta+K', '', Actions.openDialog(editor)); - }; - var Keyboard = { setup: setup }; - - var setupButtons = function (editor) { - editor.addButton('link', { - active: false, - icon: 'link', - tooltip: 'Insert/edit link', - onclick: Actions.openDialog(editor), - onpostrender: Actions.toggleActiveState(editor) - }); - editor.addButton('unlink', { - active: false, - icon: 'unlink', - tooltip: 'Remove link', - onclick: Utils.unlink(editor), - onpostrender: Actions.toggleActiveState(editor) - }); - if (editor.addContextToolbar) { - editor.addButton('openlink', { - icon: 'newtab', - tooltip: 'Open link', - onclick: Actions.gotoSelectedLink(editor) - }); - } - }; - var setupMenuItems = function (editor) { - editor.addMenuItem('openlink', { - text: 'Open link', - icon: 'newtab', - onclick: Actions.gotoSelectedLink(editor), - onPostRender: Actions.toggleViewLinkState(editor), - prependToContext: true - }); - editor.addMenuItem('link', { - icon: 'link', - text: 'Link', - shortcut: 'Meta+K', - onclick: Actions.openDialog(editor), - stateSelector: 'a[href]', - context: 'insert', - prependToContext: true - }); - editor.addMenuItem('unlink', { - icon: 'unlink', - text: 'Remove link', - onclick: Utils.unlink(editor), - stateSelector: 'a[href]' - }); - }; - var setupContextToolbars = function (editor) { - if (editor.addContextToolbar) { - editor.addContextToolbar(Actions.leftClickedOnAHref(editor), 'openlink | link unlink'); - } - }; - var Controls = { - setupButtons: setupButtons, - setupMenuItems: setupMenuItems, - setupContextToolbars: setupContextToolbars - }; - - global.add('link', function (editor) { - Controls.setupButtons(editor); - Controls.setupMenuItems(editor); - Controls.setupContextToolbars(editor); - Actions.setupGotoLinks(editor); - Commands.register(editor); - Keyboard.setup(editor); - }); - function Plugin () { - } - - return Plugin; - -}(window)); -})(); diff --git a/src/js/_enqueues/vendor/tinymce/plugins/link/plugin.min.js b/src/js/_enqueues/vendor/tinymce/plugins/link/plugin.min.js index e07a9120b927a..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/link/plugin.min.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/link/plugin.min.js @@ -1 +0,0 @@ -!function(l){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager"),n=tinymce.util.Tools.resolve("tinymce.util.VK"),e=function(t){return t.target_list},o=function(t){return t.rel_list},i=function(t){return t.link_class_list},p=function(t){return"boolean"==typeof t.link_assume_external_targets&&t.link_assume_external_targets},a=function(t){return"boolean"==typeof t.link_context_toolbar&&t.link_context_toolbar},r=function(t){return t.link_list},k=function(t){return"string"==typeof t.default_link_target},y=function(t){return t.default_link_target},b=e,_=function(t,e){t.settings.target_list=e},w=function(t){return!1!==e(t)},T=o,C=function(t){return o(t)!==undefined},M=i,O=function(t){return i(t)!==undefined},R=function(t){return!1!==t.link_title},N=function(t){return"boolean"==typeof t.allow_unsafe_link_target&&t.allow_unsafe_link_target},u=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),c=tinymce.util.Tools.resolve("tinymce.Env"),s=function(t){if(!c.ie||10'),i.close()}}var r,a},A=tinymce.util.Tools.resolve("tinymce.util.Tools"),f=function(t,e){var n,o,i=["noopener"],r=t?t.split(/\s+/):[],a=function(t){return t.filter(function(t){return-1===A.inArray(i,t)})};return(r=e?(n=a(n=r)).length?n.concat(i):i:a(r)).length?(o=r,A.trim(o.sort().join(" "))):null},d=function(t,e){return e=e||t.selection.getNode(),v(e)?t.dom.select("a[href]",e)[0]:t.dom.getParent(e,"a[href]")},m=function(t){return t&&"A"===t.nodeName&&t.href},v=function(t){return t&&"FIGURE"===t.nodeName&&/\bimage\b/i.test(t.className)},g=function(t,e){var n,o;(o=t.dom.select("img",e)[0])&&(n=t.dom.getParents(o,"a[href]",e)[0])&&(n.parentNode.insertBefore(o,n),t.dom.remove(n))},h=function(t,e,n){var o,i;(i=t.dom.select("img",e)[0])&&(o=t.dom.create("a",n),i.parentNode.insertBefore(o,i),o.appendChild(i))},L=function(i,r){return function(o){i.undoManager.transact(function(){var t=i.selection.getNode(),e=d(i,t),n={href:o.href,target:o.target?o.target:null,rel:o.rel?o.rel:null,"class":o["class"]?o["class"]:null,title:o.title?o.title:null};C(i.settings)||!1!==N(i.settings)||(n.rel=f(n.rel,"_blank"===n.target)),o.href===r.href&&(r.attach(),r={}),e?(i.focus(),o.hasOwnProperty("text")&&("innerText"in e?e.innerText=o.text:e.textContent=o.text),i.dom.setAttribs(e,n),i.selection.select(e),i.undoManager.add()):v(t)?h(i,t,n):o.hasOwnProperty("text")?i.insertContent(i.dom.createHTML("a",n,i.dom.encode(o.text))):i.execCommand("mceInsertLink",!1,n)})}},P=function(e){return function(){e.undoManager.transact(function(){var t=e.selection.getNode();v(t)?g(e,t):e.execCommand("unlink")})}},x=m,E=function(t){return 0]+>[^<]+<\/a>$/.test(t)||-1===t.indexOf("href=")))},I=d,K=function(t,e){var n=e?e.innerText||e.textContent:t.getContent({format:"text"});return n.replace(/\uFEFF/g,"")},U=f,D=tinymce.util.Tools.resolve("tinymce.util.Delay"),B=tinymce.util.Tools.resolve("tinymce.util.XHR"),F={},q=function(t,o,e){var i=function(t,n){return n=n||[],A.each(t,function(t){var e={text:t.text||t.title};t.menu?e.menu=i(t.menu):(e.value=t.value,o&&o(e)),n.push(e)}),n};return i(t,e||[])},V=function(e,t,n){var o=e.selection.getRng();D.setEditorTimeout(e,function(){e.windowManager.confirm(t,function(t){e.selection.setRng(o),n(t)})})},z=function(a,t){var e,l,o,u,n,i,r,c,s,f,d,m={},v=a.selection,g=a.dom,h=function(t){var e=o.find("#text");(!e.value()||t.lastControl&&e.value()===t.lastControl.text())&&e.value(t.control.text()),o.find("#href").value(t.control.value())},x=function(){l||!u||m.text||this.parent().parent().find("#text")[0].value(this.value())};u=S(v.getContent()),e=I(a),m.text=l=K(a.selection,e),m.href=e?g.getAttrib(e,"href"):"",e?m.target=g.getAttrib(e,"target"):k(a.settings)&&(m.target=y(a.settings)),(d=g.getAttrib(e,"rel"))&&(m.rel=d),(d=g.getAttrib(e,"class"))&&(m["class"]=d),(d=g.getAttrib(e,"title"))&&(m.title=d),u&&(n={name:"text",type:"textbox",size:40,label:"Text to display",onchange:function(){m.text=this.value()}}),t&&(i={type:"listbox",label:"Link list",values:q(t,function(t){t.value=a.convertURL(t.value||t.url,"href")},[{text:"None",value:""}]),onselect:h,value:a.convertURL(m.href,"href"),onPostRender:function(){i=this}}),w(a.settings)&&(b(a.settings)===undefined&&_(a,[{text:"None",value:""},{text:"New window",value:"_blank"}]),c={name:"target",type:"listbox",label:"Target",values:q(b(a.settings))}),C(a.settings)&&(r={name:"rel",type:"listbox",label:"Rel",values:q(T(a.settings),function(t){!1===N(a.settings)&&(t.value=U(t.value,"_blank"===m.target))})}),O(a.settings)&&(s={name:"class",type:"listbox",label:"Class",values:q(M(a.settings),function(t){t.value&&(t.textStyle=function(){return a.formatter.getCssText({inline:"a",classes:[t.value]})})})}),R(a.settings)&&(f={name:"title",type:"textbox",label:"Title",value:m.title}),o=a.windowManager.open({title:"Insert link",data:m,body:[{name:"href",type:"filepicker",filetype:"file",size:40,autofocus:!0,label:"Url",onchange:function(t){var e=t.meta||{};i&&i.value(a.convertURL(this.value(),"href")),A.each(t.meta,function(t,e){var n=o.find("#"+e);"text"===e?0===l.length&&(n.value(t),m.text=t):n.value(t)}),e.attach&&(F={href:this.value(),attach:e.attach}),e.text||x.call(this)},onkeyup:x,onpaste:x,onbeforecall:function(t){t.meta=o.toJSON()}},n,f,function(n){var o=[];if(A.each(a.dom.select("a:not([href])"),function(t){var e=t.name||t.id;e&&o.push({text:e,value:"#"+e,selected:-1!==n.indexOf("#"+e)})}),o.length)return o.unshift({text:"None",value:""}),{name:"anchor",type:"listbox",label:"Anchors",values:o,onselect:h}}(m.href),i,r,c,s],onSubmit:function(t){var e=p(a.settings),n=L(a,F),o=P(a),i=A.extend({},m,t.data),r=i.href;r?(u&&i.text!==l||delete i.text,0 0) { - return false; - } - return empty; - }; - var isChildOfBody = function (dom, elm) { - return dom.isChildOf(elm, dom.getRoot()); - }; - var NodeType = { - isTextNode: isTextNode, - isListNode: isListNode, - isOlUlNode: isOlUlNode, - isDlItemNode: isDlItemNode, - isListItemNode: isListItemNode, - isTableCellNode: isTableCellNode, - isBr: isBr, - isFirstChild: isFirstChild, - isLastChild: isLastChild, - isTextBlock: isTextBlock, - isBlock: isBlock, - isBogusBr: isBogusBr, - isEmpty: isEmpty, - isChildOfBody: isChildOfBody - }; - - var getNormalizedPoint = function (container, offset) { - if (NodeType.isTextNode(container)) { - return { - container: container, - offset: offset - }; - } - var node = global$1.getNode(container, offset); - if (NodeType.isTextNode(node)) { - return { - container: node, - offset: offset >= container.childNodes.length ? node.data.length : 0 - }; - } else if (node.previousSibling && NodeType.isTextNode(node.previousSibling)) { - return { - container: node.previousSibling, - offset: node.previousSibling.data.length - }; - } else if (node.nextSibling && NodeType.isTextNode(node.nextSibling)) { - return { - container: node.nextSibling, - offset: 0 - }; - } - return { - container: container, - offset: offset - }; - }; - var normalizeRange = function (rng) { - var outRng = rng.cloneRange(); - var rangeStart = getNormalizedPoint(rng.startContainer, rng.startOffset); - outRng.setStart(rangeStart.container, rangeStart.offset); - var rangeEnd = getNormalizedPoint(rng.endContainer, rng.endOffset); - outRng.setEnd(rangeEnd.container, rangeEnd.offset); - return outRng; - }; - var Range = { - getNormalizedPoint: getNormalizedPoint, - normalizeRange: normalizeRange - }; - - var DOM = global$6.DOM; - var createBookmark = function (rng) { - var bookmark = {}; - var setupEndPoint = function (start) { - var offsetNode, container, offset; - container = rng[start ? 'startContainer' : 'endContainer']; - offset = rng[start ? 'startOffset' : 'endOffset']; - if (container.nodeType === 1) { - offsetNode = DOM.create('span', { 'data-mce-type': 'bookmark' }); - if (container.hasChildNodes()) { - offset = Math.min(offset, container.childNodes.length - 1); - if (start) { - container.insertBefore(offsetNode, container.childNodes[offset]); - } else { - DOM.insertAfter(offsetNode, container.childNodes[offset]); - } - } else { - container.appendChild(offsetNode); - } - container = offsetNode; - offset = 0; - } - bookmark[start ? 'startContainer' : 'endContainer'] = container; - bookmark[start ? 'startOffset' : 'endOffset'] = offset; - }; - setupEndPoint(true); - if (!rng.collapsed) { - setupEndPoint(); - } - return bookmark; - }; - var resolveBookmark = function (bookmark) { - function restoreEndPoint(start) { - var container, offset, node; - var nodeIndex = function (container) { - var node = container.parentNode.firstChild, idx = 0; - while (node) { - if (node === container) { - return idx; - } - if (node.nodeType !== 1 || node.getAttribute('data-mce-type') !== 'bookmark') { - idx++; - } - node = node.nextSibling; - } - return -1; - }; - container = node = bookmark[start ? 'startContainer' : 'endContainer']; - offset = bookmark[start ? 'startOffset' : 'endOffset']; - if (!container) { - return; - } - if (container.nodeType === 1) { - offset = nodeIndex(container); - container = container.parentNode; - DOM.remove(node); - if (!container.hasChildNodes() && DOM.isBlock(container)) { - container.appendChild(DOM.create('br')); - } - } - bookmark[start ? 'startContainer' : 'endContainer'] = container; - bookmark[start ? 'startOffset' : 'endOffset'] = offset; - } - restoreEndPoint(true); - restoreEndPoint(); - var rng = DOM.createRng(); - rng.setStart(bookmark.startContainer, bookmark.startOffset); - if (bookmark.endContainer) { - rng.setEnd(bookmark.endContainer, bookmark.endOffset); - } - return Range.normalizeRange(rng); - }; - var Bookmark = { - createBookmark: createBookmark, - resolveBookmark: resolveBookmark - }; - - var noop = function () { - }; - var constant = function (value) { - return function () { - return value; - }; - }; - var not = function (f) { - return function () { - var args = []; - for (var _i = 0; _i < arguments.length; _i++) { - args[_i] = arguments[_i]; - } - return !f.apply(null, args); - }; - }; - var never = constant(false); - var always = constant(true); - - var none = function () { - return NONE; - }; - var NONE = function () { - var eq = function (o) { - return o.isNone(); - }; - var call = function (thunk) { - return thunk(); - }; - var id = function (n) { - return n; - }; - var me = { - fold: function (n, s) { - return n(); - }, - is: never, - isSome: never, - isNone: always, - getOr: id, - getOrThunk: call, - getOrDie: function (msg) { - throw new Error(msg || 'error: getOrDie called on none.'); - }, - getOrNull: constant(null), - getOrUndefined: constant(undefined), - or: id, - orThunk: call, - map: none, - each: noop, - bind: none, - exists: never, - forall: always, - filter: none, - equals: eq, - equals_: eq, - toArray: function () { - return []; - }, - toString: constant('none()') - }; - if (Object.freeze) { - Object.freeze(me); - } - return me; - }(); - var some = function (a) { - var constant_a = constant(a); - var self = function () { - return me; - }; - var bind = function (f) { - return f(a); - }; - var me = { - fold: function (n, s) { - return s(a); - }, - is: function (v) { - return a === v; - }, - isSome: always, - isNone: never, - getOr: constant_a, - getOrThunk: constant_a, - getOrDie: constant_a, - getOrNull: constant_a, - getOrUndefined: constant_a, - or: self, - orThunk: self, - map: function (f) { - return some(f(a)); - }, - each: function (f) { - f(a); - }, - bind: bind, - exists: bind, - forall: bind, - filter: function (f) { - return f(a) ? me : NONE; - }, - toArray: function () { - return [a]; - }, - toString: function () { - return 'some(' + a + ')'; - }, - equals: function (o) { - return o.is(a); - }, - equals_: function (o, elementEq) { - return o.fold(never, function (b) { - return elementEq(a, b); - }); - } - }; - return me; - }; - var from = function (value) { - return value === null || value === undefined ? NONE : some(value); - }; - var Option = { - some: some, - none: none, - from: from - }; - - var typeOf = function (x) { - if (x === null) { - return 'null'; - } - var t = typeof x; - if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) { - return 'array'; - } - if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) { - return 'string'; - } - return t; - }; - var isType = function (type) { - return function (value) { - return typeOf(value) === type; - }; - }; - var isString = isType('string'); - var isArray = isType('array'); - var isBoolean = isType('boolean'); - var isFunction = isType('function'); - var isNumber = isType('number'); - - var nativeSlice = Array.prototype.slice; - var nativePush = Array.prototype.push; - var map = function (xs, f) { - var len = xs.length; - var r = new Array(len); - for (var i = 0; i < len; i++) { - var x = xs[i]; - r[i] = f(x, i); - } - return r; - }; - var each = function (xs, f) { - for (var i = 0, len = xs.length; i < len; i++) { - var x = xs[i]; - f(x, i); - } - }; - var filter = function (xs, pred) { - var r = []; - for (var i = 0, len = xs.length; i < len; i++) { - var x = xs[i]; - if (pred(x, i)) { - r.push(x); - } - } - return r; - }; - var groupBy = function (xs, f) { - if (xs.length === 0) { - return []; - } else { - var wasType = f(xs[0]); - var r = []; - var group = []; - for (var i = 0, len = xs.length; i < len; i++) { - var x = xs[i]; - var type = f(x); - if (type !== wasType) { - r.push(group); - group = []; - } - wasType = type; - group.push(x); - } - if (group.length !== 0) { - r.push(group); - } - return r; - } - }; - var foldl = function (xs, f, acc) { - each(xs, function (x) { - acc = f(acc, x); - }); - return acc; - }; - var find = function (xs, pred) { - for (var i = 0, len = xs.length; i < len; i++) { - var x = xs[i]; - if (pred(x, i)) { - return Option.some(x); - } - } - return Option.none(); - }; - var flatten = function (xs) { - var r = []; - for (var i = 0, len = xs.length; i < len; ++i) { - if (!isArray(xs[i])) { - throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs); - } - nativePush.apply(r, xs[i]); - } - return r; - }; - var bind = function (xs, f) { - var output = map(xs, f); - return flatten(output); - }; - var reverse = function (xs) { - var r = nativeSlice.call(xs, 0); - r.reverse(); - return r; - }; - var head = function (xs) { - return xs.length === 0 ? Option.none() : Option.some(xs[0]); - }; - var last = function (xs) { - return xs.length === 0 ? Option.none() : Option.some(xs[xs.length - 1]); - }; - var from$1 = isFunction(Array.from) ? Array.from : function (x) { - return nativeSlice.call(x); - }; - - var Global = typeof domGlobals.window !== 'undefined' ? domGlobals.window : Function('return this;')(); - - var path = function (parts, scope) { - var o = scope !== undefined && scope !== null ? scope : Global; - for (var i = 0; i < parts.length && o !== undefined && o !== null; ++i) { - o = o[parts[i]]; - } - return o; - }; - var resolve = function (p, scope) { - var parts = p.split('.'); - return path(parts, scope); - }; - - var unsafe = function (name, scope) { - return resolve(name, scope); - }; - var getOrDie = function (name, scope) { - var actual = unsafe(name, scope); - if (actual === undefined || actual === null) { - throw new Error(name + ' not available on this browser'); - } - return actual; - }; - var Global$1 = { getOrDie: getOrDie }; - - var htmlElement = function (scope) { - return Global$1.getOrDie('HTMLElement', scope); - }; - var isPrototypeOf = function (x) { - var scope = resolve('ownerDocument.defaultView', x); - return htmlElement(scope).prototype.isPrototypeOf(x); - }; - var HTMLElement = { isPrototypeOf: isPrototypeOf }; - - var global$7 = tinymce.util.Tools.resolve('tinymce.dom.DomQuery'); - - var getParentList = function (editor) { - var selectionStart = editor.selection.getStart(true); - return editor.dom.getParent(selectionStart, 'OL,UL,DL', getClosestListRootElm(editor, selectionStart)); - }; - var isParentListSelected = function (parentList, selectedBlocks) { - return parentList && selectedBlocks.length === 1 && selectedBlocks[0] === parentList; - }; - var findSubLists = function (parentList) { - return global$5.grep(parentList.querySelectorAll('ol,ul,dl'), function (elm) { - return NodeType.isListNode(elm); - }); - }; - var getSelectedSubLists = function (editor) { - var parentList = getParentList(editor); - var selectedBlocks = editor.selection.getSelectedBlocks(); - if (isParentListSelected(parentList, selectedBlocks)) { - return findSubLists(parentList); - } else { - return global$5.grep(selectedBlocks, function (elm) { - return NodeType.isListNode(elm) && parentList !== elm; - }); - } - }; - var findParentListItemsNodes = function (editor, elms) { - var listItemsElms = global$5.map(elms, function (elm) { - var parentLi = editor.dom.getParent(elm, 'li,dd,dt', getClosestListRootElm(editor, elm)); - return parentLi ? parentLi : elm; - }); - return global$7.unique(listItemsElms); - }; - var getSelectedListItems = function (editor) { - var selectedBlocks = editor.selection.getSelectedBlocks(); - return global$5.grep(findParentListItemsNodes(editor, selectedBlocks), function (block) { - return NodeType.isListItemNode(block); - }); - }; - var getSelectedDlItems = function (editor) { - return filter(getSelectedListItems(editor), NodeType.isDlItemNode); - }; - var getClosestListRootElm = function (editor, elm) { - var parentTableCell = editor.dom.getParents(elm, 'TD,TH'); - var root = parentTableCell.length > 0 ? parentTableCell[0] : editor.getBody(); - return root; - }; - var findLastParentListNode = function (editor, elm) { - var parentLists = editor.dom.getParents(elm, 'ol,ul', getClosestListRootElm(editor, elm)); - return last(parentLists); - }; - var getSelectedLists = function (editor) { - var firstList = findLastParentListNode(editor, editor.selection.getStart()); - var subsequentLists = filter(editor.selection.getSelectedBlocks(), NodeType.isOlUlNode); - return firstList.toArray().concat(subsequentLists); - }; - var getSelectedListRoots = function (editor) { - var selectedLists = getSelectedLists(editor); - return getUniqueListRoots(editor, selectedLists); - }; - var getUniqueListRoots = function (editor, lists) { - var listRoots = map(lists, function (list) { - return findLastParentListNode(editor, list).getOr(list); - }); - return global$7.unique(listRoots); - }; - var isList = function (editor) { - var list = getParentList(editor); - return HTMLElement.isPrototypeOf(list); - }; - var Selection = { - isList: isList, - getParentList: getParentList, - getSelectedSubLists: getSelectedSubLists, - getSelectedListItems: getSelectedListItems, - getClosestListRootElm: getClosestListRootElm, - getSelectedDlItems: getSelectedDlItems, - getSelectedListRoots: getSelectedListRoots - }; - - var fromHtml = function (html, scope) { - var doc = scope || domGlobals.document; - var div = doc.createElement('div'); - div.innerHTML = html; - if (!div.hasChildNodes() || div.childNodes.length > 1) { - domGlobals.console.error('HTML does not have a single root node', html); - throw new Error('HTML must have a single root node'); - } - return fromDom(div.childNodes[0]); - }; - var fromTag = function (tag, scope) { - var doc = scope || domGlobals.document; - var node = doc.createElement(tag); - return fromDom(node); - }; - var fromText = function (text, scope) { - var doc = scope || domGlobals.document; - var node = doc.createTextNode(text); - return fromDom(node); - }; - var fromDom = function (node) { - if (node === null || node === undefined) { - throw new Error('Node cannot be null or undefined'); - } - return { dom: constant(node) }; - }; - var fromPoint = function (docElm, x, y) { - var doc = docElm.dom(); - return Option.from(doc.elementFromPoint(x, y)).map(fromDom); - }; - var Element = { - fromHtml: fromHtml, - fromTag: fromTag, - fromText: fromText, - fromDom: fromDom, - fromPoint: fromPoint - }; - - var lift2 = function (oa, ob, f) { - return oa.isSome() && ob.isSome() ? Option.some(f(oa.getOrDie(), ob.getOrDie())) : Option.none(); - }; - - var fromElements = function (elements, scope) { - var doc = scope || domGlobals.document; - var fragment = doc.createDocumentFragment(); - each(elements, function (element) { - fragment.appendChild(element.dom()); - }); - return Element.fromDom(fragment); - }; - - var Immutable = function () { - var fields = []; - for (var _i = 0; _i < arguments.length; _i++) { - fields[_i] = arguments[_i]; - } - return function () { - var values = []; - for (var _i = 0; _i < arguments.length; _i++) { - values[_i] = arguments[_i]; - } - if (fields.length !== values.length) { - throw new Error('Wrong number of arguments to struct. Expected "[' + fields.length + ']", got ' + values.length + ' arguments'); - } - var struct = {}; - each(fields, function (name, i) { - struct[name] = constant(values[i]); - }); - return struct; - }; - }; - - var keys = Object.keys; - var each$1 = function (obj, f) { - var props = keys(obj); - for (var k = 0, len = props.length; k < len; k++) { - var i = props[k]; - var x = obj[i]; - f(x, i); - } - }; - - var node = function () { - var f = Global$1.getOrDie('Node'); - return f; - }; - var compareDocumentPosition = function (a, b, match) { - return (a.compareDocumentPosition(b) & match) !== 0; - }; - var documentPositionPreceding = function (a, b) { - return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_PRECEDING); - }; - var documentPositionContainedBy = function (a, b) { - return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_CONTAINED_BY); - }; - var Node = { - documentPositionPreceding: documentPositionPreceding, - documentPositionContainedBy: documentPositionContainedBy - }; - - var cached = function (f) { - var called = false; - var r; - return function () { - var args = []; - for (var _i = 0; _i < arguments.length; _i++) { - args[_i] = arguments[_i]; - } - if (!called) { - called = true; - r = f.apply(null, args); - } - return r; - }; - }; - - var firstMatch = function (regexes, s) { - for (var i = 0; i < regexes.length; i++) { - var x = regexes[i]; - if (x.test(s)) { - return x; - } - } - return undefined; - }; - var find$1 = function (regexes, agent) { - var r = firstMatch(regexes, agent); - if (!r) { - return { - major: 0, - minor: 0 - }; - } - var group = function (i) { - return Number(agent.replace(r, '$' + i)); - }; - return nu(group(1), group(2)); - }; - var detect = function (versionRegexes, agent) { - var cleanedAgent = String(agent).toLowerCase(); - if (versionRegexes.length === 0) { - return unknown(); - } - return find$1(versionRegexes, cleanedAgent); - }; - var unknown = function () { - return nu(0, 0); - }; - var nu = function (major, minor) { - return { - major: major, - minor: minor - }; - }; - var Version = { - nu: nu, - detect: detect, - unknown: unknown - }; - - var edge = 'Edge'; - var chrome = 'Chrome'; - var ie = 'IE'; - var opera = 'Opera'; - var firefox = 'Firefox'; - var safari = 'Safari'; - var isBrowser = function (name, current) { - return function () { - return current === name; - }; - }; - var unknown$1 = function () { - return nu$1({ - current: undefined, - version: Version.unknown() - }); - }; - var nu$1 = function (info) { - var current = info.current; - var version = info.version; - return { - current: current, - version: version, - isEdge: isBrowser(edge, current), - isChrome: isBrowser(chrome, current), - isIE: isBrowser(ie, current), - isOpera: isBrowser(opera, current), - isFirefox: isBrowser(firefox, current), - isSafari: isBrowser(safari, current) - }; - }; - var Browser = { - unknown: unknown$1, - nu: nu$1, - edge: constant(edge), - chrome: constant(chrome), - ie: constant(ie), - opera: constant(opera), - firefox: constant(firefox), - safari: constant(safari) - }; - - var windows = 'Windows'; - var ios = 'iOS'; - var android = 'Android'; - var linux = 'Linux'; - var osx = 'OSX'; - var solaris = 'Solaris'; - var freebsd = 'FreeBSD'; - var isOS = function (name, current) { - return function () { - return current === name; - }; - }; - var unknown$2 = function () { - return nu$2({ - current: undefined, - version: Version.unknown() - }); - }; - var nu$2 = function (info) { - var current = info.current; - var version = info.version; - return { - current: current, - version: version, - isWindows: isOS(windows, current), - isiOS: isOS(ios, current), - isAndroid: isOS(android, current), - isOSX: isOS(osx, current), - isLinux: isOS(linux, current), - isSolaris: isOS(solaris, current), - isFreeBSD: isOS(freebsd, current) - }; - }; - var OperatingSystem = { - unknown: unknown$2, - nu: nu$2, - windows: constant(windows), - ios: constant(ios), - android: constant(android), - linux: constant(linux), - osx: constant(osx), - solaris: constant(solaris), - freebsd: constant(freebsd) - }; - - var DeviceType = function (os, browser, userAgent) { - var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true; - var isiPhone = os.isiOS() && !isiPad; - var isAndroid3 = os.isAndroid() && os.version.major === 3; - var isAndroid4 = os.isAndroid() && os.version.major === 4; - var isTablet = isiPad || isAndroid3 || isAndroid4 && /mobile/i.test(userAgent) === true; - var isTouch = os.isiOS() || os.isAndroid(); - var isPhone = isTouch && !isTablet; - var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false; - return { - isiPad: constant(isiPad), - isiPhone: constant(isiPhone), - isTablet: constant(isTablet), - isPhone: constant(isPhone), - isTouch: constant(isTouch), - isAndroid: os.isAndroid, - isiOS: os.isiOS, - isWebView: constant(iOSwebview) - }; - }; - - var detect$1 = function (candidates, userAgent) { - var agent = String(userAgent).toLowerCase(); - return find(candidates, function (candidate) { - return candidate.search(agent); - }); - }; - var detectBrowser = function (browsers, userAgent) { - return detect$1(browsers, userAgent).map(function (browser) { - var version = Version.detect(browser.versionRegexes, userAgent); - return { - current: browser.name, - version: version - }; - }); - }; - var detectOs = function (oses, userAgent) { - return detect$1(oses, userAgent).map(function (os) { - var version = Version.detect(os.versionRegexes, userAgent); - return { - current: os.name, - version: version - }; - }); - }; - var UaString = { - detectBrowser: detectBrowser, - detectOs: detectOs - }; - - var contains = function (str, substr) { - return str.indexOf(substr) !== -1; - }; - - var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/; - var checkContains = function (target) { - return function (uastring) { - return contains(uastring, target); - }; - }; - var browsers = [ - { - name: 'Edge', - versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/], - search: function (uastring) { - return contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit'); - } - }, - { - name: 'Chrome', - versionRegexes: [ - /.*?chrome\/([0-9]+)\.([0-9]+).*/, - normalVersionRegex - ], - search: function (uastring) { - return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe'); - } - }, - { - name: 'IE', - versionRegexes: [ - /.*?msie\ ?([0-9]+)\.([0-9]+).*/, - /.*?rv:([0-9]+)\.([0-9]+).*/ - ], - search: function (uastring) { - return contains(uastring, 'msie') || contains(uastring, 'trident'); - } - }, - { - name: 'Opera', - versionRegexes: [ - normalVersionRegex, - /.*?opera\/([0-9]+)\.([0-9]+).*/ - ], - search: checkContains('opera') - }, - { - name: 'Firefox', - versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/], - search: checkContains('firefox') - }, - { - name: 'Safari', - versionRegexes: [ - normalVersionRegex, - /.*?cpu os ([0-9]+)_([0-9]+).*/ - ], - search: function (uastring) { - return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit'); - } - } - ]; - var oses = [ - { - name: 'Windows', - search: checkContains('win'), - versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/] - }, - { - name: 'iOS', - search: function (uastring) { - return contains(uastring, 'iphone') || contains(uastring, 'ipad'); - }, - versionRegexes: [ - /.*?version\/\ ?([0-9]+)\.([0-9]+).*/, - /.*cpu os ([0-9]+)_([0-9]+).*/, - /.*cpu iphone os ([0-9]+)_([0-9]+).*/ - ] - }, - { - name: 'Android', - search: checkContains('android'), - versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/] - }, - { - name: 'OSX', - search: checkContains('os x'), - versionRegexes: [/.*?os\ x\ ?([0-9]+)_([0-9]+).*/] - }, - { - name: 'Linux', - search: checkContains('linux'), - versionRegexes: [] - }, - { - name: 'Solaris', - search: checkContains('sunos'), - versionRegexes: [] - }, - { - name: 'FreeBSD', - search: checkContains('freebsd'), - versionRegexes: [] - } - ]; - var PlatformInfo = { - browsers: constant(browsers), - oses: constant(oses) - }; - - var detect$2 = function (userAgent) { - var browsers = PlatformInfo.browsers(); - var oses = PlatformInfo.oses(); - var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu); - var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu); - var deviceType = DeviceType(os, browser, userAgent); - return { - browser: browser, - os: os, - deviceType: deviceType - }; - }; - var PlatformDetection = { detect: detect$2 }; - - var detect$3 = cached(function () { - var userAgent = domGlobals.navigator.userAgent; - return PlatformDetection.detect(userAgent); - }); - var PlatformDetection$1 = { detect: detect$3 }; - - var ATTRIBUTE = domGlobals.Node.ATTRIBUTE_NODE; - var CDATA_SECTION = domGlobals.Node.CDATA_SECTION_NODE; - var COMMENT = domGlobals.Node.COMMENT_NODE; - var DOCUMENT = domGlobals.Node.DOCUMENT_NODE; - var DOCUMENT_TYPE = domGlobals.Node.DOCUMENT_TYPE_NODE; - var DOCUMENT_FRAGMENT = domGlobals.Node.DOCUMENT_FRAGMENT_NODE; - var ELEMENT = domGlobals.Node.ELEMENT_NODE; - var TEXT = domGlobals.Node.TEXT_NODE; - var PROCESSING_INSTRUCTION = domGlobals.Node.PROCESSING_INSTRUCTION_NODE; - var ENTITY_REFERENCE = domGlobals.Node.ENTITY_REFERENCE_NODE; - var ENTITY = domGlobals.Node.ENTITY_NODE; - var NOTATION = domGlobals.Node.NOTATION_NODE; - - var ELEMENT$1 = ELEMENT; - var is = function (element, selector) { - var dom = element.dom(); - if (dom.nodeType !== ELEMENT$1) { - return false; - } else { - var elem = dom; - if (elem.matches !== undefined) { - return elem.matches(selector); - } else if (elem.msMatchesSelector !== undefined) { - return elem.msMatchesSelector(selector); - } else if (elem.webkitMatchesSelector !== undefined) { - return elem.webkitMatchesSelector(selector); - } else if (elem.mozMatchesSelector !== undefined) { - return elem.mozMatchesSelector(selector); - } else { - throw new Error('Browser lacks native selectors'); - } - } - }; - - var eq = function (e1, e2) { - return e1.dom() === e2.dom(); - }; - var regularContains = function (e1, e2) { - var d1 = e1.dom(); - var d2 = e2.dom(); - return d1 === d2 ? false : d1.contains(d2); - }; - var ieContains = function (e1, e2) { - return Node.documentPositionContainedBy(e1.dom(), e2.dom()); - }; - var browser = PlatformDetection$1.detect().browser; - var contains$1 = browser.isIE() ? ieContains : regularContains; - var is$1 = is; - - var parent = function (element) { - return Option.from(element.dom().parentNode).map(Element.fromDom); - }; - var children = function (element) { - return map(element.dom().childNodes, Element.fromDom); - }; - var child = function (element, index) { - var cs = element.dom().childNodes; - return Option.from(cs[index]).map(Element.fromDom); - }; - var firstChild = function (element) { - return child(element, 0); - }; - var lastChild = function (element) { - return child(element, element.dom().childNodes.length - 1); - }; - var spot = Immutable('element', 'offset'); - - var before = function (marker, element) { - var parent$1 = parent(marker); - parent$1.each(function (v) { - v.dom().insertBefore(element.dom(), marker.dom()); - }); - }; - var append = function (parent, element) { - parent.dom().appendChild(element.dom()); - }; - - var before$1 = function (marker, elements) { - each(elements, function (x) { - before(marker, x); - }); - }; - var append$1 = function (parent, elements) { - each(elements, function (x) { - append(parent, x); - }); - }; - - var remove = function (element) { - var dom = element.dom(); - if (dom.parentNode !== null) { - dom.parentNode.removeChild(dom); - } - }; - - var name = function (element) { - var r = element.dom().nodeName; - return r.toLowerCase(); - }; - var type = function (element) { - return element.dom().nodeType; - }; - var isType$1 = function (t) { - return function (element) { - return type(element) === t; - }; - }; - var isElement = isType$1(ELEMENT); - - var rawSet = function (dom, key, value) { - if (isString(value) || isBoolean(value) || isNumber(value)) { - dom.setAttribute(key, value + ''); - } else { - domGlobals.console.error('Invalid call to Attr.set. Key ', key, ':: Value ', value, ':: Element ', dom); - throw new Error('Attribute value was not simple'); - } - }; - var setAll = function (element, attrs) { - var dom = element.dom(); - each$1(attrs, function (v, k) { - rawSet(dom, k, v); - }); - }; - var clone = function (element) { - return foldl(element.dom().attributes, function (acc, attr) { - acc[attr.name] = attr.value; - return acc; - }, {}); - }; - - var isSupported = function (dom) { - return dom.style !== undefined && isFunction(dom.style.getPropertyValue); - }; - - var internalSet = function (dom, property, value) { - if (!isString(value)) { - domGlobals.console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom); - throw new Error('CSS value must be a string: ' + value); - } - if (isSupported(dom)) { - dom.style.setProperty(property, value); - } - }; - var set = function (element, property, value) { - var dom = element.dom(); - internalSet(dom, property, value); - }; - - var clone$1 = function (original, isDeep) { - return Element.fromDom(original.dom().cloneNode(isDeep)); - }; - var deep = function (original) { - return clone$1(original, true); - }; - var shallowAs = function (original, tag) { - var nu = Element.fromTag(tag); - var attributes = clone(original); - setAll(nu, attributes); - return nu; - }; - var mutate = function (original, tag) { - var nu = shallowAs(original, tag); - before(original, nu); - var children$1 = children(original); - append$1(nu, children$1); - remove(original); - return nu; - }; - - var joinSegment = function (parent, child) { - append(parent.item, child.list); - }; - var joinSegments = function (segments) { - for (var i = 1; i < segments.length; i++) { - joinSegment(segments[i - 1], segments[i]); - } - }; - var appendSegments = function (head$1, tail) { - lift2(last(head$1), head(tail), joinSegment); - }; - var createSegment = function (scope, listType) { - var segment = { - list: Element.fromTag(listType, scope), - item: Element.fromTag('li', scope) - }; - append(segment.list, segment.item); - return segment; - }; - var createSegments = function (scope, entry, size) { - var segments = []; - for (var i = 0; i < size; i++) { - segments.push(createSegment(scope, entry.listType)); - } - return segments; - }; - var populateSegments = function (segments, entry) { - for (var i = 0; i < segments.length - 1; i++) { - set(segments[i].item, 'list-style-type', 'none'); - } - last(segments).each(function (segment) { - setAll(segment.list, entry.listAttributes); - setAll(segment.item, entry.itemAttributes); - append$1(segment.item, entry.content); - }); - }; - var normalizeSegment = function (segment, entry) { - if (name(segment.list) !== entry.listType) { - segment.list = mutate(segment.list, entry.listType); - } - setAll(segment.list, entry.listAttributes); - }; - var createItem = function (scope, attr, content) { - var item = Element.fromTag('li', scope); - setAll(item, attr); - append$1(item, content); - return item; - }; - var appendItem = function (segment, item) { - append(segment.list, item); - segment.item = item; - }; - var writeShallow = function (scope, cast, entry) { - var newCast = cast.slice(0, entry.depth); - last(newCast).each(function (segment) { - var item = createItem(scope, entry.itemAttributes, entry.content); - appendItem(segment, item); - normalizeSegment(segment, entry); - }); - return newCast; - }; - var writeDeep = function (scope, cast, entry) { - var segments = createSegments(scope, entry, entry.depth - cast.length); - joinSegments(segments); - populateSegments(segments, entry); - appendSegments(cast, segments); - return cast.concat(segments); - }; - var composeList = function (scope, entries) { - var cast = foldl(entries, function (cast, entry) { - return entry.depth > cast.length ? writeDeep(scope, cast, entry) : writeShallow(scope, cast, entry); - }, []); - return head(cast).map(function (segment) { - return segment.list; - }); - }; - - var isList$1 = function (el) { - return is$1(el, 'OL,UL'); - }; - var hasFirstChildList = function (el) { - return firstChild(el).map(isList$1).getOr(false); - }; - var hasLastChildList = function (el) { - return lastChild(el).map(isList$1).getOr(false); - }; - - var isIndented = function (entry) { - return entry.depth > 0; - }; - var isSelected = function (entry) { - return entry.isSelected; - }; - var cloneItemContent = function (li) { - var children$1 = children(li); - var content = hasLastChildList(li) ? children$1.slice(0, -1) : children$1; - return map(content, deep); - }; - var createEntry = function (li, depth, isSelected) { - return parent(li).filter(isElement).map(function (list) { - return { - depth: depth, - isSelected: isSelected, - content: cloneItemContent(li), - itemAttributes: clone(li), - listAttributes: clone(list), - listType: name(list) - }; - }); - }; - - var indentEntry = function (indentation, entry) { - switch (indentation) { - case 'Indent': - entry.depth++; - break; - case 'Outdent': - entry.depth--; - break; - case 'Flatten': - entry.depth = 0; - } - }; - - var hasOwnProperty = Object.prototype.hasOwnProperty; - var shallow = function (old, nu) { - return nu; - }; - var baseMerge = function (merger) { - return function () { - var objects = new Array(arguments.length); - for (var i = 0; i < objects.length; i++) { - objects[i] = arguments[i]; - } - if (objects.length === 0) { - throw new Error('Can\'t merge zero objects'); - } - var ret = {}; - for (var j = 0; j < objects.length; j++) { - var curObject = objects[j]; - for (var key in curObject) { - if (hasOwnProperty.call(curObject, key)) { - ret[key] = merger(ret[key], curObject[key]); - } - } - } - return ret; - }; - }; - var merge = baseMerge(shallow); - - var cloneListProperties = function (target, source) { - target.listType = source.listType; - target.listAttributes = merge({}, source.listAttributes); - }; - var previousSiblingEntry = function (entries, start) { - var depth = entries[start].depth; - for (var i = start - 1; i >= 0; i--) { - if (entries[i].depth === depth) { - return Option.some(entries[i]); - } - if (entries[i].depth < depth) { - break; - } - } - return Option.none(); - }; - var normalizeEntries = function (entries) { - each(entries, function (entry, i) { - previousSiblingEntry(entries, i).each(function (matchingEntry) { - cloneListProperties(entry, matchingEntry); - }); - }); - }; - - var Cell = function (initial) { - var value = initial; - var get = function () { - return value; - }; - var set = function (v) { - value = v; - }; - var clone = function () { - return Cell(get()); - }; - return { - get: get, - set: set, - clone: clone - }; - }; - - var parseItem = function (depth, itemSelection, selectionState, item) { - return firstChild(item).filter(isList$1).fold(function () { - itemSelection.each(function (selection) { - if (eq(selection.start, item)) { - selectionState.set(true); - } - }); - var currentItemEntry = createEntry(item, depth, selectionState.get()); - itemSelection.each(function (selection) { - if (eq(selection.end, item)) { - selectionState.set(false); - } - }); - var childListEntries = lastChild(item).filter(isList$1).map(function (list) { - return parseList(depth, itemSelection, selectionState, list); - }).getOr([]); - return currentItemEntry.toArray().concat(childListEntries); - }, function (list) { - return parseList(depth, itemSelection, selectionState, list); - }); - }; - var parseList = function (depth, itemSelection, selectionState, list) { - return bind(children(list), function (element) { - var parser = isList$1(element) ? parseList : parseItem; - var newDepth = depth + 1; - return parser(newDepth, itemSelection, selectionState, element); - }); - }; - var parseLists = function (lists, itemSelection) { - var selectionState = Cell(false); - var initialDepth = 0; - return map(lists, function (list) { - return { - sourceList: list, - entries: parseList(initialDepth, itemSelection, selectionState, list) - }; - }); - }; - - var global$8 = tinymce.util.Tools.resolve('tinymce.Env'); - - var createTextBlock = function (editor, contentNode) { - var dom = editor.dom; - var blockElements = editor.schema.getBlockElements(); - var fragment = dom.createFragment(); - var node, textBlock, blockName, hasContentNode; - if (editor.settings.forced_root_block) { - blockName = editor.settings.forced_root_block; - } - if (blockName) { - textBlock = dom.create(blockName); - if (textBlock.tagName === editor.settings.forced_root_block) { - dom.setAttribs(textBlock, editor.settings.forced_root_block_attrs); - } - if (!NodeType.isBlock(contentNode.firstChild, blockElements)) { - fragment.appendChild(textBlock); - } - } - if (contentNode) { - while (node = contentNode.firstChild) { - var nodeName = node.nodeName; - if (!hasContentNode && (nodeName !== 'SPAN' || node.getAttribute('data-mce-type') !== 'bookmark')) { - hasContentNode = true; - } - if (NodeType.isBlock(node, blockElements)) { - fragment.appendChild(node); - textBlock = null; - } else { - if (blockName) { - if (!textBlock) { - textBlock = dom.create(blockName); - fragment.appendChild(textBlock); - } - textBlock.appendChild(node); - } else { - fragment.appendChild(node); - } - } - } - } - if (!editor.settings.forced_root_block) { - fragment.appendChild(dom.create('br')); - } else { - if (!hasContentNode && (!global$8.ie || global$8.ie > 10)) { - textBlock.appendChild(dom.create('br', { 'data-mce-bogus': '1' })); - } - } - return fragment; - }; - - var outdentedComposer = function (editor, entries) { - return map(entries, function (entry) { - var content = fromElements(entry.content); - return Element.fromDom(createTextBlock(editor, content.dom())); - }); - }; - var indentedComposer = function (editor, entries) { - normalizeEntries(entries); - return composeList(editor.contentDocument, entries).toArray(); - }; - var composeEntries = function (editor, entries) { - return bind(groupBy(entries, isIndented), function (entries) { - var groupIsIndented = head(entries).map(isIndented).getOr(false); - return groupIsIndented ? indentedComposer(editor, entries) : outdentedComposer(editor, entries); - }); - }; - var indentSelectedEntries = function (entries, indentation) { - each(filter(entries, isSelected), function (entry) { - return indentEntry(indentation, entry); - }); - }; - var getItemSelection = function (editor) { - var selectedListItems = map(Selection.getSelectedListItems(editor), Element.fromDom); - return lift2(find(selectedListItems, not(hasFirstChildList)), find(reverse(selectedListItems), not(hasFirstChildList)), function (start, end) { - return { - start: start, - end: end - }; - }); - }; - var listsIndentation = function (editor, lists, indentation) { - var entrySets = parseLists(lists, getItemSelection(editor)); - each(entrySets, function (entrySet) { - indentSelectedEntries(entrySet.entries, indentation); - before$1(entrySet.sourceList, composeEntries(editor, entrySet.entries)); - remove(entrySet.sourceList); - }); - }; - - var DOM$1 = global$6.DOM; - var splitList = function (editor, ul, li) { - var tmpRng, fragment, bookmarks, node, newBlock; - var removeAndKeepBookmarks = function (targetNode) { - global$5.each(bookmarks, function (node) { - targetNode.parentNode.insertBefore(node, li.parentNode); - }); - DOM$1.remove(targetNode); - }; - bookmarks = DOM$1.select('span[data-mce-type="bookmark"]', ul); - newBlock = createTextBlock(editor, li); - tmpRng = DOM$1.createRng(); - tmpRng.setStartAfter(li); - tmpRng.setEndAfter(ul); - fragment = tmpRng.extractContents(); - for (node = fragment.firstChild; node; node = node.firstChild) { - if (node.nodeName === 'LI' && editor.dom.isEmpty(node)) { - DOM$1.remove(node); - break; - } - } - if (!editor.dom.isEmpty(fragment)) { - DOM$1.insertAfter(fragment, ul); - } - DOM$1.insertAfter(newBlock, ul); - if (NodeType.isEmpty(editor.dom, li.parentNode)) { - removeAndKeepBookmarks(li.parentNode); - } - DOM$1.remove(li); - if (NodeType.isEmpty(editor.dom, ul)) { - DOM$1.remove(ul); - } - }; - var SplitList = { splitList: splitList }; - - var outdentDlItem = function (editor, item) { - if (is$1(item, 'dd')) { - mutate(item, 'dt'); - } else if (is$1(item, 'dt')) { - parent(item).each(function (dl) { - return SplitList.splitList(editor, dl.dom(), item.dom()); - }); - } - }; - var indentDlItem = function (item) { - if (is$1(item, 'dt')) { - mutate(item, 'dd'); - } - }; - var dlIndentation = function (editor, indentation, dlItems) { - if (indentation === 'Indent') { - each(dlItems, indentDlItem); - } else { - each(dlItems, function (item) { - return outdentDlItem(editor, item); - }); - } - }; - - var selectionIndentation = function (editor, indentation) { - var lists = map(Selection.getSelectedListRoots(editor), Element.fromDom); - var dlItems = map(Selection.getSelectedDlItems(editor), Element.fromDom); - var isHandled = false; - if (lists.length || dlItems.length) { - var bookmark = editor.selection.getBookmark(); - listsIndentation(editor, lists, indentation); - dlIndentation(editor, indentation, dlItems); - editor.selection.moveToBookmark(bookmark); - editor.selection.setRng(Range.normalizeRange(editor.selection.getRng())); - editor.nodeChanged(); - isHandled = true; - } - return isHandled; - }; - var indentListSelection = function (editor) { - return selectionIndentation(editor, 'Indent'); - }; - var outdentListSelection = function (editor) { - return selectionIndentation(editor, 'Outdent'); - }; - var flattenListSelection = function (editor) { - return selectionIndentation(editor, 'Flatten'); - }; - - var updateListStyle = function (dom, el, detail) { - var type = detail['list-style-type'] ? detail['list-style-type'] : null; - dom.setStyle(el, 'list-style-type', type); - }; - var setAttribs = function (elm, attrs) { - global$5.each(attrs, function (value, key) { - elm.setAttribute(key, value); - }); - }; - var updateListAttrs = function (dom, el, detail) { - setAttribs(el, detail['list-attributes']); - global$5.each(dom.select('li', el), function (li) { - setAttribs(li, detail['list-item-attributes']); - }); - }; - var updateListWithDetails = function (dom, el, detail) { - updateListStyle(dom, el, detail); - updateListAttrs(dom, el, detail); - }; - var removeStyles = function (dom, element, styles) { - global$5.each(styles, function (style) { - var _a; - return dom.setStyle(element, (_a = {}, _a[style] = '', _a)); - }); - }; - var getEndPointNode = function (editor, rng, start, root) { - var container, offset; - container = rng[start ? 'startContainer' : 'endContainer']; - offset = rng[start ? 'startOffset' : 'endOffset']; - if (container.nodeType === 1) { - container = container.childNodes[Math.min(offset, container.childNodes.length - 1)] || container; - } - if (!start && NodeType.isBr(container.nextSibling)) { - container = container.nextSibling; - } - while (container.parentNode !== root) { - if (NodeType.isTextBlock(editor, container)) { - return container; - } - if (/^(TD|TH)$/.test(container.parentNode.nodeName)) { - return container; - } - container = container.parentNode; - } - return container; - }; - var getSelectedTextBlocks = function (editor, rng, root) { - var textBlocks = [], dom = editor.dom; - var startNode = getEndPointNode(editor, rng, true, root); - var endNode = getEndPointNode(editor, rng, false, root); - var block; - var siblings = []; - for (var node = startNode; node; node = node.nextSibling) { - siblings.push(node); - if (node === endNode) { - break; - } - } - global$5.each(siblings, function (node) { - if (NodeType.isTextBlock(editor, node)) { - textBlocks.push(node); - block = null; - return; - } - if (dom.isBlock(node) || NodeType.isBr(node)) { - if (NodeType.isBr(node)) { - dom.remove(node); - } - block = null; - return; - } - var nextSibling = node.nextSibling; - if (global$4.isBookmarkNode(node)) { - if (NodeType.isTextBlock(editor, nextSibling) || !nextSibling && node.parentNode === root) { - block = null; - return; - } - } - if (!block) { - block = dom.create('p'); - node.parentNode.insertBefore(block, node); - textBlocks.push(block); - } - block.appendChild(node); - }); - return textBlocks; - }; - var hasCompatibleStyle = function (dom, sib, detail) { - var sibStyle = dom.getStyle(sib, 'list-style-type'); - var detailStyle = detail ? detail['list-style-type'] : ''; - detailStyle = detailStyle === null ? '' : detailStyle; - return sibStyle === detailStyle; - }; - var applyList = function (editor, listName, detail) { - if (detail === void 0) { - detail = {}; - } - var rng = editor.selection.getRng(true); - var bookmark; - var listItemName = 'LI'; - var root = Selection.getClosestListRootElm(editor, editor.selection.getStart(true)); - var dom = editor.dom; - if (dom.getContentEditable(editor.selection.getNode()) === 'false') { - return; - } - listName = listName.toUpperCase(); - if (listName === 'DL') { - listItemName = 'DT'; - } - bookmark = Bookmark.createBookmark(rng); - global$5.each(getSelectedTextBlocks(editor, rng, root), function (block) { - var listBlock, sibling; - sibling = block.previousSibling; - if (sibling && NodeType.isListNode(sibling) && sibling.nodeName === listName && hasCompatibleStyle(dom, sibling, detail)) { - listBlock = sibling; - block = dom.rename(block, listItemName); - sibling.appendChild(block); - } else { - listBlock = dom.create(listName); - block.parentNode.insertBefore(listBlock, block); - listBlock.appendChild(block); - block = dom.rename(block, listItemName); - } - removeStyles(dom, block, [ - 'margin', - 'margin-right', - 'margin-bottom', - 'margin-left', - 'margin-top', - 'padding', - 'padding-right', - 'padding-bottom', - 'padding-left', - 'padding-top' - ]); - updateListWithDetails(dom, listBlock, detail); - mergeWithAdjacentLists(editor.dom, listBlock); - }); - editor.selection.setRng(Bookmark.resolveBookmark(bookmark)); - }; - var isValidLists = function (list1, list2) { - return list1 && list2 && NodeType.isListNode(list1) && list1.nodeName === list2.nodeName; - }; - var hasSameListStyle = function (dom, list1, list2) { - var targetStyle = dom.getStyle(list1, 'list-style-type', true); - var style = dom.getStyle(list2, 'list-style-type', true); - return targetStyle === style; - }; - var hasSameClasses = function (elm1, elm2) { - return elm1.className === elm2.className; - }; - var shouldMerge = function (dom, list1, list2) { - return isValidLists(list1, list2) && hasSameListStyle(dom, list1, list2) && hasSameClasses(list1, list2); - }; - var mergeWithAdjacentLists = function (dom, listBlock) { - var sibling, node; - sibling = listBlock.nextSibling; - if (shouldMerge(dom, listBlock, sibling)) { - while (node = sibling.firstChild) { - listBlock.appendChild(node); - } - dom.remove(sibling); - } - sibling = listBlock.previousSibling; - if (shouldMerge(dom, listBlock, sibling)) { - while (node = sibling.lastChild) { - listBlock.insertBefore(node, listBlock.firstChild); - } - dom.remove(sibling); - } - }; - var updateList = function (dom, list, listName, detail) { - if (list.nodeName !== listName) { - var newList = dom.rename(list, listName); - updateListWithDetails(dom, newList, detail); - } else { - updateListWithDetails(dom, list, detail); - } - }; - var toggleMultipleLists = function (editor, parentList, lists, listName, detail) { - if (parentList.nodeName === listName && !hasListStyleDetail(detail)) { - flattenListSelection(editor); - } else { - var bookmark = Bookmark.createBookmark(editor.selection.getRng(true)); - global$5.each([parentList].concat(lists), function (elm) { - updateList(editor.dom, elm, listName, detail); - }); - editor.selection.setRng(Bookmark.resolveBookmark(bookmark)); - } - }; - var hasListStyleDetail = function (detail) { - return 'list-style-type' in detail; - }; - var toggleSingleList = function (editor, parentList, listName, detail) { - if (parentList === editor.getBody()) { - return; - } - if (parentList) { - if (parentList.nodeName === listName && !hasListStyleDetail(detail)) { - flattenListSelection(editor); - } else { - var bookmark = Bookmark.createBookmark(editor.selection.getRng(true)); - updateListWithDetails(editor.dom, parentList, detail); - mergeWithAdjacentLists(editor.dom, editor.dom.rename(parentList, listName)); - editor.selection.setRng(Bookmark.resolveBookmark(bookmark)); - } - } else { - applyList(editor, listName, detail); - } - }; - var toggleList = function (editor, listName, detail) { - var parentList = Selection.getParentList(editor); - var selectedSubLists = Selection.getSelectedSubLists(editor); - detail = detail ? detail : {}; - if (parentList && selectedSubLists.length > 0) { - toggleMultipleLists(editor, parentList, selectedSubLists, listName, detail); - } else { - toggleSingleList(editor, parentList, listName, detail); - } - }; - var ToggleList = { - toggleList: toggleList, - mergeWithAdjacentLists: mergeWithAdjacentLists - }; - - var DOM$2 = global$6.DOM; - var normalizeList = function (dom, ul) { - var sibling; - var parentNode = ul.parentNode; - if (parentNode.nodeName === 'LI' && parentNode.firstChild === ul) { - sibling = parentNode.previousSibling; - if (sibling && sibling.nodeName === 'LI') { - sibling.appendChild(ul); - if (NodeType.isEmpty(dom, parentNode)) { - DOM$2.remove(parentNode); - } - } else { - DOM$2.setStyle(parentNode, 'listStyleType', 'none'); - } - } - if (NodeType.isListNode(parentNode)) { - sibling = parentNode.previousSibling; - if (sibling && sibling.nodeName === 'LI') { - sibling.appendChild(ul); - } - } - }; - var normalizeLists = function (dom, element) { - global$5.each(global$5.grep(dom.select('ol,ul', element)), function (ul) { - normalizeList(dom, ul); - }); - }; - var NormalizeLists = { - normalizeList: normalizeList, - normalizeLists: normalizeLists - }; - - var findNextCaretContainer = function (editor, rng, isForward, root) { - var node = rng.startContainer; - var offset = rng.startOffset; - var nonEmptyBlocks, walker; - if (node.nodeType === 3 && (isForward ? offset < node.data.length : offset > 0)) { - return node; - } - nonEmptyBlocks = editor.schema.getNonEmptyElements(); - if (node.nodeType === 1) { - node = global$1.getNode(node, offset); - } - walker = new global$2(node, root); - if (isForward) { - if (NodeType.isBogusBr(editor.dom, node)) { - walker.next(); - } - } - while (node = walker[isForward ? 'next' : 'prev2']()) { - if (node.nodeName === 'LI' && !node.hasChildNodes()) { - return node; - } - if (nonEmptyBlocks[node.nodeName]) { - return node; - } - if (node.nodeType === 3 && node.data.length > 0) { - return node; - } - } - }; - var hasOnlyOneBlockChild = function (dom, elm) { - var childNodes = elm.childNodes; - return childNodes.length === 1 && !NodeType.isListNode(childNodes[0]) && dom.isBlock(childNodes[0]); - }; - var unwrapSingleBlockChild = function (dom, elm) { - if (hasOnlyOneBlockChild(dom, elm)) { - dom.remove(elm.firstChild, true); - } - }; - var moveChildren = function (dom, fromElm, toElm) { - var node, targetElm; - targetElm = hasOnlyOneBlockChild(dom, toElm) ? toElm.firstChild : toElm; - unwrapSingleBlockChild(dom, fromElm); - if (!NodeType.isEmpty(dom, fromElm, true)) { - while (node = fromElm.firstChild) { - targetElm.appendChild(node); - } - } - }; - var mergeLiElements = function (dom, fromElm, toElm) { - var node, listNode; - var ul = fromElm.parentNode; - if (!NodeType.isChildOfBody(dom, fromElm) || !NodeType.isChildOfBody(dom, toElm)) { - return; - } - if (NodeType.isListNode(toElm.lastChild)) { - listNode = toElm.lastChild; - } - if (ul === toElm.lastChild) { - if (NodeType.isBr(ul.previousSibling)) { - dom.remove(ul.previousSibling); - } - } - node = toElm.lastChild; - if (node && NodeType.isBr(node) && fromElm.hasChildNodes()) { - dom.remove(node); - } - if (NodeType.isEmpty(dom, toElm, true)) { - dom.$(toElm).empty(); - } - moveChildren(dom, fromElm, toElm); - if (listNode) { - toElm.appendChild(listNode); - } - var contains = contains$1(Element.fromDom(toElm), Element.fromDom(fromElm)); - var nestedLists = contains ? dom.getParents(fromElm, NodeType.isListNode, toElm) : []; - dom.remove(fromElm); - each(nestedLists, function (list) { - if (NodeType.isEmpty(dom, list) && list !== dom.getRoot()) { - dom.remove(list); - } - }); - }; - var mergeIntoEmptyLi = function (editor, fromLi, toLi) { - editor.dom.$(toLi).empty(); - mergeLiElements(editor.dom, fromLi, toLi); - editor.selection.setCursorLocation(toLi); - }; - var mergeForward = function (editor, rng, fromLi, toLi) { - var dom = editor.dom; - if (dom.isEmpty(toLi)) { - mergeIntoEmptyLi(editor, fromLi, toLi); - } else { - var bookmark = Bookmark.createBookmark(rng); - mergeLiElements(dom, fromLi, toLi); - editor.selection.setRng(Bookmark.resolveBookmark(bookmark)); - } - }; - var mergeBackward = function (editor, rng, fromLi, toLi) { - var bookmark = Bookmark.createBookmark(rng); - mergeLiElements(editor.dom, fromLi, toLi); - var resolvedBookmark = Bookmark.resolveBookmark(bookmark); - editor.selection.setRng(resolvedBookmark); - }; - var backspaceDeleteFromListToListCaret = function (editor, isForward) { - var dom = editor.dom, selection = editor.selection; - var selectionStartElm = selection.getStart(); - var root = Selection.getClosestListRootElm(editor, selectionStartElm); - var li = dom.getParent(selection.getStart(), 'LI', root); - var ul, rng, otherLi; - if (li) { - ul = li.parentNode; - if (ul === editor.getBody() && NodeType.isEmpty(dom, ul)) { - return true; - } - rng = Range.normalizeRange(selection.getRng(true)); - otherLi = dom.getParent(findNextCaretContainer(editor, rng, isForward, root), 'LI', root); - if (otherLi && otherLi !== li) { - if (isForward) { - mergeForward(editor, rng, otherLi, li); - } else { - mergeBackward(editor, rng, li, otherLi); - } - return true; - } else if (!otherLi) { - if (!isForward) { - flattenListSelection(editor); - return true; - } - } - } - return false; - }; - var removeBlock = function (dom, block, root) { - var parentBlock = dom.getParent(block.parentNode, dom.isBlock, root); - dom.remove(block); - if (parentBlock && dom.isEmpty(parentBlock)) { - dom.remove(parentBlock); - } - }; - var backspaceDeleteIntoListCaret = function (editor, isForward) { - var dom = editor.dom; - var selectionStartElm = editor.selection.getStart(); - var root = Selection.getClosestListRootElm(editor, selectionStartElm); - var block = dom.getParent(selectionStartElm, dom.isBlock, root); - if (block && dom.isEmpty(block)) { - var rng = Range.normalizeRange(editor.selection.getRng(true)); - var otherLi_1 = dom.getParent(findNextCaretContainer(editor, rng, isForward, root), 'LI', root); - if (otherLi_1) { - editor.undoManager.transact(function () { - removeBlock(dom, block, root); - ToggleList.mergeWithAdjacentLists(dom, otherLi_1.parentNode); - editor.selection.select(otherLi_1, true); - editor.selection.collapse(isForward); - }); - return true; - } - } - return false; - }; - var backspaceDeleteCaret = function (editor, isForward) { - return backspaceDeleteFromListToListCaret(editor, isForward) || backspaceDeleteIntoListCaret(editor, isForward); - }; - var backspaceDeleteRange = function (editor) { - var selectionStartElm = editor.selection.getStart(); - var root = Selection.getClosestListRootElm(editor, selectionStartElm); - var startListParent = editor.dom.getParent(selectionStartElm, 'LI,DT,DD', root); - if (startListParent || Selection.getSelectedListItems(editor).length > 0) { - editor.undoManager.transact(function () { - editor.execCommand('Delete'); - NormalizeLists.normalizeLists(editor.dom, editor.getBody()); - }); - return true; - } - return false; - }; - var backspaceDelete = function (editor, isForward) { - return editor.selection.isCollapsed() ? backspaceDeleteCaret(editor, isForward) : backspaceDeleteRange(editor); - }; - var setup = function (editor) { - editor.on('keydown', function (e) { - if (e.keyCode === global$3.BACKSPACE) { - if (backspaceDelete(editor, false)) { - e.preventDefault(); - } - } else if (e.keyCode === global$3.DELETE) { - if (backspaceDelete(editor, true)) { - e.preventDefault(); - } - } - }); - }; - var Delete = { - setup: setup, - backspaceDelete: backspaceDelete - }; - - var get = function (editor) { - return { - backspaceDelete: function (isForward) { - Delete.backspaceDelete(editor, isForward); - } - }; - }; - var Api = { get: get }; - - var queryListCommandState = function (editor, listName) { - return function () { - var parentList = editor.dom.getParent(editor.selection.getStart(), 'UL,OL,DL'); - return parentList && parentList.nodeName === listName; - }; - }; - var register = function (editor) { - editor.on('BeforeExecCommand', function (e) { - var cmd = e.command.toLowerCase(); - if (cmd === 'indent') { - indentListSelection(editor); - } else if (cmd === 'outdent') { - outdentListSelection(editor); - } - }); - editor.addCommand('InsertUnorderedList', function (ui, detail) { - ToggleList.toggleList(editor, 'UL', detail); - }); - editor.addCommand('InsertOrderedList', function (ui, detail) { - ToggleList.toggleList(editor, 'OL', detail); - }); - editor.addCommand('InsertDefinitionList', function (ui, detail) { - ToggleList.toggleList(editor, 'DL', detail); - }); - editor.addCommand('RemoveList', function () { - flattenListSelection(editor); - }); - editor.addQueryStateHandler('InsertUnorderedList', queryListCommandState(editor, 'UL')); - editor.addQueryStateHandler('InsertOrderedList', queryListCommandState(editor, 'OL')); - editor.addQueryStateHandler('InsertDefinitionList', queryListCommandState(editor, 'DL')); - }; - var Commands = { register: register }; - - var shouldIndentOnTab = function (editor) { - return editor.getParam('lists_indent_on_tab', true); - }; - var Settings = { shouldIndentOnTab: shouldIndentOnTab }; - - var setupTabKey = function (editor) { - editor.on('keydown', function (e) { - if (e.keyCode !== global$3.TAB || global$3.metaKeyPressed(e)) { - return; - } - editor.undoManager.transact(function () { - if (e.shiftKey ? outdentListSelection(editor) : indentListSelection(editor)) { - e.preventDefault(); - } - }); - }); - }; - var setup$1 = function (editor) { - if (Settings.shouldIndentOnTab(editor)) { - setupTabKey(editor); - } - Delete.setup(editor); - }; - var Keyboard = { setup: setup$1 }; - - var findIndex = function (list, predicate) { - for (var index = 0; index < list.length; index++) { - var element = list[index]; - if (predicate(element)) { - return index; - } - } - return -1; - }; - var listState = function (editor, listName) { - return function (e) { - var ctrl = e.control; - editor.on('NodeChange', function (e) { - var tableCellIndex = findIndex(e.parents, NodeType.isTableCellNode); - var parents = tableCellIndex !== -1 ? e.parents.slice(0, tableCellIndex) : e.parents; - var lists = global$5.grep(parents, NodeType.isListNode); - ctrl.active(lists.length > 0 && lists[0].nodeName === listName); - }); - }; - }; - var register$1 = function (editor) { - var hasPlugin = function (editor, plugin) { - var plugins = editor.settings.plugins ? editor.settings.plugins : ''; - return global$5.inArray(plugins.split(/[ ,]/), plugin) !== -1; - }; - if (!hasPlugin(editor, 'advlist')) { - editor.addButton('numlist', { - active: false, - title: 'Numbered list', - cmd: 'InsertOrderedList', - onPostRender: listState(editor, 'OL') - }); - editor.addButton('bullist', { - active: false, - title: 'Bullet list', - cmd: 'InsertUnorderedList', - onPostRender: listState(editor, 'UL') - }); - } - editor.addButton('indent', { - icon: 'indent', - title: 'Increase indent', - cmd: 'Indent' - }); - }; - var Buttons = { register: register$1 }; - - global.add('lists', function (editor) { - Keyboard.setup(editor); - Buttons.register(editor); - Commands.register(editor); - return Api.get(editor); - }); - function Plugin () { - } - - return Plugin; - -}(window)); -})(); diff --git a/src/js/_enqueues/vendor/tinymce/plugins/lists/plugin.min.js b/src/js/_enqueues/vendor/tinymce/plugins/lists/plugin.min.js index d92fc6df35bdf..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/lists/plugin.min.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/lists/plugin.min.js @@ -1 +0,0 @@ -!function(u){"use strict";var e,n,t,r,o,i,s,a,c,f=tinymce.util.Tools.resolve("tinymce.PluginManager"),d=tinymce.util.Tools.resolve("tinymce.dom.RangeUtils"),l=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker"),m=tinymce.util.Tools.resolve("tinymce.util.VK"),p=tinymce.util.Tools.resolve("tinymce.dom.BookmarkManager"),v=tinymce.util.Tools.resolve("tinymce.util.Tools"),g=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),h=function(e){return e&&"BR"===e.nodeName},y=function(e){return e&&3===e.nodeType},N=function(e){return e&&/^(OL|UL|DL)$/.test(e.nodeName)},S=function(e){return e&&/^(OL|UL)$/.test(e.nodeName)},C=function(e){return e&&/^(DT|DD)$/.test(e.nodeName)},O=function(e){return e&&/^(LI|DT|DD)$/.test(e.nodeName)},b=function(e){return e&&/^(TH|TD)$/.test(e.nodeName)},T=h,E=function(e,n){return n&&!!e.schema.getTextBlockElements()[n.nodeName]},L=function(e,n){return e&&e.nodeName in n},D=function(e,n){return!!h(n)&&!(!e.isBlock(n.nextSibling)||h(n.previousSibling))},w=function(e,n,t){var r=e.isEmpty(n);return!(t&&0=e.childNodes.length?t.data.length:0}:t.previousSibling&&y(t.previousSibling)?{container:t.previousSibling,offset:t.previousSibling.data.length}:t.nextSibling&&y(t.nextSibling)?{container:t.nextSibling,offset:0}:{container:e,offset:n}},x=function(e){var n=e.cloneRange(),t=A(e.startContainer,e.startOffset);n.setStart(t.container,t.offset);var r=A(e.endContainer,e.endOffset);return n.setEnd(r.container,r.offset),n},R=g.DOM,I=function(o){var i={},e=function(e){var n,t,r;t=o[e?"startContainer":"endContainer"],r=o[e?"startOffset":"endOffset"],1===t.nodeType&&(n=R.create("span",{"data-mce-type":"bookmark"}),t.hasChildNodes()?(r=Math.min(r,t.childNodes.length-1),e?t.insertBefore(n,t.childNodes[r]):R.insertAfter(n,t.childNodes[r])):t.appendChild(n),t=n,r=0),i[e?"startContainer":"endContainer"]=t,i[e?"startOffset":"endOffset"]=r};return e(!0),o.collapsed||e(),i},_=function(o){function e(e){var n,t,r;n=r=o[e?"startContainer":"endContainer"],t=o[e?"startOffset":"endOffset"],n&&(1===n.nodeType&&(t=function(e){for(var n=e.parentNode.firstChild,t=0;n;){if(n===e)return t;1===n.nodeType&&"bookmark"===n.getAttribute("data-mce-type")||t++,n=n.nextSibling}return-1}(n),n=n.parentNode,R.remove(r),!n.hasChildNodes()&&R.isBlock(n)&&n.appendChild(R.create("br"))),o[e?"startContainer":"endContainer"]=n,o[e?"startOffset":"endOffset"]=t)}e(!0),e();var n=R.createRng();return n.setStart(o.startContainer,o.startOffset),o.endContainer&&n.setEnd(o.endContainer,o.endOffset),x(n)},B=function(){},P=function(e){return function(){return e}},M=function(t){return function(){for(var e=[],n=0;ne.length?Sn(t,e,n):Nn(t,e,n)},[]),oe(o).map(function(e){return e.list})).toArray();var t,r,o},Pn=function(e){var n,t,r=J(ve.getSelectedListItems(e),ye.fromDom);return Ne(te(r,M(On)),te((n=r,(t=Y.call(n,0)).reverse(),t),M(On)),function(e,n){return{start:e,end:n}})},Mn=function(s,e,a){var n,t,r,o=(n=e,t=Pn(s),r=kn(!1),J(n,function(e){return{sourceList:e,entries:xn(0,t,r,e)}}));Z(o,function(e){var n,t,r,o,i,u;n=e.entries,t=a,Z(ee(n,Tn),function(e){return function(e,n){switch(e){case"Indent":n.depth++;break;case"Outdent":n.depth--;break;case"Flatten":n.depth=0}}(t,e)}),r=e.sourceList,i=s,u=e.entries,o=re(function(e,n){if(0===e.length)return[];for(var t=n(e[0]),r=[],o=[],i=0,u=e.length;i 0) { - return global$2.extend({}, pattern[0], { url: getUrl(pattern[0], url) }); - } else { - return null; - } - }; - - var getIframeHtml = function (data) { - var allowFullscreen = data.allowFullscreen ? ' allowFullscreen="1"' : ''; - return ''; - }; - var getFlashHtml = function (data) { - var html = ''; - if (data.poster) { - html += ''; - } - html += ''; - return html; - }; - var getAudioHtml = function (data, audioTemplateCallback) { - if (audioTemplateCallback) { - return audioTemplateCallback(data); - } else { - return ''; - } - }; - var getVideoHtml = function (data, videoTemplateCallback) { - if (videoTemplateCallback) { - return videoTemplateCallback(data); - } else { - return ''; - } - }; - var getScriptHtml = function (data) { - return ''; - }; - var dataToHtml = function (editor, dataIn) { - var data = global$2.extend({}, dataIn); - if (!data.source1) { - global$2.extend(data, HtmlToData.htmlToData(Settings.getScripts(editor), data.embed)); - if (!data.source1) { - return ''; - } - } - if (!data.source2) { - data.source2 = ''; - } - if (!data.poster) { - data.poster = ''; - } - data.source1 = editor.convertURL(data.source1, 'source'); - data.source2 = editor.convertURL(data.source2, 'source'); - data.source1mime = Mime.guess(data.source1); - data.source2mime = Mime.guess(data.source2); - data.poster = editor.convertURL(data.poster, 'poster'); - var pattern = matchPattern(data.source1); - if (pattern) { - data.source1 = pattern.url; - data.type = pattern.type; - data.allowFullscreen = pattern.allowFullscreen; - data.width = data.width || pattern.w; - data.height = data.height || pattern.h; - } - if (data.embed) { - return UpdateHtml.updateHtml(data.embed, data, true); - } else { - var videoScript = VideoScript.getVideoScriptMatch(Settings.getScripts(editor), data.source1); - if (videoScript) { - data.type = 'script'; - data.width = videoScript.width; - data.height = videoScript.height; - } - var audioTemplateCallback = Settings.getAudioTemplateCallback(editor); - var videoTemplateCallback = Settings.getVideoTemplateCallback(editor); - data.width = data.width || 300; - data.height = data.height || 150; - global$2.each(data, function (value, key) { - data[key] = editor.dom.encode(value); - }); - if (data.type === 'iframe') { - return getIframeHtml(data); - } else if (data.source1mime === 'application/x-shockwave-flash') { - return getFlashHtml(data); - } else if (data.source1mime.indexOf('audio') !== -1) { - return getAudioHtml(data, audioTemplateCallback); - } else if (data.type === 'script') { - return getScriptHtml(data); - } else { - return getVideoHtml(data, videoTemplateCallback); - } - } - }; - var DataToHtml = { dataToHtml: dataToHtml }; - - var cache = {}; - var embedPromise = function (data, dataToHtml, handler) { - return new global$5(function (res, rej) { - var wrappedResolve = function (response) { - if (response.html) { - cache[data.source1] = response; - } - return res({ - url: data.source1, - html: response.html ? response.html : dataToHtml(data) - }); - }; - if (cache[data.source1]) { - wrappedResolve(cache[data.source1]); - } else { - handler({ url: data.source1 }, wrappedResolve, rej); - } - }); - }; - var defaultPromise = function (data, dataToHtml) { - return new global$5(function (res) { - res({ - html: dataToHtml(data), - url: data.source1 - }); - }); - }; - var loadedData = function (editor) { - return function (data) { - return DataToHtml.dataToHtml(editor, data); - }; - }; - var getEmbedHtml = function (editor, data) { - var embedHandler = Settings.getUrlResolver(editor); - return embedHandler ? embedPromise(data, loadedData(editor), embedHandler) : defaultPromise(data, loadedData(editor)); - }; - var isCached = function (url) { - return cache.hasOwnProperty(url); - }; - var Service = { - getEmbedHtml: getEmbedHtml, - isCached: isCached - }; - - var trimPx$1 = function (value) { - return value.replace(/px$/, ''); - }; - var addPx$1 = function (value) { - return /^[0-9.]+$/.test(value) ? value + 'px' : value; - }; - var getSize = function (name) { - return function (elm) { - return elm ? trimPx$1(elm.style[name]) : ''; - }; - }; - var setSize = function (name) { - return function (elm, value) { - if (elm) { - elm.style[name] = addPx$1(value); - } - }; - }; - var Size = { - getMaxWidth: getSize('maxWidth'), - getMaxHeight: getSize('maxHeight'), - setMaxWidth: setSize('maxWidth'), - setMaxHeight: setSize('maxHeight') - }; - - var doSyncSize = function (widthCtrl, heightCtrl) { - widthCtrl.state.set('oldVal', widthCtrl.value()); - heightCtrl.state.set('oldVal', heightCtrl.value()); - }; - var doSizeControls = function (win, f) { - var widthCtrl = win.find('#width')[0]; - var heightCtrl = win.find('#height')[0]; - var constrained = win.find('#constrain')[0]; - if (widthCtrl && heightCtrl && constrained) { - f(widthCtrl, heightCtrl, constrained.checked()); - } - }; - var doUpdateSize = function (widthCtrl, heightCtrl, isContrained) { - var oldWidth = widthCtrl.state.get('oldVal'); - var oldHeight = heightCtrl.state.get('oldVal'); - var newWidth = widthCtrl.value(); - var newHeight = heightCtrl.value(); - if (isContrained && oldWidth && oldHeight && newWidth && newHeight) { - if (newWidth !== oldWidth) { - newHeight = Math.round(newWidth / oldWidth * newHeight); - if (!isNaN(newHeight)) { - heightCtrl.value(newHeight); - } - } else { - newWidth = Math.round(newHeight / oldHeight * newWidth); - if (!isNaN(newWidth)) { - widthCtrl.value(newWidth); - } - } - } - doSyncSize(widthCtrl, heightCtrl); - }; - var syncSize = function (win) { - doSizeControls(win, doSyncSize); - }; - var updateSize = function (win) { - doSizeControls(win, doUpdateSize); - }; - var createUi = function (onChange) { - var recalcSize = function () { - onChange(function (win) { - updateSize(win); - }); - }; - return { - type: 'container', - label: 'Dimensions', - layout: 'flex', - align: 'center', - spacing: 5, - items: [ - { - name: 'width', - type: 'textbox', - maxLength: 5, - size: 5, - onchange: recalcSize, - ariaLabel: 'Width' - }, - { - type: 'label', - text: 'x' - }, - { - name: 'height', - type: 'textbox', - maxLength: 5, - size: 5, - onchange: recalcSize, - ariaLabel: 'Height' - }, - { - name: 'constrain', - type: 'checkbox', - checked: true, - text: 'Constrain proportions' - } - ] - }; - }; - var SizeManager = { - createUi: createUi, - syncSize: syncSize, - updateSize: updateSize - }; - - var embedChange = global$1.ie && global$1.ie <= 8 ? 'onChange' : 'onInput'; - var handleError = function (editor) { - return function (error) { - var errorMessage = error && error.msg ? 'Media embed handler error: ' + error.msg : 'Media embed handler threw unknown error.'; - editor.notificationManager.open({ - type: 'error', - text: errorMessage - }); - }; - }; - var getData = function (editor) { - var element = editor.selection.getNode(); - var dataEmbed = element.getAttribute('data-ephox-embed-iri'); - if (dataEmbed) { - return { - 'source1': dataEmbed, - 'data-ephox-embed-iri': dataEmbed, - 'width': Size.getMaxWidth(element), - 'height': Size.getMaxHeight(element) - }; - } - return element.getAttribute('data-mce-object') ? HtmlToData.htmlToData(Settings.getScripts(editor), editor.serializer.serialize(element, { selection: true })) : {}; - }; - var getSource = function (editor) { - var elm = editor.selection.getNode(); - if (elm.getAttribute('data-mce-object') || elm.getAttribute('data-ephox-embed-iri')) { - return editor.selection.getContent(); - } - }; - var addEmbedHtml = function (win, editor) { - return function (response) { - var html = response.html; - var embed = win.find('#embed')[0]; - var data = global$2.extend(HtmlToData.htmlToData(Settings.getScripts(editor), html), { source1: response.url }); - win.fromJSON(data); - if (embed) { - embed.value(html); - SizeManager.updateSize(win); - } - }; - }; - var selectPlaceholder = function (editor, beforeObjects) { - var i; - var y; - var afterObjects = editor.dom.select('img[data-mce-object]'); - for (i = 0; i < beforeObjects.length; i++) { - for (y = afterObjects.length - 1; y >= 0; y--) { - if (beforeObjects[i] === afterObjects[y]) { - afterObjects.splice(y, 1); - } - } - } - editor.selection.select(afterObjects[0]); - }; - var handleInsert = function (editor, html) { - var beforeObjects = editor.dom.select('img[data-mce-object]'); - editor.insertContent(html); - selectPlaceholder(editor, beforeObjects); - editor.nodeChanged(); - }; - var submitForm = function (win, editor) { - var data = win.toJSON(); - data.embed = UpdateHtml.updateHtml(data.embed, data); - if (data.embed && Service.isCached(data.source1)) { - handleInsert(editor, data.embed); - } else { - Service.getEmbedHtml(editor, data).then(function (response) { - handleInsert(editor, response.html); - }).catch(handleError(editor)); - } - }; - var populateMeta = function (win, meta) { - global$2.each(meta, function (value, key) { - win.find('#' + key).value(value); - }); - }; - var showDialog = function (editor) { - var win; - var data; - var generalFormItems = [{ - name: 'source1', - type: 'filepicker', - filetype: 'media', - size: 40, - autofocus: true, - label: 'Source', - onpaste: function () { - setTimeout(function () { - Service.getEmbedHtml(editor, win.toJSON()).then(addEmbedHtml(win, editor)).catch(handleError(editor)); - }, 1); - }, - onchange: function (e) { - Service.getEmbedHtml(editor, win.toJSON()).then(addEmbedHtml(win, editor)).catch(handleError(editor)); - populateMeta(win, e.meta); - }, - onbeforecall: function (e) { - e.meta = win.toJSON(); - } - }]; - var advancedFormItems = []; - var reserialise = function (update) { - update(win); - data = win.toJSON(); - win.find('#embed').value(UpdateHtml.updateHtml(data.embed, data)); - }; - if (Settings.hasAltSource(editor)) { - advancedFormItems.push({ - name: 'source2', - type: 'filepicker', - filetype: 'media', - size: 40, - label: 'Alternative source' - }); - } - if (Settings.hasPoster(editor)) { - advancedFormItems.push({ - name: 'poster', - type: 'filepicker', - filetype: 'image', - size: 40, - label: 'Poster' - }); - } - if (Settings.hasDimensions(editor)) { - var control = SizeManager.createUi(reserialise); - generalFormItems.push(control); - } - data = getData(editor); - var embedTextBox = { - id: 'mcemediasource', - type: 'textbox', - flex: 1, - name: 'embed', - value: getSource(editor), - multiline: true, - rows: 5, - label: 'Source' - }; - var updateValueOnChange = function () { - data = global$2.extend({}, HtmlToData.htmlToData(Settings.getScripts(editor), this.value())); - this.parent().parent().fromJSON(data); - }; - embedTextBox[embedChange] = updateValueOnChange; - var body = [ - { - title: 'General', - type: 'form', - items: generalFormItems - }, - { - title: 'Embed', - type: 'container', - layout: 'flex', - direction: 'column', - align: 'stretch', - padding: 10, - spacing: 10, - items: [ - { - type: 'label', - text: 'Paste your embed code below:', - forId: 'mcemediasource' - }, - embedTextBox - ] - } - ]; - if (advancedFormItems.length > 0) { - body.push({ - title: 'Advanced', - type: 'form', - items: advancedFormItems - }); - } - win = editor.windowManager.open({ - title: 'Insert/edit media', - data: data, - bodyType: 'tabpanel', - body: body, - onSubmit: function () { - SizeManager.updateSize(win); - submitForm(win, editor); - } - }); - SizeManager.syncSize(win); - }; - var Dialog = { showDialog: showDialog }; - - var get$1 = function (editor) { - var showDialog = function () { - Dialog.showDialog(editor); - }; - return { showDialog: showDialog }; - }; - var Api = { get: get$1 }; - - var register = function (editor) { - var showDialog = function () { - Dialog.showDialog(editor); - }; - editor.addCommand('mceMedia', showDialog); - }; - var Commands = { register: register }; - - var global$8 = tinymce.util.Tools.resolve('tinymce.html.Node'); - - var sanitize = function (editor, html) { - if (Settings.shouldFilterHtml(editor) === false) { - return html; - } - var writer = global$7(); - var blocked; - global$4({ - validate: false, - allow_conditional_comments: false, - special: 'script,noscript', - comment: function (text) { - writer.comment(text); - }, - cdata: function (text) { - writer.cdata(text); - }, - text: function (text, raw) { - writer.text(text, raw); - }, - start: function (name, attrs, empty) { - blocked = true; - if (name === 'script' || name === 'noscript' || name === 'svg') { - return; - } - for (var i = attrs.length - 1; i >= 0; i--) { - var attrName = attrs[i].name; - if (attrName.indexOf('on') === 0) { - delete attrs.map[attrName]; - attrs.splice(i, 1); - } - if (attrName === 'style') { - attrs[i].value = editor.dom.serializeStyle(editor.dom.parseStyle(attrs[i].value), name); - } - } - writer.start(name, attrs, empty); - blocked = false; - }, - end: function (name) { - if (blocked) { - return; - } - writer.end(name); - } - }, global$6({})).parse(html); - return writer.getContent(); - }; - var Sanitize = { sanitize: sanitize }; - - var createPlaceholderNode = function (editor, node) { - var placeHolder; - var name = node.name; - placeHolder = new global$8('img', 1); - placeHolder.shortEnded = true; - retainAttributesAndInnerHtml(editor, node, placeHolder); - placeHolder.attr({ - 'width': node.attr('width') || '300', - 'height': node.attr('height') || (name === 'audio' ? '30' : '150'), - 'style': node.attr('style'), - 'src': global$1.transparentSrc, - 'data-mce-object': name, - 'class': 'mce-object mce-object-' + name - }); - return placeHolder; - }; - var createPreviewIframeNode = function (editor, node) { - var previewWrapper; - var previewNode; - var shimNode; - var name = node.name; - previewWrapper = new global$8('span', 1); - previewWrapper.attr({ - 'contentEditable': 'false', - 'style': node.attr('style'), - 'data-mce-object': name, - 'class': 'mce-preview-object mce-object-' + name - }); - retainAttributesAndInnerHtml(editor, node, previewWrapper); - previewNode = new global$8(name, 1); - previewNode.attr({ - src: node.attr('src'), - allowfullscreen: node.attr('allowfullscreen'), - style: node.attr('style'), - class: node.attr('class'), - width: node.attr('width'), - height: node.attr('height'), - frameborder: '0' - }); - shimNode = new global$8('span', 1); - shimNode.attr('class', 'mce-shim'); - previewWrapper.append(previewNode); - previewWrapper.append(shimNode); - return previewWrapper; - }; - var retainAttributesAndInnerHtml = function (editor, sourceNode, targetNode) { - var attrName; - var attrValue; - var attribs; - var ai; - var innerHtml; - attribs = sourceNode.attributes; - ai = attribs.length; - while (ai--) { - attrName = attribs[ai].name; - attrValue = attribs[ai].value; - if (attrName !== 'width' && attrName !== 'height' && attrName !== 'style') { - if (attrName === 'data' || attrName === 'src') { - attrValue = editor.convertURL(attrValue, attrName); - } - targetNode.attr('data-mce-p-' + attrName, attrValue); - } - } - innerHtml = sourceNode.firstChild && sourceNode.firstChild.value; - if (innerHtml) { - targetNode.attr('data-mce-html', escape(Sanitize.sanitize(editor, innerHtml))); - targetNode.firstChild = null; - } - }; - var isWithinEphoxEmbed = function (node) { - while (node = node.parent) { - if (node.attr('data-ephox-embed-iri')) { - return true; - } - } - return false; - }; - var placeHolderConverter = function (editor) { - return function (nodes) { - var i = nodes.length; - var node; - var videoScript; - while (i--) { - node = nodes[i]; - if (!node.parent) { - continue; - } - if (node.parent.attr('data-mce-object')) { - continue; - } - if (node.name === 'script') { - videoScript = VideoScript.getVideoScriptMatch(Settings.getScripts(editor), node.attr('src')); - if (!videoScript) { - continue; - } - } - if (videoScript) { - if (videoScript.width) { - node.attr('width', videoScript.width.toString()); - } - if (videoScript.height) { - node.attr('height', videoScript.height.toString()); - } - } - if (node.name === 'iframe' && Settings.hasLiveEmbeds(editor) && global$1.ceFalse) { - if (!isWithinEphoxEmbed(node)) { - node.replace(createPreviewIframeNode(editor, node)); - } - } else { - if (!isWithinEphoxEmbed(node)) { - node.replace(createPlaceholderNode(editor, node)); - } - } - } - }; - }; - var Nodes = { - createPreviewIframeNode: createPreviewIframeNode, - createPlaceholderNode: createPlaceholderNode, - placeHolderConverter: placeHolderConverter - }; - - var setup = function (editor) { - editor.on('preInit', function () { - var specialElements = editor.schema.getSpecialElements(); - global$2.each('video audio iframe object'.split(' '), function (name) { - specialElements[name] = new RegExp(']*>', 'gi'); - }); - var boolAttrs = editor.schema.getBoolAttrs(); - global$2.each('webkitallowfullscreen mozallowfullscreen allowfullscreen'.split(' '), function (name) { - boolAttrs[name] = {}; - }); - editor.parser.addNodeFilter('iframe,video,audio,object,embed,script', Nodes.placeHolderConverter(editor)); - editor.serializer.addAttributeFilter('data-mce-object', function (nodes, name) { - var i = nodes.length; - var node; - var realElm; - var ai; - var attribs; - var innerHtml; - var innerNode; - var realElmName; - var className; - while (i--) { - node = nodes[i]; - if (!node.parent) { - continue; - } - realElmName = node.attr(name); - realElm = new global$8(realElmName, 1); - if (realElmName !== 'audio' && realElmName !== 'script') { - className = node.attr('class'); - if (className && className.indexOf('mce-preview-object') !== -1) { - realElm.attr({ - width: node.firstChild.attr('width'), - height: node.firstChild.attr('height') - }); - } else { - realElm.attr({ - width: node.attr('width'), - height: node.attr('height') - }); - } - } - realElm.attr({ style: node.attr('style') }); - attribs = node.attributes; - ai = attribs.length; - while (ai--) { - var attrName = attribs[ai].name; - if (attrName.indexOf('data-mce-p-') === 0) { - realElm.attr(attrName.substr(11), attribs[ai].value); - } - } - if (realElmName === 'script') { - realElm.attr('type', 'text/javascript'); - } - innerHtml = node.attr('data-mce-html'); - if (innerHtml) { - innerNode = new global$8('#text', 3); - innerNode.raw = true; - innerNode.value = Sanitize.sanitize(editor, unescape(innerHtml)); - realElm.append(innerNode); - } - node.replace(realElm); - } - }); - }); - editor.on('setContent', function () { - editor.$('span.mce-preview-object').each(function (index, elm) { - var $elm = editor.$(elm); - if ($elm.find('span.mce-shim', elm).length === 0) { - $elm.append(''); - } - }); - }); - }; - var FilterContent = { setup: setup }; - - var setup$1 = function (editor) { - editor.on('ResolveName', function (e) { - var name; - if (e.target.nodeType === 1 && (name = e.target.getAttribute('data-mce-object'))) { - e.name = name; - } - }); - }; - var ResolveName = { setup: setup$1 }; - - var setup$2 = function (editor) { - editor.on('click keyup', function () { - var selectedNode = editor.selection.getNode(); - if (selectedNode && editor.dom.hasClass(selectedNode, 'mce-preview-object')) { - if (editor.dom.getAttrib(selectedNode, 'data-mce-selected')) { - selectedNode.setAttribute('data-mce-selected', '2'); - } - } - }); - editor.on('ObjectSelected', function (e) { - var objectType = e.target.getAttribute('data-mce-object'); - if (objectType === 'audio' || objectType === 'script') { - e.preventDefault(); - } - }); - editor.on('objectResized', function (e) { - var target = e.target; - var html; - if (target.getAttribute('data-mce-object')) { - html = target.getAttribute('data-mce-html'); - if (html) { - html = unescape(html); - target.setAttribute('data-mce-html', escape(UpdateHtml.updateHtml(html, { - width: e.width, - height: e.height - }))); - } - } - }); - }; - var Selection = { setup: setup$2 }; - - var register$1 = function (editor) { - editor.addButton('media', { - tooltip: 'Insert/edit media', - cmd: 'mceMedia', - stateSelector: [ - 'img[data-mce-object]', - 'span[data-mce-object]', - 'div[data-ephox-embed-iri]' - ] - }); - editor.addMenuItem('media', { - icon: 'media', - text: 'Media', - cmd: 'mceMedia', - context: 'insert', - prependToContext: true - }); - }; - var Buttons = { register: register$1 }; - - global.add('media', function (editor) { - Commands.register(editor); - Buttons.register(editor); - ResolveName.setup(editor); - FilterContent.setup(editor); - Selection.setup(editor); - return Api.get(editor); - }); - function Plugin () { - } - - return Plugin; - -}()); -})(); diff --git a/src/js/_enqueues/vendor/tinymce/plugins/media/plugin.min.js b/src/js/_enqueues/vendor/tinymce/plugins/media/plugin.min.js index e78d8efc11915..e69de29bb2d1d 100644 --- a/src/js/_enqueues/vendor/tinymce/plugins/media/plugin.min.js +++ b/src/js/_enqueues/vendor/tinymce/plugins/media/plugin.min.js @@ -1 +0,0 @@ -!function(){"use strict";var e,t,r,n,i=tinymce.util.Tools.resolve("tinymce.PluginManager"),o=tinymce.util.Tools.resolve("tinymce.Env"),v=tinymce.util.Tools.resolve("tinymce.util.Tools"),w=function(e){return e.getParam("media_scripts")},b=function(e){return e.getParam("audio_template_callback")},y=function(e){return e.getParam("video_template_callback")},a=function(e){return e.getParam("media_live_embeds",!0)},u=function(e){return e.getParam("media_filter_html",!0)},s=function(e){return e.getParam("media_url_resolver")},m=function(e){return e.getParam("media_alt_source",!0)},d=function(e){return e.getParam("media_poster",!0)},h=function(e){return e.getParam("media_dimensions",!0)},f=function(e){var t=e,r=function(){return t};return{get:r,set:function(e){t=e},clone:function(){return f(r())}}},c=function(){},l=function(e){return function(){return e}},p=l(!1),g=l(!0),x=function(){return O},O=(e=function(e){return e.isNone()},n={fold:function(e,t){return e()},is:p,isSome:p,isNone:g,getOr:r=function(e){return e},getOrThunk:t=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:l(null),getOrUndefined:l(undefined),or:r,orThunk:t,map:x,each:c,bind:x,exists:p,forall:g,filter:x,equals:e,equals_:e,toArray:function(){return[]},toString:l("none()")},Object.freeze&&Object.freeze(n),n),j=function(r){var e=l(r),t=function(){return i},n=function(e){return e(r)},i={fold:function(e,t){return t(r)},is:function(e){return r===e},isSome:g,isNone:p,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:t,orThunk:t,map:function(e){return j(e(r))},each:function(e){e(r)},bind:n,exists:n,forall:n,filter:function(e){return e(r)?i:O},toArray:function(){return[r]},toString:function(){return"some("+r+")"},equals:function(e){return e.is(r)},equals_:function(e,t){return e.fold(p,function(e){return t(r,e)})}};return i},_=x,S=function(e){return null===e||e===undefined?O:j(e)},k=Object.hasOwnProperty,N=function(e,t){return M(e,t)?S(e[t]):_()},M=function(e,t){return k.call(e,t)},T=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),z=tinymce.util.Tools.resolve("tinymce.html.SaxParser"),A=function(e,t){if(e)for(var r=0;r"):"application/x-shockwave-flash"===n.source1mime?(d='',m.poster&&(d+=''),d+=""):-1!==n.source1mime.indexOf("audio")?(s=n,(l=p)?l(s):'"):"script"===n.type?'