--- a/wp/wp-admin/css/customize-controls.css Mon Oct 14 18:06:33 2019 +0200
+++ b/wp/wp-admin/css/customize-controls.css Mon Oct 14 18:28:13 2019 +0200
@@ -21,7 +21,7 @@
}
#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked {
- background-color: rgba( 0, 0, 0, 0.7 );
+ background-color: rgba(0, 0, 0, 0.7);
padding: 25px;
}
@@ -34,7 +34,7 @@
padding: 25px 25px 25px 109px;
position: relative;
background: #fff;
- box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
line-height: 1.5;
overflow-y: auto;
text-align: left;
@@ -157,7 +157,6 @@
font-size: 14px;
width: 30px;
float: left;
- -webkit-transform: none;
transform: none;
margin-top: 0;
}
@@ -393,7 +392,7 @@
position: absolute;
z-index: 9;
width: 100%;
- box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
#customize-controls .customize-section-title.is-in-view {
@@ -431,7 +430,7 @@
#customize-controls .customize-info .preview-notice {
font-size: 13px;
- line-height: 24px;
+ line-height: 1.9;
}
#customize-controls .customize-pane-child .customize-section-title h3,
@@ -534,9 +533,10 @@
background-color: #fff;
border-bottom: 1px solid #ddd;
border-left: 4px solid #fff;
- transition: .15s color ease-in-out,
- .15s background-color ease-in-out,
- .15s border-color ease-in-out;
+ transition:
+ .15s color ease-in-out,
+ .15s background-color ease-in-out,
+ .15s border-color ease-in-out;
}
#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
@@ -634,9 +634,7 @@
margin: 0;
padding: 0;
box-sizing: border-box;
- transition: 0.18s -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1);
- transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1);
- transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1), 0.18s -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
+ transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
}
#customize-theme-controls .customize-pane-child.skip-transition {
@@ -650,7 +648,6 @@
height: auto;
max-height: none;
overflow: auto;
- -webkit-transform: none;
transform: none;
}
@@ -662,13 +659,11 @@
height: 0;
max-height: none;
overflow: hidden;
- -webkit-transform: translateX(100%);
transform: translateX(100%);
}
#customize-theme-controls .customize-pane-child.open,
#customize-theme-controls .customize-pane-child.current-panel {
- -webkit-transform: none;
transform: none;
}
@@ -680,7 +675,6 @@
visibility: hidden;
height: 0;
overflow: hidden;
- -webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
@@ -792,9 +786,10 @@
color: #444;
text-align: left;
cursor: pointer;
- transition: color .15s ease-in-out,
- border-color .15s ease-in-out,
- background .15s ease-in-out;
+ transition:
+ color .15s ease-in-out,
+ border-color .15s ease-in-out,
+ background .15s ease-in-out;
box-sizing: content-box;
}
@@ -812,9 +807,10 @@
border-left: 4px solid #fff;
box-shadow: none;
cursor: pointer;
- transition: color .15s ease-in-out,
- border-color .15s ease-in-out,
- background .15s ease-in-out;
+ transition:
+ color .15s ease-in-out,
+ border-color .15s ease-in-out,
+ background .15s ease-in-out;
}
.customize-section-back {
@@ -922,7 +918,7 @@
.customize-control select,
.customize-control input[type="radio"],
.customize-control input[type="checkbox"] {
- line-height: 28px;
+ line-height: 2;
}
.customize-control input[type="text"],
@@ -933,7 +929,7 @@
.customize-control input[type="tel"],
.customize-control input[type="url"] {
width: 100%;
- line-height: 18px;
+ line-height: 1.3;
margin: 0;
}
@@ -949,7 +945,7 @@
.customize-control select {
width: 100%;
height: 28px;
- line-height: 28px;
+ line-height: 2;
}
.customize-control select[multiple] {
@@ -959,7 +955,7 @@
.customize-control-title {
display: block;
font-size: 14px;
- line-height: 24px;
+ line-height: 1.75;
font-weight: 600;
margin-bottom: 4px;
}
@@ -967,7 +963,7 @@
.customize-control-description {
display: block;
font-style: italic;
- line-height: 18px;
+ line-height: 1.4;
margin-top: 0;
margin-bottom: 5px;
}
@@ -988,7 +984,7 @@
}
.customize-control .customize-inside-control-row {
- line-height: 20px;
+ line-height: 1.6;
display: block;
margin-left: 24px;
padding-top: 6px;
@@ -1008,7 +1004,7 @@
.customize-control-radio .customize-control-title {
margin-bottom: 0;
- line-height: 22px;
+ line-height: 1.6;
}
.customize-control-radio .customize-control-title + .customize-control-description {
@@ -1075,7 +1071,6 @@
bottom: 0;
z-index: 10;
background: #eee;
- display: -webkit-box;
display: flex;
}
@@ -1087,14 +1082,12 @@
#available-menu-items .new-content-item .create-item-input,
.customize-control-dropdown-pages .new-content-item .create-item-input {
- -webkit-box-flex: 10;
flex-grow: 10;
}
#available-menu-items .new-content-item .add-content,
.customize-control-dropdown-pages .new-content-item .add-content {
margin: 2px 0 2px 6px;
- -webkit-box-flex: 10;
flex-grow: 1;
}
@@ -1105,7 +1098,7 @@
.customize-control-dropdown-pages .add-new-toggle {
margin-left: 1px;
font-weight: 600;
- line-height: 28px;
+ line-height: 2.2;
}
#customize-preview iframe {
@@ -1215,11 +1208,6 @@
margin-top: 1px;
}
-@-webkit-keyframes customize-fade-in {
- 0% { opacity: 0; }
- 100% { opacity: 1; }
-}
-
@keyframes customize-fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
@@ -1232,7 +1220,6 @@
}
#customize-controls .customize-control-notifications-container.has-overlay-notifications {
- -webkit-animation: customize-fade-in 0.5s;
animation: customize-fade-in 0.5s;
z-index: 30;
}
@@ -1392,6 +1379,7 @@
}
.customize-control .attachment-media-view .placeholder,
+.customize-control .attachment-media-view .button-add-media,
.customize-control-header .placeholder {
width: 100%;
position: relative;
@@ -1400,7 +1388,27 @@
border: 1px dashed #b4b9be;
box-sizing: border-box;
padding: 9px 0;
- line-height: 20px;
+ line-height: 1.6;
+}
+
+.customize-control .attachment-media-view .button-add-media {
+ cursor: pointer;
+ background-color: #edeff0;
+ color: #32373c;
+}
+
+.customize-control .attachment-media-view .button-add-media:hover {
+ background-color: #fbfbfc;
+}
+
+.customize-control .attachment-media-view .button-add-media:focus {
+ background-color: #fbfbfc;
+ border-style: solid;
+ border-color: #5b9dd9;
+ box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+ outline-offset: -2px;
}
.customize-control-header .inner {
@@ -1444,7 +1452,7 @@
}
.customize-control-header .header-view.selected:after {
- content: '';
+ content: "";
position: absolute;
height: auto;
top: 0;
@@ -1506,62 +1514,31 @@
.customize-control-header .placeholder:hover .dice,
.customize-control-header .header-view:hover > button.random .dice {
- -webkit-animation: dice-color-change 3s infinite;
animation: dice-color-change 3s infinite;
}
.button-see-me {
- -webkit-animation: bounce .7s 1;
animation: bounce .7s 1;
- -webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
-@-webkit-keyframes bounce {
- from, 20%, 53%, 80%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- -webkit-transform: translate3d(0,0,0);
- }
-
- 40%, 43% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
- -webkit-transform: translate3d(0, -12px, 0);
- }
-
- 70% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
- -webkit-transform: translate3d(0, -6px, 0);
- }
-
- 90% {
- -webkit-transform: translate3d(0,-1px,0);
- }
-}
-
@keyframes bounce {
from, 20%, 53%, 80%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
- -webkit-transform: translate3d(0, -12px, 0);
transform: translate3d(0, -12px, 0);
}
70% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
- -webkit-transform: translate3d(0, -6px, 0);
transform: translate3d(0, -6px, 0);
}
90% {
- -webkit-transform: translate3d(0,-1px,0);
transform: translate3d(0,-1px,0);
}
}
@@ -1576,7 +1553,7 @@
outline: none;
box-shadow:
0 0 0 1px #5b9dd9,
- 0 0 3px 1px rgba(30, 140, 190, .8);
+ 0 0 3px 1px rgba(30, 140, 190, 0.8);
}
.customize-control-header .uploaded div:last-child > .choice {
@@ -1668,10 +1645,10 @@
.theme-browser .theme.active .theme-actions,
.wp-customizer .theme-browser .theme .theme-actions {
padding: 10px 15px;
- box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
-}
-
-@media screen and ( max-width: 640px ) {
+ box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+@media screen and (max-width: 640px) {
.customize-section-description-container + #customize-control-custom_css:last-child {
margin-right: 0;
}
@@ -1819,19 +1796,18 @@
}
.themes-filter-bar .feature-filter-toggle:before {
- content: "\f111";
- margin: 0 5px 0 0;
- font: normal 16px/1 dashicons;
- vertical-align: text-bottom;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+ content: "\f111";
+ margin: 0 5px 0 0;
+ font: normal 16px/1 dashicons;
+ vertical-align: text-bottom;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
.themes-filter-bar .feature-filter-toggle.open {
background: #eee;
border-color: #999;
- box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
- -webkit-transform: translateY(1px);
+ box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
transform: translateY(1px);
}
@@ -1860,17 +1836,6 @@
}
/* Adds a delay before fading in to avoid it "jumping" */
-@-webkit-keyframes themes-fade-in {
- 0% {
- opacity: 0;
- }
- 50% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
@keyframes themes-fade-in {
0% {
opacity: 0;
@@ -1884,19 +1849,17 @@
}
.control-panel-themes .customize-themes-full-container.animate {
- -webkit-animation: .6s themes-fade-in 1;
animation: .6s themes-fade-in 1;
}
.in-themes-panel:not(.animating) .control-panel-themes .filter-themes-count {
- -webkit-animation: .6s themes-fade-in 1;
animation: .6s themes-fade-in 1;
}
.control-panel-themes .filter-themes-count {
position: relative;
float: right;
- line-height: 34px;
+ line-height: 2.6;
}
.control-panel-themes .filter-themes-count .themes-displayed {
@@ -2125,7 +2088,7 @@
}
.themes-filter-bar .wp-filter-search {
- line-height: 25px;
+ line-height: 1.8;
padding: 6px 10px 6px 30px;
max-width: 100%;
width: 40%;
@@ -2139,7 +2102,7 @@
/* Unstick the filter bar on short windows/screens. This breakpoint is based on the
current length of .org feature filters assuming translations do not wrap lines. */
-@media screen and (max-height:540px), screen and (max-width:1018px) {
+@media screen and (max-height: 540px), screen and (max-width: 1018px) {
.customize-preview-header.themes-filter-bar {
position: relative;
left: 0;
@@ -2162,13 +2125,13 @@
}
}
-@media screen and (max-width:1018px) {
+@media screen and (max-width: 1018px) {
.filter-drawer .filter-group {
width: calc( (100% - 50px) / 2);
}
}
-@media screen and (max-width:900px) {
+@media screen and (max-width: 900px) {
.customize-preview-header.themes-filter-bar {
height: 86px;
padding-top: 46px;
@@ -2189,7 +2152,7 @@
}
}
-@media screen and (max-width:792px) {
+@media screen and (max-width: 792px) {
.filter-drawer .filter-group {
width: calc( 100% - 25px);
}
@@ -2200,7 +2163,7 @@
}
/* Mobile - toggle between themes and filters */
-@media screen and (max-width:600px) {
+@media screen and (max-width: 600px) {
.filter-drawer {
top: 132px;
@@ -2253,7 +2216,7 @@
height: 46px;
width: 26px;
display: block;
- line-height: 46px;
+ line-height: 2.3;
padding: 0 8px 0 8px;
border-right: 1px solid #ddd;
}
@@ -2303,7 +2266,7 @@
}
.wp-customizer .theme-overlay .theme-backdrop {
- background: rgba( 238, 238, 238, 0.75 );
+ background: rgba(238, 238, 238, 0.75);
position: fixed;
z-index: 110;
}
@@ -2381,7 +2344,7 @@
}
/* Small Screens */
-@media (max-width:850px), (max-height:472px) {
+@media (max-width: 850px), (max-height: 472px) {
.wp-customizer .theme-overlay .theme-wrap {
left: 0;
right: 0;
@@ -2403,7 +2366,7 @@
padding: 1em 2em;
max-width: 700px;
min-width: 0;
- box-shadow: 0 1px 3px rgba(0,0,0,0.13);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
}
body.cheatin h1 {
@@ -2575,7 +2538,6 @@
body.adding-widget .add-new-widget:before,
.adding-menu-items .add-new-menu-item:before,
#accordion-section-add_menu .add-new-menu-item.open:before {
- -webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@@ -2650,7 +2612,7 @@
left: 16px;
width: 30px;
height: 30px;
- line-height: 28px;
+ line-height: 2.1;
text-align: center;
color: #72777c;
}
@@ -2702,7 +2664,7 @@
#available-menu-items-search .clear-results:focus {
box-shadow:
0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, .8);
+ 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
#available-menu-items-search .search-icon:after,
@@ -2754,9 +2716,10 @@
background: #fff;
border-bottom: 1px solid #ddd;
border-left: 4px solid #fff;
- transition: .15s color ease-in-out,
- .15s background-color ease-in-out,
- .15s border-color ease-in-out;
+ transition:
+ .15s color ease-in-out,
+ .15s background-color ease-in-out,
+ .15s border-color ease-in-out;
cursor: pointer;
display: none;
}
@@ -2800,7 +2763,7 @@
.customize-control input[type="radio"] + label + br,
.customize-control input[type="checkbox"] + label + br {
- line-height: 32px; /* For widgets checkboxes */
+ line-height: 2.5; /* For widgets checkboxes */
}
.customize-control .date-time-fields select {
@@ -2844,7 +2807,7 @@
}
}
-@media screen and ( max-width: 1200px ) {
+@media screen and (max-width: 1200px) {
.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
@@ -2852,7 +2815,7 @@
}
}
-@media screen and ( max-width: 640px ) {
+@media screen and (max-width: 640px) {
/* when the sidebar is collapsed and switching to responsive view,
bring it back see ticket #35220 */
@@ -2869,7 +2832,7 @@
position: absolute;
top: 0;
left: 48px;
- line-height: 45px;
+ line-height: 3.2;
font-size: 14px;
padding: 0 12px;
margin: 0;
@@ -3000,11 +2963,11 @@
.theme-browser .theme.active .theme-actions,
.wp-customizer .theme-browser .theme .theme-actions {
padding: 9px 15px;
- box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
+ box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
}
-@media screen and ( max-width: 600px ) {
+@media screen and (max-width: 600px) {
.theme-browser .theme.active .theme-actions,
.wp-customizer .theme-browser .theme .theme-actions {
padding: 8px 15px;