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