X-Git-Url: https://scripts.mit.edu/gitweb/autoinstallsdev/wordpress.git/blobdiff_plain/4feeb71a9d812a9ae371c28a3d8b442a4394ded7..607b7e02d77e7326161e8ec15639052d2040f745:/wp-admin/css/customize-controls-rtl.css diff --git a/wp-admin/css/customize-controls-rtl.css b/wp-admin/css/customize-controls-rtl.css index b9de7408..a0f4c0b4 100644 --- a/wp-admin/css/customize-controls-rtl.css +++ b/wp-admin/css/customize-controls-rtl.css @@ -277,9 +277,9 @@ h3.customize-section-title { .accordion-sub-container.control-panel-content { display: none; position: absolute; - right: 300px; + right: 100%; top: 0; - width: 300px; + width: 100%; -webkit-transition: right ease-in-out .18s; transition: right ease-in-out .18s; } @@ -427,8 +427,8 @@ h3.customize-section-title { .in-sub-panel #customize-info, .in-sub-panel #customize-theme-controls > ul > .accordion-section { - right: -300px; - width: 300px; + right: -100%; + width: 100%; } .in-sub-panel #customize-theme-controls .accordion-section.current-panel { @@ -494,7 +494,7 @@ p.customize-section-description { .customize-control input[type="search"], .customize-control input[type="tel"], .customize-control input[type="url"] { - width: 98%; + width: 100%; line-height: 18px; margin: 0; } @@ -524,7 +524,7 @@ p.customize-section-description { font-size: 14px; line-height: 24px; font-weight: 600; - margin-bottom: 5px; + margin-bottom: 4px; } .customize-control-description { @@ -576,7 +576,7 @@ p.customize-section-description { } .customize-control .attachment-title { - font-weight: bold; + font-weight: 600; margin: 0; padding: 5px 10px; } @@ -622,6 +622,48 @@ p.customize-section-description { border-left: 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 */ /** @@ -720,12 +762,10 @@ p.customize-section-description { /* 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; } @@ -749,24 +789,9 @@ p.customize-section-description { 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; @@ -774,35 +799,12 @@ p.customize-section-description { 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; @@ -812,15 +814,10 @@ p.customize-section-description { -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; @@ -831,22 +828,6 @@ p.customize-section-description { 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; @@ -956,40 +937,19 @@ p.customize-section-description { 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: right; margin-left: 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: left; } @@ -1050,7 +1010,7 @@ p.customize-section-description { left: 10px; top: 50%; margin-top: -14px; - font-weight: normal; + font-weight: 400; } .control-section-themes .accordion-section-title:before { @@ -1219,7 +1179,8 @@ body.cheatin h1 { 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; @@ -1550,10 +1511,11 @@ body.adding-widget .add-new-widget:before, right: 48px; line-height: 45px; font-size: 14px; - padding: 0 12px 0 12px; + padding: 0 12px; margin: 0; height: 45px; background: #eee; + border: 0; border-left: 1px solid #ddd; color: #444; cursor: pointer;