input[type=range]::-ms-track {
input[type=range]::-ms-fill-upper {
input[type=range]::-ms-fill-lower {
input[type=range]::-ms-thumb {
border: 3px solid #39414d;
fieldset input[type=submit] {
fieldset input:not([type=submit]) {
fieldset input[type=radio],
fieldset input[type=checkbox] {
fieldset input[type=radio] + label {
fieldset input[type=checkbox] + label {
.post-password-form__label {
.post-password-form input[type=password] {
.post-password-form__submit {
@media only screen and (min-width: 592px) {
.post-password-form__submit {
/* Classic editor images */
/* Make sure embeds and iframes fit their containers. */
.wp-block-embed figcaption {
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-block-embed figcaption,
.alignright .wp-block-embed figcaption {
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
/* Over here, place any elements that do not need to have their own file. */
* text-underline-offset doesn't work in Chrome at all 👎
* But looks nice in Safari/Firefox, so let's keep it and
* maybe Chrome will support it soon.
text-underline-offset: 3px;
text-decoration-skip-ink: all;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
text-decoration: underline 1px dotted currentColor;
text-decoration-skip-ink: none;
background: rgba(255, 255, 255, 0.9);
.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: rgba(0, 0, 0, 0.9);
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
background-color: #f1f1f1;
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
outline: 2px dotted #28303d;
.has-background .has-link-color a {
.has-background.has-link-color a {
/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
.wp-block-audio audio:focus {
outline: 2px solid #28303d;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: #39414d;
border: 3px solid #39414d;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: #39414d;
border: 3px solid #39414d;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: #39414d;
border: 3px solid #39414d;
.wp-block-search__button {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: #39414d;
border: 3px solid #39414d;
.wp-block-button .wp-block-button__link {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: #39414d;
border: 3px solid #39414d;
input[type=submit]:focus,
.wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus {
outline: 2px dotted currentColor;
.is-dark-theme .site .button:focus {
.is-dark-theme input[type=submit]:focus {
.is-dark-theme input[type=reset]:focus {
.is-dark-theme .wp-block-search__button:focus {
.is-dark-theme .wp-block-button .wp-block-button__link:focus {
.site .button:focus:not(.has-background) {
input[type=submit]:focus:not(.has-background) {
input[type=reset]:focus:not(.has-background) {
.wp-block-search__button:focus:not(.has-background) {
.wp-block-button .wp-block-button__link:focus:not(.has-background) {
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
input[type=submit]:disabled {
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
input[type=reset]:disabled {
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
.wp-block-search__button:disabled {
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
.wp-block-button .wp-block-button__link:disabled {
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
background-color: #d1e4dd;
input[type=submit]:active {
background-color: #d1e4dd;
input[type=reset]:active {
background-color: #d1e4dd;
.wp-block-search .wp-block-search__button:active {
background-color: #d1e4dd;
.wp-block-file .wp-block-file__button:active {
background-color: #d1e4dd;
input[type=submit]:hover {
input[type=reset]:hover {
.wp-block-search .wp-block-search__button:hover {
.wp-block-file .wp-block-file__button:hover {
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
color: #39414d !important;
background: transparent !important;
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
color: #39414d !important;
background: transparent !important;
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
color: #d1e4dd !important;
background: #39414d !important;
.wp-block-button.is-style-outline .wp-block-button__link {
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {