equal
deleted
inserted
replaced
23 background: #fff; |
23 background: #fff; |
24 transition: opacity 0.5s; |
24 transition: opacity 0.5s; |
25 } |
25 } |
26 |
26 |
27 .customize-control .widget-action { |
27 .customize-control .widget-action { |
28 color: #72777c; |
28 color: #787c82; |
29 } |
29 } |
30 |
30 |
31 .customize-control .widget-top:hover .widget-action, |
31 .customize-control .widget-top:hover .widget-action, |
32 .customize-control .widget-action:focus { |
32 .customize-control .widget-action:focus { |
33 color: #23282d; |
33 color: #1d2327; |
34 } |
34 } |
35 |
35 |
36 .customize-control-widget_form:not(.widget-rendered) .widget-top { |
36 .customize-control-widget_form:not(.widget-rendered) .widget-top { |
37 opacity: 0.5; |
37 opacity: 0.5; |
38 } |
38 } |
51 } |
51 } |
52 |
52 |
53 .customize-control-widget_form.widget-form-disabled .widget-content { |
53 .customize-control-widget_form.widget-form-disabled .widget-content { |
54 opacity: 0.7; |
54 opacity: 0.7; |
55 pointer-events: none; |
55 pointer-events: none; |
56 -moz-user-select: none; |
|
57 -webkit-user-select: none; |
56 -webkit-user-select: none; |
58 -ms-user-select: none; |
|
59 user-select: none; |
57 user-select: none; |
60 } |
58 } |
61 |
59 |
62 .customize-control-widget_form .widget { |
60 .customize-control-widget_form .widget { |
63 margin-bottom: 0; |
61 margin-bottom: 0; |
65 |
63 |
66 .customize-control-widget_form.wide-widget-control .widget-inside { |
64 .customize-control-widget_form.wide-widget-control .widget-inside { |
67 position: fixed; |
65 position: fixed; |
68 left: 299px; |
66 left: 299px; |
69 top: 25%; |
67 top: 25%; |
70 border: 1px solid rgb(229, 229, 229); |
68 border: 1px solid #dcdcde; |
71 overflow: auto; |
69 overflow: auto; |
72 } |
70 } |
73 .customize-control-widget_form.wide-widget-control .widget-inside > .form { |
71 .customize-control-widget_form.wide-widget-control .widget-inside > .form { |
74 padding: 20px; |
72 padding: 20px; |
75 } |
73 } |
77 .customize-control-widget_form.wide-widget-control .widget-top { |
75 .customize-control-widget_form.wide-widget-control .widget-top { |
78 transition: background-color 0.4s; |
76 transition: background-color 0.4s; |
79 } |
77 } |
80 .customize-control-widget_form.wide-widget-control.expanding .widget-top, |
78 .customize-control-widget_form.wide-widget-control.expanding .widget-top, |
81 .customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top { |
79 .customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top { |
82 background-color: rgb(227, 227, 227); |
80 background-color: #dcdcde; |
83 } |
81 } |
84 |
82 |
85 .widget-inside { |
83 .widget-inside { |
86 padding: 1px 10px 10px 10px; |
84 padding: 1px 10px 10px 10px; |
87 border-top: none; |
85 border-top: none; |
110 } |
108 } |
111 |
109 |
112 .control-section.accordion-section.highlighted > .accordion-section-title, |
110 .control-section.accordion-section.highlighted > .accordion-section-title, |
113 .customize-control-widget_form.highlighted { |
111 .customize-control-widget_form.highlighted { |
114 outline: none; |
112 outline: none; |
115 box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); |
113 box-shadow: 0 0 2px rgba(79, 148, 212, 0.8); |
116 position: relative; |
114 position: relative; |
117 z-index: 1; |
115 z-index: 1; |
118 } |
116 } |
119 |
117 |
120 #widget-customizer-control-templates { |
118 #widget-customizer-control-templates { |
126 */ |
124 */ |
127 |
125 |
128 #customize-theme-controls .widget-reorder-nav { |
126 #customize-theme-controls .widget-reorder-nav { |
129 display: none; |
127 display: none; |
130 float: right; |
128 float: right; |
131 background-color: #fafafa; |
129 background-color: #f6f7f7; |
132 } |
130 } |
133 |
131 |
134 .move-widget:before { |
132 .move-widget:before { |
135 content: "\f504"; |
133 content: "\f504"; |
136 } |
134 } |
137 |
135 |
138 #customize-theme-controls .move-widget-area { |
136 #customize-theme-controls .move-widget-area { |
139 display: none; |
137 display: none; |
140 background: #fff; |
138 background: #fff; |
141 border: 1px solid #ddd; |
139 border: 1px solid #c3c4c7; |
142 border-top: none; |
140 border-top: none; |
143 cursor: auto; |
141 cursor: auto; |
144 } |
142 } |
145 |
143 |
146 #customize-theme-controls .reordering .move-widget-area.active { |
144 #customize-theme-controls .reordering .move-widget-area.active { |
161 |
159 |
162 #customize-theme-controls .widget-area-select li { |
160 #customize-theme-controls .widget-area-select li { |
163 position: relative; |
161 position: relative; |
164 margin: 0; |
162 margin: 0; |
165 padding: 13px 15px 15px 42px; |
163 padding: 13px 15px 15px 42px; |
166 color: #555; |
164 color: #50575e; |
167 border-top: 1px solid #eee; |
165 border-top: 1px solid #c3c4c7; |
168 cursor: pointer; |
166 cursor: pointer; |
169 -webkit-user-select: none; |
167 -webkit-user-select: none; |
170 -moz-user-select: none; |
|
171 -ms-user-select: none; |
|
172 user-select: none; |
168 user-select: none; |
173 } |
169 } |
174 |
170 |
175 #customize-theme-controls .widget-area-select li:before { |
171 #customize-theme-controls .widget-area-select li:before { |
176 display: none; |
172 display: none; |
182 -webkit-font-smoothing: antialiased; |
178 -webkit-font-smoothing: antialiased; |
183 -moz-osx-font-smoothing: grayscale; |
179 -moz-osx-font-smoothing: grayscale; |
184 } |
180 } |
185 |
181 |
186 #customize-theme-controls .widget-area-select li:last-child { |
182 #customize-theme-controls .widget-area-select li:last-child { |
187 border-bottom: 1px solid #eee; |
183 border-bottom: 1px solid #c3c4c7; |
188 } |
184 } |
189 |
185 |
190 #customize-theme-controls .widget-area-select .selected { |
186 #customize-theme-controls .widget-area-select .selected { |
191 color: #fff; |
187 color: #fff; |
192 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); |
188 background: #2271b1; |
193 background: #00a0d2; |
|
194 } |
189 } |
195 |
190 |
196 #customize-theme-controls .widget-area-select .selected:before { |
191 #customize-theme-controls .widget-area-select .selected:before { |
197 display: block; |
192 display: block; |
198 } |
193 } |
244 transition: left 0s; |
239 transition: left 0s; |
245 } |
240 } |
246 |
241 |
247 #available-widgets .widget-tpl:hover, |
242 #available-widgets .widget-tpl:hover, |
248 #available-widgets .widget-tpl.selected { |
243 #available-widgets .widget-tpl.selected { |
249 background: #f3f3f5; |
244 background: #f6f7f7; |
250 border-bottom-color: #ccc; |
245 border-bottom-color: #c3c4c7; |
251 color: #0073aa; |
246 color: #2271b1; |
252 border-left: 4px solid #0073aa; |
247 border-left: 4px solid #2271b1; |
253 } |
248 } |
254 |
249 |
255 #customize-controls .widget-title h3 { |
250 #customize-controls .widget-title h3 { |
256 font-size: 1em; |
251 font-size: 1em; |
257 } |
252 } |
261 font-size: 14px; |
256 font-size: 14px; |
262 } |
257 } |
263 |
258 |
264 #available-widgets .widget .widget-description { |
259 #available-widgets .widget .widget-description { |
265 padding: 0; |
260 padding: 0; |
266 color: #72777c; |
261 color: #646970; |
267 } |
262 } |
268 |
263 |
269 #customize-preview { |
264 #customize-preview { |
270 transition: all 0.2s; |
265 transition: all 0.2s; |
271 } |
266 } |
300 top: -3px; |
295 top: -3px; |
301 right: 100%; |
296 right: 100%; |
302 margin-right: 20px; |
297 margin-right: 20px; |
303 width: 20px; |
298 width: 20px; |
304 height: 20px; |
299 height: 20px; |
305 color: #32373c; |
300 color: #2c3338; |
306 font: normal 20px/1 dashicons; |
301 font: normal 20px/1 dashicons; |
307 text-align: center; |
302 text-align: center; |
308 box-sizing: border-box; |
303 box-sizing: border-box; |
309 -webkit-font-smoothing: antialiased; |
304 -webkit-font-smoothing: antialiased; |
310 -moz-osx-font-smoothing: grayscale; |
305 -moz-osx-font-smoothing: grayscale; |