| changeset 18 | be944660c56a |
| parent 16 | a86126ab1dd4 |
| child 19 | 3d72ae0968f4 |
| 17:34716fd837a4 | 18:be944660c56a |
|---|---|
15 } |
15 } |
16 |
16 |
17 .widget-top { |
17 .widget-top { |
18 font-size: 13px; |
18 font-size: 13px; |
19 font-weight: 600; |
19 font-weight: 600; |
20 background: #f7f7f7; |
20 background: #f6f7f7; |
21 } |
21 } |
22 |
22 |
23 .widget-top .widget-action { |
23 .widget-top .widget-action { |
24 border: 0; |
24 border: 0; |
25 margin: 0; |
25 margin: 0; |
36 line-height: 1; |
36 line-height: 1; |
37 overflow: hidden; |
37 overflow: hidden; |
38 white-space: nowrap; |
38 white-space: nowrap; |
39 text-overflow: ellipsis; |
39 text-overflow: ellipsis; |
40 -webkit-user-select: none; |
40 -webkit-user-select: none; |
41 -moz-user-select: none; |
|
42 -ms-user-select: none; |
|
43 user-select: none; |
41 user-select: none; |
44 } |
42 } |
45 |
43 |
46 .widgets-holder-wrap .widget-inside { |
44 .widgets-holder-wrap .widget-inside { |
47 border-top: none; |
45 border-top: none; |
54 } |
52 } |
55 |
53 |
56 .in-widget-title, |
54 .in-widget-title, |
57 #widgets-right a.widget-control-edit, |
55 #widgets-right a.widget-control-edit, |
58 #available-widgets .widget-description { |
56 #available-widgets .widget-description { |
59 color: #666; |
57 color: #646970; |
60 } |
58 } |
61 |
59 |
62 .deleting .widget-title, |
60 .deleting .widget-title, |
63 .deleting .widget-top .widget-action .toggle-indicator:before { |
61 .deleting .widget-top .widget-action .toggle-indicator:before { |
64 color: #a0a5aa; |
62 color: #a7aaad; |
65 } |
63 } |
66 |
64 |
67 /* Media Widgets */ |
65 /* Media Widgets */ |
68 .wp-core-ui .media-widget-control.selected .placeholder, |
66 .wp-core-ui .media-widget-control.selected .placeholder, |
69 .wp-core-ui .media-widget-control.selected .not-selected, |
67 .wp-core-ui .media-widget-control.selected .not-selected, |
91 margin-left: 8px; |
89 margin-left: 8px; |
92 } |
90 } |
93 |
91 |
94 .media-widget-control .attachment-media-view .button-add-media, |
92 .media-widget-control .attachment-media-view .button-add-media, |
95 .media-widget-control .placeholder { |
93 .media-widget-control .placeholder { |
96 border: 1px dashed #b4b9be; |
94 border: 1px dashed #c3c4c7; |
97 box-sizing: border-box; |
95 box-sizing: border-box; |
98 cursor: pointer; |
96 cursor: pointer; |
99 line-height: 1.6; |
97 line-height: 1.6; |
100 padding: 9px 0; |
98 padding: 9px 0; |
101 position: relative; |
99 position: relative; |
103 width: 100%; |
101 width: 100%; |
104 } |
102 } |
105 |
103 |
106 .media-widget-control .attachment-media-view .button-add-media { |
104 .media-widget-control .attachment-media-view .button-add-media { |
107 cursor: pointer; |
105 cursor: pointer; |
108 background-color: #edeff0; |
106 background-color: #f0f0f1; |
109 color: #32373c; |
107 color: #2c3338; |
110 } |
108 } |
111 |
109 |
112 .media-widget-control .attachment-media-view .button-add-media:hover { |
110 .media-widget-control .attachment-media-view .button-add-media:hover { |
113 background-color: #fbfbfc; |
111 background-color: #fff; |
114 } |
112 } |
115 |
113 |
116 .media-widget-control .attachment-media-view .button-add-media:focus { |
114 .media-widget-control .attachment-media-view .button-add-media:focus { |
117 background-color: #fbfbfc; |
115 background-color: #fff; |
118 border-style: solid; |
116 border-style: solid; |
119 border-color: #5b9dd9; |
117 border-color: #4f94d4; |
120 box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); |
118 box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); |
121 /* Only visible in Windows High Contrast mode */ |
119 /* Only visible in Windows High Contrast mode */ |
122 outline: 2px solid transparent; |
120 outline: 2px solid transparent; |
123 outline-offset: -2px; |
121 outline-offset: -2px; |
124 } |
122 } |
125 |
123 |
138 margin-top: 16px; |
136 margin-top: 16px; |
139 } |
137 } |
140 .media-widget-control .media-widget-preview img { |
138 .media-widget-control .media-widget-preview img { |
141 max-width: 100%; |
139 max-width: 100%; |
142 vertical-align: middle; |
140 vertical-align: middle; |
143 background-image: linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4); |
141 background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); |
144 background-position: 100% 0, 10px 10px; |
142 background-position: 100% 0, 10px 10px; |
145 background-size: 20px 20px; |
143 background-size: 20px 20px; |
146 } |
144 } |
147 .media-widget-control .media-widget-preview .wp-video-shortcode { |
145 .media-widget-control .media-widget-preview .wp-video-shortcode { |
148 background: #000; |
146 background: #000; |
168 |
166 |
169 .media-widget-video-link { |
167 .media-widget-video-link { |
170 display: inline-block; |
168 display: inline-block; |
171 min-height: 132px; |
169 min-height: 132px; |
172 width: 100%; |
170 width: 100%; |
173 background: black; |
171 background: #000; |
174 } |
172 } |
175 |
173 |
176 .media-widget-video-link .dashicons { |
174 .media-widget-video-link .dashicons { |
177 font: normal 60px/1 'dashicons'; |
175 font: normal 60px/1 'dashicons'; |
178 position: relative; |
176 position: relative; |
179 width: 100%; |
177 width: 100%; |
180 top: -90px; |
178 top: -90px; |
181 color: white; |
179 color: #fff; |
182 text-decoration: none; |
180 text-decoration: none; |
183 } |
181 } |
184 |
182 |
185 .media-widget-video-link.no-poster .dashicons { |
183 .media-widget-video-link.no-poster .dashicons { |
186 top: 30px; |
184 top: 30px; |
187 } |
185 } |
188 |
186 |
189 .media-frame #embed-url-field.invalid, |
187 .media-frame #embed-url-field.invalid, |
190 .media-widget-image-link > .link:invalid { |
188 .media-widget-image-link > .link:invalid { |
191 border: 1px solid #dc3232; |
189 border: 1px solid #d63638; |
192 } |
190 } |
193 |
191 |
194 .media-widget-image-link { |
192 .media-widget-image-link { |
195 margin: 1em 0; |
193 margin: 1em 0; |
196 } |
194 } |
206 .media-widget-preview.media_image { |
204 .media-widget-preview.media_image { |
207 cursor: pointer; |
205 cursor: pointer; |
208 } |
206 } |
209 |
207 |
210 .media-widget-preview .placeholder { |
208 .media-widget-preview .placeholder { |
211 background: #f1f1f1; |
209 background: #f0f0f1; |
212 } |
210 } |
213 |
211 |
214 .media-widget-gallery-preview .gallery-item { |
212 .media-widget-gallery-preview .gallery-item { |
215 box-sizing: border-box; |
213 box-sizing: border-box; |
216 width: 50%; |
214 width: 50%; |
258 } |
256 } |
259 |
257 |
260 .media-widget-gallery-preview .gallery-icon-placeholder-text { |
258 .media-widget-gallery-preview .gallery-icon-placeholder-text { |
261 font-weight: 600; |
259 font-weight: 600; |
262 font-size: 2em; |
260 font-size: 2em; |
263 color: white; |
261 color: #fff; |
264 } |
262 } |
265 |
263 |
266 |
264 |
267 /* Widget Dragging Helpers */ |
265 /* Widget Dragging Helpers */ |
268 .widget.ui-draggable-dragging { |
266 .widget.ui-draggable-dragging { |
272 .widget.ui-sortable-helper { |
270 .widget.ui-sortable-helper { |
273 opacity: 0.8; |
271 opacity: 0.8; |
274 } |
272 } |
275 |
273 |
276 .widget-placeholder { |
274 .widget-placeholder { |
277 border: 1px dashed #b4b9be; |
275 border: 1px dashed #c3c4c7; |
278 margin: 0 auto 10px; |
276 margin: 0 auto 10px; |
279 height: 45px; |
277 height: 45px; |
280 width: 100%; |
278 width: 100%; |
281 box-sizing: border-box; |
279 box-sizing: border-box; |
282 } |
280 } |
338 border-radius: 50%; |
336 border-radius: 50%; |
339 } |
337 } |
340 |
338 |
341 .sidebar-name .handlediv:focus .toggle-indicator:before { |
339 .sidebar-name .handlediv:focus .toggle-indicator:before { |
342 box-shadow: |
340 box-shadow: |
343 0 0 0 1px #5b9dd9, |
341 0 0 0 1px #4f94d4, |
344 0 0 2px 1px rgba(30, 140, 190, 0.8); |
342 0 0 2px 1px rgba(79, 148, 212, 0.8); |
345 } |
343 } |
346 |
344 |
347 .sidebar-name h2, |
345 .sidebar-name h2, |
348 .sidebar-name h3 { |
346 .sidebar-name h3 { |
349 margin: 0; |
347 margin: 0; |
354 |
352 |
355 .widgets-holder-wrap .description { |
353 .widgets-holder-wrap .description { |
356 padding: 0 0 15px; |
354 padding: 0 0 15px; |
357 margin: 0; |
355 margin: 0; |
358 font-style: normal; |
356 font-style: normal; |
359 color: #72777c; |
357 color: #646970; |
360 } |
358 } |
361 |
359 |
362 .widget-holder .description, |
360 .widget-holder .description, |
363 .inactive-sidebar .description { |
361 .inactive-sidebar .description { |
364 color: #555d66; |
362 color: #50575e; |
365 } |
363 } |
366 |
364 |
367 #widgets-right .widgets-holder-wrap .description { |
365 #widgets-right .widgets-holder-wrap .description { |
368 padding-right: 7px; |
366 padding-right: 7px; |
369 padding-left: 7px; |
367 padding-left: 7px; |
423 font-size: 12px; |
421 font-size: 12px; |
424 overflow-wrap: break-word; |
422 overflow-wrap: break-word; |
425 word-wrap: break-word; |
423 word-wrap: break-word; |
426 -ms-word-break: break-all; |
424 -ms-word-break: break-all; |
427 word-break: break-word; |
425 word-break: break-word; |
428 -ms-hyphens: auto; |
|
429 -webkit-hyphens: auto; |
426 -webkit-hyphens: auto; |
430 hyphens: auto; |
427 hyphens: auto; |
431 } |
428 } |
432 |
429 |
433 #available-widgets #widget-list { |
430 #available-widgets #widget-list { |
512 margin: -5px 5px; |
509 margin: -5px 5px; |
513 } |
510 } |
514 |
511 |
515 /* Dragging a widget over a closed sidebar */ |
512 /* Dragging a widget over a closed sidebar */ |
516 #widgets-right .widgets-holder-wrap.widget-hover { |
513 #widgets-right .widgets-holder-wrap.widget-hover { |
517 border-color: #72777c; |
514 border-color: #787c82; |
518 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); |
515 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); |
519 } |
516 } |
520 |
517 |
521 /* Accessibility Mode */ |
518 /* Accessibility Mode */ |
522 .widget-access-link { |
519 .widget-access-link { |
534 display: block; |
531 display: block; |
535 } |
532 } |
536 |
533 |
537 .widgets_access #widgets-left .widget .widget-top:hover, |
534 .widgets_access #widgets-left .widget .widget-top:hover, |
538 .widgets_access #widgets-right .widget .widget-top:hover { |
535 .widgets_access #widgets-right .widget .widget-top:hover { |
539 border-color: #ddd; |
536 border-color: #dcdcde; |
540 } |
537 } |
541 |
538 |
542 #available-widgets .widget-control-edit .edit, |
539 #available-widgets .widget-control-edit .edit, |
543 #available-widgets .widget-action .edit, |
540 #available-widgets .widget-action .edit, |
544 #widgets-left .inactive-sidebar .widget-control-edit .add, |
541 #widgets-left .inactive-sidebar .widget-control-edit .add, |
548 display: none; |
545 display: none; |
549 } |
546 } |
550 |
547 |
551 .widget-control-edit { |
548 .widget-control-edit { |
552 display: block; |
549 display: block; |
553 color: #666; |
550 color: #646970; |
554 background: #EEE; |
551 background: #f0f0f1; |
555 padding: 0 15px; |
552 padding: 0 15px; |
556 line-height: 3.30769230; |
553 line-height: 3.30769230; |
557 border-right: 1px solid #DDD; |
554 border-right: 1px solid #dcdcde; |
558 } |
555 } |
559 |
556 |
560 #widgets-left .widget-control-edit:hover, |
557 #widgets-left .widget-control-edit:hover, |
561 #widgets-right .widget-control-edit:hover { |
558 #widgets-right .widget-control-edit:hover { |
562 color: #fff; |
559 color: #fff; |
563 background: #444; |
560 background: #3c434a; |
564 border-right: 0; |
561 border-right: 0; |
565 outline: 1px solid #444; |
562 outline: 1px solid #3c434a; |
566 } |
563 } |
567 |
564 |
568 .widgets-holder-wrap .sidebar-name, |
565 .widgets-holder-wrap .sidebar-name, |
569 .widgets-holder-wrap .sidebar-description { |
566 .widgets-holder-wrap .sidebar-description { |
570 -webkit-user-select: none; |
567 -webkit-user-select: none; |
571 -moz-user-select: none; |
|
572 -ms-user-select: none; |
|
573 user-select: none; |
568 user-select: none; |
574 } |
569 } |
575 |
570 |
576 .editwidget { |
571 .editwidget { |
577 margin: 0 auto; |
572 margin: 0 auto; |
617 display: none; |
612 display: none; |
618 font-weight: 400; |
613 font-weight: 400; |
619 padding-right: 15px; |
614 padding-right: 15px; |
620 font-size: 12px; |
615 font-size: 12px; |
621 line-height: 1; |
616 line-height: 1; |
622 color: black; |
617 color: #000; |
623 } |
618 } |
624 |
619 |
625 .js #removing-widget { |
620 .js #removing-widget { |
626 color: #00a0d2; |
621 color: #72aee6; |
627 } |
622 } |
628 |
623 |
629 .widget-control-noform, |
624 .widget-control-noform, |
630 #access-off, |
625 #access-off, |
631 .widgets_access .widget-action, |
626 .widgets_access .widget-action, |
673 .widgets-chooser ul, |
668 .widgets-chooser ul, |
674 #widgets-left .widget-in-question .widget-top, |
669 #widgets-left .widget-in-question .widget-top, |
675 #available-widgets .widget-top:hover, |
670 #available-widgets .widget-top:hover, |
676 div#widgets-right .widget-top:hover, |
671 div#widgets-right .widget-top:hover, |
677 #widgets-left .widget-top:hover { |
672 #widgets-left .widget-top:hover { |
678 border-color: #999; |
673 border-color: #8c8f94; |
679 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); |
674 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); |
680 } |
675 } |
681 |
676 |
682 .widgets-chooser ul.widgets-chooser-sidebars { |
677 .widgets-chooser ul.widgets-chooser-sidebars { |
683 margin: 0; |
678 margin: 0; |
689 .widgets-chooser { |
684 .widgets-chooser { |
690 display: none; |
685 display: none; |
691 } |
686 } |
692 |
687 |
693 .widgets-chooser ul { |
688 .widgets-chooser ul { |
694 border: 1px solid #ccc; |
689 border: 1px solid #c3c4c7; |
695 } |
690 } |
696 |
691 |
697 .widgets-chooser li { |
692 .widgets-chooser li { |
698 border-bottom: 1px solid #ccc; |
693 border-bottom: 1px solid #c3c4c7; |
699 background: #fff; |
694 background: #fff; |
700 margin: 0; |
695 margin: 0; |
701 position: relative; |
696 position: relative; |
702 } |
697 } |
703 |
698 |
722 .widgets-chooser li:last-child { |
717 .widgets-chooser li:last-child { |
723 border: none; |
718 border: none; |
724 } |
719 } |
725 |
720 |
726 .widgets-chooser .widgets-chooser-selected .widgets-chooser-button { |
721 .widgets-chooser .widgets-chooser-selected .widgets-chooser-button { |
727 background: #0073aa; |
722 background: #2271b1; |
728 color: #fff; |
723 color: #fff; |
729 } |
724 } |
730 |
725 |
731 .widgets-chooser .widgets-chooser-selected:before { |
726 .widgets-chooser .widgets-chooser-selected:before { |
732 content: "\f147"; |
727 content: "\f147"; |
774 .text-widget-fields .wp-pointer .wp-pointer-buttons { |
769 .text-widget-fields .wp-pointer .wp-pointer-buttons { |
775 line-height: 1.4; |
770 line-height: 1.4; |
776 } |
771 } |
777 |
772 |
778 .custom-html-widget-fields > p > .CodeMirror { |
773 .custom-html-widget-fields > p > .CodeMirror { |
779 border: 1px solid #e5e5e5; |
774 border: 1px solid #dcdcde; |
780 } |
775 } |
781 .custom-html-widget-fields code { |
776 .custom-html-widget-fields code { |
782 padding-top: 1px; |
777 padding-top: 1px; |
783 padding-bottom: 1px; |
778 padding-bottom: 1px; |
784 } |
779 } |