| changeset 7 | cf61fcea0001 |
| parent 5 | 5e2f62d02dcd |
| child 9 | 177826044cd9 |
| 6:490d5cc509ed | 7:cf61fcea0001 |
|---|---|
1 /* General Widgets Styles */ |
1 /* General Widgets Styles */ |
2 |
2 |
3 .widget { |
3 .widget { |
4 margin: 0 auto 10px; |
4 margin: 0 auto 10px; |
5 position: relative; |
5 position: relative; |
6 -webkit-box-sizing: border-box; |
|
7 -moz-box-sizing: border-box; |
|
8 box-sizing: border-box; |
6 box-sizing: border-box; |
9 } |
7 } |
10 |
8 |
11 .widget-top { |
9 .widget-top { |
12 font-size: 13px; |
10 font-size: 13px; |
13 font-weight: 600; |
11 font-weight: 600; |
14 background: #f7f7f7; |
12 background: #f7f7f7; |
15 } |
13 } |
16 |
14 |
17 .widget-top a.widget-action, |
15 .widget-top .widget-action { |
18 .widget-top a.widget-action:hover { |
16 border: 0; |
19 -webkit-box-shadow: none; |
17 margin: 0; |
20 box-shadow: none; |
18 padding: 10px; |
19 background: none; |
|
20 cursor: pointer; |
|
21 outline: none; |
21 outline: none; |
22 text-decoration: none; |
22 } |
23 } |
23 |
24 |
24 .widget-title h3, |
25 .widget-title h4 { |
25 .widget-title h4 { |
26 margin: 0; |
26 margin: 0; |
27 padding: 15px; |
27 padding: 15px; |
28 font-size: 1em; |
|
28 line-height: 1; |
29 line-height: 1; |
29 overflow: hidden; |
30 overflow: hidden; |
30 white-space: nowrap; |
31 white-space: nowrap; |
31 text-overflow: ellipsis; |
32 text-overflow: ellipsis; |
32 -webkit-user-select: none; |
33 -webkit-user-select: none; |
39 border-top: none; |
40 border-top: none; |
40 padding: 1px 15px 15px 15px; |
41 padding: 1px 15px 15px 15px; |
41 line-height: 16px; |
42 line-height: 16px; |
42 } |
43 } |
43 |
44 |
45 .widget.widget-dirty .widget-control-close-wrapper { |
|
46 display: none; |
|
47 } |
|
48 |
|
44 .in-widget-title, |
49 .in-widget-title, |
45 #widgets-right a.widget-control-edit, |
50 #widgets-right a.widget-control-edit, |
46 #available-widgets .widget-description { |
51 #available-widgets .widget-description { |
47 color: #666; |
52 color: #666; |
48 } |
53 } |
49 |
54 |
50 .deleting .widget-title, |
55 .deleting .widget-title, |
51 .deleting .widget-top a.widget-action:after { |
56 .deleting .widget-top .widget-action .toggle-indicator:before { |
52 color: #a0a5aa; |
57 color: #a0a5aa; |
53 } |
58 } |
59 |
|
60 /* Media Widgets */ |
|
61 .wp-core-ui .media-widget-control.selected .placeholder, |
|
62 .wp-core-ui .media-widget-control.selected .not-selected, |
|
63 .wp-core-ui .media-widget-control .selected { |
|
64 display: none; |
|
65 } |
|
66 |
|
67 .media-widget-control.selected .selected { |
|
68 display: inline-block; |
|
69 } |
|
70 |
|
71 .media-widget-buttons { |
|
72 text-align: right; |
|
73 margin-top: 0; |
|
74 } |
|
75 |
|
76 .media-widget-control .media-widget-buttons .button { |
|
77 width: auto; |
|
78 height: auto; |
|
79 margin-top: 12px; |
|
80 white-space: normal; |
|
81 } |
|
82 |
|
83 .media-widget-buttons .button:first-child { |
|
84 margin-left: 8px; |
|
85 } |
|
86 |
|
87 .media-widget-control .placeholder { |
|
88 border: 1px dashed #b4b9be; |
|
89 box-sizing: border-box; |
|
90 cursor: pointer; |
|
91 line-height: 20px; |
|
92 padding: 9px 0; |
|
93 position: relative; |
|
94 text-align: center; |
|
95 width: 100%; |
|
96 } |
|
97 |
|
98 .media-widget-control .media-widget-preview { |
|
99 background: transparent; |
|
100 text-align: center; |
|
101 } |
|
102 .media-widget-control .media-widget-preview .notice { |
|
103 text-align: initial; |
|
104 } |
|
105 .media-frame .media-widget-embed-notice p code, |
|
106 .media-widget-control .notice p code { |
|
107 padding: 0 0 0 3px; |
|
108 } |
|
109 .media-frame .media-widget-embed-notice { |
|
110 margin-top: 16px; |
|
111 } |
|
112 .media-widget-control .media-widget-preview img { |
|
113 max-width: 100%; |
|
114 vertical-align: middle; |
|
115 } |
|
116 .media-widget-control .media-widget-preview .wp-video-shortcode { |
|
117 background: #000; |
|
118 } |
|
119 |
|
120 .media-frame.media-widget .media-toolbar-secondary { |
|
121 min-width: 300px; |
|
122 } |
|
123 |
|
124 .media-frame.media-widget .image-details .embed-media-settings .setting.align, |
|
125 .media-frame.media-widget .attachment-display-settings .setting.align, |
|
126 .media-frame.media-widget .embed-media-settings .setting.align, |
|
127 .media-frame.media-widget .embed-link-settings .setting.link-text, |
|
128 .media-frame.media-widget .replace-attachment, |
|
129 .media-frame.media-widget .checkbox-setting.autoplay { |
|
130 display: none; |
|
131 } |
|
132 |
|
133 .media-widget-video-preview { |
|
134 width: 100%; |
|
135 } |
|
136 |
|
137 .media-widget-video-link { |
|
138 display: inline-block; |
|
139 min-height: 132px; |
|
140 width: 100%; |
|
141 background: black; |
|
142 } |
|
143 |
|
144 .media-widget-video-link .dashicons { |
|
145 font: normal 60px/1 'dashicons'; |
|
146 position: relative; |
|
147 width: 100%; |
|
148 top: -90px; |
|
149 color: white; |
|
150 text-decoration: none; |
|
151 } |
|
152 |
|
153 .media-widget-video-link.no-poster .dashicons { |
|
154 top: 30px; |
|
155 } |
|
156 |
|
157 .media-frame #embed-url-field.invalid, |
|
158 .media-widget-image-link > .link:invalid { |
|
159 border: 1px solid #dc3232; |
|
160 } |
|
161 |
|
162 .media-widget-image-link { |
|
163 margin: 1em 0; |
|
164 } |
|
165 |
|
166 .media-widget-gallery-preview { |
|
167 display: -webkit-box; |
|
168 display: flex; |
|
169 -webkit-box-pack: start; |
|
170 justify-content: flex-start; |
|
171 flex-wrap: wrap; |
|
172 margin: -1.79104477%; |
|
173 } |
|
174 |
|
175 .media-widget-preview.media_gallery, |
|
176 .media-widget-preview.media_image { |
|
177 cursor: pointer; |
|
178 } |
|
179 |
|
180 .media-widget-preview .placeholder { |
|
181 background: #f1f1f1; |
|
182 } |
|
183 |
|
184 .media-widget-gallery-preview .gallery-item { |
|
185 box-sizing: border-box; |
|
186 width: 50%; |
|
187 margin: 0; |
|
188 background: transparent; |
|
189 } |
|
190 |
|
191 .media-widget-gallery-preview .gallery-item .gallery-icon { |
|
192 margin: 4.5%; |
|
193 } |
|
194 |
|
195 /* |
|
196 * Use targeted nth-last-child selectors to control the size of each image |
|
197 * based on how many gallery items are present in the grid. |
|
198 * See: https://alistapart.com/article/quantity-queries-for-css |
|
199 */ |
|
200 .media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child, |
|
201 .media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child ~ .gallery-item, |
|
202 .media-widget-gallery-preview .gallery-item:nth-last-child(n+5), |
|
203 .media-widget-gallery-preview .gallery-item:nth-last-child(n+5) ~ .gallery-item, |
|
204 .media-widget-gallery-preview .gallery-item:nth-last-child(n+6), |
|
205 .media-widget-gallery-preview .gallery-item:nth-last-child(n+6) ~ .gallery-item { |
|
206 max-width: 33.33%; |
|
207 } |
|
208 |
|
209 .media-widget-gallery-preview .gallery-item img { |
|
210 height: auto; |
|
211 vertical-align: bottom; |
|
212 } |
|
213 |
|
214 .media-widget-gallery-preview .gallery-icon { |
|
215 position: relative; |
|
216 } |
|
217 |
|
218 .media-widget-gallery-preview .gallery-icon-placeholder { |
|
219 position: absolute; |
|
220 top: 0; |
|
221 bottom: 0; |
|
222 width: 100%; |
|
223 box-sizing: border-box; |
|
224 display: -webkit-box; |
|
225 display: flex; |
|
226 -webkit-box-align: center; |
|
227 align-items: center; |
|
228 -webkit-box-pack: center; |
|
229 justify-content: center; |
|
230 background-color: rgba( 0, 0, 0, .5 ); |
|
231 } |
|
232 |
|
233 .media-widget-gallery-preview .gallery-icon-placeholder-text { |
|
234 font-weight: 600; |
|
235 font-size: 2em; |
|
236 color: white; |
|
237 } |
|
238 |
|
54 |
239 |
55 /* Widget Dragging Helpers */ |
240 /* Widget Dragging Helpers */ |
56 .widget.ui-draggable-dragging { |
241 .widget.ui-draggable-dragging { |
57 min-width: 100%; |
242 min-width: 100%; |
58 } |
243 } |
64 .widget-placeholder { |
249 .widget-placeholder { |
65 border: 1px dashed #b4b9be; |
250 border: 1px dashed #b4b9be; |
66 margin: 0 auto 10px; |
251 margin: 0 auto 10px; |
67 height: 45px; |
252 height: 45px; |
68 width: 100%; |
253 width: 100%; |
69 -webkit-box-sizing: border-box; |
|
70 -moz-box-sizing: border-box; |
|
71 box-sizing: border-box; |
254 box-sizing: border-box; |
72 } |
255 } |
73 |
256 |
74 #widgets-right .widget-placeholder { |
257 #widgets-right .widget-placeholder { |
75 margin-top: 0; |
258 margin-top: 0; |
82 } |
265 } |
83 |
266 |
84 /* Widget Sidebars */ |
267 /* Widget Sidebars */ |
85 .sidebar-name { |
268 .sidebar-name { |
86 position: relative; |
269 position: relative; |
87 -webkit-box-sizing: border-box; |
|
88 -moz-box-sizing: border-box; |
|
89 box-sizing: border-box; |
270 box-sizing: border-box; |
90 } |
|
91 |
|
92 .sidebar-name-arrow { |
|
93 position: absolute; |
|
94 top: 0; |
|
95 left: 0; |
|
96 bottom: 0; |
|
97 } |
271 } |
98 |
272 |
99 .js .sidebar-name { |
273 .js .sidebar-name { |
100 cursor: pointer; |
274 cursor: pointer; |
101 } |
275 } |
102 |
276 |
277 .sidebar-name .handlediv { |
|
278 float: left; |
|
279 width: 38px; |
|
280 height: 38px; |
|
281 border: 0; |
|
282 margin: 0; |
|
283 padding: 8px; |
|
284 background: none; |
|
285 cursor: pointer; |
|
286 outline: none; |
|
287 } |
|
288 |
|
289 #widgets-right .sidebar-name .handlediv { |
|
290 margin: 5px 0 0 3px; |
|
291 } |
|
292 |
|
293 .sidebar-name .handlediv:focus { |
|
294 box-shadow: none; |
|
295 outline: none; |
|
296 } |
|
297 |
|
298 #widgets-left .sidebar-name .toggle-indicator { |
|
299 display: none; |
|
300 } |
|
301 |
|
302 #widgets-left .widgets-holder-wrap.closed .sidebar-name .toggle-indicator, |
|
303 #widgets-left .sidebar-name:hover .toggle-indicator, |
|
304 #widgets-left .sidebar-name .handlediv:focus .toggle-indicator { |
|
305 display: block; |
|
306 } |
|
307 |
|
308 .sidebar-name .toggle-indicator:before { |
|
309 padding: 1px 0 1px 2px; |
|
310 border-radius: 50%; |
|
311 } |
|
312 |
|
313 .sidebar-name .handlediv:focus .toggle-indicator:before { |
|
314 box-shadow: |
|
315 0 0 0 1px #5b9dd9, |
|
316 0 0 2px 1px rgba(30, 140, 190, .8); |
|
317 } |
|
318 |
|
319 .sidebar-name h2, |
|
103 .sidebar-name h3 { |
320 .sidebar-name h3 { |
104 margin: 0; |
321 margin: 0; |
105 padding: 8px 10px; |
322 padding: 8px 10px; |
106 overflow: hidden; |
323 overflow: hidden; |
107 white-space: nowrap; |
324 white-space: nowrap; |
109 |
326 |
110 .widgets-holder-wrap .description { |
327 .widgets-holder-wrap .description { |
111 padding: 0 0 15px; |
328 padding: 0 0 15px; |
112 margin: 0; |
329 margin: 0; |
113 font-style: normal; |
330 font-style: normal; |
114 color: #777; |
331 color: #72777c; |
332 } |
|
333 |
|
334 .widget-holder .description, |
|
335 .inactive-sidebar .description { |
|
336 color: #555d66; |
|
115 } |
337 } |
116 |
338 |
117 #widgets-right .widgets-holder-wrap .description { |
339 #widgets-right .widgets-holder-wrap .description { |
118 padding-right: 7px; |
340 padding-right: 7px; |
119 padding-left: 7px; |
341 padding-left: 7px; |
140 div#widgets-left .closed .sidebar-name, |
362 div#widgets-left .closed .sidebar-name, |
141 div#widgets-left .inactive-sidebar.closed .sidebar-name { |
363 div#widgets-left .inactive-sidebar.closed .sidebar-name { |
142 margin-bottom: 10px; |
364 margin-bottom: 10px; |
143 } |
365 } |
144 |
366 |
367 div#widgets-left .sidebar-name h2, |
|
145 div#widgets-left .sidebar-name h3 { |
368 div#widgets-left .sidebar-name h3 { |
146 padding: 10px 0; |
369 padding: 10px 0; |
147 margin: 0 0 0 10px; |
370 margin: 0 0 0 10px; |
148 } |
371 } |
149 |
372 |
150 div#widgets-left .sidebar-name .sidebar-name-arrow:before { |
373 #widgets-left .widgets-holder-wrap, |
151 left: 0; |
|
152 top: 4px; |
|
153 padding: 4px 4px 4px 6px; |
|
154 } |
|
155 |
|
156 #widgets-left #available-widgets, |
|
157 div#widgets-left .widget-holder { |
374 div#widgets-left .widget-holder { |
158 background: transparent; |
375 background: transparent; |
159 border: none; |
376 border: none; |
160 } |
377 } |
161 |
378 |
162 #widgets-left .widgets-holder-wrap { |
379 #widgets-left .widgets-holder-wrap { |
163 border: none; |
380 border: none; |
164 -webkit-box-shadow: none; |
|
165 box-shadow: none; |
381 box-shadow: none; |
166 } |
382 } |
167 |
383 |
168 #available-widgets .widget-action { |
384 #available-widgets .widget-action { |
169 display: none; |
385 display: none; |
179 |
395 |
180 #available-widgets .widget .widget-description { |
396 #available-widgets .widget .widget-description { |
181 display: block; |
397 display: block; |
182 padding: 10px 15px; |
398 padding: 10px 15px; |
183 font-size: 12px; |
399 font-size: 12px; |
400 overflow-wrap: break-word; |
|
401 word-wrap: break-word; |
|
402 -ms-word-break: break-all; |
|
403 word-break: break-word; |
|
404 -ms-hyphens: auto; |
|
405 -webkit-hyphens: auto; |
|
406 hyphens: auto; |
|
184 } |
407 } |
185 |
408 |
186 #available-widgets #widget-list { |
409 #available-widgets #widget-list { |
187 position: relative; |
410 position: relative; |
188 } |
411 } |
193 width: 100%; |
416 width: 100%; |
194 background: transparent; |
417 background: transparent; |
195 padding: 0; |
418 padding: 0; |
196 margin: 0 0 20px 0; |
419 margin: 0 0 20px 0; |
197 border: none; |
420 border: none; |
198 -webkit-box-shadow: none; |
|
199 box-shadow: none; |
421 box-shadow: none; |
200 } |
422 } |
201 |
423 |
202 #widgets-left .inactive-sidebar.first { |
424 #widgets-left .inactive-sidebar.first { |
203 margin-top: 40px; |
425 margin-top: 40px; |
221 position: relative; |
443 position: relative; |
222 } |
444 } |
223 |
445 |
224 /* Widgets Right */ |
446 /* Widgets Right */ |
225 |
447 |
226 div#widgets-right:after { |
|
227 content: "."; |
|
228 display: block; |
|
229 height: 0; |
|
230 clear: both; |
|
231 visibility: hidden; |
|
232 } |
|
233 |
|
234 div#widgets-right .sidebars-column-1, |
448 div#widgets-right .sidebars-column-1, |
235 div#widgets-right .sidebars-column-2 { |
449 div#widgets-right .sidebars-column-2 { |
236 max-width: 450px; |
450 max-width: 450px; |
237 } |
451 } |
238 |
452 |
243 div#widgets-right .sidebar-description { |
457 div#widgets-right .sidebar-description { |
244 min-height: 20px; |
458 min-height: 20px; |
245 margin-top: -5px; |
459 margin-top: -5px; |
246 } |
460 } |
247 |
461 |
462 div#widgets-right .sidebar-name h2, |
|
248 div#widgets-right .sidebar-name h3 { |
463 div#widgets-right .sidebar-name h3 { |
249 padding: 15px 7px; |
464 padding: 15px 7px; |
250 } |
|
251 |
|
252 div#widgets-right .sidebar-name .sidebar-name-arrow:before { |
|
253 left: 0; |
|
254 top: 4px; |
|
255 } |
465 } |
256 |
466 |
257 div#widgets-right .widget-top { |
467 div#widgets-right .widget-top { |
258 padding: 0; |
468 padding: 0; |
259 } |
469 } |
268 div#widgets-right .closed .widgets-sortables { |
478 div#widgets-right .closed .widgets-sortables { |
269 min-height: 0; |
479 min-height: 0; |
270 margin-bottom: 0; |
480 margin-bottom: 0; |
271 } |
481 } |
272 |
482 |
273 .sidebar-name .spinner { |
483 .sidebar-name .spinner, |
484 .remove-inactive-widgets .spinner { |
|
274 float: none; |
485 float: none; |
275 position: relative; |
486 position: relative; |
276 top: -2px; |
487 top: -2px; |
277 margin: -5px 5px; |
488 margin: -5px 5px; |
278 } |
489 } |
279 |
490 |
280 /* Dragging a widget over a closed sidebar */ |
491 /* Dragging a widget over a closed sidebar */ |
281 #widgets-right .widgets-holder-wrap.widget-hover { |
492 #widgets-right .widgets-holder-wrap.widget-hover { |
282 border-color: #777; |
493 border-color: #72777c; |
283 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); |
|
284 box-shadow: 0 1px 2px rgba(0,0,0,0.3); |
494 box-shadow: 0 1px 2px rgba(0,0,0,0.3); |
285 } |
495 } |
286 |
496 |
287 /* Accessibility Mode */ |
497 /* Accessibility Mode */ |
288 .widgets_access #widgets-left .widget .widget-top { |
498 .widgets_access #widgets-left .widget .widget-top { |
344 margin-top: 20px; |
554 margin-top: 20px; |
345 } |
555 } |
346 |
556 |
347 .js .widgets-holder-wrap.closed .widget, |
557 .js .widgets-holder-wrap.closed .widget, |
348 .js .widgets-holder-wrap.closed .sidebar-description, |
558 .js .widgets-holder-wrap.closed .sidebar-description, |
559 .js .widgets-holder-wrap.closed .remove-inactive-widgets, |
|
560 .js .widgets-holder-wrap.closed .description, |
|
349 .js .closed br.clear { |
561 .js .closed br.clear { |
350 display: none; |
562 display: none; |
563 } |
|
564 |
|
565 .js .widgets-holder-wrap.closed .widget.ui-sortable-helper { |
|
566 display: block; |
|
351 } |
567 } |
352 |
568 |
353 /* Hide Widget Settings by Default */ |
569 /* Hide Widget Settings by Default */ |
354 .widget-inside, |
570 .widget-inside, |
355 .widget-description { |
571 .widget-description { |
361 } |
577 } |
362 |
578 |
363 /* Dragging widgets over the available widget area show's a "Deactivate" message */ |
579 /* Dragging widgets over the available widget area show's a "Deactivate" message */ |
364 #removing-widget { |
580 #removing-widget { |
365 display: none; |
581 display: none; |
366 font-weight: normal; |
582 font-weight: 400; |
367 padding-right: 15px; |
583 padding-right: 15px; |
368 font-size: 12px; |
584 font-size: 12px; |
369 line-height: 1; |
585 line-height: 1; |
370 color: black; |
586 color: black; |
371 } |
587 } |
375 } |
591 } |
376 |
592 |
377 .widget-control-noform, |
593 .widget-control-noform, |
378 #access-off, |
594 #access-off, |
379 .widgets_access .widget-action, |
595 .widgets_access .widget-action, |
380 .widgets_access .sidebar-name-arrow, |
596 .widgets_access .handlediv, |
381 .widgets_access #access-on, |
597 .widgets_access #access-on, |
382 .widgets_access .widget-holder .description, |
598 .widgets_access .widget-holder .description, |
383 .no-js .widget-holder .description { |
599 .no-js .widget-holder .description { |
384 display: none; |
600 display: none; |
385 } |
601 } |
400 |
616 |
401 |
617 |
402 /* Widgets Area Chooser */ |
618 /* Widgets Area Chooser */ |
403 .widget-liquid-left #widgets-left.chooser #available-widgets .widget, |
619 .widget-liquid-left #widgets-left.chooser #available-widgets .widget, |
404 .widget-liquid-left #widgets-left.chooser .inactive-sidebar { |
620 .widget-liquid-left #widgets-left.chooser .inactive-sidebar { |
405 -webkit-transition: opacity 0.1s linear; |
|
406 transition: opacity 0.1s linear; |
621 transition: opacity 0.1s linear; |
407 } |
622 } |
408 |
623 |
409 .widget-liquid-left #widgets-left.chooser #available-widgets .widget, |
624 .widget-liquid-left #widgets-left.chooser #available-widgets .widget, |
410 .widget-liquid-left #widgets-left.chooser .inactive-sidebar { |
625 .widget-liquid-left #widgets-left.chooser .inactive-sidebar { |
423 #widgets-left .widget-in-question .widget-top, |
638 #widgets-left .widget-in-question .widget-top, |
424 #available-widgets .widget-top:hover, |
639 #available-widgets .widget-top:hover, |
425 div#widgets-right .widget-top:hover, |
640 div#widgets-right .widget-top:hover, |
426 #widgets-left .widget-top:hover { |
641 #widgets-left .widget-top:hover { |
427 border-color: #999; |
642 border-color: #999; |
428 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); |
|
429 box-shadow: 0 1px 2px rgba(0,0,0,0.1); |
643 box-shadow: 0 1px 2px rgba(0,0,0,0.1); |
430 } |
644 } |
431 |
645 |
432 .widgets-chooser ul.widgets-chooser-sidebars { |
646 .widgets-chooser ul.widgets-chooser-sidebars { |
433 margin: 0; |
647 margin: 0; |
450 background: #fff; |
664 background: #fff; |
451 margin: 0; |
665 margin: 0; |
452 cursor: pointer; |
666 cursor: pointer; |
453 outline: none; |
667 outline: none; |
454 position: relative; |
668 position: relative; |
455 -webkit-transition: background 0.2s ease-in-out; |
|
456 transition: background 0.2s ease-in-out; |
669 transition: background 0.2s ease-in-out; |
457 } |
670 } |
458 |
671 |
672 /* @todo looks like these hover/focus states are overridden by .widgets-chooser-selected */ |
|
459 .widgets-chooser li:hover, |
673 .widgets-chooser li:hover, |
460 .widgets-chooser li:focus { |
674 .widgets-chooser li:focus { |
461 background: rgba(255,255,255,0.7); |
675 background: rgba(255,255,255,0.7); |
462 } |
676 } |
463 |
677 |
464 .widgets-chooser li:focus:before { |
678 .widgets-chooser li:focus:before { |
465 content: '\f147'; |
679 content: "\f147"; |
466 display: block; |
680 display: block; |
467 -webkit-font-smoothing: antialiased; |
681 -webkit-font-smoothing: antialiased; |
468 font: normal 26px/1 'dashicons'; |
682 font: normal 26px/1 dashicons; |
469 color: #999; |
683 color: #555d66; |
470 position: absolute; |
684 position: absolute; |
471 top: 7px; |
685 top: 7px; |
472 right: 5px; |
686 right: 5px; |
473 } |
687 } |
474 |
688 |
481 color: #fff; |
695 color: #fff; |
482 } |
696 } |
483 |
697 |
484 .widgets-chooser li.widgets-chooser-selected:before, |
698 .widgets-chooser li.widgets-chooser-selected:before, |
485 .widgets-chooser li.widgets-chooser-selected:focus:before { |
699 .widgets-chooser li.widgets-chooser-selected:focus:before { |
486 content: '\f147'; |
700 content: "\f147"; |
487 display: block; |
701 display: block; |
488 -webkit-font-smoothing: antialiased; |
702 -webkit-font-smoothing: antialiased; |
489 font: normal 26px/1 'dashicons'; |
703 font: normal 26px/1 dashicons; |
490 color: #fff; |
704 color: #fff; |
491 position: absolute; |
705 position: absolute; |
492 top: 7px; |
706 top: 7px; |
493 right: 5px; |
707 right: 5px; |
494 } |
708 } |
502 margin-left: 5px; |
716 margin-left: 5px; |
503 } |
717 } |
504 |
718 |
505 #available-widgets .widget .widget-top { |
719 #available-widgets .widget .widget-top { |
506 cursor: pointer; |
720 cursor: pointer; |
721 } |
|
722 |
|
723 #available-widgets .widget.ui-draggable-dragging .widget-top { |
|
724 cursor: move; |
|
725 } |
|
726 |
|
727 /* =Specific widget styling |
|
728 -------------------------------------------------------------- */ |
|
729 .text-widget-fields { |
|
730 position: relative; |
|
731 } |
|
732 .text-widget-fields [hidden] { |
|
733 display: none; |
|
734 } |
|
735 .text-widget-fields .wp-pointer.wp-pointer-top { |
|
736 position: absolute; |
|
737 z-index: 3; |
|
738 top: 100px; |
|
739 left: 10px; |
|
740 right: 10px; |
|
741 } |
|
742 .text-widget-fields .wp-pointer .wp-pointer-arrow { |
|
743 right: auto; |
|
744 left: 15px; |
|
745 } |
|
746 .text-widget-fields .wp-pointer .wp-pointer-buttons { |
|
747 line-height: 1.4em; |
|
748 } |
|
749 |
|
750 .custom-html-widget-fields > p > .CodeMirror { |
|
751 border: 1px solid #e5e5e5; |
|
752 } |
|
753 .custom-html-widget-fields code { |
|
754 padding-top: 1px; |
|
755 padding-bottom: 1px; |
|
756 } |
|
757 ul.CodeMirror-hints { |
|
758 z-index: 101; /* Due to z-index 100 set on .widget.open */ |
|
759 } |
|
760 .widget-control-actions .custom-html-widget-save-button.button.validation-blocked { |
|
761 cursor: not-allowed; |
|
507 } |
762 } |
508 |
763 |
509 /* =Media Queries |
764 /* =Media Queries |
510 -------------------------------------------------------------- */ |
765 -------------------------------------------------------------- */ |
511 |
766 |
533 width: 100%; |
788 width: 100%; |
534 float: none; |
789 float: none; |
535 } |
790 } |
536 |
791 |
537 div.widget { |
792 div.widget { |
538 margin: 0 auto 10px !important; |
793 margin: 0 auto !important; |
539 max-width: 480px; |
794 max-width: 480px; |
540 } |
795 } |
541 } |
796 } |
542 |
797 |
543 @media screen and (max-width: 320px) { |
798 @media screen and (max-width: 320px) { |