.accordion-sub-container.control-panel-content {
display: none;
position: absolute;
- left: 300px;
+ left: 100%;
top: 0;
- width: 300px;
+ width: 100%;
-webkit-transition: left ease-in-out .18s;
transition: left ease-in-out .18s;
}
.in-sub-panel #customize-info,
.in-sub-panel #customize-theme-controls > ul > .accordion-section {
- left: -300px;
- width: 300px;
+ left: -100%;
+ width: 100%;
}
.in-sub-panel #customize-theme-controls .accordion-section.current-panel {
.customize-control input[type="search"],
.customize-control input[type="tel"],
.customize-control input[type="url"] {
- width: 98%;
+ width: 100%;
line-height: 18px;
margin: 0;
}
font-size: 14px;
line-height: 24px;
font-weight: 600;
- margin-bottom: 5px;
+ margin-bottom: 4px;
}
.customize-control-description {
}
.customize-control .attachment-title {
- font-weight: bold;
+ font-weight: 600;
margin: 0;
padding: 5px 10px;
}
border-right: 1px solid #ddd;
}
+
+/**
+ * Notifications
+ */
+
+#customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
+ margin: 4px 0 8px 0;
+ padding: 0;
+ display: none;
+ cursor: default;
+}
+
+#customize-controls .customize-control-widget_form.has-error .widget .widget-top,
+.customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle {
+ -webkit-box-shadow: inset 0 0 0 2px #dc3232;
+ box-shadow: inset 0 0 0 2px #dc3232;
+ -webkit-transition: .15s box-shadow linear;
+ transition: .15s box-shadow linear;
+}
+
+.customize-control-notifications-container li.notice {
+ list-style: none;
+ margin: 0 0 6px 0;
+ padding: 4px 8px;
+}
+
+.customize-control-notifications-container li.notice:last-child {
+ margin-bottom: 0;
+}
+
+#customize-controls .customize-control-nav_menu_item .customize-control-notifications-container {
+ margin-top: 0;
+}
+
+#customize-controls .customize-control-widget_form .customize-control-notifications-container {
+ margin-top: 8px;
+}
+
+.customize-control-text.has-error input {
+ outline: 2px solid #dc3232;
+}
+
/* Style for custom settings */
/**
/* Media controls */
-.customize-control-media .current,
-.customize-control-upload .current,
-.customize-control-image .current,
-.customize-control-background .current,
-.customize-control-cropped_image .current,
-.customize-control-site_icon .current,
+.customize-control .attachment-media-view .actions {
+ margin-top: 8px;
+}
+
.customize-control-header .current {
margin-bottom: 8px;
}
display: block;
}
-.customize-control-media .remove-button,
-.customize-control-media .default-button,
-.customize-control-media .upload-button,
-.customize-control-upload .remove-button,
-.customize-control-upload .default-button,
-.customize-control-upload .upload-button,
-.customize-control-image .remove-button,
-.customize-control-image .default-button,
-.customize-control-image .upload-button,
-.customize-control-background .remove-button,
-.customize-control-background .default-button,
-.customize-control-background .upload-button,
-.customize-control-cropped_image .remove-button,
-.customize-control-cropped_image .default-button,
-.customize-control-cropped_image .upload-button,
-.customize-control-site_icon .remove-button,
-.customize-control-site_icon .default-button,
-.customize-control-site_icon .upload-button,
+.customize-control .attachment-media-view .remove-button,
+.customize-control .attachment-media-view .default-button,
+.customize-control .attachment-media-view .upload-button,
.customize-control-header button.new,
.customize-control-header button.remove {
white-space: normal;
height: auto;
}
-.customize-control-media .current .container,
-.customize-control-upload .current .container,
-.customize-control-image .current .container,
-.customize-control-background .current .container,
-.customize-control-cropped_image .current .container,
-.customize-control-site_icon .current .container,
+.customize-control .attachment-media-view .thumbnail,
.customize-control-header .current .container {
overflow: hidden;
- -webkit-border-radius: 2px;
- border: 1px solid #eee;
- -webkit-border-radius: 2px;
- border-radius: 2px;
}
-.customize-control-media .current .container,
-.customize-control-upload .current .container,
-.customize-control-background .current .container,
-.customize-control-cropped_image .current .container,
-.customize-control-site_icon .current .container,
-.customize-control-image .current .container {
- min-height: 40px;
-}
-
-.customize-control-media .placeholder,
-.customize-control-upload .placeholder,
-.customize-control-image .placeholder,
-.customize-control-background .placeholder,
-.customize-control-cropped_image .placeholder,
-.customize-control-site_icon .placeholder,
+.customize-control .attachment-media-view .placeholder,
.customize-control-header .placeholder {
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- min-height: 40px;
+ padding: 9px 0;
+ line-height: 20px;
}
-.customize-control-media .inner,
-.customize-control-upload .inner,
-.customize-control-image .inner,
-.customize-control-background .inner,
-.customize-control-cropped_image .inner,
-.customize-control-site_icon .inner,
.customize-control-header .inner {
display: none;
position: absolute;
overflow: hidden;
}
-.customize-control-media .inner,
-.customize-control-upload .inner,
-.customize-control-background .inner,
-.customize-control-cropped_image .inner,
-.customize-control-site_icon .inner,
-.customize-control-image .inner {
- display: block;
- min-height: 40px;
-}
-
-.customize-control-media .inner,
-.customize-control-upload .inner,
-.customize-control-image .inner,
-.customize-control-background .inner,
-.customize-control-cropped_image .inner,
-.customize-control-site_icon .inner,
.customize-control-header .inner,
.customize-control-header .inner .dashicons {
line-height: 20px;
margin-bottom: 0;
}
-.customize-control-media img,
-.customize-control-upload img,
-.customize-control-image img,
-.customize-control-background img,
-.customize-control-cropped_image img,
+.customize-control .attachment-media-view .thumbnail-image img,
.customize-control-header img {
- width: 100%;
- -webkit-border-radius: 2px;
- border-radius: 2px;
+ max-width: 100%;
}
-.customize-control-media .remove-button,
-.customize-control-media .default-button,
-.customize-control-upload .remove-button,
-.customize-control-upload .default-button,
-.customize-control-image .remove-button,
-.customize-control-image .default-button,
-.customize-control-background .remove-button,
-.customize-control-background .default-button,
-.customize-control-cropped_image .remove-button,
-.customize-control-cropped_image .default-button,
-.customize-control-site_icon .remove-button,
-.customize-control-site_icon .default-button,
+.customize-control .attachment-media-view .remove-button,
+.customize-control .attachment-media-view .default-button,
.customize-control-header .remove {
float: left;
margin-right: 3px;
}
-.customize-control-media .upload-button,
-.customize-control-upload .upload-button,
-.customize-control-image .upload-button,
-.customize-control-background .upload-button,
-.customize-control-cropped_image .upload-button,
-.customize-control-site_icon .upload-button,
+.customize-control .attachment-media-view .upload-button,
.customize-control-header .new {
float: right;
}
right: 10px;
top: 50%;
margin-top: -14px;
- font-weight: normal;
+ font-weight: 400;
}
.control-section-themes .accordion-section-title:before {
border-bottom: 1px solid #ddd;
clear: both;
color: #666;
- font: 24px "Open Sans", sans-serif;
+ font-size: 24px;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin: 30px 0 0 0;
padding: 0;
padding-bottom: 7px;
left: 48px;
line-height: 45px;
font-size: 14px;
- padding: 0 12px 0 12px;
+ padding: 0 12px;
margin: 0;
height: 45px;
background: #eee;
+ border: 0;
border-right: 1px solid #ddd;
color: #444;
cursor: pointer;