--- a/wp/wp-includes/css/editor.css Tue Dec 15 15:52:01 2020 +0100
+++ b/wp/wp-includes/css/editor.css Wed Sep 21 18:19:35 2022 +0200
@@ -44,14 +44,14 @@
}
.mce-window .mce-window-head {
- background: #fcfcfc;
- border-bottom: 1px solid #ddd;
+ background: #fff;
+ border-bottom: 1px solid #dcdcde;
padding: 0;
min-height: 36px;
}
.mce-window .mce-window-head .mce-title {
- color: #444;
+ color: #3c434a;
font-size: 18px;
font-weight: 600;
line-height: 36px;
@@ -74,7 +74,7 @@
.mce-window-head .mce-close .mce-i-remove:before {
font: normal 20px/36px dashicons;
text-align: center;
- color: #666;
+ color: #646970;
width: 36px;
height: 36px;
display: block;
@@ -82,13 +82,13 @@
.mce-window-head .mce-close:hover .mce-i-remove:before,
.mce-window-head .mce-close:focus .mce-i-remove:before {
- color: #006799;
+ color: #135e96;
}
.mce-window-head .mce-close:focus .mce-i-remove,
div.mce-tab:focus {
- box-shadow: 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ box-shadow: 0 0 0 1px #4f94d4,
+ 0 0 2px 1px rgba(79, 148, 212, 0.8);
}
.mce-window .mce-window-head .mce-dragh {
@@ -96,13 +96,13 @@
}
.mce-window .mce-foot {
- border-top: 1px solid #ddd;
+ border-top: 1px solid #dcdcde;
}
.mce-textbox,
.mce-checkbox i.mce-i-checkbox,
#wp-link .query-results {
- border: 1px solid #ddd;
+ border: 1px solid #dcdcde;
border-radius: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
transition: .05s all ease-in-out;
@@ -112,8 +112,8 @@
.mce-textbox.mce-focus,
.mce-checkbox:focus i.mce-i-checkbox,
#wp-link .query-results:focus {
- border-color: #5b9dd9;
- box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+ border-color: #4f94d4;
+ box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
}
.mce-window .mce-wp-help {
@@ -188,7 +188,7 @@
padding: 2px 7px 3px;
font-weight: 600;
margin: 0;
- background: #eaeaea;
+ background: #f0f0f1;
background: rgba(0, 0, 0, 0.08);
}
@@ -235,7 +235,7 @@
}
.mce-panel.mce-menu {
- border: 1px solid #ddd;
+ border: 1px solid #dcdcde;
}
div.mce-tab {
@@ -244,22 +244,20 @@
/* TinyMCE toolbars */
div.mce-toolbar-grp {
- border-bottom: 1px solid #ddd;
- background: #f5f5f5;
+ border-bottom: 1px solid #dcdcde;
+ background: #f6f7f7;
padding: 0;
position: relative;
}
div.mce-inline-toolbar-grp {
- border: 1px solid #a0a5aa;
+ border: 1px solid #a7aaad;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
margin-bottom: 8px;
position: absolute;
- -moz-user-select: none;
-webkit-user-select: none;
- -ms-user-select: none;
user-select: none;
max-width: 98%;
z-index: 100100; /* Same as the other TinyMCE "panels" */
@@ -288,28 +286,28 @@
div.mce-inline-toolbar-grp.mce-arrow-up:before {
top: -9px;
- border-bottom-color: #a0a5aa;
+ border-bottom-color: #a7aaad;
border-width: 0 9px 9px;
margin-left: -9px;
}
div.mce-inline-toolbar-grp.mce-arrow-down:before {
bottom: -9px;
- border-top-color: #a0a5aa;
+ border-top-color: #a7aaad;
border-width: 9px 9px 0;
margin-left: -9px;
}
div.mce-inline-toolbar-grp.mce-arrow-up:after {
top: -8px;
- border-bottom-color: #f5f5f5;
+ border-bottom-color: #f6f7f7;
border-width: 0 8px 8px;
margin-left: -8px;
}
div.mce-inline-toolbar-grp.mce-arrow-down:after {
bottom: -8px;
- border-top-color: #f5f5f5;
+ border-top-color: #f6f7f7;
border-width: 8px 8px 0;
margin-left: -8px;
}
@@ -371,7 +369,7 @@
}
div.mce-statusbar {
- border-top: 1px solid #e5e5e5;
+ border-top: 1px solid #dcdcde;
}
div.mce-path {
@@ -410,9 +408,9 @@
.mce-toolbar .mce-btn-group .mce-btn:focus,
.qt-dfw:hover,
.qt-dfw:focus {
- background: #fafafa;
- border-color: #555d66;
- color: #23282d;
+ background: #f6f7f7;
+ border-color: #50575e;
+ color: #1d2327;
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
outline: none;
}
@@ -420,8 +418,8 @@
.mce-toolbar .mce-btn-group .mce-btn.mce-active,
.mce-toolbar .mce-btn-group .mce-btn:active,
.qt-dfw.active {
- background: #ebebeb;
- border-color: #555d66;
+ background: #f0f0f1;
+ border-color: #50575e;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);
}
@@ -435,20 +433,20 @@
.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
- border-color: #23282d;
+ border-color: #1d2327;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
- color: #a0a5aa;
+ color: #a7aaad;
background: none;
- border-color: #ddd;
+ border-color: #dcdcde;
text-shadow: 0 1px 0 #fff;
box-shadow: none;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
- border-color: #555d66;
+ border-color: #50575e;
}
.mce-toolbar .mce-btn-group .mce-first,
@@ -489,14 +487,14 @@
left: 3px;
height: 3px;
width: 20px;
- background: #555d66;
+ background: #50575e;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary {
min-width: 0;
- background: #0085ba;
- border-color: #0073aa #006799 #006799;
- box-shadow: 0 1px 0 #006799;
+ background: #3582c4;
+ border-color: #2271b1 #135e96 #135e96;
+ box-shadow: 0 1px 0 #135e96;
color: #fff;
text-decoration: none;
text-shadow: none;
@@ -513,19 +511,19 @@
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
- background: #008ec2;
- border-color: #006799;
+ background: #4f94d4;
+ border-color: #135e96;
color: #fff;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
- box-shadow: 0 0 1px 1px #33b3db;
+ box-shadow: 0 0 1px 1px #72aee6;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
- background: #0073aa;
- border-color: #006799;
- box-shadow: inset 0 2px 0 #006799;
+ background: #2271b1;
+ border-color: #135e96;
+ box-shadow: inset 0 2px 0 #135e96;
}
/* mce listbox */
@@ -533,17 +531,17 @@
border-radius: 0;
direction: ltr;
background: #fff;
- border: 1px solid #ddd;
+ border: 1px solid #dcdcde;
box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2);
}
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
- border-color: #b4b9be;
+ border-color: #c3c4c7;
}
.mce-panel .mce-btn i.mce-caret {
- border-top: 6px solid #555d66;
+ border-top: 6px solid #50575e;
margin-left: 2px;
margin-right: 2px;
}
@@ -554,12 +552,12 @@
.mce-panel .mce-btn:hover i.mce-caret,
.mce-panel .mce-btn:focus i.mce-caret {
- border-top-color: #23282d;
+ border-top-color: #1d2327;
}
.mce-panel .mce-active i.mce-caret {
border-top: 0;
- border-bottom: 6px solid #23282d;
+ border-bottom: 6px solid #1d2327;
margin-top: 7px;
}
@@ -581,7 +579,7 @@
.mce-menu .mce-menu-item:focus,
.mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {
- background: #0073aa; /* See color scheme. */
+ background: #2271b1; /* See color scheme. */
color: #fff;
}
@@ -618,12 +616,12 @@
}
.mce-menu .mce-menu-item.mce-disabled:hover {
- background: #ccc;
+ background: #c3c4c7;
}
/* Menubar */
div.mce-menubar {
- border-color: #e5e5e5;
+ border-color: #dcdcde;
background: #fff;
border-width: 0px 0px 1px;
}
@@ -636,15 +634,15 @@
}
.mce-menubar .mce-menubtn:focus {
- color: #124964;
+ color: #043959;
box-shadow:
- 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ 0 0 0 1px #4f94d4,
+ 0 0 2px 1px rgba(79, 148, 212, 0.8);
}
div.mce-menu .mce-menu-item-sep,
.mce-menu-item-sep:hover {
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid #dcdcde;
height: 0px;
margin: 5px 0;
}
@@ -679,8 +677,8 @@
}
.mce-window .mce-btn {
- color: #555;
- background: #f7f7f7;
+ color: #50575e;
+ background: #f6f7f7;
text-decoration: none;
font-size: 13px;
line-height: 26px;
@@ -688,11 +686,11 @@
margin: 0;
padding: 0;
cursor: pointer;
- border: 1px solid #cccccc;
+ border: 1px solid #c3c4c7;
-webkit-appearance: none;
border-radius: 3px;
white-space: nowrap;
- box-shadow: 0 1px 0 #cccccc;
+ box-shadow: 0 1px 0 #c3c4c7;
}
/* Remove the dotted border on :focus and the extra padding in Firefox */
@@ -704,27 +702,27 @@
.mce-window .mce-btn:hover,
.mce-window .mce-btn:focus {
- background: #fafafa;
- border-color: #999;
- color: #23282d;
+ background: #f6f7f7;
+ border-color: #8c8f94;
+ color: #1d2327;
}
.mce-window .mce-btn:focus {
- border-color: #5b9dd9;
- box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+ border-color: #4f94d4;
+ box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
}
.mce-window .mce-btn:active {
- background: #eee;
- border-color: #999;
+ background: #f0f0f1;
+ border-color: #8c8f94;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
transform: translateY(1px);
}
.mce-window .mce-btn.mce-disabled {
- color: #a0a5aa !important;
- border-color: #ddd !important;
- background: #f7f7f7 !important;
+ color: #a7aaad !important;
+ border-color: #dcdcde !important;
+ background: #f6f7f7 !important;
box-shadow: none !important;
text-shadow: 0 1px 0 #fff !important;
cursor: default;
@@ -732,40 +730,40 @@
}
.mce-window .mce-btn.mce-primary {
- background: #0085ba;
- border-color: #0073aa #006799 #006799;
- box-shadow: 0 1px 0 #006799;
+ background: #3582c4;
+ border-color: #2271b1 #135e96 #135e96;
+ box-shadow: 0 1px 0 #135e96;
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: 0 -1px 1px #135e96,
+ 1px 0 1px #135e96,
+ 0 1px 1px #135e96,
+ -1px 0 1px #135e96;
}
.mce-window .mce-btn.mce-primary:hover,
.mce-window .mce-btn.mce-primary:focus {
- background: #008ec2;
- border-color: #006799;
+ background: #4f94d4;
+ border-color: #135e96;
color: #fff;
}
.mce-window .mce-btn.mce-primary:focus {
- box-shadow: 0 1px 0 #0073aa,
- 0 0 2px 1px #33b3db;
+ box-shadow: 0 1px 0 #2271b1,
+ 0 0 2px 1px #72aee6;
}
.mce-window .mce-btn.mce-primary:active {
- background: #0073aa;
- border-color: #006799;
- box-shadow: inset 0 2px 0 #006799;
+ background: #2271b1;
+ border-color: #135e96;
+ box-shadow: inset 0 2px 0 #135e96;
vertical-align: top;
}
.mce-window .mce-btn.mce-primary.mce-disabled {
- color: #66c6e4 !important;
- background: #008ec2 !important;
- border-color: #007cb2 !important;
+ color: #9ec2e6 !important;
+ background: #4f94d4 !important;
+ border-color: #3582c4 !important;
box-shadow: none !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
cursor: default;
@@ -784,12 +782,12 @@
.mce-charmap td {
padding: 0;
- border-color: #ddd;
+ border-color: #dcdcde;
cursor: pointer;
}
.mce-charmap td:hover {
- background: #f3f3f3;
+ background: #f6f7f7;
}
.mce-charmap td div {
@@ -820,7 +818,7 @@
}
.mce-toolbar .mce-ico {
- color: #555d66;
+ color: #50575e;
line-height: 1;
width: 20px;
height: 20px;
@@ -831,7 +829,7 @@
}
.qt-dfw {
- color: #555d66;
+ color: #50575e;
line-height: 1;
width: 28px;
height: 26px;
@@ -846,7 +844,7 @@
.mce-toolbar .mce-btn:hover .mce-open,
.mce-toolbar .mce-btn:focus .mce-open,
.mce-toolbar .mce-btn.mce-active .mce-open {
- border-left-color: #23282d;
+ border-left-color: #1d2327;
}
div.mce-notification {
@@ -858,7 +856,7 @@
right: 6px;
top: 3px;
font-weight: 400;
- color: #555d66;
+ color: #50575e;
}
.mce-notification button.mce-close:hover,
@@ -907,7 +905,7 @@
font: normal 20px/1 dashicons;
padding: 0;
vertical-align: top;
- speak: none;
+ speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: -2px;
@@ -917,7 +915,7 @@
.qt-dfw {
font: normal 20px/1 dashicons;
vertical-align: top;
- speak: none;
+ speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -1082,7 +1080,7 @@
.wp-editor-container {
clear: both;
- border: 1px solid #e5e5e5;
+ border: 1px solid #dcdcde;
}
.wp-editor-area {
@@ -1121,23 +1119,23 @@
box-sizing: content-box;
position: relative;
top: 1px;
- background: #ebebeb;
- color: #666;
+ background: #f0f0f1;
+ color: #646970;
cursor: pointer;
font-size: 13px;
line-height: 1.46153846;
height: 20px;
margin: 5px 0 0 5px;
padding: 3px 8px 4px;
- border: 1px solid #e5e5e5;
+ border: 1px solid #dcdcde;
}
.wp-switch-editor:focus {
box-shadow:
- 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ 0 0 0 1px #4f94d4,
+ 0 0 2px 1px rgba(79, 148, 212, 0.8);
outline: none;
- color: #23282d;
+ color: #1d2327;
}
.wp-switch-editor:active,
@@ -1147,7 +1145,7 @@
}
.wp-switch-editor:active {
- background-color: #f5f5f5;
+ background-color: #f6f7f7;
box-shadow: none;
}
@@ -1161,9 +1159,9 @@
.tmce-active .switch-tmce,
.html-active .switch-html {
- background: #f5f5f5;
- color: #555;
- border-bottom-color: #f5f5f5;
+ background: #f6f7f7;
+ color: #50575e;
+ border-bottom-color: #f6f7f7;
}
.wp-media-buttons {
@@ -1190,7 +1188,7 @@
.wp-media-buttons a {
text-decoration: none;
- color: #444;
+ color: #3c434a;
font-size: 12px;
}
@@ -1214,7 +1212,7 @@
.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
font: normal 18px/1 dashicons;
- speak: none;
+ speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -1231,8 +1229,8 @@
.quicktags-toolbar {
padding: 3px;
position: relative;
- border-bottom: 1px solid #ddd;
- background: #f5f5f5;
+ border-bottom: 1px solid #dcdcde;
+ background: #f6f7f7;
min-height: 30px;
}
@@ -1340,12 +1338,10 @@
#wp_delimgbtn,
#wp_editgallery,
#wp_delgallery {
- border-color: #999;
- background-color: #eee;
+ background-color: #f0f0f1;
margin: 2px;
padding: 2px;
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #8c8f94;
border-radius: 3px;
}
@@ -1353,8 +1349,8 @@
#wp_delimgbtn:hover,
#wp_editgallery:hover,
#wp_delgallery:hover {
- border-color: #555;
- background-color: #ccc;
+ border-color: #50575e;
+ background-color: #c3c4c7;
}
/*------------------------------------------------------------------------------
@@ -1409,8 +1405,8 @@
}
#link-modal-title {
- background: #fcfcfc;
- border-bottom: 1px solid #ddd;
+ background: #fff;
+ border-bottom: 1px solid #dcdcde;
height: 36px;
font-size: 18px;
font-weight: 600;
@@ -1420,7 +1416,7 @@
}
#wp-link-close {
- color: #666;
+ color: #646970;
padding: 0;
position: absolute;
top: 0;
@@ -1436,7 +1432,7 @@
#wp-link-close:before {
font: normal 20px/36px dashicons;
vertical-align: top;
- speak: none;
+ speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 36px;
@@ -1446,14 +1442,14 @@
#wp-link-close:hover,
#wp-link-close:focus {
- color: #006799;
+ color: #135e96;
}
#wp-link-close:focus {
outline: none;
box-shadow:
- 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ 0 0 0 1px #4f94d4,
+ 0 0 2px 1px rgba(79, 148, 212, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
outline-offset: -2px;
@@ -1537,7 +1533,7 @@
}
#wp-link .query-results {
- border: 1px #dfdfdf solid;
+ border: 1px #dcdcde solid;
margin: 0 0 12px;
background: #fff;
overflow: auto;
@@ -1555,8 +1551,8 @@
#wp-link li {
clear: both;
margin-bottom: 0;
- border-bottom: 1px solid #f1f1f1;
- color: #32373c;
+ border-bottom: 1px solid #f0f0f1;
+ color: #2c3338;
padding: 4px 6px 4px 10px;
cursor: pointer;
position: relative;
@@ -1564,8 +1560,8 @@
#wp-link .query-notice {
padding: 0;
- border-bottom: 1px solid #dfdfdf;
- background-color: #f7fcfe;
+ border-bottom: 1px solid #dcdcde;
+ background-color: #fff;
color: #000;
}
@@ -1573,19 +1569,19 @@
#wp-link .query-notice .query-notice-hint {
display: block;
padding: 6px;
- border-left: 4px solid #00a0d2;
+ border-left: 4px solid #72aee6;
}
#wp-link .unselectable.no-matches-found {
padding: 0;
- border-bottom: 1px solid #dfdfdf;
- background-color: #fef7f1;
+ border-bottom: 1px solid #dcdcde;
+ background-color: #f6f7f7;
}
#wp-link .no-matches-found .item-title {
display: block;
padding: 6px;
- border-left: 4px solid #d54e21;
+ border-left: 4px solid #d63638;
}
#wp-link .query-results em {
@@ -1593,23 +1589,23 @@
}
#wp-link li:hover {
- background: #eaf2fa;
- color: #151515;
+ background: #f0f6fc;
+ color: #101517;
}
#wp-link li.unselectable {
- border-bottom: 1px solid #dfdfdf;
+ border-bottom: 1px solid #dcdcde;
}
#wp-link li.unselectable:hover {
background: #fff;
cursor: auto;
- color: #32373c;
+ color: #2c3338;
}
#wp-link li.selected {
- background: #ddd;
- color: #32373c;
+ background: #dcdcde;
+ color: #2c3338;
}
#wp-link li.selected .item-title {
@@ -1629,7 +1625,7 @@
#wp-link .item-info {
text-transform: uppercase;
- color: #666;
+ color: #646970;
font-size: 11px;
position: absolute;
right: 5px;
@@ -1643,8 +1639,8 @@
#wp-link .submitbox {
padding: 8px 16px;
- background: #fcfcfc;
- border-top: 1px solid #ddd;
+ background: #fff;
+ border-top: 1px solid #dcdcde;
position: absolute;
bottom: 0;
left: 0;
@@ -1755,7 +1751,7 @@
}
div.wp-link-preview a {
- color: #0073aa;
+ color: #2271b1;
text-decoration: underline;
transition-property: border, background, color;
transition-duration: .05s;
@@ -1764,7 +1760,7 @@
}
div.wp-link-preview a.wplink-url-error {
- color: #dc3232;
+ color: #d63638;
}
div.wp-link-input {
@@ -1799,8 +1795,8 @@
margin: 0;
list-style: none;
position: absolute;
- border: 1px solid #5b9dd9;
- box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);
+ border: 1px solid #4f94d4;
+ box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
background-color: #fff;
}
@@ -1817,7 +1813,7 @@
}
.ui-autocomplete.wplink-autocomplete li.ui-state-focus {
- background-color: #ddd;
+ background-color: #dcdcde;
cursor: pointer;
}