Accessibility: Improve and modernize user interface controls for better contrast. First part: buttons and links.

- Introduces new styles for the buttons, with better contrast for borders and better focus style.
- Introduces a new focus style for links.
- The new styles improve consistency with the ones used in the new Block Editor (Gutenberg).

Props michaelarestad, truchot, mor10, kellychoffman, adamsoucie, paaljoachim, Joen, kjellr, melchoyce, karmatosed, audrasjb, afercia.
Fixes #34904.

Built from https://develop.svn.wordpress.org/trunk@46241


git-svn-id: http://core.svn.wordpress.org/trunk@46053 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrea Fercia 2019-09-23 14:43:58 +00:00
parent e43633b7d0
commit 618883f6f4
47 changed files with 728 additions and 515 deletions

View File

@ -43,10 +43,41 @@ input[type=radio]:checked:before {
color: $link-focus;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: $highlight-color;
box-shadow: 0 0 0 1px $highlight-color;
}
/* Core UI */
.wp-core-ui {
.button.focus,
.button:focus,
.button-secondary:focus {
border-color: $button-color;
color: darken( $button-color, 5% );
box-shadow: 0 0 0 1px $button-color;
}
.button-primary {
@include button( $button-color );
}

View File

@ -1,37 +1,31 @@
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
@mixin button( $button-color, $text-color: #fff ) {
background: $button-color;
border-color: darken( $button-color, 10% ) darken( $button-color, 15% ) darken( $button-color, 15% );
border-color: $button-color;
color: $text-color;
box-shadow: 0 1px 0 darken( $button-color, 15% );
text-shadow: 0 -1px 1px darken( $button-color, 15% ),
1px 0 1px darken( $button-color, 15% ),
0 1px 1px darken( $button-color, 15% ),
-1px 0 1px darken( $button-color, 15% );
&:hover,
&:focus {
background: lighten( $button-color, 3% );
border-color: darken( $button-color, 15% );
border-color: darken( $button-color, 3% );
color: $text-color;
box-shadow: 0 1px 0 darken( $button-color, 15% );
}
&:focus {
box-shadow: inset 0 1px 0 darken( $button-color, 10% ),
0 0 2px 1px #33b3db;
box-shadow:
0 0 0 1px #fff,
0 0 0 3px $button-color;
}
&:active,
&.active,
&.active:focus,
&.active:hover {
background: darken( $button-color, 10% );
border-color: darken( $button-color, 15% );
box-shadow: inset 0 2px 0 darken( $button-color, 15% );
background: darken( $button-color, 5% );
border-color: darken( $button-color, 5% );
}
&[disabled],
@ -39,16 +33,8 @@
&.button-primary-disabled,
&.disabled {
color: hsl( hue( $button-color ), 10%, 80% ) !important;
background: darken( $button-color, 8% ) !important;
border-color: darken( $button-color, 15% ) !important;
background: lighten( $button-color, 15% ) !important;
border-color: lighten( $button-color, 15% ) !important;
text-shadow: none !important;
}
&.button-hero {
box-shadow: 0 2px 0 darken( $button-color, 15% ) !important;
&:active {
box-shadow: inset 0 3px 0 darken( $button-color, 15% ) !important;
}
}
}

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #096484;
box-shadow: 0 0 0 1px #096484;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #e1a948;
color: #dd9f32;
box-shadow: 0 0 0 1px #e1a948;
}
.wp-core-ui .button-primary {
background: #e1a948;
border-color: #d39323 #bd831f #bd831f;
border-color: #e1a948;
color: #fff;
box-shadow: 0 1px 0 #bd831f;
text-shadow: 0 -1px 1px #bd831f, -1px 0 1px #bd831f, 0 1px 1px #bd831f, 1px 0 1px #bd831f;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #e3af55;
border-color: #bd831f;
border-color: #dfa33b;
color: #fff;
box-shadow: 0 1px 0 #bd831f;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #d39323;
border-color: #bd831f;
box-shadow: inset 0 2px 0 #bd831f;
background: #dd9f32;
border-color: #dd9f32;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #d1cdc7 !important;
background: #db9925 !important;
border-color: #bd831f !important;
background: #ecc88a !important;
border-color: #ecc88a !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #bd831f !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #bd831f !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #52accc;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #096484;
box-shadow: 0 0 0 1px #096484;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #e1a948;
color: #dd9f32;
box-shadow: 0 0 0 1px #e1a948;
}
.wp-core-ui .button-primary {
background: #e1a948;
border-color: #d39323 #bd831f #bd831f;
border-color: #e1a948;
color: #fff;
box-shadow: 0 1px 0 #bd831f;
text-shadow: 0 -1px 1px #bd831f, 1px 0 1px #bd831f, 0 1px 1px #bd831f, -1px 0 1px #bd831f;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #e3af55;
border-color: #bd831f;
border-color: #dfa33b;
color: #fff;
box-shadow: 0 1px 0 #bd831f;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #d39323, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #d39323;
border-color: #bd831f;
box-shadow: inset 0 2px 0 #bd831f;
background: #dd9f32;
border-color: #dd9f32;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #d1cdc7 !important;
background: #db9925 !important;
border-color: #bd831f !important;
background: #ecc88a !important;
border-color: #ecc88a !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #bd831f !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #bd831f !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #52accc;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #c7a589;
box-shadow: 0 0 0 1px #c7a589;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #c7a589;
color: #bf9878;
box-shadow: 0 0 0 1px #c7a589;
}
.wp-core-ui .button-primary {
background: #c7a589;
border-color: #b78b66 #ae7d55 #ae7d55;
border-color: #c7a589;
color: #fff;
box-shadow: 0 1px 0 #ae7d55;
text-shadow: 0 -1px 1px #ae7d55, -1px 0 1px #ae7d55, 0 1px 1px #ae7d55, 1px 0 1px #ae7d55;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #ccad93;
border-color: #ae7d55;
border-color: #c29d7f;
color: #fff;
box-shadow: 0 1px 0 #ae7d55;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #b78b66;
border-color: #ae7d55;
box-shadow: inset 0 2px 0 #ae7d55;
background: #bf9878;
border-color: #bf9878;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #d1ccc7 !important;
background: #ba906d !important;
border-color: #ae7d55 !important;
background: #e0cdbd !important;
border-color: #e0cdbd !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #ae7d55 !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #ae7d55 !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #59524c;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #c7a589;
box-shadow: 0 0 0 1px #c7a589;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #c7a589;
color: #bf9878;
box-shadow: 0 0 0 1px #c7a589;
}
.wp-core-ui .button-primary {
background: #c7a589;
border-color: #b78b66 #ae7d55 #ae7d55;
border-color: #c7a589;
color: #fff;
box-shadow: 0 1px 0 #ae7d55;
text-shadow: 0 -1px 1px #ae7d55, 1px 0 1px #ae7d55, 0 1px 1px #ae7d55, -1px 0 1px #ae7d55;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #ccad93;
border-color: #ae7d55;
border-color: #c29d7f;
color: #fff;
box-shadow: 0 1px 0 #ae7d55;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #b78b66, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #b78b66;
border-color: #ae7d55;
box-shadow: inset 0 2px 0 #ae7d55;
background: #bf9878;
border-color: #bf9878;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #d1ccc7 !important;
background: #ba906d !important;
border-color: #ae7d55 !important;
background: #e0cdbd !important;
border-color: #e0cdbd !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #ae7d55 !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #ae7d55 !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #59524c;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #a3b745;
box-shadow: 0 0 0 1px #a3b745;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #a3b745;
color: #93a43e;
box-shadow: 0 0 0 1px #a3b745;
}
.wp-core-ui .button-primary {
background: #a3b745;
border-color: #829237 #727f30 #727f30;
border-color: #a3b745;
color: #fff;
box-shadow: 0 1px 0 #727f30;
text-shadow: 0 -1px 1px #727f30, -1px 0 1px #727f30, 0 1px 1px #727f30, 1px 0 1px #727f30;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #a9bd4f;
border-color: #727f30;
border-color: #99ac41;
color: #fff;
box-shadow: 0 1px 0 #727f30;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #829237;
border-color: #727f30;
box-shadow: inset 0 2px 0 #727f30;
background: #93a43e;
border-color: #93a43e;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #cfd1c7 !important;
background: #89993a !important;
border-color: #727f30 !important;
background: #bfcd7b !important;
border-color: #bfcd7b !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #727f30 !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #727f30 !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #523f6d;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #a3b745;
box-shadow: 0 0 0 1px #a3b745;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #a3b745;
color: #93a43e;
box-shadow: 0 0 0 1px #a3b745;
}
.wp-core-ui .button-primary {
background: #a3b745;
border-color: #829237 #727f30 #727f30;
border-color: #a3b745;
color: #fff;
box-shadow: 0 1px 0 #727f30;
text-shadow: 0 -1px 1px #727f30, 1px 0 1px #727f30, 0 1px 1px #727f30, -1px 0 1px #727f30;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #a9bd4f;
border-color: #727f30;
border-color: #99ac41;
color: #fff;
box-shadow: 0 1px 0 #727f30;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #829237, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #829237;
border-color: #727f30;
box-shadow: inset 0 2px 0 #727f30;
background: #93a43e;
border-color: #93a43e;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #cfd1c7 !important;
background: #89993a !important;
border-color: #727f30 !important;
background: #bfcd7b !important;
border-color: #bfcd7b !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #727f30 !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #727f30 !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #523f6d;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #04a4cc;
box-shadow: 0 0 0 1px #04a4cc;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #04a4cc;
color: #0490b3;
box-shadow: 0 0 0 1px #04a4cc;
}
.wp-core-ui .button-primary {
background: #04a4cc;
border-color: #037c9a #036881 #036881;
border-color: #04a4cc;
color: #fff;
box-shadow: 0 1px 0 #036881;
text-shadow: 0 -1px 1px #036881, -1px 0 1px #036881, 0 1px 1px #036881, 1px 0 1px #036881;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #04b0db;
border-color: #036881;
border-color: #0498bd;
color: #fff;
box-shadow: 0 1px 0 #036881;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #037c9a;
border-color: #036881;
box-shadow: inset 0 2px 0 #036881;
background: #0490b3;
border-color: #0490b3;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #c7cfd1 !important;
background: #0384a4 !important;
border-color: #036881 !important;
background: #22cffb !important;
border-color: #22cffb !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #036881 !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #036881 !important;
}
.wp-core-ui .wp-ui-primary {
color: #333;
background-color: #e5e5e5;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #04a4cc;
box-shadow: 0 0 0 1px #04a4cc;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #04a4cc;
color: #0490b3;
box-shadow: 0 0 0 1px #04a4cc;
}
.wp-core-ui .button-primary {
background: #04a4cc;
border-color: #037c9a #036881 #036881;
border-color: #04a4cc;
color: #fff;
box-shadow: 0 1px 0 #036881;
text-shadow: 0 -1px 1px #036881, 1px 0 1px #036881, 0 1px 1px #036881, -1px 0 1px #036881;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #04b0db;
border-color: #036881;
border-color: #0498bd;
color: #fff;
box-shadow: 0 1px 0 #036881;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #037c9a;
border-color: #036881;
box-shadow: inset 0 2px 0 #036881;
background: #0490b3;
border-color: #0490b3;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #c7cfd1 !important;
background: #0384a4 !important;
border-color: #036881 !important;
background: #22cffb !important;
border-color: #22cffb !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #036881 !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #036881 !important;
}
.wp-core-ui .wp-ui-primary {
color: #333;
background-color: #e5e5e5;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #e14d43;
box-shadow: 0 0 0 1px #e14d43;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #e14d43;
color: #dd382d;
box-shadow: 0 0 0 1px #e14d43;
}
.wp-core-ui .button-primary {
background: #e14d43;
border-color: #d02c21 #ba281e #ba281e;
border-color: #e14d43;
color: #fff;
box-shadow: 0 1px 0 #ba281e;
text-shadow: 0 -1px 1px #ba281e, -1px 0 1px #ba281e, 0 1px 1px #ba281e, 1px 0 1px #ba281e;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #e35950;
border-color: #ba281e;
border-color: #df4136;
color: #fff;
box-shadow: 0 1px 0 #ba281e;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #d02c21;
border-color: #ba281e;
box-shadow: inset 0 2px 0 #ba281e;
background: #dd382d;
border-color: #dd382d;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #d1c8c7 !important;
background: #d92e23 !important;
border-color: #ba281e !important;
background: #ec8b85 !important;
border-color: #ec8b85 !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #ba281e !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #ba281e !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #363b3f;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #e14d43;
box-shadow: 0 0 0 1px #e14d43;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #e14d43;
color: #dd382d;
box-shadow: 0 0 0 1px #e14d43;
}
.wp-core-ui .button-primary {
background: #e14d43;
border-color: #d02c21 #ba281e #ba281e;
border-color: #e14d43;
color: #fff;
box-shadow: 0 1px 0 #ba281e;
text-shadow: 0 -1px 1px #ba281e, 1px 0 1px #ba281e, 0 1px 1px #ba281e, -1px 0 1px #ba281e;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #e35950;
border-color: #ba281e;
border-color: #df4136;
color: #fff;
box-shadow: 0 1px 0 #ba281e;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #d02c21, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #d02c21;
border-color: #ba281e;
box-shadow: inset 0 2px 0 #ba281e;
background: #dd382d;
border-color: #dd382d;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #d1c8c7 !important;
background: #d92e23 !important;
border-color: #ba281e !important;
background: #ec8b85 !important;
border-color: #ec8b85 !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #ba281e !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #ba281e !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #363b3f;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #9ebaa0;
box-shadow: 0 0 0 1px #9ebaa0;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #9ebaa0;
color: #8faf91;
box-shadow: 0 0 0 1px #9ebaa0;
}
.wp-core-ui .button-primary {
background: #9ebaa0;
border-color: #80a583 #719a74 #719a74;
border-color: #9ebaa0;
color: #fff;
box-shadow: 0 1px 0 #719a74;
text-shadow: 0 -1px 1px #719a74, -1px 0 1px #719a74, 0 1px 1px #719a74, 1px 0 1px #719a74;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #a7c0a9;
border-color: #719a74;
border-color: #95b497;
color: #fff;
box-shadow: 0 1px 0 #719a74;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #80a583;
border-color: #719a74;
box-shadow: inset 0 2px 0 #719a74;
background: #8faf91;
border-color: #8faf91;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #c7d1c8 !important;
background: #86a989 !important;
border-color: #719a74 !important;
background: #cbdacc !important;
border-color: #cbdacc !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #719a74 !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #719a74 !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #738e96;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #9ebaa0;
box-shadow: 0 0 0 1px #9ebaa0;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #9ebaa0;
color: #8faf91;
box-shadow: 0 0 0 1px #9ebaa0;
}
.wp-core-ui .button-primary {
background: #9ebaa0;
border-color: #80a583 #719a74 #719a74;
border-color: #9ebaa0;
color: #fff;
box-shadow: 0 1px 0 #719a74;
text-shadow: 0 -1px 1px #719a74, 1px 0 1px #719a74, 0 1px 1px #719a74, -1px 0 1px #719a74;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #a7c0a9;
border-color: #719a74;
border-color: #95b497;
color: #fff;
box-shadow: 0 1px 0 #719a74;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #80a583, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #80a583;
border-color: #719a74;
box-shadow: inset 0 2px 0 #719a74;
background: #8faf91;
border-color: #8faf91;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #c7d1c8 !important;
background: #86a989 !important;
border-color: #719a74 !important;
background: #cbdacc !important;
border-color: #cbdacc !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #719a74 !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #719a74 !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #738e96;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #dd823b;
box-shadow: 0 0 0 1px #dd823b;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #dd823b;
color: #d97426;
box-shadow: 0 0 0 1px #dd823b;
}
.wp-core-ui .button-primary {
background: #dd823b;
border-color: #c36922 #ad5d1e #ad5d1e;
border-color: #dd823b;
color: #fff;
box-shadow: 0 1px 0 #ad5d1e;
text-shadow: 0 -1px 1px #ad5d1e, -1px 0 1px #ad5d1e, 0 1px 1px #ad5d1e, 1px 0 1px #ad5d1e;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #df8a48;
border-color: #ad5d1e;
border-color: #db7a2e;
color: #fff;
box-shadow: 0 1px 0 #ad5d1e;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #c36922;
border-color: #ad5d1e;
box-shadow: inset 0 2px 0 #ad5d1e;
background: #d97426;
border-color: #d97426;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #d1cbc7 !important;
background: #cc6d23 !important;
border-color: #ad5d1e !important;
background: #e8ac7c !important;
border-color: #e8ac7c !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #ad5d1e !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #ad5d1e !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #cf4944;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/*! This file is auto-generated */
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
body {
@ -37,47 +37,66 @@ input[type=radio]:checked:before {
color: #0096dd;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #dd823b;
box-shadow: 0 0 0 1px #dd823b;
}
/* Core UI */
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #dd823b;
color: #d97426;
box-shadow: 0 0 0 1px #dd823b;
}
.wp-core-ui .button-primary {
background: #dd823b;
border-color: #c36922 #ad5d1e #ad5d1e;
border-color: #dd823b;
color: #fff;
box-shadow: 0 1px 0 #ad5d1e;
text-shadow: 0 -1px 1px #ad5d1e, 1px 0 1px #ad5d1e, 0 1px 1px #ad5d1e, -1px 0 1px #ad5d1e;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #df8a48;
border-color: #ad5d1e;
border-color: #db7a2e;
color: #fff;
box-shadow: 0 1px 0 #ad5d1e;
}
.wp-core-ui .button-primary:focus {
box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
}
.wp-core-ui .button-primary:active, .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #c36922;
border-color: #ad5d1e;
box-shadow: inset 0 2px 0 #ad5d1e;
background: #d97426;
border-color: #d97426;
}
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
color: #d1cbc7 !important;
background: #cc6d23 !important;
border-color: #ad5d1e !important;
background: #e8ac7c !important;
border-color: #e8ac7c !important;
text-shadow: none !important;
}
.wp-core-ui .button-primary.button-hero {
box-shadow: 0 2px 0 #ad5d1e !important;
}
.wp-core-ui .button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #ad5d1e !important;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #cf4944;

File diff suppressed because one or more lines are too long

View File

@ -272,11 +272,7 @@ a:focus,
a:focus .media-icon img,
.wp-person a:focus .gravatar {
color: #124964;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline: 1px dotted #555d66;
}
.ie8 a:focus {
@ -284,9 +280,7 @@ a:focus .media-icon img,
}
#adminmenu a:focus {
box-shadow: none;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline: 1px dotted #555d66;
outline-offset: -1px;
}
@ -623,15 +617,13 @@ code {
position: relative;
top: -3px;
text-decoration: none;
border: none;
border: 1px solid #ccc;
border: 1px solid #7e8993;
border-radius: 2px;
background: #f7f7f7;
text-shadow: none;
font-weight: 600;
font-size: 13px;
line-height: normal; /* IE8-IE11 need this for buttons */
color: #0073aa; /* some of these controls are button elements and don't inherit from links */
color: #555; /* use the standard color used for buttons */
cursor: pointer;
}
@ -641,14 +633,14 @@ code {
.wrap .add-new-h2:hover, /* deprecated */
.wrap .page-title-action:hover {
border-color: #008EC2;
background: #00a0d2;
color: #fff;
background: #f3f5f6;
border-color: #7e8993;
color: #007cba;
}
/* lower specificity: color needs to be overridden by :hover and :active */
.page-title-action:focus {
color: #124964;
color: #016087;
}
/* Dashicon for language options on General Settings and Profile screens */
@ -658,8 +650,8 @@ code {
}
.wrap .page-title-action:focus {
border-color: #5b9dd9;
box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
border-color: #007cba;
box-shadow: 0 0 0 1px #007cba;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
@ -841,9 +833,7 @@ img.emoji {
}
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
.key-labels label {
@ -1441,8 +1431,7 @@ div.error p,
}
.notice-dismiss:focus {
outline: none;
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
.ie8 .notice-dismiss:focus {
@ -3070,9 +3059,7 @@ img {
}
.js .postbox .handlediv:focus .toggle-indicator:before {
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
/* @todo: appears to be Press This only and overridden */
@ -3166,7 +3153,7 @@ img {
}
[role="treeitem"] .folder-label.focus {
color: #124964;
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
[role="treeitem"].hover,
[role="treeitem"] .folder-label.hover {
@ -3393,9 +3380,7 @@ img {
}
.widget-top .widget-action:focus .toggle-indicator:before {
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
.control-section .accordion-section-title:after,

File diff suppressed because one or more lines are too long

View File

@ -272,11 +272,7 @@ a:focus,
a:focus .media-icon img,
.wp-person a:focus .gravatar {
color: #124964;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline: 1px dotted #555d66;
}
.ie8 a:focus {
@ -284,9 +280,7 @@ a:focus .media-icon img,
}
#adminmenu a:focus {
box-shadow: none;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline: 1px dotted #555d66;
outline-offset: -1px;
}
@ -623,15 +617,13 @@ code {
position: relative;
top: -3px;
text-decoration: none;
border: none;
border: 1px solid #ccc;
border: 1px solid #7e8993;
border-radius: 2px;
background: #f7f7f7;
text-shadow: none;
font-weight: 600;
font-size: 13px;
line-height: normal; /* IE8-IE11 need this for buttons */
color: #0073aa; /* some of these controls are button elements and don't inherit from links */
color: #555; /* use the standard color used for buttons */
cursor: pointer;
}
@ -641,14 +633,14 @@ code {
.wrap .add-new-h2:hover, /* deprecated */
.wrap .page-title-action:hover {
border-color: #008EC2;
background: #00a0d2;
color: #fff;
background: #f3f5f6;
border-color: #7e8993;
color: #007cba;
}
/* lower specificity: color needs to be overridden by :hover and :active */
.page-title-action:focus {
color: #124964;
color: #016087;
}
/* Dashicon for language options on General Settings and Profile screens */
@ -658,8 +650,8 @@ code {
}
.wrap .page-title-action:focus {
border-color: #5b9dd9;
box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
border-color: #007cba;
box-shadow: 0 0 0 1px #007cba;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
@ -841,9 +833,7 @@ img.emoji {
}
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
.key-labels label {
@ -1441,8 +1431,7 @@ div.error p,
}
.notice-dismiss:focus {
outline: none;
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
.ie8 .notice-dismiss:focus {
@ -3070,9 +3059,7 @@ img {
}
.js .postbox .handlediv:focus .toggle-indicator:before {
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
/* @todo: appears to be Press This only and overridden */
@ -3166,7 +3153,7 @@ img {
}
[role="treeitem"] .folder-label.focus {
color: #124964;
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
[role="treeitem"].hover,
[role="treeitem"] .folder-label.hover {
@ -3393,9 +3380,7 @@ img {
}
.widget-top .widget-action:focus .toggle-indicator:before {
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
.control-section .accordion-section-title:after,

File diff suppressed because one or more lines are too long

View File

@ -50,8 +50,8 @@ input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #5b9dd9;
box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
border-color: #007cba;
box-shadow: 0 0 0 1px #007cba;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}

File diff suppressed because one or more lines are too long

View File

@ -50,8 +50,8 @@ input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #5b9dd9;
box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
border-color: #007cba;
box-shadow: 0 0 0 1px #007cba;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}

File diff suppressed because one or more lines are too long

View File

@ -178,8 +178,7 @@ body.js .theme-browser.search-loading {
}
.theme-browser .theme:focus {
border-color: #5b9dd9;
box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
.theme-browser .theme:focus .more-details {

File diff suppressed because one or more lines are too long

View File

@ -178,8 +178,7 @@ body.js .theme-browser.search-loading {
}
.theme-browser .theme:focus {
border-color: #5b9dd9;
box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
outline: 1px dotted #555d66;
}
.theme-browser .theme:focus .more-details {

File diff suppressed because one or more lines are too long

View File

@ -124,9 +124,8 @@ TABLE OF CONTENTS:
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #555;
border-color: #cccccc;
background: #f7f7f7;
box-shadow: 0 1px 0 #cccccc;
border-color: #7e8993;
background: #f1f1f1;
vertical-align: top;
}
@ -140,16 +139,18 @@ TABLE OF CONTENTS:
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
background: #fafafa;
border-color: #999;
color: #23282d;
background: #f3f5f6;
border-color: #7e8993;
color: #007cba;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #5b9dd9;
box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
background: #f3f5f6;
border-color: #007cba;
color: #016087;
box-shadow: 0 0 0 1px #007cba;
}
.wp-core-ui .button.active,
@ -158,15 +159,13 @@ TABLE OF CONTENTS:
.wp-core-ui .button-secondary:active {
background: #eee;
border-color: #999;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
transform: translateY(1px);
box-shadow: none;
}
.wp-core-ui .button.active:focus {
border-color: #5b9dd9;
box-shadow:
inset 0 2px 5px -3px rgba(0, 0, 0, 0.5),
0 0 3px rgba(0, 115, 170, 0.8);
border-color: #999;
box-shadow: 0 0 0 1px #999;
}
.wp-core-ui .button[disabled],
@ -210,11 +209,7 @@ TABLE OF CONTENTS:
.wp-core-ui .button-link:focus {
color: #124964;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline: 1px dotted #555d66;
}
.wp-core-ui .button-link-delete {
@ -241,39 +236,37 @@ TABLE OF CONTENTS:
---------------------------------------------------------------------------- */
.wp-core-ui .button-primary {
background: #0085ba;
border-color: #0073aa #006799 #006799;
box-shadow: 0 1px 0 #006799;
background: #007cba;
border-color: #007cba;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 1px #006799,
-1px 0 1px #006799,
0 1px 1px #006799,
1px 0 1px #006799;
text-shadow: none;
}
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
background: #008ec2;
border-color: #006799;
background: #0071a1;
border-color: #0071a1;
color: #fff;
}
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
box-shadow: 0 1px 0 #0073aa,
0 0 2px 1px #33b3db;
box-shadow:
0 0 0 1px #fff,
0 0 0 3px #007cba;
}
.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary.active:hover,
.wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary:active {
background: #0073aa;
border-color: #006799;
box-shadow: inset 0 2px 0 #006799;
background: #00669b;
border-color: #00669b;
transform: translateY(1px);
box-shadow: none;
}
.wp-core-ui .button-primary[disabled],
@ -282,30 +275,12 @@ TABLE OF CONTENTS:
.wp-core-ui .button-primary.disabled {
color: #66c6e4 !important;
background: #008ec2 !important;
border-color: #007cb2 !important;
border-color: #008ec2 !important;
box-shadow: none !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
text-shadow: none !important;
cursor: default;
}
.wp-core-ui .button.button-primary.button-hero {
box-shadow: 0 2px 0 #006799;
}
.wp-core-ui .button.button-primary.button-hero:focus {
box-shadow:
0 2px 0 #006799,
0 1px 0 #0073aa,
0 0 2px 1px #33b3db;
}
.wp-core-ui .button.button-primary.button-hero.active,
.wp-core-ui .button.button-primary.button-hero.active:hover,
.wp-core-ui .button.button-primary.button-hero.active:focus,
.wp-core-ui .button.button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #006799;
}
/* ----------------------------------------------------------------------------
4.0 - Button Groups
---------------------------------------------------------------------------- */
@ -324,14 +299,6 @@ TABLE OF CONTENTS:
margin-left: -1px;
}
.wp-core-ui .button-group > .button-primary {
z-index: 100;
}
.wp-core-ui .button-group > .button:hover {
z-index: 20;
}
.wp-core-ui .button-group > .button:first-child {
border-radius: 0 3px 3px 0;
}
@ -340,11 +307,25 @@ TABLE OF CONTENTS:
border-radius: 3px 0 0 3px;
}
.wp-core-ui .button-group > .button-primary + .button {
border-right: 0;
}
.wp-core-ui .button-group > .button:focus {
position: relative;
z-index: 1;
}
.wp-core-ui .button-group > .button.active {
background-color: #e2e4e7;
box-shadow: inset 0 1px 0 0 #999;
}
.wp-core-ui .button-group > .button:active,
.wp-core-ui .button-group > .button.active {
transform: translateY(0);
}
/* ----------------------------------------------------------------------------
5.0 - Responsive Button Styles
---------------------------------------------------------------------------- */

File diff suppressed because one or more lines are too long

View File

@ -124,9 +124,8 @@ TABLE OF CONTENTS:
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #555;
border-color: #cccccc;
background: #f7f7f7;
box-shadow: 0 1px 0 #cccccc;
border-color: #7e8993;
background: #f1f1f1;
vertical-align: top;
}
@ -140,16 +139,18 @@ TABLE OF CONTENTS:
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
background: #fafafa;
border-color: #999;
color: #23282d;
background: #f3f5f6;
border-color: #7e8993;
color: #007cba;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #5b9dd9;
box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
background: #f3f5f6;
border-color: #007cba;
color: #016087;
box-shadow: 0 0 0 1px #007cba;
}
.wp-core-ui .button.active,
@ -158,15 +159,13 @@ TABLE OF CONTENTS:
.wp-core-ui .button-secondary:active {
background: #eee;
border-color: #999;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
transform: translateY(1px);
box-shadow: none;
}
.wp-core-ui .button.active:focus {
border-color: #5b9dd9;
box-shadow:
inset 0 2px 5px -3px rgba(0, 0, 0, 0.5),
0 0 3px rgba(0, 115, 170, 0.8);
border-color: #999;
box-shadow: 0 0 0 1px #999;
}
.wp-core-ui .button[disabled],
@ -210,11 +209,7 @@ TABLE OF CONTENTS:
.wp-core-ui .button-link:focus {
color: #124964;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline: 1px dotted #555d66;
}
.wp-core-ui .button-link-delete {
@ -241,39 +236,37 @@ TABLE OF CONTENTS:
---------------------------------------------------------------------------- */
.wp-core-ui .button-primary {
background: #0085ba;
border-color: #0073aa #006799 #006799;
box-shadow: 0 1px 0 #006799;
background: #007cba;
border-color: #007cba;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 1px #006799,
1px 0 1px #006799,
0 1px 1px #006799,
-1px 0 1px #006799;
text-shadow: none;
}
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
background: #008ec2;
border-color: #006799;
background: #0071a1;
border-color: #0071a1;
color: #fff;
}
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
box-shadow: 0 1px 0 #0073aa,
0 0 2px 1px #33b3db;
box-shadow:
0 0 0 1px #fff,
0 0 0 3px #007cba;
}
.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary.active:hover,
.wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary:active {
background: #0073aa;
border-color: #006799;
box-shadow: inset 0 2px 0 #006799;
background: #00669b;
border-color: #00669b;
transform: translateY(1px);
box-shadow: none;
}
.wp-core-ui .button-primary[disabled],
@ -282,30 +275,12 @@ TABLE OF CONTENTS:
.wp-core-ui .button-primary.disabled {
color: #66c6e4 !important;
background: #008ec2 !important;
border-color: #007cb2 !important;
border-color: #008ec2 !important;
box-shadow: none !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
text-shadow: none !important;
cursor: default;
}
.wp-core-ui .button.button-primary.button-hero {
box-shadow: 0 2px 0 #006799;
}
.wp-core-ui .button.button-primary.button-hero:focus {
box-shadow:
0 2px 0 #006799,
0 1px 0 #0073aa,
0 0 2px 1px #33b3db;
}
.wp-core-ui .button.button-primary.button-hero.active,
.wp-core-ui .button.button-primary.button-hero.active:hover,
.wp-core-ui .button.button-primary.button-hero.active:focus,
.wp-core-ui .button.button-primary.button-hero:active {
box-shadow: inset 0 3px 0 #006799;
}
/* ----------------------------------------------------------------------------
4.0 - Button Groups
---------------------------------------------------------------------------- */
@ -324,14 +299,6 @@ TABLE OF CONTENTS:
margin-right: -1px;
}
.wp-core-ui .button-group > .button-primary {
z-index: 100;
}
.wp-core-ui .button-group > .button:hover {
z-index: 20;
}
.wp-core-ui .button-group > .button:first-child {
border-radius: 3px 0 0 3px;
}
@ -340,11 +307,25 @@ TABLE OF CONTENTS:
border-radius: 0 3px 3px 0;
}
.wp-core-ui .button-group > .button-primary + .button {
border-left: 0;
}
.wp-core-ui .button-group > .button:focus {
position: relative;
z-index: 1;
}
.wp-core-ui .button-group > .button.active {
background-color: #e2e4e7;
box-shadow: inset 0 1px 0 0 #999;
}
.wp-core-ui .button-group > .button:active,
.wp-core-ui .button-group > .button.active {
transform: translateY(0);
}
/* ----------------------------------------------------------------------------
5.0 - Responsive Button Styles
---------------------------------------------------------------------------- */

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.3-alpha-46240';
$wp_version = '5.3-alpha-46241';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.