Update TinyMCE and jQuery UI button styles
Part props liljimmi. Fixes #35571. git-svn-id: https://develop.svn.wordpress.org/trunk@37076 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Ella Iseulde Van Dorpe
parent
0058968499
commit
e6b5f3316f
@ -162,11 +162,11 @@ TABLE OF CONTENTS:
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: #eee;
|
||||
border-color: #999;
|
||||
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
-webkit-transform: translateY(1px);
|
||||
-ms-transform: translateY(1px);
|
||||
transform: translateY(1px);
|
||||
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
-webkit-transform: translateY(1px);
|
||||
-ms-transform: translateY(1px);
|
||||
transform: translateY(1px);
|
||||
}
|
||||
|
||||
.wp-core-ui .button.active:focus {
|
||||
@ -224,8 +224,8 @@ TABLE OF CONTENTS:
|
||||
background: #0085ba;
|
||||
border-color: #0073aa #006799 #006799;
|
||||
-webkit-box-shadow: 0 1px 0 #006799;
|
||||
box-shadow: 0 1px 0 #006799;
|
||||
color: #fff;
|
||||
box-shadow: 0 1px 0 #006799;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 -1px 1px #006799,
|
||||
1px 0 1px #006799,
|
||||
@ -256,9 +256,9 @@ TABLE OF CONTENTS:
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #0073aa;
|
||||
border-color: #006799;
|
||||
-webkit-box-shadow: inset 0 2px 0 #006799;
|
||||
box-shadow: inset 0 2px 0 #006799;
|
||||
vertical-align: top;
|
||||
-webkit-box-shadow: inset 0 2px 0 #006799;
|
||||
box-shadow: inset 0 2px 0 #006799;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-primary[disabled],
|
||||
|
||||
@ -657,103 +657,100 @@ div.mce-menu .mce-menu-item-sep,
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid #cccccc;
|
||||
-webkit-appearance: none;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
white-space: nowrap;
|
||||
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
|
||||
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
|
||||
-webkit-box-shadow: 0 1px 0 #cccccc;
|
||||
box-shadow: 0 1px 0 #cccccc;
|
||||
}
|
||||
|
||||
/* Remove the dotted border on :focus and the extra padding in Firefox */
|
||||
.mce-window .mce-btn::-moz-focus-inner {
|
||||
border-width: 1px 0;
|
||||
border-style: solid none;
|
||||
border-color: transparent;
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.mce-window .mce-btn:hover,
|
||||
.mce-window .mce-btn:focus {
|
||||
background: #fafafa;
|
||||
border-color: #555d66;
|
||||
border-color: #999;
|
||||
color: #23282d;
|
||||
}
|
||||
|
||||
.mce-window .mce-btn:focus {
|
||||
-webkit-box-shadow:
|
||||
0 0 0 1px #5b9dd9,
|
||||
0 0 2px 1px rgba( 30, 140, 190, 0.8 );
|
||||
box-shadow:
|
||||
0 0 0 1px #5b9dd9,
|
||||
0 0 2px 1px rgba( 30, 140, 190, 0.8 );
|
||||
border-color: #5b9dd9;
|
||||
-webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
|
||||
box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
|
||||
}
|
||||
|
||||
.mce-window .mce-btn:active {
|
||||
background: #eee;
|
||||
border-color: #555d66;
|
||||
color: #23282d;
|
||||
border-color: #999;
|
||||
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
-webkit-transform: translateY(1px);
|
||||
-ms-transform: translateY(1px);
|
||||
transform: translateY(1px);
|
||||
}
|
||||
|
||||
.mce-window .mce-btn.mce-disabled {
|
||||
color: #a0a5aa;
|
||||
border-color: #ddd;
|
||||
background: #f7f7f7;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
color: #a0a5aa !important;
|
||||
border-color: #ddd !important;
|
||||
background: #f7f7f7 !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: 0 1px 0 #fff !important;
|
||||
cursor: default;
|
||||
-webkit-transform: none !important;
|
||||
-ms-transform: none !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.mce-window .mce-btn.mce-primary {
|
||||
background: #00a0d2;
|
||||
border-color: #0073aa;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
|
||||
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
|
||||
background: #0085ba;
|
||||
border-color: #0073aa #006799 #006799;
|
||||
-webkit-box-shadow: 0 1px 0 #006799;
|
||||
box-shadow: 0 1px 0 #006799;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 -1px 1px #006799,
|
||||
1px 0 1px #006799,
|
||||
0 1px 1px #006799,
|
||||
-1px 0 1px #006799;
|
||||
}
|
||||
|
||||
.mce-window .mce-btn.mce-primary:hover,
|
||||
.mce-window .mce-btn.mce-primary:focus {
|
||||
background: #1e8cbe;
|
||||
border-color: #0073aa;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
|
||||
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
|
||||
background: #008ec2;
|
||||
border-color: #006799;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mce-window .mce-btn.mce-primary:focus {
|
||||
border-color: #0e3950;
|
||||
-webkit-box-shadow:
|
||||
inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
|
||||
0 0 0 1px #5b9dd9,
|
||||
0 0 2px 1px rgba( 30, 140, 190, 0.8 );
|
||||
box-shadow:
|
||||
inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
|
||||
0 0 0 1px #5b9dd9,
|
||||
0 0 2px 1px rgba( 30, 140, 190, 0.8 );
|
||||
-webkit-box-shadow: 0 1px 0 #0073aa,
|
||||
0 0 2px 1px #33b3db;
|
||||
box-shadow: 0 1px 0 #0073aa,
|
||||
0 0 2px 1px #33b3db;
|
||||
}
|
||||
|
||||
.mce-window .mce-btn.mce-primary:active {
|
||||
background: #1b7aa6;
|
||||
border-color: #005684;
|
||||
color: rgba( 255, 255, 255, 0.95 );
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
|
||||
box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
|
||||
background: #0073aa;
|
||||
border-color: #006799;
|
||||
-webkit-box-shadow: inset 0 2px 0 #006799;
|
||||
box-shadow: inset 0 2px 0 #006799;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.mce-window .mce-btn.mce-primary.mce-disabled {
|
||||
color: #94cde7;
|
||||
background: #298cba;
|
||||
border-color: #1b607f;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
|
||||
color: #66c6e4 !important;
|
||||
background: #008ec2 !important;
|
||||
border-color: #007cb2 !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
@ -200,9 +200,9 @@
|
||||
color: #555;
|
||||
border-color: #cccccc;
|
||||
background: #f7f7f7;
|
||||
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
|
||||
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
|
||||
vertical-align: top;
|
||||
-webkit-box-shadow: 0 1px 0 #cccccc;
|
||||
box-shadow: 0 1px 0 #cccccc;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.ui-button:active,
|
||||
@ -212,9 +212,8 @@
|
||||
|
||||
/* Remove the dotted border on :focus and the extra padding in Firefox */
|
||||
.ui-button::-moz-focus-inner {
|
||||
border-width: 1px 0;
|
||||
border-style: solid none;
|
||||
border-color: transparent;
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@ -226,20 +225,19 @@
|
||||
}
|
||||
|
||||
.ui-button:focus {
|
||||
-webkit-box-shadow:
|
||||
0 0 0 1px #5b9dd9,
|
||||
0 0 2px 1px rgba( 30, 140, 190, 0.8 );
|
||||
box-shadow:
|
||||
0 0 0 1px #5b9dd9,
|
||||
0 0 2px 1px rgba( 30, 140, 190, 0.8 );
|
||||
border-color: #5b9dd9;
|
||||
-webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
|
||||
box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
|
||||
}
|
||||
|
||||
.ui-button:active {
|
||||
background: #eee;
|
||||
border-color: #999;
|
||||
color: #32373c;
|
||||
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
-webkit-transform: translateY(1px);
|
||||
-ms-transform: translateY(1px);
|
||||
transform: translateY(1px);
|
||||
}
|
||||
|
||||
.ui-button[disabled],
|
||||
@ -251,13 +249,16 @@
|
||||
box-shadow: none !important;
|
||||
text-shadow: 0 1px 0 #fff !important;
|
||||
cursor: default;
|
||||
-webkit-transform: none !important;
|
||||
-ms-transform: none !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 782px ) {
|
||||
|
||||
.ui-button {
|
||||
padding: 10px 14px;
|
||||
line-height: 1;
|
||||
padding: 6px 14px;
|
||||
line-height: normal;
|
||||
font-size: 14px;
|
||||
vertical-align: middle;
|
||||
height: auto;
|
||||
@ -280,7 +281,7 @@
|
||||
|
||||
.ui-dialog-titlebar {
|
||||
background: #fcfcfc;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
height: 36px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
@ -332,7 +333,7 @@
|
||||
|
||||
.ui-dialog-buttonpane {
|
||||
background: #fcfcfc;
|
||||
border-top: 1px solid #ddd;
|
||||
border-top: 1px solid #dfdfdf;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user