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