5 #customize-controls a {
9 #customize-controls h3 {
13 #customize-controls .submit {
17 #customize-controls .description {
21 #customize-header-actions .button-primary {
26 #customize-header-actions .spinner {
31 .saving #customize-header-actions .spinner {
37 border-top: 1px solid #ddd;
40 #customize-info .accordion-section-title {
41 background-color: #fff;
45 border-bottom: 1px solid #eeeeee;
48 #customize-info.open .accordion-section-title,
49 #customize-info .accordion-section-title:hover,
50 #customize-info .accordion-section-title:focus {
54 #customize-info.open .accordion-section-title:after,
55 #customize-info .accordion-section-title:hover:after,
56 #customize-info .accordion-section-title:focus:after {
60 #customize-info.open .accordion-section-title {
61 border-color: transparent;
64 #customize-info .preview-notice {
69 #customize-info .theme-name {
76 #customize-info .theme-screenshot {
80 #customize-info .theme-description {
86 #customize-theme-controls {
87 -webkit-box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
88 box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
91 #customize-theme-controls .control-section {
95 #customize-theme-controls .accordion-section-title {
97 background-color: #fff;
98 border-bottom: 1px solid #eeeeee;
101 #customize-theme-controls .accordion-section-content {
106 #customize-theme-controls .control-section:hover .accordion-section-title,
107 #customize-theme-controls .control-section .accordion-section-title:hover,
108 #customize-theme-controls .control-section.open .accordion-section-title,
109 #customize-theme-controls .control-section .accordion-section-title:focus {
114 .js .control-section:hover .accordion-section-title,
115 .js .control-section .accordion-section-title:hover,
116 .js .control-section.open .accordion-section-title,
117 .js .control-section .accordion-section-title:focus {
121 #customize-theme-controls .control-section:hover .accordion-section-title::after,
122 #customize-theme-controls .control-section .accordion-section-title:hover::after,
123 #customize-theme-controls .control-section.open .accordion-section-title::after,
124 #customize-theme-controls .control-section .accordion-section-title:focus::after {
128 #customize-theme-controls .control-section.open {
129 border-bottom: 1px solid #eeeeee;
132 #customize-theme-controls .control-section.open .accordion-section-title {
133 border-bottom-color: #eeeeee !important;
136 #customize-theme-controls .control-section:last-of-type.open,
137 #customize-theme-controls .control-section:last-of-type .accordion-section-title {
138 border-bottom-color: #ddd;
141 #customize-theme-controls > ul,
142 #customize-theme-controls .accordion-section-content {
153 .customize-control select,
154 .customize-control input[type="text"],
155 .customize-control input[type="radio"],
156 .customize-control input[type="checkbox"] {
160 .customize-control input[type="text"] {
166 .customize-control select {
173 .customize-control-title {
181 .customize-control-color .color-picker,
182 .customize-control-checkbox label,
183 .customize-control-upload div {
187 .customize-control-checkbox input {
191 .customize-control-radio {
195 .customize-control-radio .customize-control-title {
200 .customize-control-radio label {
204 .customize-control-radio input {
208 #customize-preview iframe {
213 .wp-full-overlay-sidebar {
215 border-left: 1px solid #ddd;
219 background-color: transparent !important;
220 border: none !important;
221 box-shadow: none !important;
222 border-radius: !important 0;
226 .collapse-sidebar:active,
227 .collapse-sidebar:active .collapse-sidebar-label,
228 .collapse-sidebar:active .collapse-sidebar-arrow:before {
232 .collapsed .collapse-sidebar-arrow:before {
236 /* Style for custom settings */
241 .accordion-section .dropdown {
248 .accordion-section .dropdown-content {
256 border: 2px solid #eeeeee;
257 -webkit-user-select: none;
258 -moz-user-select: none;
262 .customize-control .dropdown-arrow {
271 .customize-control .dropdown-arrow:after {
273 font: normal 20px/1 'dashicons';
280 -webkit-font-smoothing: antialiased;
281 -moz-osx-font-smoothing: grayscale;
282 text-decoration: none !important;
286 .customize-control .dropdown-status {
294 .customize-control-color .color-picker-hex {
298 .customize-control-color.open .color-picker-hex {
302 .customize-control-color .dropdown {
307 .customize-control-color .dropdown .dropdown-content {
308 background-color: #555555;
309 border: 1px solid rgba(0, 0, 0, 0.15);
312 .customize-control-color .dropdown:hover .dropdown-content {
313 border-color: rgba(0, 0, 0, 0.25);
319 .customize-control-image .library,
320 .customize-control-image .actions {
326 .customize-control-image.open .library,
327 .customize-control-image.open .actions {
331 .accordion-section .customize-control-image .dropdown-content {
338 .accordion-section .customize-control-image .dropdown-status {
342 .accordion-section .customize-control-image .preview-thumbnail img {
350 .accordion-section .customize-control-image .actions {
354 .accordion-section .customize-control-image .library ul {
355 border-bottom: 1px solid #ddd;
361 .accordion-section .customize-control-image .library li {
366 border: 1px solid transparent;
369 .accordion-section .customize-control-image .library li.library-selected {
374 border-bottom-color: #fff;
377 .accordion-section .customize-control-image .library .thumbnail {
382 .accordion-section .customize-control-image .library .thumbnail img {
391 .accordion-section .customize-control-image .library .thumbnail:hover img {
392 background-color: #2ea2cc;
395 .accordion-section .customize-control-image .library-content {
402 .accordion-section .customize-control-image .library-content.library-selected {
406 .accordion-section .customize-control-upload .upload-fallback,
407 .accordion-section .customize-control-image .upload-fallback {
411 .accordion-section .customize-control-upload .upload-dropzone,
412 .accordion-section .customize-control-image .upload-dropzone {
415 border: 3px dashed #dfdfdf;
422 .accordion-section .customize-control-upload .upload-dropzone.supports-drag-drop,
423 .accordion-section .customize-control-image .upload-dropzone.supports-drag-drop {
425 -webkit-transition: border-color 0.1s;
426 -moz-transition: border-color 0.1s;
427 -ms-transition: border-color 0.1s;
428 -o-transition: border-color 0.1s;
429 transition: border-color 0.1s;
432 .accordion-section .customize-control-upload .library ul li,
433 .accordion-section .customize-control-image .library ul li {
437 .accordion-section .customize-control-upload .upload-dropzone.supports-drag-drop.drag-over,
438 .accordion-section .customize-control-image .upload-dropzone.supports-drag-drop.drag-over {
439 border-color: #83b4d8;
443 * iOS can't scroll iframes,
444 * instead it expands the iframe size to match the size of the content
446 .ios .wp-full-overlay {
450 .ios #customize-preview {
454 .ios #customize-controls .wp-full-overlay-sidebar-content {
455 -webkit-overflow-scrolling: touch;
458 /** Handle cheaters. */
471 border: 1px solid #dfdfdf;
472 -webkit-border-radius: 3px;