From 9a32a41e521a14f543439eec85437305a64f2952 Mon Sep 17 00:00:00 2001 From: ryelle Date: Tue, 23 Feb 2021 18:41:05 +0000 Subject: [PATCH] Help/About: WordPress 5.7 About Page. This is the start of the WordPress 5.7 about page. Props audrasjb, metalandcoffee, melchoyce, hedgefield, francina, webcommsat, lukecarbis, meher, sarahricker, marybaum. See #52347. Built from https://develop.svn.wordpress.org/trunk@50418 git-svn-id: http://core.svn.wordpress.org/trunk@50029 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-admin/about.php | 305 +++++++++---------- wp-admin/credits.php | 10 +- wp-admin/css/about-rtl.css | 208 +++++++------ wp-admin/css/about-rtl.min.css | 2 +- wp-admin/css/about.css | 208 +++++++------ wp-admin/css/about.min.css | 2 +- wp-admin/freedoms.php | 10 +- wp-admin/images/about-badge.svg | 1 + wp-admin/images/about-color-palette-vert.svg | 1 + wp-admin/images/about-color-palette.svg | 1 + wp-admin/images/about-header-brushes.svg | 1 + wp-admin/privacy.php | 10 +- wp-includes/version.php | 2 +- 13 files changed, 381 insertions(+), 380 deletions(-) create mode 100644 wp-admin/images/about-badge.svg create mode 100644 wp-admin/images/about-color-palette-vert.svg create mode 100644 wp-admin/images/about-color-palette.svg create mode 100644 wp-admin/images/about-header-brushes.svg diff --git a/wp-admin/about.php b/wp-admin/about.php index 13269ad58f..17d065972c 100644 --- a/wp-admin/about.php +++ b/wp-admin/about.php @@ -20,26 +20,18 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
- - ' ); ?>" /> - <?php _e( 'Code is Poetry' ); ?>' ); ?>" /> - + <?php _e( 'Code is Poetry' ); ?>
-
-
-

- - -

-
+
+

+ + +

+
-
- -
-
- <?php _e( 'New' ); ?>' ); ?>" /> -
+
+
-
-

- -

-

- -

-
- -
' ); ?>');"> -
-
-

-

-
-
-
-
-
-

-

-
-
-
-
-

-

-
+
+
+

+ +

+

+ +

-
-

-

- -

+
+

+ +

+
+

+ Font-size adjustment in more places: now, font-size controls are right where you need them in the List and Code blocks. No more trekking to another screen to make that single change!' ); + ?> +

+

+ Reusable blocks: several enhancements make reusable blocks more stable and easier to use. And now they save automatically with the post when you click the Update button.' ); + ?> +

+

+ Inserter drag-and-drop: drag blocks and block patterns from the inserter right into your post.' ); + ?> +

+
+
+ +
-
- -
-
- +
+

+ +

+
+

+ Full-height alignment: have you ever wanted to make a block, like the Cover block, fill the whole window? Now you can.' ); + ?> +

+

+ Buttons block: now you can align the content in buttons vertically. And you can set the width of a button to a preset percentage.' ); + ?> +

+

+ Social Icons block: you can now change the size of the icons in the Social Icons block.' ); + ?> +

+
+
+
-
-
+
+
+

+
+
+ +
+
+
+
+ +
+ +
+
+
+ +
+

WordPress accessibility-ready guidelines and addresses several more specialized standards from the Web Content Accessibility Guidelines (WCAG) 2.1 at level AAA. It will help you meet the highest level of international accessibility standards when you create accessible content and choose plugins which are accessible too!' ), - 'https://make.wordpress.org/themes/handbook/review/accessibility/', + /* translators: %s: WCAG information link. */ + __( 'This new streamlined color palette collapses all the colors that used to be in the WordPress source code down to seven core colors and a range of 56 shades that meet the WCAG 2.0 AA recommended contrast ratio against white or black.' ), 'https://www.w3.org/WAI/WCAG2AAA-Conformance' ); ?>

+

+ +

-
- ' ); ?>" style="max-width:25em" alt="" /> +
+

+ +

+

+ check out the Color Palette dev note.' ), + 'https://make.wordpress.org/core/2021/02/23/standardization-of-wp-admin-colors-in-wordpress-5-7' + ); + ?> +

+
+
+ +
+
+ + + +
-
-

-
-

-

-
-
- -
-
- -
-
- -
-
- -
-
-

-
-
- -
-
-

-

-
-
-

+

+

+

feature plugin includes template copy for you to update and publish, and it’s written to support different contexts and jurisdictions.' ), - 'https://github.com/10degrees/accessibility-statement-plugin' - ); + _e( 'The new Robots API lets you include the filter directives in the robots meta tag, and the API includes the directive max-image-preview: large by default. That means search engines can show bigger image previews (unless the blog is marked as not public), which can boost your traffic.' ) ?>

-
-

-

-
-
- -
- -
-

-

-

-
-
-

-

- read the PHP 8 developer note.' ), - 'https://make.wordpress.org/core/2020/11/23/wordpress-and-php-8-0/' - ); - ?> -

-
-
-
-
-

-

- update test plugin to check your sites for errors ahead of time.' ), - current_user_can( 'install_plugins' ) ? - esc_url( network_admin_url( 'plugin-install.php?tab=search&type=term&s=slug:wp-jquery-update-test' ) ) : - esc_url( __( 'https://wordpress.org/plugins/wp-jquery-update-test/' ) ) - ); - ?> -

-

- jQuery Migrate plugin.' ), - current_user_can( 'install_plugins' ) ? - esc_url( network_admin_url( 'plugin-install.php?tab=search&type=term&s=slug:enable-jquery-migrate-helper' ) ) : - esc_url( __( 'https://wordpress.org/plugins/enable-jquery-migrate-helper/' ) ) - ); - ?> -

+

+

+

+

+

loading="lazy" attribute to iframe tags on the front end.' ); ?>

@@ -239,9 +214,9 @@ require_once ABSPATH . 'wp-admin/admin-header.php';

WordPress 5.6 Field Guide.' ), - 'https://make.wordpress.org/core/2020/11/20/wordpress-5-6-field-guide/' + /* translators: %s: WordPress 5.7 Field Guide link. */ + __( 'Check out the latest version of the WordPress Field Guide. It highlights developer notes for each change you may want to be aware of. WordPress 5.7 Field Guide.' ), + 'https://make.wordpress.org/core/2021/02/23/wordpress-5-7-field-guide' ); ?>

diff --git a/wp-admin/credits.php b/wp-admin/credits.php index 24985c16fb..e65f975208 100644 --- a/wp-admin/credits.php +++ b/wp-admin/credits.php @@ -22,10 +22,7 @@ $credits = wp_credits();
- - ' ); ?>" /> - <?php _e( 'Code is Poetry' ); ?>' ); ?>" /> - + <?php _e( 'Code is Poetry' ); ?>
@@ -37,10 +34,7 @@ $credits = wp_credits();
- -
-
- <?php _e( 'New' ); ?>' ); ?>" /> +
diff --git a/wp-admin/css/about-rtl.css b/wp-admin/css/about-rtl.css index 4278e20e09..4a6c169fa5 100644 --- a/wp-admin/css/about-rtl.css +++ b/wp-admin/css/about-rtl.css @@ -20,31 +20,23 @@ ------------------------------------------------------------------------------*/ .about__container { - /* Colors from Twenty Twenty-One, will be removed after 5.6 */ - --global--color-green: #d1e4dd; - --global--color-blue: #d1dfe4; - --global--color-purple: #d1d1e4; - --global--color-red: #e4d1d1; - --global--color-orange: #e4dad1; - --global--color-yellow: #eeeadd; - /* Section backgrounds */ --background: #fff; - --subtle-background: var(--global--color-yellow); + --subtle-background: #fde4bf; /* Main text color */ - --text: #000; + --text: #00131c; --text-light: #fff; /* Accent colors: used in header, on special classes. */ - --accent-1: var(--global--color-green); /* Accent background */ - --accent-2: var(--text); /* Link color */ + --accent-1: #0a5b89; /* Accent background */ + --accent-2: #fde4bf; /* Heading subtitle */ /* Navigation colors. */ --nav-background: var(--background); - --nav-border: #767676; - --nav-color: #767676; - --nav-current: #000; + --nav-border: #fcc36f; + --nav-color: var(--text); + --nav-current: #0a5b88; } /*------------------------------------------------------------------------------ @@ -115,8 +107,10 @@ } .about__container .has-accent-background-color { - background-color: #d1e4dd; + background-color: #0a5b89; background-color: var(--accent-1); + color: #fff; + color: var(--text-light); } .about__container .has-transparent-background-color { @@ -124,7 +118,7 @@ } .about__container .has-accent-color { - color: #000; + color: #00131c; color: var(--text); font-weight: bold; } @@ -134,7 +128,7 @@ } .about__container .has-subtle-background-color { - background-color: #eeeadd; + background-color: #fde4bf; background-color: var(--subtle-background); } @@ -147,7 +141,7 @@ /* 1.1 - Layout */ .about__section { - margin: 1em 0; + margin: 0; } .about__section .column { @@ -158,6 +152,10 @@ padding-top: 0; } +.about__section + .about__section .is-section-header { + padding-bottom: 32px; +} + .about__section .column[class*="background-color"], .about__section .column.has-border { padding-top: 32px; @@ -448,6 +446,10 @@ } @media screen and (max-width: 480px) { + .about__section.is-feature .column { + padding: 0; + } + .about__section.has-4-columns { display: block; padding-bottom: 16px; @@ -471,7 +473,7 @@ .about__container { line-height: 1.4; - color: #000; + color: #00131c; color: var(--text); } @@ -493,9 +495,11 @@ } .about__container h3, +.about__container h1.is-smaller-heading, .about__container h2.is-smaller-heading { margin-top: 0; font-size: 1.5em; + font-weight: 700; } .about__container p { @@ -504,16 +508,16 @@ } .about__section a { - color: #000; - color: var(--accent-2); + color: #0a5b89; + color: var(--accent-1); text-decoration: underline; } .about__section a:hover, .about__section a:active, .about__section a:focus { - color: #000; - color: var(--accent-2); + color: #0a5b89; + color: var(--accent-1); text-decoration: none; } @@ -553,6 +557,50 @@ margin-left: auto; } +.about__container .about__image-comparison { + position: relative; + display: inline-block; + line-height: 0; + max-width: 100%; +} + +.about__container .about__image-comparison img { + user-select: none; + width: auto; + max-width: none; + max-height: 100%; +} + +.about__container .about__image-comparison > img { + max-width: 100%; +} + +.about__container .about__image-comparison-resize { + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: 50%; + max-width: 100%; + overflow: hidden; + resize: horizontal; + border-left: 2px solid white; +} + +.about__container .about__image-comparison-resize:after { + content: ""; + display: block; + position: absolute; + left: 0; + bottom: 0; + width: 20px; + height: 20px; + font-family: dashicons; + font-size: 20px; + line-height: 1; + overflow: hidden; +} + .about__container .about__image + h3 { margin-top: 1.5em; } @@ -569,9 +617,7 @@ .about__container hr.is-large { height: 64px; - width: 2px; margin: 16px auto; - background: currentColor; } .about__container div.updated, @@ -586,14 +632,11 @@ .about__section.is-feature { font-size: 1.6em; - font-weight: 600; - text-align: center; } @media screen and (max-width: 480px) { .about__section.is-feature { font-size: 1.4em; - font-weight: 500; } .about__container h1, @@ -608,38 +651,24 @@ .about__header { margin-bottom: 32px; padding-top: 3em; - background-color: #d1e4dd; + background-position: bottom center; + background-repeat: no-repeat; + background-size: cover; + background-image: url('../images/about-header-brushes.svg'); + background-color: #0a5b89; background-color: var(--accent-1); - color: #000; - color: var(--text); + color: #fff; + color: var(--text-light); } .about__header-image { margin: 0 32px 3em; } -.about__header-container { - display: -ms-grid; - display: grid; - -ms-grid-columns: 3fr 1fr; - grid-template-columns: 3fr 1fr; - -ms-grid-rows: auto auto; - grid-template-rows: auto auto; - justify-items: start; -} - .about__header-title { - display: inline-block; padding: 1em 0; - margin: 0 32px 4em; + margin: 0 32px; text-align: center; - border-width: 3px 0; - border-style: solid; - border-color: currentColor; - -ms-grid-column: 1; - grid-column: 1; - -ms-grid-row: 1; - grid-row: 1; } .about__header-title p { @@ -647,32 +676,19 @@ padding: 0; font-size: 6em; line-height: 1; - font-weight: 500; + font-weight: 900; + text-transform: uppercase; } .about__header-text { - margin: 0 32px 3em; - max-width: 13em; + max-width: 25em; + margin: 0 auto 8em; + padding: 0 16px; font-size: 1.5em; line-height: 1.4; - -ms-grid-column: 1; - grid-column: 1; - -ms-grid-row: 2; - grid-row: 2; -} - -.about__header-text p { - margin: 0; -} - -.about__header-badge { - -ms-grid-column: 2; - grid-column: 2; - -ms-grid-row: 1; - -ms-grid-row-span: 2; - grid-row: 1 / span 2; - -ms-grid-row-align: center; - align-self: center; + color: #fde4bf; + color: var(--accent-2); + text-align: center; } .about__header-navigation { @@ -680,9 +696,9 @@ padding-top: 0; background: #fff; background: var(--nav-background); - color: #767676; + color: #00131c; color: var(--nav-color); - border-bottom: 3px solid #767676; + border-bottom: 3px solid #fcc36f; border-bottom: 3px solid var(--nav-border); } @@ -700,31 +716,37 @@ .about__header-navigation .nav-tab:hover, .about__header-navigation .nav-tab:active { - background-color: #000; - background-color: var(--text); + background-color: #0a5b88; + background-color: var(--nav-current); color: #fff; color: var(--text-light); } .about__header-navigation .nav-tab-active { margin-bottom: -3px; - color: #000; + color: #0a5b88; color: var(--nav-current); border-width: 0 0 6px; - border-color: #000; + border-color: #0a5b88; border-color: var(--nav-current); } .about__header-navigation .nav-tab-active:hover, .about__header-navigation .nav-tab-active:active { - background-color: #000; - background-color: var(--text); + background-color: #0a5b88; + background-color: var(--nav-current); color: #fff; color: var(--text-light); - border-color: #000; + border-color: #0a5b88; border-color: var(--nav-current); } +@media screen and (max-width: 960px){ + .about__header-title p { + font-size: 4.8em; + } +} + @media screen and (max-width: 782px) { .about__container .about__header-text { font-size: 1.4em; @@ -735,21 +757,11 @@ } .about__header-title, - .about__header-text, - .about__header-image, - .about__header-badge { + .about__header-image { margin-right: 16px; margin-left: 16px; } - .about__header-text { - margin-bottom: 1em; - } - - .about__header-badge { - margin-bottom: 3em; - } - .about__header-navigation .nav-tab { margin-top: 0; margin-left: 0; @@ -758,8 +770,16 @@ } @media screen and (max-width: 480px) { + .about__header { + background-image: none; + } + .about__header-title p { - font-size: 3.2em; + font-size: 2.4em; + } + + .about__header-text { + margin-bottom: 1em; } .about__header-navigation .nav-tab { @@ -821,7 +841,7 @@ font-size: 1.4em; font-weight: 600; text-decoration: none; - color: #000; + color: #00131c; color: var(--text); } diff --git a/wp-admin/css/about-rtl.min.css b/wp-admin/css/about-rtl.min.css index abcb6dbc21..0cda21bc09 100644 --- a/wp-admin/css/about-rtl.min.css +++ b/wp-admin/css/about-rtl.min.css @@ -1,2 +1,2 @@ /*! This file is auto-generated */ -.about__container{--global--color-green:#d1e4dd;--global--color-blue:#d1dfe4;--global--color-purple:#d1d1e4;--global--color-red:#e4d1d1;--global--color-orange:#e4dad1;--global--color-yellow:#eeeadd;--background:#fff;--subtle-background:var(--global--color-yellow);--text:#000;--text-light:#fff;--accent-1:var(--global--color-green);--accent-2:var(--text);--nav-background:var(--background);--nav-border:#767676;--nav-color:#767676;--nav-current:#000}.about-php,.credits-php,.freedoms-php,.privacy-php{background:#fff}.about-php #wpcontent,.credits-php #wpcontent,.freedoms-php #wpcontent,.privacy-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{padding-right:24px}}.about__container{max-width:1000px;margin:24px auto;clear:both}.about__container .alignleft{float:right}.about__container .alignright{float:left}.about__container .aligncenter{text-align:center}.about__container .is-vertically-aligned-top{-ms-grid-row-align:start;align-self:start}.about__container .is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.about__container .is-vertically-aligned-bottom{-ms-grid-row-align:end;align-self:end}.about__section{background:#fff;background:var(--background);clear:both}.about__container .has-accent-background-color{background-color:#d1e4dd;background-color:var(--accent-1)}.about__container .has-transparent-background-color{background-color:transparent}.about__container .has-accent-color{color:#000;color:var(--text);font-weight:700}.about__container .has-border{border:3px solid currentColor}.about__container .has-subtle-background-color{background-color:#eeeadd;background-color:var(--subtle-background)}.about__container .has-background-image{background-size:contain;background-repeat:no-repeat;background-position:center}.about__section{margin:1em 0}.about__section .column{padding:32px}.about__section+.about__section .column{padding-top:0}.about__section .column.has-border,.about__section .column[class*=background-color]{padding-top:32px}.about__section .column.is-edge-to-edge{padding:0}.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:64px}.about__section .is-section-header{margin-bottom:0;padding:32px 32px 0}.about__section .is-section-header p:last-child{margin-bottom:0}.about__section .is-section-header:first-child:last-child{padding:0}.about__section.is-feature{padding:32px}.about__section.is-feature p{margin:0}.about__section.is-feature p+p{margin-top:1rem}.about__section.has-1-column{margin-right:auto;margin-left: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:-ms-grid;display:grid}.about__section.has-gutters{gap:16px}.about__section.has-2-columns{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.about__section.has-2-columns.is-wider-right{-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr}.about__section.has-2-columns.is-wider-left{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}.about__section.has-2-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-2-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-2-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about__section.has-3-columns{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.about__section.has-3-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-3-columns .column:nth-of-type(3n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-3-columns .column:nth-of-type(3n+2){-ms-grid-column:2;grid-column-start:2}.about__section.has-3-columns .column:nth-of-type(3n){-ms-grid-column:3;grid-column-start:3}.about__section.has-4-columns{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.about__section.has-4-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:4;grid-column-end:span 4}.about__section.has-4-columns .column:nth-of-type(4n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(4n+2){-ms-grid-column:2;grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n+3){-ms-grid-column:3;grid-column-start:3}.about__section.has-4-columns .column:nth-of-type(4n){-ms-grid-column:4;grid-column-start:4}.about__section.has-2-columns .is-section-header~.column,.about__section.has-3-columns .is-section-header~.column,.about__section.has-4-columns .is-section-header~.column,.about__section.has-overlap-style .is-section-header~.column{-ms-grid-row:2;grid-row-start:2}.about__section.has-overlap-style{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr)}.about__section.has-overlap-style .column{-ms-grid-row:1;grid-row-start:1}.about__section.has-overlap-style .column:nth-of-type(2n+1){-ms-grid-column:2;grid-column-start:2;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-overlap-style .column:nth-of-type(2n){-ms-grid-column:4;grid-column-start:4;-ms-grid-column-span:3;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-left,.about__section.has-2-columns.is-wider-right,.about__section.has-3-columns{display:block;padding-bottom:16px}.about__section.has-2-columns.has-gutters .column,.about__section.has-3-columns.has-gutters .column{margin-bottom:16px}.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:16px;padding-bottom:16px}.about__section.has-4-columns{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.about__section.has-4-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n),.about__section.has-4-columns .column:nth-of-type(4n+3){-ms-grid-row:2;grid-row-start:2}.about__section.has-4-columns .is-section-header{-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n),.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n+3){-ms-grid-row:3;grid-row-start:3}.about__section.has-overlap-style{-ms-grid-columns:1fr;grid-template-columns:1fr}.about__section.has-overlap-style .column.column{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-span:1;grid-row-end:2}}@media screen and (max-width:600px){.about__section.has-2-columns{display:block;padding-bottom:16px}.about__section.has-2-columns.has-gutters .column{margin-bottom:16px}.about__section.has-2-columns.has-gutters .column:last-child{margin-bottom:0}.about__section.has-2-columns .column:nth-of-type(n){padding-top:16px;padding-bottom:16px}}@media screen and (max-width:480px){.about__section.has-4-columns{display:block;padding-bottom:16px}.about__section.has-4-columns.has-gutters .column{margin-bottom:16px}.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:16px;padding-bottom:16px}}.about__container{line-height:1.4;color:#000;color:var(--text)}.about__container h1{margin:0 0 1em;padding:0;font-weight:600;color:inherit}.about__container h1,.about__container h2,.about__container h3.is-larger-heading{margin-top:0;margin-bottom:.5em;font-size:2.9em;line-height:1.2;font-weight:400}.about__container h2.is-smaller-heading,.about__container h3{margin-top:0;font-size:1.5em}.about__container p{font-size:inherit;line-height:inherit}.about__section a{color:#000;color:var(--accent-2);text-decoration:underline}.about__section a:active,.about__section a:focus,.about__section a:hover{color:#000;color:var(--accent-2);text-decoration:none}.wp-credits-list a{text-decoration:none}.wp-credits-list a:active,.wp-credits-list a:focus,.wp-credits-list a:hover{text-decoration:underline}.about__container ul{list-style:disc;margin-right:16px}.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}.about__container .about__image .wp-video{margin-right:auto;margin-left:auto}.about__container .about__image+h3{margin-top:1.5em}.about__container hr{margin:0;height:32px;border:none}.about__container hr.is-small{height:8px}.about__container hr.is-large{height:64px;width:2px;margin:16px auto;background:currentColor}.about__container .notice,.about__container div.error,.about__container div.updated{display:none!important}.about__section{font-size:1.2em}.about__section.is-feature{font-size:1.6em;font-weight:600;text-align:center}@media screen and (max-width:480px){.about__section.is-feature{font-size:1.4em;font-weight:500}.about__container h1,.about__container h2,.about__container h3.is-larger-heading{font-size:2em}}.about__header{margin-bottom:32px;padding-top:3em;background-color:#d1e4dd;background-color:var(--accent-1);color:#000;color:var(--text)}.about__header-image{margin:0 32px 3em}.about__header-container{display:-ms-grid;display:grid;-ms-grid-columns:3fr 1fr;grid-template-columns:3fr 1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;justify-items:start}.about__header-title{display:inline-block;padding:1em 0;margin:0 32px 4em;text-align:center;border-width:3px 0;border-style:solid;border-color:currentColor;-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.about__header-title p{margin:0;padding:0;font-size:6em;line-height:1;font-weight:500}.about__header-text{margin:0 32px 3em;max-width:13em;font-size:1.5em;line-height:1.4;-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}.about__header-text p{margin:0}.about__header-badge{-ms-grid-column:2;grid-column:2;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2;-ms-grid-row-align:center;align-self:center}.about__header-navigation{clear:both;padding-top:0;background:#fff;background:var(--nav-background);color:#767676;color:var(--nav-color);border-bottom:3px solid #767676;border-bottom:3px solid var(--nav-border)}.about__header-navigation .nav-tab{margin-right:0;padding:24px 32px;font-size:1.4em;line-height:1;border-width:0 0 3px;border-style:solid;border-color:transparent;background:0 0;color:inherit}.about__header-navigation .nav-tab:active,.about__header-navigation .nav-tab:hover{background-color:#000;background-color:var(--text);color:#fff;color:var(--text-light)}.about__header-navigation .nav-tab-active{margin-bottom:-3px;color:#000;color:var(--nav-current);border-width:0 0 6px;border-color:#000;border-color:var(--nav-current)}.about__header-navigation .nav-tab-active:active,.about__header-navigation .nav-tab-active:hover{background-color:#000;background-color:var(--text);color:#fff;color:var(--text-light);border-color:#000;border-color:var(--nav-current)}@media screen and (max-width:782px){.about__container .about__header-text{font-size:1.4em}.about__header-container{display:block}.about__header-badge,.about__header-image,.about__header-text,.about__header-title{margin-right:16px;margin-left:16px}.about__header-text{margin-bottom:1em}.about__header-badge{margin-bottom:3em}.about__header-navigation .nav-tab{margin-top:0;margin-left:0;padding:24px 16px}}@media screen and (max-width:480px){.about__header-title p{font-size:3.2em}.about__header-navigation .nav-tab{float:none;display:block;margin-bottom:0;padding:16px 16px;border-right-width:6px;border-bottom:none}.about__header-navigation .nav-tab-active{border-bottom:none;border-right-width:6px}}.about__section .wp-people-group{margin:0}.about__section .wp-person{display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 0 1em 1em;height:6em;width:calc(33% - 4px);min-width:280px}.about__section .compact .wp-person{height:auto;width:calc(25% - 4px);min-width:220px;padding-bottom:.5em}.about__section .wp-person .gravatar{float:right;margin:-4px 0 .85em .85em;padding:1px;width:80px;height:80px;border-radius:100%}.about__section .compact .wp-person .gravatar{width:40px;height:40px}.about__section .wp-person .web{font-size:1.4em;font-weight:600;text-decoration:none;color:#000;color:var(--text)}.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:.5em}@media screen and (max-width:480px){.about__section .wp-person{min-width:100%}.about__section .wp-person .gravatar{width:60px;height:60px}.about__section .wp-person .web{font-size:1em}.about__section .compact .wp-person .web{font-size:1em}}.about__section .column .freedoms-image{margin-bottom:1em}.about-wrap{position:relative;margin:25px 20px 0 40px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:3em 0 0;border-top:1px solid rgba(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}.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,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;left:0}.about-wrap .nav-tab{padding-left:15px;padding-right:15px;font-size:18px;line-height:1.33333333}.about-wrap h1{margin:.2em 0 0 200px;padding:0;color:#32373c;line-height:1.2;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 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 0 1em 200px;color:#555d66}.about-wrap .has-1-columns,.about-wrap .has-2-columns,.about-wrap .has-3-columns,.about-wrap .has-4-columns{display:-ms-grid;display:grid;max-width:800px;margin-top:40px;margin-right:auto;margin-left:auto}.about-wrap .column{margin-left:20px;margin-right: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{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.about-wrap .has-2-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-2-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-2-columns.is-wider-right{-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr}.about-wrap .has-2-columns.is-wider-left{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}.about-wrap .has-3-columns{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.about-wrap .has-3-columns .column:nth-of-type(3n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-3-columns .column:nth-of-type(3n+2){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-3-columns .column:nth-of-type(3n){-ms-grid-column:3;grid-column-start:3}.about-wrap .has-4-columns{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.about-wrap .has-4-columns .column:nth-of-type(4n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-4-columns .column:nth-of-type(4n+2){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n+3){-ms-grid-column:3;grid-column-start:3}.about-wrap .has-4-columns .column:nth-of-type(4n){-ms-grid-column:4;grid-column-start:4}.about-wrap .column :first-child{margin-top:0}.about-wrap .aligncenter{text-align:center}.about-wrap .alignleft{float:right;margin-left:40px}.about-wrap .alignright{float:left;margin-right:40px}.about-wrap .is-vertically-aligned-top{-ms-grid-row-align:start;align-self:start}.about-wrap .is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.about-wrap .is-vertically-aligned-bottom{-ms-grid-row-align:end;align-self:end}.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}.about-wrap .lead-description{font-size:1.5em;text-align:center}.about-wrap .feature-section p{margin-top:.6em}.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%}.about-wrap .return-to-dashboard{margin:30px -5px 0 0;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.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:right}.about-wrap .wp-people-group{padding:0 5px;margin:0 -5px 0 -15px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-left: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:right;margin:0 0 10px 10px;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-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:.6em 0}.freedoms-php .column .freedoms-image{background-image:url(../images/freedoms.png);background-size:100%;padding-top:100%}.freedoms-php .column:nth-of-type(2) .freedoms-image{background-position:100% 34%}.freedoms-php .column:nth-of-type(3) .freedoms-image{background-position:100% 66%}.freedoms-php .column:nth-of-type(4) .freedoms-image{background-position:100% 100%}@media screen and (max-width:782px){.about-wrap .has-3-columns,.about-wrap .has-4-columns{-ms-grid-columns:1fr 1fr;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){-ms-grid-column:1;grid-column-start:1;-ms-grid-row: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){-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;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){-ms-grid-column:1;grid-column-start:1;-ms-grid-row:2;grid-row-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n){-ms-grid-column:2;grid-column-start:2;-ms-grid-row: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-left:0;margin-right:0}.about-wrap .has-2-columns.is-wider-left,.about-wrap .has-2-columns.is-wider-right{display:-ms-grid;display:grid}}@media only screen and (max-width:500px){.about-wrap{margin-left:20px;margin-right:10px}.about-wrap .about-text,.about-wrap h1{margin-left:0}.about-wrap .about-text{margin-bottom:.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-left,.about-wrap .has-2-columns.is-wider-right{display:block}.about-wrap .column{margin-left:0;margin-right:0}.about-wrap .has-2-columns.is-wider-left img,.about-wrap .has-2-columns.is-wider-right img{max-width:160px}} \ No newline at end of file +.about__container{--background:#fff;--subtle-background:#fde4bf;--text:#00131c;--text-light:#fff;--accent-1:#0a5b89;--accent-2:#fde4bf;--nav-background:var(--background);--nav-border:#fcc36f;--nav-color:var(--text);--nav-current:#0a5b88}.about-php,.credits-php,.freedoms-php,.privacy-php{background:#fff}.about-php #wpcontent,.credits-php #wpcontent,.freedoms-php #wpcontent,.privacy-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{padding-right:24px}}.about__container{max-width:1000px;margin:24px auto;clear:both}.about__container .alignleft{float:right}.about__container .alignright{float:left}.about__container .aligncenter{text-align:center}.about__container .is-vertically-aligned-top{-ms-grid-row-align:start;align-self:start}.about__container .is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.about__container .is-vertically-aligned-bottom{-ms-grid-row-align:end;align-self:end}.about__section{background:#fff;background:var(--background);clear:both}.about__container .has-accent-background-color{background-color:#0a5b89;background-color:var(--accent-1);color:#fff;color:var(--text-light)}.about__container .has-transparent-background-color{background-color:transparent}.about__container .has-accent-color{color:#00131c;color:var(--text);font-weight:700}.about__container .has-border{border:3px solid currentColor}.about__container .has-subtle-background-color{background-color:#fde4bf;background-color:var(--subtle-background)}.about__container .has-background-image{background-size:contain;background-repeat:no-repeat;background-position:center}.about__section{margin:0}.about__section .column{padding:32px}.about__section+.about__section .column{padding-top:0}.about__section+.about__section .is-section-header{padding-bottom:32px}.about__section .column.has-border,.about__section .column[class*=background-color]{padding-top:32px}.about__section .column.is-edge-to-edge{padding:0}.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:64px}.about__section .is-section-header{margin-bottom:0;padding:32px 32px 0}.about__section .is-section-header p:last-child{margin-bottom:0}.about__section .is-section-header:first-child:last-child{padding:0}.about__section.is-feature{padding:32px}.about__section.is-feature p{margin:0}.about__section.is-feature p+p{margin-top:1rem}.about__section.has-1-column{margin-right:auto;margin-left: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:-ms-grid;display:grid}.about__section.has-gutters{gap:16px}.about__section.has-2-columns{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.about__section.has-2-columns.is-wider-right{-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr}.about__section.has-2-columns.is-wider-left{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}.about__section.has-2-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-2-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-2-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about__section.has-3-columns{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.about__section.has-3-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-3-columns .column:nth-of-type(3n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-3-columns .column:nth-of-type(3n+2){-ms-grid-column:2;grid-column-start:2}.about__section.has-3-columns .column:nth-of-type(3n){-ms-grid-column:3;grid-column-start:3}.about__section.has-4-columns{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.about__section.has-4-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:4;grid-column-end:span 4}.about__section.has-4-columns .column:nth-of-type(4n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(4n+2){-ms-grid-column:2;grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n+3){-ms-grid-column:3;grid-column-start:3}.about__section.has-4-columns .column:nth-of-type(4n){-ms-grid-column:4;grid-column-start:4}.about__section.has-2-columns .is-section-header~.column,.about__section.has-3-columns .is-section-header~.column,.about__section.has-4-columns .is-section-header~.column,.about__section.has-overlap-style .is-section-header~.column{-ms-grid-row:2;grid-row-start:2}.about__section.has-overlap-style{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr)}.about__section.has-overlap-style .column{-ms-grid-row:1;grid-row-start:1}.about__section.has-overlap-style .column:nth-of-type(2n+1){-ms-grid-column:2;grid-column-start:2;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-overlap-style .column:nth-of-type(2n){-ms-grid-column:4;grid-column-start:4;-ms-grid-column-span:3;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-left,.about__section.has-2-columns.is-wider-right,.about__section.has-3-columns{display:block;padding-bottom:16px}.about__section.has-2-columns.has-gutters .column,.about__section.has-3-columns.has-gutters .column{margin-bottom:16px}.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:16px;padding-bottom:16px}.about__section.has-4-columns{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.about__section.has-4-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n),.about__section.has-4-columns .column:nth-of-type(4n+3){-ms-grid-row:2;grid-row-start:2}.about__section.has-4-columns .is-section-header{-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n),.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n+3){-ms-grid-row:3;grid-row-start:3}.about__section.has-overlap-style{-ms-grid-columns:1fr;grid-template-columns:1fr}.about__section.has-overlap-style .column.column{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-span:1;grid-row-end:2}}@media screen and (max-width:600px){.about__section.has-2-columns{display:block;padding-bottom:16px}.about__section.has-2-columns.has-gutters .column{margin-bottom:16px}.about__section.has-2-columns.has-gutters .column:last-child{margin-bottom:0}.about__section.has-2-columns .column:nth-of-type(n){padding-top:16px;padding-bottom:16px}}@media screen and (max-width:480px){.about__section.is-feature .column{padding:0}.about__section.has-4-columns{display:block;padding-bottom:16px}.about__section.has-4-columns.has-gutters .column{margin-bottom:16px}.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:16px;padding-bottom:16px}}.about__container{line-height:1.4;color:#00131c;color:var(--text)}.about__container h1{margin:0 0 1em;padding:0;font-weight:600;color:inherit}.about__container h1,.about__container h2,.about__container h3.is-larger-heading{margin-top:0;margin-bottom:.5em;font-size:2.9em;line-height:1.2;font-weight:400}.about__container h1.is-smaller-heading,.about__container h2.is-smaller-heading,.about__container h3{margin-top:0;font-size:1.5em;font-weight:700}.about__container p{font-size:inherit;line-height:inherit}.about__section a{color:#0a5b89;color:var(--accent-1);text-decoration:underline}.about__section a:active,.about__section a:focus,.about__section a:hover{color:#0a5b89;color:var(--accent-1);text-decoration:none}.wp-credits-list a{text-decoration:none}.wp-credits-list a:active,.wp-credits-list a:focus,.wp-credits-list a:hover{text-decoration:underline}.about__container ul{list-style:disc;margin-right:16px}.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}.about__container .about__image .wp-video{margin-right:auto;margin-left:auto}.about__container .about__image-comparison{position:relative;display:inline-block;line-height:0;max-width:100%}.about__container .about__image-comparison img{user-select:none;width:auto;max-width:none;max-height:100%}.about__container .about__image-comparison>img{max-width:100%}.about__container .about__image-comparison-resize{position:absolute;top:0;bottom:0;right:0;width:50%;max-width:100%;overflow:hidden;resize:horizontal;border-left:2px solid #fff}.about__container .about__image-comparison-resize:after{content:"";display:block;position:absolute;left:0;bottom:0;width:20px;height:20px;font-family:dashicons;font-size:20px;line-height:1;overflow:hidden}.about__container .about__image+h3{margin-top:1.5em}.about__container hr{margin:0;height:32px;border:none}.about__container hr.is-small{height:8px}.about__container hr.is-large{height:64px;margin:16px auto}.about__container .notice,.about__container div.error,.about__container div.updated{display:none!important}.about__section{font-size:1.2em}.about__section.is-feature{font-size:1.6em}@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__header{margin-bottom:32px;padding-top:3em;background-position:bottom center;background-repeat:no-repeat;background-size:cover;background-image:url(../images/about-header-brushes.svg);background-color:#0a5b89;background-color:var(--accent-1);color:#fff;color:var(--text-light)}.about__header-image{margin:0 32px 3em}.about__header-title{padding:1em 0;margin:0 32px;text-align:center}.about__header-title p{margin:0;padding:0;font-size:6em;line-height:1;font-weight:900;text-transform:uppercase}.about__header-text{max-width:25em;margin:0 auto 8em;padding:0 16px;font-size:1.5em;line-height:1.4;color:#fde4bf;color:var(--accent-2);text-align:center}.about__header-navigation{clear:both;padding-top:0;background:#fff;background:var(--nav-background);color:#00131c;color:var(--nav-color);border-bottom:3px solid #fcc36f;border-bottom:3px solid var(--nav-border)}.about__header-navigation .nav-tab{margin-right:0;padding:24px 32px;font-size:1.4em;line-height:1;border-width:0 0 3px;border-style:solid;border-color:transparent;background:0 0;color:inherit}.about__header-navigation .nav-tab:active,.about__header-navigation .nav-tab:hover{background-color:#0a5b88;background-color:var(--nav-current);color:#fff;color:var(--text-light)}.about__header-navigation .nav-tab-active{margin-bottom:-3px;color:#0a5b88;color:var(--nav-current);border-width:0 0 6px;border-color:#0a5b88;border-color:var(--nav-current)}.about__header-navigation .nav-tab-active:active,.about__header-navigation .nav-tab-active:hover{background-color:#0a5b88;background-color:var(--nav-current);color:#fff;color:var(--text-light);border-color:#0a5b88;border-color:var(--nav-current)}@media screen and (max-width:960px){.about__header-title p{font-size:4.8em}}@media screen and (max-width:782px){.about__container .about__header-text{font-size:1.4em}.about__header-container{display:block}.about__header-image,.about__header-title{margin-right:16px;margin-left:16px}.about__header-navigation .nav-tab{margin-top:0;margin-left:0;padding:24px 16px}}@media screen and (max-width:480px){.about__header{background-image:none}.about__header-title p{font-size:2.4em}.about__header-text{margin-bottom:1em}.about__header-navigation .nav-tab{float:none;display:block;margin-bottom:0;padding:16px 16px;border-right-width:6px;border-bottom:none}.about__header-navigation .nav-tab-active{border-bottom:none;border-right-width:6px}}.about__section .wp-people-group{margin:0}.about__section .wp-person{display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 0 1em 1em;height:6em;width:calc(33% - 4px);min-width:280px}.about__section .compact .wp-person{height:auto;width:calc(25% - 4px);min-width:220px;padding-bottom:.5em}.about__section .wp-person .gravatar{float:right;margin:-4px 0 .85em .85em;padding:1px;width:80px;height:80px;border-radius:100%}.about__section .compact .wp-person .gravatar{width:40px;height:40px}.about__section .wp-person .web{font-size:1.4em;font-weight:600;text-decoration:none;color:#00131c;color:var(--text)}.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:.5em}@media screen and (max-width:480px){.about__section .wp-person{min-width:100%}.about__section .wp-person .gravatar{width:60px;height:60px}.about__section .wp-person .web{font-size:1em}.about__section .compact .wp-person .web{font-size:1em}}.about__section .column .freedoms-image{margin-bottom:1em}.about-wrap{position:relative;margin:25px 20px 0 40px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:3em 0 0;border-top:1px solid rgba(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}.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,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;left:0}.about-wrap .nav-tab{padding-left:15px;padding-right:15px;font-size:18px;line-height:1.33333333}.about-wrap h1{margin:.2em 0 0 200px;padding:0;color:#32373c;line-height:1.2;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 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 0 1em 200px;color:#555d66}.about-wrap .has-1-columns,.about-wrap .has-2-columns,.about-wrap .has-3-columns,.about-wrap .has-4-columns{display:-ms-grid;display:grid;max-width:800px;margin-top:40px;margin-right:auto;margin-left:auto}.about-wrap .column{margin-left:20px;margin-right: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{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.about-wrap .has-2-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-2-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-2-columns.is-wider-right{-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr}.about-wrap .has-2-columns.is-wider-left{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}.about-wrap .has-3-columns{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.about-wrap .has-3-columns .column:nth-of-type(3n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-3-columns .column:nth-of-type(3n+2){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-3-columns .column:nth-of-type(3n){-ms-grid-column:3;grid-column-start:3}.about-wrap .has-4-columns{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.about-wrap .has-4-columns .column:nth-of-type(4n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-4-columns .column:nth-of-type(4n+2){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n+3){-ms-grid-column:3;grid-column-start:3}.about-wrap .has-4-columns .column:nth-of-type(4n){-ms-grid-column:4;grid-column-start:4}.about-wrap .column :first-child{margin-top:0}.about-wrap .aligncenter{text-align:center}.about-wrap .alignleft{float:right;margin-left:40px}.about-wrap .alignright{float:left;margin-right:40px}.about-wrap .is-vertically-aligned-top{-ms-grid-row-align:start;align-self:start}.about-wrap .is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.about-wrap .is-vertically-aligned-bottom{-ms-grid-row-align:end;align-self:end}.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}.about-wrap .lead-description{font-size:1.5em;text-align:center}.about-wrap .feature-section p{margin-top:.6em}.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%}.about-wrap .return-to-dashboard{margin:30px -5px 0 0;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.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:right}.about-wrap .wp-people-group{padding:0 5px;margin:0 -5px 0 -15px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-left: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:right;margin:0 0 10px 10px;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-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:.6em 0}.freedoms-php .column .freedoms-image{background-image:url(../images/freedoms.png);background-size:100%;padding-top:100%}.freedoms-php .column:nth-of-type(2) .freedoms-image{background-position:100% 34%}.freedoms-php .column:nth-of-type(3) .freedoms-image{background-position:100% 66%}.freedoms-php .column:nth-of-type(4) .freedoms-image{background-position:100% 100%}@media screen and (max-width:782px){.about-wrap .has-3-columns,.about-wrap .has-4-columns{-ms-grid-columns:1fr 1fr;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){-ms-grid-column:1;grid-column-start:1;-ms-grid-row: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){-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;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){-ms-grid-column:1;grid-column-start:1;-ms-grid-row:2;grid-row-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n){-ms-grid-column:2;grid-column-start:2;-ms-grid-row: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-left:0;margin-right:0}.about-wrap .has-2-columns.is-wider-left,.about-wrap .has-2-columns.is-wider-right{display:-ms-grid;display:grid}}@media only screen and (max-width:500px){.about-wrap{margin-left:20px;margin-right:10px}.about-wrap .about-text,.about-wrap h1{margin-left:0}.about-wrap .about-text{margin-bottom:.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-left,.about-wrap .has-2-columns.is-wider-right{display:block}.about-wrap .column{margin-left:0;margin-right:0}.about-wrap .has-2-columns.is-wider-left img,.about-wrap .has-2-columns.is-wider-right img{max-width:160px}} \ No newline at end of file diff --git a/wp-admin/css/about.css b/wp-admin/css/about.css index d1844c8d5c..018042a9f3 100644 --- a/wp-admin/css/about.css +++ b/wp-admin/css/about.css @@ -19,31 +19,23 @@ ------------------------------------------------------------------------------*/ .about__container { - /* Colors from Twenty Twenty-One, will be removed after 5.6 */ - --global--color-green: #d1e4dd; - --global--color-blue: #d1dfe4; - --global--color-purple: #d1d1e4; - --global--color-red: #e4d1d1; - --global--color-orange: #e4dad1; - --global--color-yellow: #eeeadd; - /* Section backgrounds */ --background: #fff; - --subtle-background: var(--global--color-yellow); + --subtle-background: #fde4bf; /* Main text color */ - --text: #000; + --text: #00131c; --text-light: #fff; /* Accent colors: used in header, on special classes. */ - --accent-1: var(--global--color-green); /* Accent background */ - --accent-2: var(--text); /* Link color */ + --accent-1: #0a5b89; /* Accent background */ + --accent-2: #fde4bf; /* Heading subtitle */ /* Navigation colors. */ --nav-background: var(--background); - --nav-border: #767676; - --nav-color: #767676; - --nav-current: #000; + --nav-border: #fcc36f; + --nav-color: var(--text); + --nav-current: #0a5b88; } /*------------------------------------------------------------------------------ @@ -114,8 +106,10 @@ } .about__container .has-accent-background-color { - background-color: #d1e4dd; + background-color: #0a5b89; background-color: var(--accent-1); + color: #fff; + color: var(--text-light); } .about__container .has-transparent-background-color { @@ -123,7 +117,7 @@ } .about__container .has-accent-color { - color: #000; + color: #00131c; color: var(--text); font-weight: bold; } @@ -133,7 +127,7 @@ } .about__container .has-subtle-background-color { - background-color: #eeeadd; + background-color: #fde4bf; background-color: var(--subtle-background); } @@ -146,7 +140,7 @@ /* 1.1 - Layout */ .about__section { - margin: 1em 0; + margin: 0; } .about__section .column { @@ -157,6 +151,10 @@ padding-top: 0; } +.about__section + .about__section .is-section-header { + padding-bottom: 32px; +} + .about__section .column[class*="background-color"], .about__section .column.has-border { padding-top: 32px; @@ -447,6 +445,10 @@ } @media screen and (max-width: 480px) { + .about__section.is-feature .column { + padding: 0; + } + .about__section.has-4-columns { display: block; padding-bottom: 16px; @@ -470,7 +472,7 @@ .about__container { line-height: 1.4; - color: #000; + color: #00131c; color: var(--text); } @@ -492,9 +494,11 @@ } .about__container h3, +.about__container h1.is-smaller-heading, .about__container h2.is-smaller-heading { margin-top: 0; font-size: 1.5em; + font-weight: 700; } .about__container p { @@ -503,16 +507,16 @@ } .about__section a { - color: #000; - color: var(--accent-2); + color: #0a5b89; + color: var(--accent-1); text-decoration: underline; } .about__section a:hover, .about__section a:active, .about__section a:focus { - color: #000; - color: var(--accent-2); + color: #0a5b89; + color: var(--accent-1); text-decoration: none; } @@ -552,6 +556,50 @@ margin-right: auto; } +.about__container .about__image-comparison { + position: relative; + display: inline-block; + line-height: 0; + max-width: 100%; +} + +.about__container .about__image-comparison img { + user-select: none; + width: auto; + max-width: none; + max-height: 100%; +} + +.about__container .about__image-comparison > img { + max-width: 100%; +} + +.about__container .about__image-comparison-resize { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 50%; + max-width: 100%; + overflow: hidden; + resize: horizontal; + border-right: 2px solid white; +} + +.about__container .about__image-comparison-resize:after { + content: ""; + display: block; + position: absolute; + right: 0; + bottom: 0; + width: 20px; + height: 20px; + font-family: dashicons; + font-size: 20px; + line-height: 1; + overflow: hidden; +} + .about__container .about__image + h3 { margin-top: 1.5em; } @@ -568,9 +616,7 @@ .about__container hr.is-large { height: 64px; - width: 2px; margin: 16px auto; - background: currentColor; } .about__container div.updated, @@ -585,14 +631,11 @@ .about__section.is-feature { font-size: 1.6em; - font-weight: 600; - text-align: center; } @media screen and (max-width: 480px) { .about__section.is-feature { font-size: 1.4em; - font-weight: 500; } .about__container h1, @@ -607,38 +650,24 @@ .about__header { margin-bottom: 32px; padding-top: 3em; - background-color: #d1e4dd; + background-position: bottom center; + background-repeat: no-repeat; + background-size: cover; + background-image: url('../images/about-header-brushes.svg'); + background-color: #0a5b89; background-color: var(--accent-1); - color: #000; - color: var(--text); + color: #fff; + color: var(--text-light); } .about__header-image { margin: 0 32px 3em; } -.about__header-container { - display: -ms-grid; - display: grid; - -ms-grid-columns: 3fr 1fr; - grid-template-columns: 3fr 1fr; - -ms-grid-rows: auto auto; - grid-template-rows: auto auto; - justify-items: start; -} - .about__header-title { - display: inline-block; padding: 1em 0; - margin: 0 32px 4em; + margin: 0 32px; text-align: center; - border-width: 3px 0; - border-style: solid; - border-color: currentColor; - -ms-grid-column: 1; - grid-column: 1; - -ms-grid-row: 1; - grid-row: 1; } .about__header-title p { @@ -646,32 +675,19 @@ padding: 0; font-size: 6em; line-height: 1; - font-weight: 500; + font-weight: 900; + text-transform: uppercase; } .about__header-text { - margin: 0 32px 3em; - max-width: 13em; + max-width: 25em; + margin: 0 auto 8em; + padding: 0 16px; font-size: 1.5em; line-height: 1.4; - -ms-grid-column: 1; - grid-column: 1; - -ms-grid-row: 2; - grid-row: 2; -} - -.about__header-text p { - margin: 0; -} - -.about__header-badge { - -ms-grid-column: 2; - grid-column: 2; - -ms-grid-row: 1; - -ms-grid-row-span: 2; - grid-row: 1 / span 2; - -ms-grid-row-align: center; - align-self: center; + color: #fde4bf; + color: var(--accent-2); + text-align: center; } .about__header-navigation { @@ -679,9 +695,9 @@ padding-top: 0; background: #fff; background: var(--nav-background); - color: #767676; + color: #00131c; color: var(--nav-color); - border-bottom: 3px solid #767676; + border-bottom: 3px solid #fcc36f; border-bottom: 3px solid var(--nav-border); } @@ -699,31 +715,37 @@ .about__header-navigation .nav-tab:hover, .about__header-navigation .nav-tab:active { - background-color: #000; - background-color: var(--text); + background-color: #0a5b88; + background-color: var(--nav-current); color: #fff; color: var(--text-light); } .about__header-navigation .nav-tab-active { margin-bottom: -3px; - color: #000; + color: #0a5b88; color: var(--nav-current); border-width: 0 0 6px; - border-color: #000; + border-color: #0a5b88; border-color: var(--nav-current); } .about__header-navigation .nav-tab-active:hover, .about__header-navigation .nav-tab-active:active { - background-color: #000; - background-color: var(--text); + background-color: #0a5b88; + background-color: var(--nav-current); color: #fff; color: var(--text-light); - border-color: #000; + border-color: #0a5b88; border-color: var(--nav-current); } +@media screen and (max-width: 960px){ + .about__header-title p { + font-size: 4.8em; + } +} + @media screen and (max-width: 782px) { .about__container .about__header-text { font-size: 1.4em; @@ -734,21 +756,11 @@ } .about__header-title, - .about__header-text, - .about__header-image, - .about__header-badge { + .about__header-image { margin-left: 16px; margin-right: 16px; } - .about__header-text { - margin-bottom: 1em; - } - - .about__header-badge { - margin-bottom: 3em; - } - .about__header-navigation .nav-tab { margin-top: 0; margin-right: 0; @@ -757,8 +769,16 @@ } @media screen and (max-width: 480px) { + .about__header { + background-image: none; + } + .about__header-title p { - font-size: 3.2em; + font-size: 2.4em; + } + + .about__header-text { + margin-bottom: 1em; } .about__header-navigation .nav-tab { @@ -820,7 +840,7 @@ font-size: 1.4em; font-weight: 600; text-decoration: none; - color: #000; + color: #00131c; color: var(--text); } diff --git a/wp-admin/css/about.min.css b/wp-admin/css/about.min.css index 9e8a2c490e..1d64ba5213 100644 --- a/wp-admin/css/about.min.css +++ b/wp-admin/css/about.min.css @@ -1,2 +1,2 @@ /*! This file is auto-generated */ -.about__container{--global--color-green:#d1e4dd;--global--color-blue:#d1dfe4;--global--color-purple:#d1d1e4;--global--color-red:#e4d1d1;--global--color-orange:#e4dad1;--global--color-yellow:#eeeadd;--background:#fff;--subtle-background:var(--global--color-yellow);--text:#000;--text-light:#fff;--accent-1:var(--global--color-green);--accent-2:var(--text);--nav-background:var(--background);--nav-border:#767676;--nav-color:#767676;--nav-current:#000}.about-php,.credits-php,.freedoms-php,.privacy-php{background:#fff}.about-php #wpcontent,.credits-php #wpcontent,.freedoms-php #wpcontent,.privacy-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{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{-ms-grid-row-align:start;align-self:start}.about__container .is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.about__container .is-vertically-aligned-bottom{-ms-grid-row-align:end;align-self:end}.about__section{background:#fff;background:var(--background);clear:both}.about__container .has-accent-background-color{background-color:#d1e4dd;background-color:var(--accent-1)}.about__container .has-transparent-background-color{background-color:transparent}.about__container .has-accent-color{color:#000;color:var(--text);font-weight:700}.about__container .has-border{border:3px solid currentColor}.about__container .has-subtle-background-color{background-color:#eeeadd;background-color:var(--subtle-background)}.about__container .has-background-image{background-size:contain;background-repeat:no-repeat;background-position:center}.about__section{margin:1em 0}.about__section .column{padding:32px}.about__section+.about__section .column{padding-top:0}.about__section .column.has-border,.about__section .column[class*=background-color]{padding-top:32px}.about__section .column.is-edge-to-edge{padding:0}.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:64px}.about__section .is-section-header{margin-bottom:0;padding:32px 32px 0}.about__section .is-section-header p:last-child{margin-bottom:0}.about__section .is-section-header:first-child:last-child{padding:0}.about__section.is-feature{padding:32px}.about__section.is-feature p{margin:0}.about__section.is-feature p+p{margin-top:1rem}.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:-ms-grid;display:grid}.about__section.has-gutters{gap:16px}.about__section.has-2-columns{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.about__section.has-2-columns.is-wider-right{-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr}.about__section.has-2-columns.is-wider-left{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}.about__section.has-2-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-2-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-2-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about__section.has-3-columns{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.about__section.has-3-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-3-columns .column:nth-of-type(3n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-3-columns .column:nth-of-type(3n+2){-ms-grid-column:2;grid-column-start:2}.about__section.has-3-columns .column:nth-of-type(3n){-ms-grid-column:3;grid-column-start:3}.about__section.has-4-columns{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.about__section.has-4-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:4;grid-column-end:span 4}.about__section.has-4-columns .column:nth-of-type(4n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(4n+2){-ms-grid-column:2;grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n+3){-ms-grid-column:3;grid-column-start:3}.about__section.has-4-columns .column:nth-of-type(4n){-ms-grid-column:4;grid-column-start:4}.about__section.has-2-columns .is-section-header~.column,.about__section.has-3-columns .is-section-header~.column,.about__section.has-4-columns .is-section-header~.column,.about__section.has-overlap-style .is-section-header~.column{-ms-grid-row:2;grid-row-start:2}.about__section.has-overlap-style{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr)}.about__section.has-overlap-style .column{-ms-grid-row:1;grid-row-start:1}.about__section.has-overlap-style .column:nth-of-type(2n+1){-ms-grid-column:2;grid-column-start:2;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-overlap-style .column:nth-of-type(2n){-ms-grid-column:4;grid-column-start:4;-ms-grid-column-span:3;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-left,.about__section.has-2-columns.is-wider-right,.about__section.has-3-columns{display:block;padding-bottom:16px}.about__section.has-2-columns.has-gutters .column,.about__section.has-3-columns.has-gutters .column{margin-bottom:16px}.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:16px;padding-bottom:16px}.about__section.has-4-columns{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.about__section.has-4-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n),.about__section.has-4-columns .column:nth-of-type(4n+3){-ms-grid-row:2;grid-row-start:2}.about__section.has-4-columns .is-section-header{-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n),.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n+3){-ms-grid-row:3;grid-row-start:3}.about__section.has-overlap-style{-ms-grid-columns:1fr;grid-template-columns:1fr}.about__section.has-overlap-style .column.column{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-span:1;grid-row-end:2}}@media screen and (max-width:600px){.about__section.has-2-columns{display:block;padding-bottom:16px}.about__section.has-2-columns.has-gutters .column{margin-bottom:16px}.about__section.has-2-columns.has-gutters .column:last-child{margin-bottom:0}.about__section.has-2-columns .column:nth-of-type(n){padding-top:16px;padding-bottom:16px}}@media screen and (max-width:480px){.about__section.has-4-columns{display:block;padding-bottom:16px}.about__section.has-4-columns.has-gutters .column{margin-bottom:16px}.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:16px;padding-bottom:16px}}.about__container{line-height:1.4;color:#000;color:var(--text)}.about__container h1{margin:0 0 1em;padding:0;font-weight:600;color:inherit}.about__container h1,.about__container h2,.about__container h3.is-larger-heading{margin-top:0;margin-bottom:.5em;font-size:2.9em;line-height:1.2;font-weight:400}.about__container h2.is-smaller-heading,.about__container h3{margin-top:0;font-size:1.5em}.about__container p{font-size:inherit;line-height:inherit}.about__section a{color:#000;color:var(--accent-2);text-decoration:underline}.about__section a:active,.about__section a:focus,.about__section a:hover{color:#000;color:var(--accent-2);text-decoration:none}.wp-credits-list a{text-decoration:none}.wp-credits-list a:active,.wp-credits-list a:focus,.wp-credits-list a:hover{text-decoration:underline}.about__container ul{list-style:disc;margin-left:16px}.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}.about__container .about__image .wp-video{margin-left:auto;margin-right:auto}.about__container .about__image+h3{margin-top:1.5em}.about__container hr{margin:0;height:32px;border:none}.about__container hr.is-small{height:8px}.about__container hr.is-large{height:64px;width:2px;margin:16px auto;background:currentColor}.about__container .notice,.about__container div.error,.about__container div.updated{display:none!important}.about__section{font-size:1.2em}.about__section.is-feature{font-size:1.6em;font-weight:600;text-align:center}@media screen and (max-width:480px){.about__section.is-feature{font-size:1.4em;font-weight:500}.about__container h1,.about__container h2,.about__container h3.is-larger-heading{font-size:2em}}.about__header{margin-bottom:32px;padding-top:3em;background-color:#d1e4dd;background-color:var(--accent-1);color:#000;color:var(--text)}.about__header-image{margin:0 32px 3em}.about__header-container{display:-ms-grid;display:grid;-ms-grid-columns:3fr 1fr;grid-template-columns:3fr 1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;justify-items:start}.about__header-title{display:inline-block;padding:1em 0;margin:0 32px 4em;text-align:center;border-width:3px 0;border-style:solid;border-color:currentColor;-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.about__header-title p{margin:0;padding:0;font-size:6em;line-height:1;font-weight:500}.about__header-text{margin:0 32px 3em;max-width:13em;font-size:1.5em;line-height:1.4;-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}.about__header-text p{margin:0}.about__header-badge{-ms-grid-column:2;grid-column:2;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2;-ms-grid-row-align:center;align-self:center}.about__header-navigation{clear:both;padding-top:0;background:#fff;background:var(--nav-background);color:#767676;color:var(--nav-color);border-bottom:3px solid #767676;border-bottom:3px solid var(--nav-border)}.about__header-navigation .nav-tab{margin-left:0;padding:24px 32px;font-size:1.4em;line-height:1;border-width:0 0 3px;border-style:solid;border-color:transparent;background:0 0;color:inherit}.about__header-navigation .nav-tab:active,.about__header-navigation .nav-tab:hover{background-color:#000;background-color:var(--text);color:#fff;color:var(--text-light)}.about__header-navigation .nav-tab-active{margin-bottom:-3px;color:#000;color:var(--nav-current);border-width:0 0 6px;border-color:#000;border-color:var(--nav-current)}.about__header-navigation .nav-tab-active:active,.about__header-navigation .nav-tab-active:hover{background-color:#000;background-color:var(--text);color:#fff;color:var(--text-light);border-color:#000;border-color:var(--nav-current)}@media screen and (max-width:782px){.about__container .about__header-text{font-size:1.4em}.about__header-container{display:block}.about__header-badge,.about__header-image,.about__header-text,.about__header-title{margin-left:16px;margin-right:16px}.about__header-text{margin-bottom:1em}.about__header-badge{margin-bottom:3em}.about__header-navigation .nav-tab{margin-top:0;margin-right:0;padding:24px 16px}}@media screen and (max-width:480px){.about__header-title p{font-size:3.2em}.about__header-navigation .nav-tab{float:none;display:block;margin-bottom:0;padding:16px 16px;border-left-width:6px;border-bottom:none}.about__header-navigation .nav-tab-active{border-bottom:none;border-left-width:6px}}.about__section .wp-people-group{margin:0}.about__section .wp-person{display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 1em 1em 0;height:6em;width:calc(33% - 4px);min-width:280px}.about__section .compact .wp-person{height:auto;width:calc(25% - 4px);min-width:220px;padding-bottom:.5em}.about__section .wp-person .gravatar{float:left;margin:-4px .85em .85em 0;padding:1px;width:80px;height:80px;border-radius:100%}.about__section .compact .wp-person .gravatar{width:40px;height:40px}.about__section .wp-person .web{font-size:1.4em;font-weight:600;text-decoration:none;color:#000;color:var(--text)}.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:.5em}@media screen and (max-width:480px){.about__section .wp-person{min-width:100%}.about__section .wp-person .gravatar{width:60px;height:60px}.about__section .wp-person .web{font-size:1em}.about__section .compact .wp-person .web{font-size:1em}}.about__section .column .freedoms-image{margin-bottom:1em}.about-wrap{position:relative;margin:25px 40px 0 20px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:3em 0 0;border-top:1px solid rgba(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}.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,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;right:0}.about-wrap .nav-tab{padding-right:15px;padding-left:15px;font-size:18px;line-height:1.33333333}.about-wrap h1{margin:.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 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 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}.about-wrap .has-1-columns,.about-wrap .has-2-columns,.about-wrap .has-3-columns,.about-wrap .has-4-columns{display:-ms-grid;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{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.about-wrap .has-2-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-2-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-2-columns.is-wider-right{-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr}.about-wrap .has-2-columns.is-wider-left{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}.about-wrap .has-3-columns{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.about-wrap .has-3-columns .column:nth-of-type(3n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-3-columns .column:nth-of-type(3n+2){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-3-columns .column:nth-of-type(3n){-ms-grid-column:3;grid-column-start:3}.about-wrap .has-4-columns{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.about-wrap .has-4-columns .column:nth-of-type(4n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-4-columns .column:nth-of-type(4n+2){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n+3){-ms-grid-column:3;grid-column-start:3}.about-wrap .has-4-columns .column:nth-of-type(4n){-ms-grid-column:4;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{-ms-grid-row-align:start;align-self:start}.about-wrap .is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.about-wrap .is-vertically-aligned-bottom{-ms-grid-row-align:end;align-self:end}.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}.about-wrap .lead-description{font-size:1.5em;text-align:center}.about-wrap .feature-section p{margin-top:.6em}.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%}.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}.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-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:.6em 0}.freedoms-php .column .freedoms-image{background-image:url(../images/freedoms.png);background-size:100%;padding-top:100%}.freedoms-php .column:nth-of-type(2) .freedoms-image{background-position:0 34%}.freedoms-php .column:nth-of-type(3) .freedoms-image{background-position:0 66%}.freedoms-php .column:nth-of-type(4) .freedoms-image{background-position:0 100%}@media screen and (max-width:782px){.about-wrap .has-3-columns,.about-wrap .has-4-columns{-ms-grid-columns:1fr 1fr;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){-ms-grid-column:1;grid-column-start:1;-ms-grid-row: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){-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;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){-ms-grid-column:1;grid-column-start:1;-ms-grid-row:2;grid-row-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n){-ms-grid-column:2;grid-column-start:2;-ms-grid-row: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-left,.about-wrap .has-2-columns.is-wider-right{display:-ms-grid;display:grid}}@media only screen and (max-width:500px){.about-wrap{margin-right:20px;margin-left:10px}.about-wrap .about-text,.about-wrap h1{margin-right:0}.about-wrap .about-text{margin-bottom:.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-left,.about-wrap .has-2-columns.is-wider-right{display:block}.about-wrap .column{margin-right:0;margin-left:0}.about-wrap .has-2-columns.is-wider-left img,.about-wrap .has-2-columns.is-wider-right img{max-width:160px}} \ No newline at end of file +.about__container{--background:#fff;--subtle-background:#fde4bf;--text:#00131c;--text-light:#fff;--accent-1:#0a5b89;--accent-2:#fde4bf;--nav-background:var(--background);--nav-border:#fcc36f;--nav-color:var(--text);--nav-current:#0a5b88}.about-php,.credits-php,.freedoms-php,.privacy-php{background:#fff}.about-php #wpcontent,.credits-php #wpcontent,.freedoms-php #wpcontent,.privacy-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{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{-ms-grid-row-align:start;align-self:start}.about__container .is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.about__container .is-vertically-aligned-bottom{-ms-grid-row-align:end;align-self:end}.about__section{background:#fff;background:var(--background);clear:both}.about__container .has-accent-background-color{background-color:#0a5b89;background-color:var(--accent-1);color:#fff;color:var(--text-light)}.about__container .has-transparent-background-color{background-color:transparent}.about__container .has-accent-color{color:#00131c;color:var(--text);font-weight:700}.about__container .has-border{border:3px solid currentColor}.about__container .has-subtle-background-color{background-color:#fde4bf;background-color:var(--subtle-background)}.about__container .has-background-image{background-size:contain;background-repeat:no-repeat;background-position:center}.about__section{margin:0}.about__section .column{padding:32px}.about__section+.about__section .column{padding-top:0}.about__section+.about__section .is-section-header{padding-bottom:32px}.about__section .column.has-border,.about__section .column[class*=background-color]{padding-top:32px}.about__section .column.is-edge-to-edge{padding:0}.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:64px}.about__section .is-section-header{margin-bottom:0;padding:32px 32px 0}.about__section .is-section-header p:last-child{margin-bottom:0}.about__section .is-section-header:first-child:last-child{padding:0}.about__section.is-feature{padding:32px}.about__section.is-feature p{margin:0}.about__section.is-feature p+p{margin-top:1rem}.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:-ms-grid;display:grid}.about__section.has-gutters{gap:16px}.about__section.has-2-columns{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.about__section.has-2-columns.is-wider-right{-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr}.about__section.has-2-columns.is-wider-left{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}.about__section.has-2-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-2-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-2-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about__section.has-3-columns{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.about__section.has-3-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-3-columns .column:nth-of-type(3n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-3-columns .column:nth-of-type(3n+2){-ms-grid-column:2;grid-column-start:2}.about__section.has-3-columns .column:nth-of-type(3n){-ms-grid-column:3;grid-column-start:3}.about__section.has-4-columns{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.about__section.has-4-columns .is-section-header{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:4;grid-column-end:span 4}.about__section.has-4-columns .column:nth-of-type(4n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(4n+2){-ms-grid-column:2;grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n+3){-ms-grid-column:3;grid-column-start:3}.about__section.has-4-columns .column:nth-of-type(4n){-ms-grid-column:4;grid-column-start:4}.about__section.has-2-columns .is-section-header~.column,.about__section.has-3-columns .is-section-header~.column,.about__section.has-4-columns .is-section-header~.column,.about__section.has-overlap-style .is-section-header~.column{-ms-grid-row:2;grid-row-start:2}.about__section.has-overlap-style{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr)}.about__section.has-overlap-style .column{-ms-grid-row:1;grid-row-start:1}.about__section.has-overlap-style .column:nth-of-type(2n+1){-ms-grid-column:2;grid-column-start:2;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-overlap-style .column:nth-of-type(2n){-ms-grid-column:4;grid-column-start:4;-ms-grid-column-span:3;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-left,.about__section.has-2-columns.is-wider-right,.about__section.has-3-columns{display:block;padding-bottom:16px}.about__section.has-2-columns.has-gutters .column,.about__section.has-3-columns.has-gutters .column{margin-bottom:16px}.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:16px;padding-bottom:16px}.about__section.has-4-columns{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.about__section.has-4-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n),.about__section.has-4-columns .column:nth-of-type(4n+3){-ms-grid-row:2;grid-row-start:2}.about__section.has-4-columns .is-section-header{-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n),.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n+3){-ms-grid-row:3;grid-row-start:3}.about__section.has-overlap-style{-ms-grid-columns:1fr;grid-template-columns:1fr}.about__section.has-overlap-style .column.column{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-span:1;grid-row-end:2}}@media screen and (max-width:600px){.about__section.has-2-columns{display:block;padding-bottom:16px}.about__section.has-2-columns.has-gutters .column{margin-bottom:16px}.about__section.has-2-columns.has-gutters .column:last-child{margin-bottom:0}.about__section.has-2-columns .column:nth-of-type(n){padding-top:16px;padding-bottom:16px}}@media screen and (max-width:480px){.about__section.is-feature .column{padding:0}.about__section.has-4-columns{display:block;padding-bottom:16px}.about__section.has-4-columns.has-gutters .column{margin-bottom:16px}.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:16px;padding-bottom:16px}}.about__container{line-height:1.4;color:#00131c;color:var(--text)}.about__container h1{margin:0 0 1em;padding:0;font-weight:600;color:inherit}.about__container h1,.about__container h2,.about__container h3.is-larger-heading{margin-top:0;margin-bottom:.5em;font-size:2.9em;line-height:1.2;font-weight:400}.about__container h1.is-smaller-heading,.about__container h2.is-smaller-heading,.about__container h3{margin-top:0;font-size:1.5em;font-weight:700}.about__container p{font-size:inherit;line-height:inherit}.about__section a{color:#0a5b89;color:var(--accent-1);text-decoration:underline}.about__section a:active,.about__section a:focus,.about__section a:hover{color:#0a5b89;color:var(--accent-1);text-decoration:none}.wp-credits-list a{text-decoration:none}.wp-credits-list a:active,.wp-credits-list a:focus,.wp-credits-list a:hover{text-decoration:underline}.about__container ul{list-style:disc;margin-left:16px}.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}.about__container .about__image .wp-video{margin-left:auto;margin-right:auto}.about__container .about__image-comparison{position:relative;display:inline-block;line-height:0;max-width:100%}.about__container .about__image-comparison img{user-select:none;width:auto;max-width:none;max-height:100%}.about__container .about__image-comparison>img{max-width:100%}.about__container .about__image-comparison-resize{position:absolute;top:0;bottom:0;left:0;width:50%;max-width:100%;overflow:hidden;resize:horizontal;border-right:2px solid #fff}.about__container .about__image-comparison-resize:after{content:"";display:block;position:absolute;right:0;bottom:0;width:20px;height:20px;font-family:dashicons;font-size:20px;line-height:1;overflow:hidden}.about__container .about__image+h3{margin-top:1.5em}.about__container hr{margin:0;height:32px;border:none}.about__container hr.is-small{height:8px}.about__container hr.is-large{height:64px;margin:16px auto}.about__container .notice,.about__container div.error,.about__container div.updated{display:none!important}.about__section{font-size:1.2em}.about__section.is-feature{font-size:1.6em}@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__header{margin-bottom:32px;padding-top:3em;background-position:bottom center;background-repeat:no-repeat;background-size:cover;background-image:url(../images/about-header-brushes.svg);background-color:#0a5b89;background-color:var(--accent-1);color:#fff;color:var(--text-light)}.about__header-image{margin:0 32px 3em}.about__header-title{padding:1em 0;margin:0 32px;text-align:center}.about__header-title p{margin:0;padding:0;font-size:6em;line-height:1;font-weight:900;text-transform:uppercase}.about__header-text{max-width:25em;margin:0 auto 8em;padding:0 16px;font-size:1.5em;line-height:1.4;color:#fde4bf;color:var(--accent-2);text-align:center}.about__header-navigation{clear:both;padding-top:0;background:#fff;background:var(--nav-background);color:#00131c;color:var(--nav-color);border-bottom:3px solid #fcc36f;border-bottom:3px solid var(--nav-border)}.about__header-navigation .nav-tab{margin-left:0;padding:24px 32px;font-size:1.4em;line-height:1;border-width:0 0 3px;border-style:solid;border-color:transparent;background:0 0;color:inherit}.about__header-navigation .nav-tab:active,.about__header-navigation .nav-tab:hover{background-color:#0a5b88;background-color:var(--nav-current);color:#fff;color:var(--text-light)}.about__header-navigation .nav-tab-active{margin-bottom:-3px;color:#0a5b88;color:var(--nav-current);border-width:0 0 6px;border-color:#0a5b88;border-color:var(--nav-current)}.about__header-navigation .nav-tab-active:active,.about__header-navigation .nav-tab-active:hover{background-color:#0a5b88;background-color:var(--nav-current);color:#fff;color:var(--text-light);border-color:#0a5b88;border-color:var(--nav-current)}@media screen and (max-width:960px){.about__header-title p{font-size:4.8em}}@media screen and (max-width:782px){.about__container .about__header-text{font-size:1.4em}.about__header-container{display:block}.about__header-image,.about__header-title{margin-left:16px;margin-right:16px}.about__header-navigation .nav-tab{margin-top:0;margin-right:0;padding:24px 16px}}@media screen and (max-width:480px){.about__header{background-image:none}.about__header-title p{font-size:2.4em}.about__header-text{margin-bottom:1em}.about__header-navigation .nav-tab{float:none;display:block;margin-bottom:0;padding:16px 16px;border-left-width:6px;border-bottom:none}.about__header-navigation .nav-tab-active{border-bottom:none;border-left-width:6px}}.about__section .wp-people-group{margin:0}.about__section .wp-person{display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 1em 1em 0;height:6em;width:calc(33% - 4px);min-width:280px}.about__section .compact .wp-person{height:auto;width:calc(25% - 4px);min-width:220px;padding-bottom:.5em}.about__section .wp-person .gravatar{float:left;margin:-4px .85em .85em 0;padding:1px;width:80px;height:80px;border-radius:100%}.about__section .compact .wp-person .gravatar{width:40px;height:40px}.about__section .wp-person .web{font-size:1.4em;font-weight:600;text-decoration:none;color:#00131c;color:var(--text)}.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:.5em}@media screen and (max-width:480px){.about__section .wp-person{min-width:100%}.about__section .wp-person .gravatar{width:60px;height:60px}.about__section .wp-person .web{font-size:1em}.about__section .compact .wp-person .web{font-size:1em}}.about__section .column .freedoms-image{margin-bottom:1em}.about-wrap{position:relative;margin:25px 40px 0 20px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:3em 0 0;border-top:1px solid rgba(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}.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,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;right:0}.about-wrap .nav-tab{padding-right:15px;padding-left:15px;font-size:18px;line-height:1.33333333}.about-wrap h1{margin:.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 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 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}.about-wrap .has-1-columns,.about-wrap .has-2-columns,.about-wrap .has-3-columns,.about-wrap .has-4-columns{display:-ms-grid;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{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.about-wrap .has-2-columns .column:nth-of-type(2n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-2-columns .column:nth-of-type(2n){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-2-columns.is-wider-right{-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr}.about-wrap .has-2-columns.is-wider-left{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}.about-wrap .has-3-columns{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.about-wrap .has-3-columns .column:nth-of-type(3n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-3-columns .column:nth-of-type(3n+2){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-3-columns .column:nth-of-type(3n){-ms-grid-column:3;grid-column-start:3}.about-wrap .has-4-columns{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.about-wrap .has-4-columns .column:nth-of-type(4n+1){-ms-grid-column:1;grid-column-start:1}.about-wrap .has-4-columns .column:nth-of-type(4n+2){-ms-grid-column:2;grid-column-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n+3){-ms-grid-column:3;grid-column-start:3}.about-wrap .has-4-columns .column:nth-of-type(4n){-ms-grid-column:4;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{-ms-grid-row-align:start;align-self:start}.about-wrap .is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.about-wrap .is-vertically-aligned-bottom{-ms-grid-row-align:end;align-self:end}.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}.about-wrap .lead-description{font-size:1.5em;text-align:center}.about-wrap .feature-section p{margin-top:.6em}.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%}.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}.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-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:.6em 0}.freedoms-php .column .freedoms-image{background-image:url(../images/freedoms.png);background-size:100%;padding-top:100%}.freedoms-php .column:nth-of-type(2) .freedoms-image{background-position:0 34%}.freedoms-php .column:nth-of-type(3) .freedoms-image{background-position:0 66%}.freedoms-php .column:nth-of-type(4) .freedoms-image{background-position:0 100%}@media screen and (max-width:782px){.about-wrap .has-3-columns,.about-wrap .has-4-columns{-ms-grid-columns:1fr 1fr;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){-ms-grid-column:1;grid-column-start:1;-ms-grid-row: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){-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;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){-ms-grid-column:1;grid-column-start:1;-ms-grid-row:2;grid-row-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n){-ms-grid-column:2;grid-column-start:2;-ms-grid-row: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-left,.about-wrap .has-2-columns.is-wider-right{display:-ms-grid;display:grid}}@media only screen and (max-width:500px){.about-wrap{margin-right:20px;margin-left:10px}.about-wrap .about-text,.about-wrap h1{margin-right:0}.about-wrap .about-text{margin-bottom:.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-left,.about-wrap .has-2-columns.is-wider-right{display:block}.about-wrap .column{margin-right:0;margin-left:0}.about-wrap .has-2-columns.is-wider-left img,.about-wrap .has-2-columns.is-wider-right img{max-width:160px}} \ No newline at end of file diff --git a/wp-admin/freedoms.php b/wp-admin/freedoms.php index 9ce2443ec6..1809e6488f 100644 --- a/wp-admin/freedoms.php +++ b/wp-admin/freedoms.php @@ -25,10 +25,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
- - ' ); ?>" /> - <?php _e( 'Code is Poetry' ); ?>' ); ?>" /> - + <?php _e( 'Code is Poetry' ); ?>
@@ -40,10 +37,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
- -
-
- <?php _e( 'New' ); ?>' ); ?>" /> +
diff --git a/wp-admin/images/about-badge.svg b/wp-admin/images/about-badge.svg new file mode 100644 index 0000000000..4843775daa --- /dev/null +++ b/wp-admin/images/about-badge.svg @@ -0,0 +1 @@ + diff --git a/wp-admin/images/about-color-palette-vert.svg b/wp-admin/images/about-color-palette-vert.svg new file mode 100644 index 0000000000..6ab2a48b9b --- /dev/null +++ b/wp-admin/images/about-color-palette-vert.svg @@ -0,0 +1 @@ + diff --git a/wp-admin/images/about-color-palette.svg b/wp-admin/images/about-color-palette.svg new file mode 100644 index 0000000000..360829aa2e --- /dev/null +++ b/wp-admin/images/about-color-palette.svg @@ -0,0 +1 @@ + diff --git a/wp-admin/images/about-header-brushes.svg b/wp-admin/images/about-header-brushes.svg new file mode 100644 index 0000000000..f5c47395b4 --- /dev/null +++ b/wp-admin/images/about-header-brushes.svg @@ -0,0 +1 @@ + diff --git a/wp-admin/privacy.php b/wp-admin/privacy.php index dbf2a39e9e..f520b9ed7c 100644 --- a/wp-admin/privacy.php +++ b/wp-admin/privacy.php @@ -19,10 +19,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
- - ' ); ?>" /> - <?php _e( 'Code is Poetry' ); ?>' ); ?>" /> - + <?php _e( 'Code is Poetry' ); ?>
@@ -34,10 +31,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
- -
-
- <?php _e( 'New' ); ?>' ); ?>" /> +
diff --git a/wp-includes/version.php b/wp-includes/version.php index 6698ecaaa3..770bac6565 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -13,7 +13,7 @@ * * @global string $wp_version */ -$wp_version = '5.7-beta3-50417'; +$wp_version = '5.7-beta3-50418'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.