5 #customize-controls a {
9 #customize-info .accordion-section-content {
10 background: transparent;
13 #customize-info .preview-notice {
19 #customize-info .theme-name {
25 text-shadow: 0 1px 0 #fff;
28 #customize-info .theme-screenshot {
30 border: 1px solid #ccc;
33 #customize-info .theme-description {
39 #customize-controls .submit {
43 #customize-theme-controls > ul,
44 #customize-theme-controls .accordion-section-content {
48 #customize-header-actions .button-primary {
53 #customize-header-actions .spinner {
58 .saving #customize-header-actions .spinner {
69 .customize-control-title {
75 .customize-control select,
76 .customize-control input[type="text"],
77 .customize-control input[type="radio"],
78 .customize-control input[type="checkbox"],
79 .customize-control-color .color-picker,
80 .customize-control-checkbox label,
81 .customize-control-upload div {
85 .customize-control input[type="text"] {
91 .customize-control select {
98 .customize-control-checkbox input {
102 .customize-control-radio {
106 .customize-control-radio .customize-control-title {
111 .customize-control-radio label {
115 .customize-control-radio input {
119 #customize-preview iframe {
124 #customize-theme-controls .accordion-section-title:hover:after,
125 #customize-theme-controls .accordion-section-title:focus:after {
126 border-color: #eee transparent;
129 #customize-theme-controls .control-section:hover .accordion-section-title,
130 #customize-theme-controls .control-section .accordion-section-title:hover,
131 #customize-theme-controls .control-section.open .accordion-section-title,
132 #customize-theme-controls .control-section .accordion-section-title:focus {
134 text-shadow: 0 -1px 0 #333;
136 background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
137 background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
138 background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
139 background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
140 background-image: linear-gradient(to top, #6d6d6d, #808080);
141 border-left: 1px solid #808080;
142 border-right: 1px solid #808080;
145 #customize-theme-controls .control-section.accordion-section:hover,
146 #customize-theme-controls .control-section.accordion-section.open {
147 border-top-color: #808080;
150 #customize-theme-controls .control-section.open .accordion-section-title {
151 border-bottom: 1px solid #6d6d6d;
155 * Style for custom settings
161 .accordion-section .dropdown {
167 -webkit-border-radius: 3px;
171 .accordion-section .dropdown-content {
179 background-color: #eee;
180 border: 1px solid #ccc;
181 -webkit-border-radius: 3px 0 0 3px;
182 border-radius: 3px 0 0 3px;
184 -webkit-user-select: none;
185 -moz-user-select: none;
189 .customize-control .dropdown-arrow {
198 border-width: 1px 1px 1px 0;
199 -webkit-border-radius: 0 3px 3px 0;
200 border-radius: 0 3px 3px 0;
203 .customize-control .dropdown-arrow:after {
207 border-color: #ccc transparent;
209 border-width: 4px 4px 0 4px;
217 .accordion-section .dropdown:hover .dropdown-content,
218 .customize-control .dropdown:hover .dropdown-arrow {
222 .accordion-section .dropdown:hover .dropdown-arrow:after {
223 border-color: #aaa transparent;
226 .customize-control .dropdown-status {
235 .customize-control-color .color-picker-hex {
239 .customize-control-color.open .color-picker-hex {
243 .customize-control-color .dropdown {
248 .customize-control-color .dropdown .dropdown-content {
249 background-color: #fff;
250 border: 1px solid rgba( 0, 0, 0, 0.15 );
253 .customize-control-color .dropdown:hover .dropdown-content {
254 border-color: rgba( 0, 0, 0, 0.25 );
257 .accordion-section input[type="text"].color-picker-hex {
259 font-family: monospace;
264 /* The centered cursor overlaps the placeholder in webkit. Hide it when selected. */
265 .accordion-section input[type="text"].color-picker-hex:focus::-webkit-input-placeholder {
268 .accordion-section input[type="text"].color-picker-hex:-moz-placeholder {
275 .customize-control-image .library,
276 .customize-control-image .actions {
282 .customize-control-image.open .library,
283 .customize-control-image.open .actions {
287 .accordion-section .customize-control-image .dropdown-content {
294 .accordion-section .customize-control-image .dropdown-status {
298 .accordion-section .customize-control-image .preview-thumbnail img {
306 .accordion-section .customize-control-image .actions {
310 .accordion-section .customize-control-image .library ul {
311 border-bottom: 1px solid #dfdfdf;
317 .accordion-section .customize-control-image .library li {
323 border-color: transparent;
324 border-width: 1px 1px 0 1px;
327 .accordion-section .customize-control-image .library li.library-selected {
333 border-color: #dfdfdf;
334 -webkit-border-radius: 3px 3px 0 0;
335 border-radius: 3px 3px 0 0 ;
338 .accordion-section .customize-control-image .library-content {
345 .accordion-section .customize-control-image .library-content.library-selected {
349 .accordion-section .customize-control-image .library .thumbnail {
354 .accordion-section .customize-control-image .library .thumbnail:hover img {
355 border-color: #21759b;
358 .accordion-section .customize-control-image .library .thumbnail img {
366 border: 1px solid #dfdfdf;
369 .accordion-section .customize-control-upload .upload-fallback,
370 .accordion-section .customize-control-image .upload-fallback {
374 .accordion-section .customize-control-upload .upload-dropzone,
375 .accordion-section .customize-control-image .upload-dropzone {
378 border: 3px dashed #dfdfdf;
386 .accordion-section .customize-control-upload .upload-dropzone.supports-drag-drop,
387 .accordion-section .customize-control-image .upload-dropzone.supports-drag-drop {
389 -webkit-transition: border-color 0.1s;
390 -moz-transition: border-color 0.1s;
391 -ms-transition: border-color 0.1s;
392 -o-transition: border-color 0.1s;
393 transition: border-color 0.1s;
396 .accordion-section .customize-control-upload .library ul li,
397 .accordion-section .customize-control-image .library ul li {
401 .accordion-section .customize-control-upload .upload-dropzone.supports-drag-drop.drag-over,
402 .accordion-section .customize-control-image .upload-dropzone.supports-drag-drop.drag-over {
403 border-color: #83b4d8;
407 * iOS can't scroll iframes,
408 * instead it expands the iframe size to match the size of the content
410 .ios .wp-full-overlay {
414 .ios #customize-preview {
418 .ios #customize-controls .wp-full-overlay-sidebar-content {
419 -webkit-overflow-scrolling: touch;
437 border: 1px solid #dfdfdf;
438 -webkit-border-radius: 3px;