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
parent
e43633b7d0
commit
618883f6f4
|
|
@ -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 );
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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.
|
||||
|
|
|
|||
Loading…
Reference in New Issue